@charset "utf-8";
*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol, ul{ margin:0;}
p{ margin:0;}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0;}
.cor_red{ color:#fe0000;}
.cor_yellow{ color:#fdd000;}
.cor_green{ color:#008e2b;}
.f22{ font-size:22px;}
.clear{ clear:both;}
.shows{ display:block;}
.showsIn{ display:inline-block;}
.hides{ display:none;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html { -ms-touch-action: none; height:100%;}
body { font-family:"Microsoft YaHei"; position: relative; height:100%; *cursor: default; color:#333333; overflow-x:hidden;}
@font-face {
    font-family:'FZQK';
	src:url(../fonts/FZQK.TTF);
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family:'SYSTB';
	src:url(../fonts/SYSTB.ttf);
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'HDXQCT';
	src:url(../fonts/HDXQCT.ttf);
    font-weight: normal;
    font-style: normal;
}*/
.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}
.headerBg{ padding:30px 0 20px; transition:all 0.3s ease-out 0s;}
.headerBg.active{ padding:15px 0 10px; background:rgba(0,0,0,0.75);}
.headerBg.active2{ padding:15px 0 10px; background:rgba(0,0,0,0.75);}
.logo{ height:auto; padding:5px 0 0; margin-left:0 !important; transition:all 0.3s ease-out 0s;}
.logo img{ transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav{ border:none; background:none;}
.navList{ padding:0;}
nav.navbar.bootsnav ul.nav > li{ padding:0 15px;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0; margin:0; font-weight:normal; font-family:'FZQK'; color:#ededed; text-align:center; transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav ul.nav > li > a h3{ font-size:16px; font-family:'FZQK',"Microsoft YaHei"; font-family:'FZQK',"微软雅黑";}
nav.navbar.bootsnav ul.nav > li > a i{ display:block; height:1px; background:#65d3e3; margin:5px 0 2px; position:relative; left:50%; width:0; transition:all 0.3s ease-out 0s;}
nav.navbar.bootsnav ul.nav > li > a span{ font-size:10px; display:block; font-family:Arial;}
nav.navbar.bootsnav ul.nav > li > a:hover,nav.navbar.bootsnav ul.nav > li.on > a,nav.navbar.bootsnav ul.nav > li.active > a{ color:#65d3e3;}
nav.navbar.bootsnav ul.nav > li > a:hover i,nav.navbar.bootsnav ul.nav > li.on > a i,nav.navbar.bootsnav ul.nav > li.active > a i{ width:100%; left:0;}
.navRig{ line-height:44px; height:46px; font-size:14px; color:#333333; margin-right:0; margin-left:25px;}
.navRig > ul > li > a{ font-size:14px; color:#c6c6c6; display:inline-block; padding:0; text-align:center;}
.navRig > ul > li > a.language{ color:#c6c6c6; border:1px solid rgba(255,255,255,0.34); border-radius:50%; width:32px; height:32px; line-height:30px;}
nav.navbar.bootsnav .navbar-toggle{ background:none !important; color:#65d3e3;}

.banner{ height:100%; position:relative;}
.banCaption{ color:#FFFFFF; display:table; height:100%; left:0; min-height:100%; position:absolute; text-align:center; top:0; width:100%; z-index:11;}
.banContent{ display:table-cell; vertical-align:middle;}
.banner .swiper-pagination{ display:block; position:static; text-align:right; width:100%;}
.banner .swiper-pagination-bullet{ width:16px; height:16px; margin:0 7px; background:#FFFFFF; opacity:0.4; transition:all 0.4s ease 0s;}
.banner .swiper-pagination-bullet-active{ opacity:0.9;}

.banBg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banImg{ max-width:20%; margin:0 auto;}
.banImg img{ margin:0 auto; /*transform:translateX(-20%);*/}
.banDot{ position:absolute; bottom:4%; left:0; z-index:1000; width:100%;}
.banDot .container{ margin:0 auto;}
.nav-dots{ position:static !important; text-align:right !important;}
.nav-dots span{ background:rgba(255,255,255,0.4) !important; box-shadow:none !important;}
.nav-dots span.nav-dot-current{ background:rgba(255,255,255,0.9) !important;}
.nav-dots span.nav-dot-current:after{ display:none !important;}
.banBtn{ position:absolute; left:50%; bottom:2%; z-index:1000; cursor:pointer; transform:translateX(-50%); cursor:pointer; width:70px; height:70px; border-radius:50%; border:2px solid rgba(255,255,255,0.5); box-shadow:1px 1px 1px rgba(0,0,0,0.1);}
.banBtn:after{ display:block; content:""; width:35px; height:35px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../images/banBtn.png) center center no-repeat; background-size:cover;  animation:flash 3s infinite;}

.box1Bg{ padding:45px 0; background:#FFFFFF;}
.box1Top{ padding:60px 0;}
.box1Top img{ margin:0 auto;}

.box1Cen{ margin:0; font-size:0; padding:30px 5%;}
.box1Cen li{ width:25%; padding:10px; vertical-align:top;}
.box1CenCon{ position:relative;}
.box1CenCon img{ margin:0 auto;}
.box1CenText{font-family:'HDXQCT'; font-size:52px; color:#1b1b1b;}
.box1CenCn{ position:absolute; right:0; top:0; color:#787878; font-size:12px; line-height:20px; width:22px;}
.box1CenEn{ position:absolute; right:24px; top:5px; transform:rotate(90deg) translateX(100%); transform-origin:top right; font-size:12px; text-transform:uppercase; color:#787878;}

.box1Bot{ font-family:'SYSTB'; font-size:20px; color:#1b1b1b; padding:30px 0 60px;}
.box1Bot img{ margin:0 auto;}

.box2Bg{ background:url(../images/box2Bg.jpg) repeat; padding:30px 0 70px;}
.box2Tit{ padding:30px 0;}
.box2Tit img{ margin:0 auto;}
.box2Item{ margin:0; font-size:0; padding:30px 0;}
.box2Item li{ width:25%; padding:5px;}
.box2Item li a{ display:block; height:100%; display:table; border-radius:50%; position:relative; margin:0 auto;}
.box2Item li a:after{ display:block; content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/box2LiHovBg.png) center center no-repeat; background-size:cover; transition:all 0.8s ease 0s; z-index:-1; opacity:0;}
.box2Img{ background:url(../images/box2LiBg.png) center center no-repeat; background-size:cover; width:229px; height:229px; margin:0 auto; display:table-cell; vertical-align:middle;}
.box2Img img{ margin:0 auto; transition:all 0.4s ease 0s;}
.box2Item li a.active:after{ opacity:1;}
.box2ItemM{ display:none;}

.box3Bg{ background:none;}
.box3Bg.mb{ background-attachment:scroll;}
.box3OverLay{ /*background:url(../images/box3Overlay.png) repeat;*/ padding:15px 0;}
.box3Item{ padding:20px 0 50px;}
.box3Item .swiper-slide{ padding:13px;}
.box3Item .swiper-slide a{ display:block; width:100%; height:150px; display:table; border-radius:50%; background:rgba(179,179,179,0.25); overflow:hidden; transition:all 0.4s ease 0s;}
.box3Img{ width:100%; display:table-cell; vertical-align:middle; padding:10px;}
.box3Img img{ margin:0 auto;}
.box3Item .swiper-slide a:hover{ background:#0dc9cb;}

.box3VideoBg{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:-1;}
.box3Video{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%; min-height:100%;}
.box3ImgBg{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:-2;}
.box3ImgBg .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.box3Bg.mb .box3VideoBg{ display:none;}
.box3Bg.mb .box3ImgBg{ z-index:-1;}

.box4TopBg{ background:#FFFFFF; padding:40px 0 10px;}
.box4BotBg{ background:#f7f7f7;}
.box4BotImg{ position:relative; height:607px; cursor:pointer;}
.box4BotImg .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}

.box4Video{ position:relative; cursor:pointer;}
.box4Con{ position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%);}
.box4Con img{ margin:0 auto;}
.box4Ico{ width:70px; height:70px; margin:0 auto 30px;}
.box4Text{ max-width:70%; margin:0 auto;}
.box4Con.mb{ transform:translateY(0); top:auto; bottom:10%;}


.mvLayerBg{ position:fixed; left:0; top:0; z-index:1030; width:100%; height:100%; background:rgba(0,0,0,1); display:none;}
.mvLayer{ width:86%; max-width:1200px; position:fixed; height:auto; top:50%; border-radius:0.4em; z-index:1030; left:50%; display:none; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.mvLayer iframe{ width:100%; height:auto;}
.mvPlayer{ background:#000000; display:block;}
.mvLayer i{ position:absolute; right:0; top:0; width:30px; height:30px; box-shadow:3px 0 3px rgba(0,0,0,0.2); background:url(../images/Close.png) center center #FFFFFF no-repeat; cursor:pointer;}

.footerBg{ background:#2a3034; font-size:14px; line-height:22px; color:#bfbfbf;}
.footTop{ padding:30px 0 40px; background:#373d41; font-size:0;}
.footLogo,.footCon,.footShare{ display:inline-block; vertical-align:top; padding:0 42px; font-size:14px; color:#bfbfbf;}
.footLogo{padding-left:10px;}
.footQuery{padding-right:0;}
.footCon{ font-family:'FZQK'; font-size:16px;}
.footCon h3{ font-size:14px; padding-bottom:10px; font-weight:bold}
.footer_tel{height:39px;}
.footCon p{ font-family:Arial, sans-serif;}
.footCon a{ color:#bfbfbf; transition:all 0.5s ease-in-out;}
.footCon a:hover{ color:#efefef;}
.footTop a{ color:#bfbfbf; transition:all 0.5s ease-in-out;}
.footTop a:hover{ color:#efefef;}
.footShare h3{ font-size:14px; color:#bfbfbf; font-family:'FZQK'; font-weight:bold}
.footer_links{ font-size:12px; line-height:24px;}
.share{ padding:10px 0; margin:0;}
.share li{ position:relative;}
.share li a{ display:block;}
.shareWx{ position:absolute; bottom:30px; left:50%; width:128px; height:134px; padding:4px 0 0 6px; transform:translateX(-50%); background:url(../images/wxbg.png) center bottom no-repeat; background-size:cover; display:none;}
.shareWx img{ margin:0 !important; width:113px;}
.share li:hover .shareWx{ display:block;}

.footBot{ font-size:12px; color:#bcbcbc; line-height:22px; padding:15px 0;}
.footBot a{ color:#bcbcbc; transition:all 0.4s ease 0s;}
.footBot a:hover{ color:#0dc9cb;}

.headSpace{ height:75px;}
.mainBg{ background:#FFFFFF;}
.onepageBox .box2Tit{ padding:100px 0 45px;}
.onepage{ padding:0 100px 100px; font-size:14px; color:#605e5e; line-height:24px;}
.onepage p{ margin:15px 0; text-indent:2em;}
.onepage p:first-child{ margin-top:0;}
.onepage img{ max-width:100% !important; height:auto;}

.teamTopBg{ background:#f0f3f5; background:#F1F1F3;}
.teamItem{ overflow:hidden; padding:60px 0 260px;}
.teamItem li{ padding:0;}
.teamItem li a{ display:block; height:100%; overflow:hidden;}
.teamItem li a img{ margin:0 auto; width:100%; transition:all 0.5s linear 0s;}
.teamItem li a:hover img{ transform:scale(1.03);}

.artlist{ padding:0 65px; margin-bottom:90px; position:relative; z-index:1; overflow:hidden;}
.artlist:after{ display:block; content:""; position:absolute; left:50%; top:0; margin-left:-1px; width:1px; height:100%; background:#f1f1f1; z-index:-1;}
.artlist li{ width:50%; text-align:right; margin-top:-40px; z-index:2; min-height:160px;}
.artlist li:first-child{ margin-top:0;}
.artlist li a{ display:block; height:100%; font-size:14px; color:#222222; line-height:24px; padding-right:40px; position:relative; z-index:1;}
.artlist li a:after,.artlist li a:before{ display:block; content:""; position:absolute; border-radius:50%; transition:all 0.3s ease-in 0s;}
.artlist li a:before{ top:0; right:-14px; width:28px; height:28px; background:#f1f1f1;}
.artlist li a:after{ top:4px; right:-10px; width:20px; height:20px; background:#0dc9cb;}
.arTit{ font-size:18px; color:#222222; font-weight:bold; line-height:160%; transition:all 0.3s ease-in 0s;}
.arTime{ font-size:14px; color:#837e7e; line-height:24px; display:block;}
.arBrief{ opacity:0.8; max-height:96px; overflow:hidden;}
.artlist li:nth-child(2n){ text-align:left; margin-left:50%;}
.artlist li:nth-child(2n) a{ padding-left:40px; padding-right:0;}
.artlist li:nth-child(2n) a:before{ right:auto; left:-14px;}
.artlist li:nth-child(2n) a:after{ right:auto; left:-10px;}
.artlist li a:hover:before,.artlist li a:hover:after{ border-radius:20px;}
.artlist li a:hover:before{ height:104px;}
.artlist li a:hover:after{ height:94px;}
.artlist li a:hover .arTit{ color:#0dc9cb;}
.arSpace{ display:block; position:absolute; left:50%; bottom:0; margin-left:-1px; width:2px; background:#FFFFFF; height:100px; z-index:1;}

.article{ padding:0 0 50px; font-size:14px; color:#605e5e; line-height:24px;}
.article p{ margin:10px 0;text-align:justify;}
.articleTit{ text-align:center; font-size:26px; line-height:180%;}
.articleTime{ text-align:center; padding:5px 0 10px; line-height:200%; color:#999999;}
.prevnext{ border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; margin:30px 0 0; line-height:40px;}
.prevnext a{ font-size:14px; color:#999999;}
.prevnext a:hover{ color:#0dc9cb;}
.prevnext p{ margin:0;}
.pager .previous > a, .pager .previous > span{ float:none; text-align:left;}
.pager .next > a, .pager .next > span{ float:none; text-align:right;}

.joinTop{ padding:0 30px; font-size:14px; color:#3b3b3b; line-height:30px;}
.joinTop p{ margin:10px 0;}
.joinBot{ padding:65px 40px 85px;}
.joinH3{ font-size:18px; font-weight:bold; color:#373d41; background:#fbfbfb; line-height:40px;}
.joinH3:hover{ color:#65d3e3;}
.joinH3:hover img.showsIn{ display:none;}
.joinH3:hover img.hides{ display:inline-block;}

.joinItem { padding:15px 0;}
.joinItem li{}
.joinH4{ padding:0 270px 0 25px; line-height:40px; position:relative; font-size:14px; color:#373d41; cursor:pointer; margin-bottom:5px; overflow:hidden; transition:all 0.3s ease-out 0s;}
.joinH4:after{ position:absolute; left:-10px; top:18px; display:block; content:""; width:7px; height:7px; border-radius:50%; background:#6e6e6e; transition:all 0.3s ease 0.1s;}
.joinName{ width:100%;}
.joinIco{ display:block; width:18px; height:18px; position:absolute; right:30px; top:22px;}
.joinIco:after,.joinIco:before{ display:block; content:""; position:absolute; font-size:0; background:#009040; transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s;}
.joinIco:after{ top:7px; left:0; width:100%; height:4px;}
.joinIco:before{ top:0; left:7px; width:4px; height:100%;}
.joinH4 .joinBrief{ position:absolute; right:20px; top:0; font-size:14px; color:#666666;}
.joinBrief i{ font-style:normal; padding:0 15px;}
.joinBrief b{ font-weight:normal;}
.joinText{ border:1px solid #9d9d9d; padding:20px 30px; font-size:14px; color:#373d41; line-height:30px; display:none;}
.joinText .joinBrief{ padding:0 0 20px; display:none;}
.joinText p strong{ font-size:16px;}
.joinText a,.joinText a:hover,.joinText a:focus{ color:#FFFFFF; background:#0dc9cb; display:inline-block; height:40px; line-height:40px; padding:0 15px; border-radius:20px;}
.joinItem li.active .joinH4,.joinItem li:hover .joinH4{ background:#92e7e8;}
.joinItem li.active .joinH4:after{ left:10px;}

.contact{ padding-bottom:100px;}
.conItem{ position:relative;}
.conItem:before{ display:block; content:""; width:2px; height:100%; background:#f1f1f1; position:absolute; left:50%; margin-left:-1px; top:0;}
.conItem li{ position:relative; min-height:200px; padding-bottom:30px;}
.conItem li:last-child{ padding-bottom:0; min-height:183px;}
.conImg{ position:absolute; left:50%; top:0; transform:translateX(-50%); width:183px; height:183px; border:7px solid #ebebeb; border-radius:50%; background:#f7f7f7; transition:all 0.4s ease 0s;}
.conText{ width:50%; padding-right:130px; text-align:right; font-size:14px; color:#434343; line-height:24px;}
.conText a{ color:#434343;}
.conName{ font-size:28px; color:#222222;}
.conNameEn{ font-size:18px; color:#a8a8a8; line-height:180%;}
.conItem li:nth-child(2n) .conText{ margin-left:50%; padding-left:130px; padding-right:0; text-align:left;}
.conItem li:hover .conImg{ border-color:#65d3e3;}

.serviceBox{ font-size:14px; color:#525252; line-height:24px;}
.gray{ background:#efefef;}
.serviceBox .box2Tit{ padding:100px 0 30px;}
.serviceBox .box2Tit img{ position:relative; left:30px;}
.serCon1{ padding:0 100px 80px;}

.fenlei{ font-size:0; margin:0 -10px; padding:15px 0;}
.fenlei li{ padding:5px 10px;}
.fenlei li a{ display:block; font-size:18px; color:#a7a7a7; border:2px solid #cfcfcf; line-height:46px; padding:0 10px; min-width:295px; transition:all 0.4s ease 0s;}
.fenlei li a:hover,.fenlei li a.active{ color:#292929; border-color:#3d3d3d;}

.serCon2{ padding:0 50px 70px;}
.serCon2 .serCon3More:hover,.serCon2 .serCon3More:focus{ color:#f5f5f5; background:#0dc9cb;}
.serCon1 p,.serCon2 p{ text-indent:2em;}

.serCon3{ padding:0 0 50px;}
.serCon3Item{ margin:0; font-size:0; padding:15px 0;}
.serCon3Item li{ width:100%; font-size:12px; color:#525252; padding:15px;}
.serCon3ImgBg,.serCon3Wx{ display:inline-block; vertical-align:middle; margin:0 50px;}
.serCon3Img{ display:table; /*background:#757575;*/ border:2px solid #cdcdcd; width:155px; height:155px; border-radius:50%; margin:0 auto;}
.serCon3Tit{ font-size:14px; color:#2b2b2b; line-height:24px; font-weight:bold; padding:15px 0 5px;}
/*.serCon3Wx{ width:155px; height:155px; border:2px solid #cdcdcd; border-radius:50%; padding:24px 24px 0; margin:10px auto 0;}*/
.serCon3Wx{ width:155px;}
.serCon3Wx img{ margin:0 auto;}
.serCon3WxTit{ font-size:12px; line-height:200%;}
.serCon3More{ font-size:14px; color:#f5f5f5; font-weight:bold; text-align:center; display:block; width:190px; height:40px; line-height:40px; background:#0dc9cb; border-radius:20px; margin:15px auto; transition:all 0.4s ease 0s;}
.serCon3More:hover,.serCon3More:focus{ color:#0dc9cb; background:#FFFFFF;}

.serCon4{ padding:0 0 30px;}
.gray .serCon4{ padding:0 0 70px;}
.serCon4Item{ font-size:0; max-width:860px; margin:0 auto;}
.serCon4Item li{ width:20%; padding:4px; vertical-align:top;}
.serCon4Item li a{ display:block; height:100%; position:relative; overflow:hidden; background:#efefef;}
.serCon4Item li a img{ margin:0 auto; width:100%; transition:all 0.4s ease 0s;}
.serCon4Item li a:hover img{ transform:scale(1.1);}

.serCon5{ padding:60px 0 100px; text-align:center; font-size:14px; color:#373d41; font-weight:bold; line-height:24px;}
.serCon5 p strong{ font-size:18px; color:#373d41;}
.serCon5 p{ margin:10px 0;}
.serCon5 p a{ font-size:14px; color:#373d41; line-height:24px; display:inline-block;}
.serCon5 p a:hover{ color:#0dc9cb;}
.serMail{ border:2px solid #0dc9cb; line-height:40px; border-radius:20px; display:inline-block; padding:0 40px; color:#373d41; transition:all 0.4s ease 0s;}
.serMail:hover,.serMail:focus{ color:#0dc9cb;}

.serCon6{ padding:70px 0 30px;}
.serCon6Item{ font-size:0;}
.serCon6Item li{ vertical-align:top; width:33.33%; padding:10px;}
.serCon6Item li a{ display:table; width:155px; border-radius:50%; border:2px solid #cdcdcd; margin:0 auto;}
.serCon6Item li a img{ margin:0 auto;}
.serCon6Item li a:hover img{ transform:scale(1.05); transition:all 0.4s ease 0s;}
.serCon6Img{ display:block; display:table-cell; vertical-align:middle; padding:15px; overflow:hidden;}

.serCon7{ padding:30px 0 70px;}
.serCon7Item{ font-size:0;}
.serCon7Item li{ vertical-align:top; width:33.33%; padding:10px;}
.serCon7TextBg{ width:188px; background:url(../images/serCon7Bg.png) center center #FFFFFF no-repeat; background-size:cover; border-radius:50%; overflow:hidden; display:table; margin:0 auto;}
.serCon7Text{ display:table-cell; vertical-align:middle; width:100%; padding:0 10px; font-size:18px; color:#525252; line-height:40px;}
.serCon7Text h3{ font-size:24px; color:#525252; font-weight:bold; transition:all 0.4s ease 0s;}
.serCon7TextBg:hover h3{ color:#0dc9cb;}

.query{ display:block; width:20px; height:20px; background:url(../images/queryIco1.png) center center no-repeat; margin-top:5px;}
.query:hover{ background-image:url(../images/queryIco2.png);}

@media (min-width:993px){
	.box1TopCon{ float:right; width:100%; -webkit-writing-mode:vertical-rl; writing-mode:tb-rl; writing-mode:vertical-rl;}
}
@media (min-width:1200px){	
	.container{ width:1034px;}
}
@media (max-width:1600px){
	.banBtn{ width:60px; height:60px;}
	.banBtn:after{ width:30px; height:30px;}
	.box2Bg{ padding:30px 0 50px;}
	.box4BotImg{ height:550px;}
}
@media (max-width:1400px){
	.box2Bg{ padding:30px 0 40px;}
}
@media (max-width:1200px){
	.headerBg{ padding:20px 0 10px;}
	.banBtn{ width:50px; height:50px;}
	.banBtn:after{ width:25px; height:25px;}
	.box2Bg{ padding:30px 0;}
	.box4BotImg{ height:500px;}
	.onepageBox .box2Tit{ padding:50px 0 25px;}
	.onepage{ padding:0 0 50px;}
	.teamItem{ padding:30px 0 130px;}
	.artlist{ padding:0; margin-bottom:50px;}
	.joinTop{ padding:0;}
	.joinBot{ padding:35px 0 50px;}
	.serviceBox .box2Tit{ padding:70px 0 30px;}
	.serCon1{ padding:0 0 50px;}
	.fenlei li a{ min-width:235px;}
	.serCon2{ padding:0 0 30px;}
	.serCon5{ padding:30px 0 60px;}
}
@media (max-width:1023px) and ( min-width:993px){
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin:0 auto; display:table; table-layout:fixed; left:0px;}
}
@media (max-width:992px){
	.headerBg,.headerBg.active,.headerBg.active2{ padding:0;}
	nav.bootsnav .container{ width:100%;}
	nav.navbar.bootsnav .navbar-header{ padding:0; margin:0;}
	.logo{ position:static; width:165px; padding:10px 0;}
	.logo img{ width:165px; height:28px;}
	nav.navbar.bootsnav .navbar-brand{ float:left !important;}
	
	.navRig{ height:48px; line-height:46px; right:45px !important;}
	.navRig > ul{ margin:0;}
	nav.navbar.bootsnav .navbar-toggle{ float:right; position:static; margin:0; margin-top:10px;}
	nav.navbar.bootsnav .navbar-nav{ margin:0; left:0; padding:10px 0;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ text-align:left; padding:5px 0; margin:0; border-bottom:none; font-size:14px; border-radius:0;}
	nav.navbar.bootsnav ul.nav > li > a i{ display:none;}
	nav.navbar.bootsnav ul.nav > li > a h3{ padding-right:5px; min-width:75px;}
	nav.navbar.bootsnav ul.nav > li > a h3,nav.navbar.bootsnav ul.nav > li > a span{ display:inline-block;}
	#navbar-menu{ padding:0; border-top:1px solid #65d3e3;}
	
	.banImg{ max-width:50%;}
	.box1Top{ padding:40px 0;}
	.box1Cen{ padding:20px 0;}
	/*.box1Cen li{ width:50%;}*/
	.box1Bot{ padding:10px 0 30px;}
	
	.box2Img{ width:180px; height:180px;}
	.box2Img img{ max-width:50px;}
	.box2Item li a.active .box2Img{ transform:scaleX(1);}
	.box2Item li a.active .box2Img img{ transform:scaleX(1);}
	
	.box4BotImg{ height:400px;}
	.box4Ico{ width:50px; height:50px; margin:0 auto 20px;}
	
	.footLogo,.footCon,.footShare{ padding:0 15px;}
	.footBot p{ text-align:center;}
	
	.headSpace{ height:50px;}
	
	.artlist li a{ padding-right:40px;}
	.artlist li a:before{ width:28px; height:28px; right:-14px;}
	.artlist li a:after{ top:4px; width:20px; height:20px; right:-10px;}
	.artlist li:nth-child(2n) a{ padding-left:40px; padding-right:0;}
	.artlist li:nth-child(2n) a:before{ left:-14px;}
	.artlist li:nth-child(2n) a:after{ left:-10px;}
	.arTit{ font-size:16px;}
	
	.conImg{ width:160px; height:160px; border-width:4px;}
	.conText{ padding-right:100px;}
	.conItem li:nth-child(2n) .conText{ padding-left:100px;}
	.conName{ font-size:24px;}
	.conNameEn{ font-size:16px;}
	.fenlei li{ width:33.33%;}
	.fenlei li a{ min-width:0; font-size:16px; line-height:40px;}
	
	.serCon4Item li{ width:25%;}	
}
@media (max-width:767px){
	nav.navbar.bootsnav .navbar-nav{ padding:15px;}
	/*.box2Item li{ width:50%;}*/
	.footTop{ padding:20px 0;}
	.footTop img{ margin:0 auto; max-width:100%;}
	.footLogo,.footCon,.footShare{ padding:10px; text-align:center;}
	.footLogo{ width:100%;}
	.footLogo img{ margin:0 auto;}
	.footCon{ width:35%;}
	.footShare{ width:30%;}
	.footQuery{ width:100%; margin-bottom:10px;}
	.query{ margin:5px auto 0;}
	.teamItem{ padding:30px 0;}
	.artlist{ padding:0 0 30px 30px;}
	.artlist:after{ left:12px; margin-left:0;}
	.artlist li{ margin:0; text-align:left; width:100%; min-height:0; padding-bottom:15px;}
	.artlist li:nth-child(2n){ margin:0;}
	.artlist li a{ padding:0 !important;}
	.artlist li a:before{ width:24px; height:24px; left:-30px !important;}
	.artlist li a:after{ width:16px; height:16px; top:4px; left:-26px !important;}
	.artlist li a:hover:before{ height:24px;}
	.artlist li a:hover:after{ height:16px;}
	.arSpace{ left:12px; margin-left:0;}
	
	.articleTit{ font-size:20px;}
	.prevnext{ line-height:30px; padding:10px 0;}
	.pager .next > a, .pager .next > span{ text-align:left;}
	
	.conItem:before{ left:50px;}
	.conItem li{ min-height:0 !important; padding-bottom:15px;}
	.conImg{ position:static; float:left; transform:translateX(0); width:100px; height:100px; border-width:2px;}
	.conText{ padding:0 0 0 120px !important; margin:0 !important; text-align:left; width:100%;}
	.conName{ font-size:20px;}
	.conNameEn{ font-size:14px;}	
	.footer_links a{margin:0 5px; white-space:nowrap}	
	.footCon h3{display:block!important; margin-bottom:4px; margin-top:4px;}
}
@media (max-width:640px){
	.banDot{ bottom:1%;}
	.banner .swiper-pagination-bullet{ width:12px; height:12px; margin:0 3px;}
	.nav-dots span{ width:12px !important; height:12px !important; margin:3px !important;}
	.banBtn{ width:40px; height:40px;}
	.banBtn:after{ width:20px; height:20px;}
	
	.box1Bg{ padding:25px 0;}
	.box1Top{ padding:20px 0;}
	.box1Bot{ max-width:60%; margin:0 auto; padding:10px 0;}
	
	.box2Tit{ padding:15px 0;}
	.serviceBox .box2Tit{ padding:30px 0;}
	.serviceBox .box2Tit img{ max-width:40%;}
	.box2Tit img{ max-width:50%;}
	.box2Bg{ padding:25px 0;}
	.box2Item{ padding:15px 0;}
	.box2Img{ padding:15px 0;}
	
	.box2Item{ display:none;}
	.box2ItemM{ display:block;}
	.box2ItemM .box2Img{ background:none; width:100%; height:auto;}
	.box2ItemM .box2Img img{ max-width:100%;}
	
	.box4BotImg{ height:300px;}
	.mvLayer{ border-width:5px;}
	
	.share li a img{ width:22px;}
	.shareWx{ bottom:20px;}
	
	.onepageBox .box2Tit{ padding:20px 0;}
	.onepageBox .box2Tit img{ max-width:35%;}
	.onepage{ padding:0 0 30px;}
	/*.teamItem li{ width:100%;}*/
	.joinH3 img{ width:40px;}
	.joinH4{ padding:0 25px;}
	.joinH4 .joinBrief{ display:none;}
	.joinText .joinBrief{ display:block;}
	.joinText{ padding:15px;}
	
	.serviceBox .box2Tit img{ left:15px;}
	.fenlei{ margin:0 -2px;}
	.fenlei li{ padding:5px 2px;}
	.fenlei li a{ border-width:1px; line-height:36px;}
	.serCon3Item li{ padding:15px 0;}
	.serCon3ImgBg,.serCon3Wx{ margin:0 10px;}
	.serCon4Item li{ width:33.33%;}
	.serCon5{ padding:20px 0 30px;}
	.serCon6Item li a{ width:125px;}
	
	.serCon7Item li{ padding:5px;}
	.serCon7TextBg{ width:100%;}
	.serCon7Text{ font-size:14px;}
	.serCon7Text h3{ font-size:20px;}
}
@media (max-width:460px){
	.box2Item{ padding:0;}
	.box2Img{ width:150px; height:150px;}
	.box2Img img{ max-width:40px;}
	.box4TopBg{ padding:10px 0;}
	.box4BotImg{ height:200px;}
	.box4Ico{ width:40px; height:40px; margin:0 auto 10px;}
	.footTop{ padding:15px 0 0;}
	.footCon{ width:100%; padding:10px 5px;}
	.footCon h3{ padding-bottom:0; display:inline;}
	.footCon p{ display:inline-block;}
	.footShare{ width:100%;}
	.footShare h3{ display:inline;}
	.share{ display:inline;}
	.teamItem{ padding:15px 0 30px;}
	.articleTit{ font-size:18px;}
	.conItem:before{ left:40px;}
	.conImg{ width:80px; height:80px;}
	.conText{ padding:0 0 0 95px !important;}
	.serviceBox .box2Tit{ padding:30px 0;}
	.serCon1{ padding:0 0 20px;}
	.fenlei li a{ font-size:14px; padding:0 5px;}
	.serCon3{ padding:0 0 20px;}
	.serCon3Item li{ padding:5px;}
	.serCon3Img,.serCon3Wx{ width:115px; height:115px;}
	.serCon3Wx{ padding:15px 15px 0;}
	.serCon3Wx img{ max-width:90%;}
	.gray .serCon4{ padding:0 0 40px;}
	.serCon6{ padding:30px 0 20px;}
	.serCon6Item li{ width:50%;}
	.serCon6Item li a{ width:100%;}
	.serCon7{ padding:0 0 40px;}
	.serCon7Item li{ width:50%;}
	.serCon7Text h3{ font-size:18px;}
}
@media (max-width:360px){
	.box3Item{ padding:15px;}
	.box3Item .swiper-slide{ padding:5px;}
	.fenlei li a{ font-size:12px;}
	.serMail{ padding:0; width:100%;}
	.serCon4Item li{ width:50%;}
}	
@media (max-height:414px){
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}


/*2019-10-21 CSS*/
body{opacity:0; transition:all 0.5s ease-in-out; overflow-x:hidden}
.bodyIn{ opacity:1;}
@font-face { font-family: 'SHS'; src: url("../fonts/SHS.otf"); }
.bgImg{background-position:center center; background-repeat:no-repeat; background-size:cover;}.bgImg img{display:none!important;}.mNoBgImg{background:none!important;}.mNoBgImg img{display:inline-block;}.overflowHide{overflow:hidden;position:relative;z-index:0}.scaleImg .bgImg{transition:all 0.5s ease-in-out;position:absolute;height:100%;width:100%;left:0;top:0}.scaleImg:hover .bgImg{transform:scale(1.1);}.scaleImg img{transition:all 0.5s ease;}.scaleImg:hover img{ transform:scale(1.1);}.scaleImg:hover img.iOpacity,.scaleImg:hover img.noScaleImg{ transform:scale(1);}.bd_weixin_popup{box-sizing:content-box;}#platform *{box-sizing:content-box;}.coverBg{ background-size:cover!important;}.wOpacity{opacity:0;}.nLink{}.backTop{}.borRds2{border-radius:0.2em;}.borRds3{border-radius:0.3em;}.borRds18{border-radius:1.8em;}.borRds50{border-radius:50%;}
.iOpacity{opacity:0; transition:all 0.5s ease-in-out}.pubRow{}.hvrIopacity{}.hvrIopacity:hover .iOpacity{opacity:1;}.vhCenter{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}.txtBox-wp,.picBox-wp{ display:flex; align-items:center;}.picBox-wp img{max-width:100%; height:auto;}
.fl{float:left;}
.fr{float:right;}
.topEmpty{height:75px;}
.nm2banner { height: 180px; }
.m2nwpr{max-width:1035px; padding-left:15px; padding-right:15px; margin:0 auto; color:#525252}
.m2nwpr a{transition:all 0.5s ease-in-out;}
.m2nwpr ul li{list-style:none}
.nhmc2_mul li{list-style:none;}
.m2nwpr img{max-width:100%; height:auto;}
.m2cCon4ul img{ width:100%;}
.w100{width:100%;}
.m2aCon1 { padding-top: 100px; margin-bottom: 120px; max-width:765px; margin-left:auto; margin-right:auto; }
.m2imgTbox { text-align: center; }
.m2aedit{ font-size: 14px; line-height: 28px; color: #525252; margin-top: 40px;text-align:justify;text-indent:28px; }
.m2aCon2 { margin: 148px auto 75px; width: 342px; position: relative; }
.m2ac2_t { font-size: 18px; line-height: 40px; margin-bottom: 18px; }
.m2ac2Des { font-size: 14px; line-height: 24px; color: #525252;text-align:justify }
.m2ac2_btn { text-align: center; display: block; margin: 55px auto 0px; height: 43px; width: 153px; border: 2px solid #0CC9CB; font-size: 14px; line-height: 38px; color: #515151; border-radius: 1.8em; letter-spacing: 3px; font-weight: bold; }
.m2ac2_btn:hover{ color: #FFF; background: #0CC9CB; }
.m2ac2_img1 { position: absolute; top: 0%; left: -325px; }
.m2awxBox{ position: absolute; top: 60px; right: -260px; margin-left: 12px; width: 242px; }
.m2awxBox span { text-align: center; float: left; width: 50%; }
.m2awxBox span p { line-height: 24px; margin-top: 5px; }
.m2aPut_tx{ text-align:center; }
.m2aPut_tx strong{ line-height: 44px; display: block; height: 47px; position: relative; font-size: 20px; color: #434343; letter-spacing: 4px; }
.m2aPut_tx strong:before{ content: ""; background: #69779C; display: inline-block; height: 4px; width: 72px; margin-left: -36px; position: absolute; left: 50%; bottom: -4px; }
.m2aPut_tx p{ height: 55px; padding-top: 15px; }
.m2aCon3 { background: #f6f6f6; padding: 55px 0px 40px; }
.m2au1 li { float: left; width: 33.333%; padding: 0px 7px; margin-bottom: 38px; }
.m2aul_bom { background: #FFF; padding: 18px 20px 12px; font-size: 14px; line-height: 28px; color: #434343;text-align:justify }
.m2au1 { padding: 0px 10px; }
.m2aul_lg { height: 148px; position: relative; box-shadow:inset 0 0 18px rgba(0,0,0,0.08); }
.m2aul_lg img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2aul_aBox{display:block;}
.m2aul_aBox:hover{box-shadow:0 3px 10px rgba(0,0,0,0.08); transform:translateY(-10px);}
.m2aCon4 { padding: 10px 0px 40px; }
.m2au2{ max-width: 836px; margin: 40px auto 78px; }
.m2au2 li{ float: left; width: 20%; margin-bottom: 8px; padding: 0px 4px; }
.m2au2_aBox .overflowHide { background: #EFEFEF; height: 90px; position: relative; }
.m2au2_aBox .overflowHide img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto; transition:all 0.5s ease-in-out;}
.m2au2_aBox:hover .overflowHide img{ transform:translate(-50%,-50%) scale(1.1)}
.m2alx { text-align: center; }
.m2alx span { background: url(../images/m2n_itel.png) no-repeat left center; display: inline-block; font-size: 14px; line-height: 34px; height: 34px; padding-left: 35px; }
.m2alx span strong{ font-size:15px;}
.m2au2_aBox {display:block; cursor:default}
.m2bCon1 .picTxtBox{ padding-bottom: 100px; }
.m2bCon1 .txtBox-wp{ float: right; width: 50%; padding-right: 55px; padding-left: 25px; line-height: 28px; font-size: 14px;text-align:justify }
.m2bCon1 .picBox-wp{  float: left; width: 50%; padding-right:0; }
.m2bCon1 .m2ac2_btn{ margin-left: 50px; }
.m2bCon2{ background: #F1F1F1; padding: 38px 0px; }
.m2bCon2 .txtBox-wp{ float: left; width: 50%; padding-left:90px;  line-height: 28px; font-size: 14px;text-align:justify}
.m2bCon2 .picBox-wp{ float:right; width:50%; padding-left:0px; text-align:center }
.m2bWxs { overflow: hidden; text-align: center; margin-top: 25px; }
.m2bCon3{ padding-top: 82px; padding-bottom:50px; }
.m2bCon3 .txtBox-wp{ float:right; width:50%; padding-left:30px; padding-right:90px; line-height: 28px; font-size: 14px;text-align:justify }
.m2bCon3 .picBox-wp{float:left; width: 50%; padding-right:30px; text-align:center;}
.m2bnu1 { padding-bottom: 30px; margin-top:-40px; }
.m2bnu1 li { margin-bottom: 35px; }
.m2buabox{ display: block; padding: 24px 40px 38px 185px; position: relative; background: #F6F6F6; cursor: default; }
.m2buabox:hover{ background: #ebebeb; }
.m2buabox strong { line-height: 45px; display: block; height: 45px; font-size: 18px; color: #0dc9cb; }
.m2buabox p { font-size: 14px; line-height: 28px; color:#525252;text-align:justify }
.m2bicon { display: inline-block; margin-top: -56px; position: absolute; left: 28px; top: 50%; }
.m2buabox:hover strong{ color:#333;}
.m2cCon1 { background: #f6f6f6; padding: 108px 0px 75px; }
.m2cC1txt{ width: 298px; position: relative; font-size: 14px; line-height: 28px; margin:0 auto; transform:translateX(105px);text-align:justify }
.m2ccBtns .m2ac2_btn { margin-left: 0px; }
.m2cC1img { display: inline-block; position: absolute; left: -395px; top: -5px; }
.m2cC1wx{ text-align: center; width: 120px; position: absolute; right: -208px; top: 5px; }
.m2cC1wx p{line-height:30px;}
.m2cCon2{ padding: 95px 0px 30px; }
.m2cCon2 .txtBox-wp{ float: left; width:50%; padding-left:112px; line-height: 28px; font-size: 14px;text-align:justify }
.m2cCon2 .picBox-wp{ float:right; width:50%; padding-left:60px; text-align:center}
.m2cCon3 { background: #f6f6f6; padding-top: 50px; padding-bottom:1px; }
.m2cCon3 .m2au2_aBox .overflowHide{background:#fff;}
.m2cCon4ul li { padding: 0px 6px; float: left; width: 16.6666%; }
.m2cc4Box strong { font-size: 14px; line-height: 34px; color: #69779c; display: block; margin-top: 10px; }
.m2cc4Box .overflowHide{ border-bottom: 6px solid #EDEDED; }
.m2cCon4ul{margin-bottom:68px;}
.m2cc4Box p{ font-size: 14px; line-height: 24px; color: #6a6a6a;text-align:justify }
.m2cCon4ul li:nth-child(2n){transform:translateY(-25px);}
.m2ndImg{text-align:center; padding-bottom:120px; margin-top:-35px;}
.m2cc1BxRx{ font-size: 14px; line-height: 30px; color: #525252; float: right; width: 525px; padding-right: 18px; position: relative;text-align:justify }
.m2cc1BxLx{padding-top:10px;}
.m2cc1Wximg{ text-align: center; display: inline-block; position: absolute; right: 48px; bottom: -30px; }
.m2cc1Box{margin-bottom:20px;}
.m2cCon1a .m2cc1BxRx{padding-bottom:125px;}
.m2dCon1{ background: #f6f6f6; padding: 60px 0px 30px; }
.m2dc1_des { text-align: center; font-size: 16px; line-height: 30px; color: #4d4d4d; margin-bottom: 35px; padding-left:15px; padding-right:15px; }
.m2du1{ max-width:1102px; margin:0 auto}
.m2du1 li{ float: left; width: 33.333%; padding: 0px 14px; margin-bottom: 40px; list-style:none }
.m2du1_aBox{ display: block; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #FFF; padding-bottom: 18px; position: relative; z-index: 1; border-radius: 0.8em; overflow: hidden; cursor: default; transition:all 0.5s ease-in-out; }
.m2du1_aBox:hover {transform:translateY(-10px);}
.m2du1_aBox.scaleImg .ellipsis { font-size: 20px; line-height: 52px; height: 52px; margin: 18px 25px 0px; font-weight: bold; color: #65d3e3; display: block; letter-spacing: 2px; }
.m2du1_aBox.scaleImg .overflowHide { height: 185px; }
.m2du1_aBox.scaleImg p { font-size: 14px; line-height: 30px; color: #888; margin: 0px 25px; text-align:justify}
.m2dCon2 { text-align: center; padding: 90px 0px 75px; }
.m2dCon3 { background: #f6f6f6; padding: 60px 0px 50px; }
.m2dcity_ul { padding: 0px 50px; }
.m2dcity_ul li { text-align: center; float: left; width: 33.333%; margin-bottom: 25px; }
.m2dCsbox.scaleImg .overflowHide { margin: 0px auto; height: 180px; width: 180px; border: 6px solid #EBEBEB; z-index:2; border-radius:50%; }
.m2dcnm { line-height: 54px; height: 54px; font-size: 14px; color: #a8a8a8; }
.m2dcnm span { color: #333; font-size: 20px; display: inline-block; margin-right: 12px; }
.m2ntCon1 { margin-bottom: 65px; margin-top: -40px; }
.m2nt_items{text-align:center; margin-top:30px;}
.m2nt_item { text-align: center; display: inline-block; margin: 0px 20px; }
.m2nt_item p { font-size: 16px; line-height: 32px; margin-top: 15px; color:#666; }
.m2nt_item img{transition:all 0.5s ease-in-out;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.4;}
.m2nt_item:hover img{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.m2nt_items2{ margin: 35px auto 88px; max-width: 882px; }
.m2nt_items2 li { float: left; width: 25%; padding: 0px 7px; margin-bottom: 14px; }
.m2nt_a2 { line-height: 125px; background: #F8F8F8; height: 125px; text-align: center; display: block; font-size: 16px; }
.m2nt_a2 img,.m2nt_a2 text{vertical-align:middle}
.m2nt_a2 span{color:#666;}
.m2nt_a2 img{margin-right:10px;}
.m2nt_a2:hover{ background: #e2e2e2; }
.m2nt_items2 li:nth-child(5) img{margin-right:0px;}
.m2ntc3_timg{ text-align: center; margin-bottom: 45px; }
.m2ntul { margin: 0px auto 120px; max-width: 738px; position: relative; padding-bottom: 50px; }
.m2ntul:after{ content: ""; background: url(../images/m2nt_bicon.png) no-repeat center center; height: 51px; width: 16px; margin-left: -8px; position: absolute; left: 50%; bottom: 0px; }
.m2ntul li{ position:relative;}
.m2ntUx{ width: 50%; float: left; position: relative; text-align: right; padding-right:20px; min-height:70px; }
.m2ntUxdes{min-width:154px; padding-right:15px; display:inline-block;}
.m2ntUxdes strong{ line-height: 28px; display: block; height: 29px; border-bottom: 1px solid #FBACAD; color: #EC6F71; font-size: 18px; text-align: left; transition:all 0.5s ease-in-out; }
.m2ntUxdes p{ font-size: 14px; line-height: 26px; color: #666; text-align: left; padding-top:6px; opacity:0.7; transition:all 0.5s ease-in-out; }
.m2ntyear{ line-height: 23px; background: #EF7274; display: inline-block; height: 29px; width: 29px; position: absolute; top: 14px; right: -15px; border-radius: 50%; border: 3px solid #FBDCDC; transition:all 0.5s ease-in-out; overflow:hidden }
.m2ntyear span{ display: inline-block; transition: all 0.5s ease-in-out; font-size: 14px; line-height: 40px; color: #FFF; transition-delay:0.0s; opacity:0; text-align:center; width:40px; transform:scale(0.2); }
.m2ntUx:hover .m2ntyear{ height: 51px; width: 51px; border: 6px solid #F8C4C5; margin-top:-11px; right:-26px; background:#e41417;}
.m2ntUx:hover .m2ntyear span{opacity:1; transform:scale(1); transition-delay:0.3s}
.m2ntUx:hover .m2ntUxdes strong{ color: #e41417; border-bottom: 1px solid #e41417; }
.m2ntUx:hover .m2ntUxdes p{opacity:1;}
.m2ntul li:nth-child(2n) .m2ntUx{ float:right; text-align:left; padding-right:0; padding-left:15px;}
.m2ntul li:nth-child(2n) .m2ntyear{right:auto; left:-15px;}
.m2ntul li:nth-child(2n) .m2ntUxdes{ padding-right:0; padding-left:15px;}
.m2ntul li:nth-child(2n) .m2ntyear{ right:auto; left:-15px;}
.m2ntul li:nth-child(2n) .m2ntUx:hover .m2ntyear{ right:0; left:-26px;}
.m2ntul li:before{ content: ""; background: #DCDCDC; width: 1px; position: absolute; left: 50%; top: 47px; bottom: -10px; }
.m2ntul li:after{content:""; height:0; display:table; clear:both;}
.m2nnUl{ margin: -30px auto 110px; max-width: 910px; }
.m2nnuaBox { display: block; margin-bottom: 38px; height: 94px; padding-left: 80px; position: relative; z-index:5; transition:all 0.5s ease-in-out; }
.m2nnuaBox i { background: #0CC9CB; display: inline-block; height: 36px; width: 36px; border: 7px solid #F1F1F1; border-radius: 50%; position: absolute; left: 0px; top: 0px; }
.m2nnuaBox:hover i{ height: 80px; border-radius:1.8em;}
.m2nnRDes { height: 94px; position: relative; transition: all 0.5s ease-in-out; padding: 0px 42px 0px 110px; }
.m2nnRDes strong { font-size: 18px; line-height: 38px; display: block; height: 38px; color:#333; transition:all 0.5s ease-in-out; }
.m2nnuaBox:hover .m2nnRDes strong{color:#0dc9cb}
.m2nnRDes p { font-size: 14px; line-height: 24px; height: 48px; overflow:hidden; color: #666; display: block; }
.m2nnuaBox:hover .m2nnRDes{ background:#f4f3f3;}
.transition{transition:all 0.5s ease-in-out;}
.m2nnTm { height: 94px; width: 94px; background: #F4F3F3; font-size: 14px; line-height: 18px; color: #333; position: absolute; left: 0px; top: 0px; padding: 3px 0px 0px 9px; }
.m2nnTm span { font-size: 48px; line-height: 48px; color: #0dc9cb; display: block; height: 48px; font-weight: bold; }
.m2nnUl li{ position: relative; }
.m2nnUl li:after{ content: ""; background: #F1F1F1; height: 58px; width: 2px; margin-left:-1px; position: absolute; top:56px; left: 16px; }
.m2tCon1 { padding-top: 100px; margin-bottom: 120px; max-width:908px; margin-left:auto; margin-right:auto; }
.m2tZpBox{margin-top:100px;}
.m2zpEbtn { font-size: 14px; line-height: 42px; font-weight: bold; color: #FFF; background: #0CC9CB; display: inline-block; padding: 0px 20px; height: 42px; display: inline-block; border-radius: 1.8em; margin-top: 40px; }
.m2zpEbtn:hover{transform:translateY(-5px); box-shadow:0 2px 5px rgba(0,0,0,0.1);color: #FFF; }
.m2tZpBox dl dd { font-size: 14px; line-height: 30px; color: #666; background: #FAFAFA; padding: 30px 42px 40px; margin-top: 10px; display:none; }
.m2tZpBox dl dd strong { font-size: 16px; line-height: 30px; font-weight: bold; display: block; color: #333; }
.m2tZpBox dl dt { line-height: 41px; height: 41px; font-size: 14px; padding: 0px 32px; cursor: pointer; transition:background-color 0.5s ease-in-out; }
.m2tZpBox dl dt:hover{ background-color:#efefef;}
.m2tZpBox dl.on dt { background: #92E7E8 url(../images/m2nzp_cicle.png) no-repeat 12px center!important; }
.m2tZpBox dl { margin-bottom: 10px; }
.m2nlxul{margin:-70px auto 100px;}
.m2nlx_sBox{ float: left; width: 50%; position: relative; text-align: right; min-height: 182px; padding: 15px 115px 0px 0px; z-index:3 }
.m2nlxul li{padding-bottom:27px; position:relative}
.m2nlxul li:before{ content: ""; background: #F1F1F1; display:block; width: 2px; margin-left: -1px; position: absolute; left: 50%; top: 0px; bottom: 0px; }
.m2nwpr ul li:hover .bgImg{opacity:0;}
.m2nwpr ul li:hover .bgImg.iOpacity{opacity:1;}
.m2nlx_sBox.scaleImg .overflowHide { height: 182px; width: 182px; border: 7px solid #EBEBEB; position: absolute; top: 0px; right: -91px; z-index:2; border-radius:50%;background:#fff; }
.m2nlx_cnm { font-size: 18px; line-height: 40px; color: #a8a8a8; overflow:hidden; }
.m2nlx_cnm span { font-size: 28px; display: inline-block; margin-left: 8px; color: #333; float:right; }
.m2nlxDes { font-size: 14px; line-height: 24px; color: #666; }
@media (min-width:767px){
.m2nlxul li:nth-child(2n) .m2nlx_sBox{ text-align:left}
.m2nlxul li:nth-child(2n) .m2nlx_sBox{float:right; padding:15px 0 0 115px;}
.m2nlxul li:nth-child(2n) .m2nlx_sBox.scaleImg .overflowHide { right:auto; left: -91px; }
.m2nlxul li:last-child{padding-bottom:0;}
.m2nlxul li:nth-child(2n) span{float:left; margin-right:8px; margin-left:0;}
}
@media (max-width:993px){
.m2nlx_cnm span{font-size:24px;}
.m2tZpBox{margin-top:60px;}
.m2nt_items2 li{width:50%;}
.m2cc1BxLx{width:100%; text-align:center;}
.m2cc1BxRx{width:100%;}
.m2cC1txt{width:100%; transform:translateX(0)}
.m2cC1img{width:100%; margin-bottom:25px; text-align:center; position:static;}
.m2cC1wx{width:100%; text-align:center; position:static;}
.m2ccBtns{text-align:center;}
.m2ac2_btn{display:inline-block;}
.m2cCon2 .txtBox-wp{padding-left:0;}
.m2bCon1 .txtBox-wp{padding-right:0;}
.m2bCon2 .txtBox-wp{padding-left:0;}
.m2bCon3 .txtBox-wp{padding-right:0;}
.m2aCon2{width:100%;}
.m2ac2_img1{position:static; display:block; margin:0 auto 25px;}
.m2awxBox{width:100%; position:static;}
.m2aMoreBtns{text-align:center;}
.m2aMoreBtns .m2ac2_btn{ display:inline-block;}
.topEmpty{height:50px;}
}
@media (max-width:767px){
.m2aCon1{padding-top:50px;}
.m2imgTbox img{height:56px; width:auto;}
.m2nlx_sBox{width:100%; padding-right:0; padding-left:80px; text-align:left; min-height:10px;}
.m2nlxul li:before{left:32px;}
.m2nlx_sBox.scaleImg .overflowHide{right:auto; left:0; width:68px; height:68px; border:4px solid #EBEBEB}
.m2nlx_cnm span{ float:left; font-size:20px; margin-left:0; margin-right:10px;}
.m2nlx_cnm{font-size:16px;}
.m2nlxul li{padding-bottom:15px;}
.m2aCon1{margin-bottom:95px;}
.nm2banner{height:140px;}
.m2nlxul{margin-bottom:60px;}
.m2tCon1{padding-top:50px; margin-bottom:60px;}
.m2tZpBox{margin-top:40px;}
.m2tZpBox dl dt .fr{display:none;}
.m2tZpBox dl dd{padding:20px 12px 30px;} 
.m2tZpBox dl dt { background: #fff url(../images/m2nzp_cicle.png) no-repeat 12px center; }
.m2aCon1{margin-bottom:58px;}
.m2nnuaBox i{ transform:scale(0.6); transform-origin:left center;}
.m2nnuaBox{padding-left:35px;}
.m2nnRDes{padding-left:0; padding-right:0;}
.m2nnTm{position:static; background:none; color:#666; width:auto; height:auto; margin-top:-10px; margin-left:-10px;}
.m2nnTm br{display:none;}
.m2nnTm span{display:inline; width:auto; font-size:18px; line-height:24px;}
.m2nnRDes p{height:auto;}
.m2nnRDes{height:auto;}
.m2nnuaBox{height:auto; margin-bottom:15px;}
.m2nnRDes strong{font-size:16px; white-space:normal; line-height:28px; height:auto; margin-bottom:10px;}
.m2nnUl li:after{display:none;}
.m2nnUl{margin-bottom:50px;}
.m2nnuaBox i{top:-4px;}
.m2aedit{margin-top:35px;}
.m2nt_item img{width:50px; height:auto;}
.m2nt_item p{font-size:14px; line-height:28px; transform:translateY(-10px)}
.m2ntCon1{margin-bottom:30px;}
.m2nt_a2{font-size:13px; height:76px; line-height:76px;}
.m2nt_a2 img{width:40px; height:40px;}
.m2nt_items2{margin-top:20px; margin-bottom:30px;}
.m2ntUxdes p{font-size:12px;}
.m2ntul{margin-bottom:60px;}
.m2du1 li{width:100%;}
.m2du1_aBox.scaleImg p{height:auto!important;}
.m2du1_aBox.scaleImg .ellipsis{font-size:16px; line-height:30px; height:30px;}
.m2du1_aBox.scaleImg p{font-size:14px; line-height:28px;}
.m2du1 li{margin-bottom:20px;}
.m2dCon2{padding:60px 15px 55px;}
.m2dcity_ul{text-align:center;}
.m2dcity_ul li{width:48%; float:none; display:inline-block;}
.m2dcnm{font-size:16px;}
.m2dcnm span{font-size:20px;}
.m2dCsbox.scaleImg .overflowHide{width:140px; height:140px;}
.m2dcity_ul{padding-left:0; padding-right:0;}
.m2aCon4{padding:60px 0px 60px;}
.m2dc1_des{font-size:14px; line-height:26px;}
.m2cCon1{padding:58px 0px 55px;}
.m2au2{margin:18px auto 58px;}
.m2au2 li{width:50%;}
.m2ndImg{padding-bottom:70px;}
.m2cc1BxRx{padding-bottom:120px; padding-right:0}
.m2cc1Wximg{width:100%; text-align:center; right:0}
.m2cCon4ul li{width:100%; transform:translateX(0)!important; margin-bottom:30px; border-bottom:6px solid #EDEDED; padding-bottom:20px;}
.m2cc4Box .overflowHide{ margin-bottom:25px; border:none; margin-bottom:0}
.m2cCon4ul{margin-bottom:40px;}
.m2buabox{padding:120px 15px 28px 15px;}
.m2bicon{width:80px; height:80px; left:50%; margin-left:-40px; top:32px; transform:translate(0,0); margin-top:0}
.m2bnu1 li{margin-bottom:20px;}
.m2cCon2 .txtBox-wp{width:100%; float:none; margin-bottom:25px;}
.m2cCon2 .picBox-wp{width:100%; float:none;}
.m2cCon2{padding:60px 0px 0px;}
.m2buabox strong{font-size:16px;}
.m2bCon1 .picBox-wp{width:100%; float:none;}
.m2bCon1 .txtBox-wp{width:100%; float:none; padding-left:0}
.m2bCon1 .m2ac2_btn{margin:30px auto; display:block;}
.m2bCon2 .txtBox-wp{width:100%; float:none; margin-bottom:25px;}
.m2bCon2 .picBox-wp{width:100%; float:none;}
.m2bCon2{padding:60px 0;}
.m2bCon3 .picBox-wp{width:100%; padding-right:0; float:none;}
.m2bCon3 .txtBox-wp{width:100%; float:none; margin-bottom:25px; padding-left:0}
.m2bCon3{padding-bottom:0;}
.m2aCon2{margin-top:50px;}
.m2au1 li{width:100%; margin-bottom:20px;}
.m2aul_bom p{height:auto!important;}
.m2cctBtn .m2ac2_btn{margin-left:auto; margin-right:auto; display:block}
.m2nlxul{margin-top:-20px;}
.m2cCon4ul img{width:auto;}
}

@keyframes bgAni{
	0%{
		opacity:0;
	}
	20%{
		opacity:1;
	}
	90%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
.nhmConMenus{max-width: 975px;margin: 40px auto 0;height: 288px;padding-right:60px;}
.nhmcm_a{ font: 18px/20px SHS; text-align: center; padding: 55px 10px 0px; height: 275px; width: 38px; display: block; color:#444; position:relative; z-index:3; }
.nhmcm_a:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; background: url(../images/hmMbg.png) repeat-x left top; z-index:-1; transition:all 0.5s ease-in-out; opacity:0}
.nhmcm_a:hover:before{opacity:1;}
.nhmClx { float: left; width: 416px; background: url(../images/hmc4mbg1.png) no-repeat right top; position: relative; height: 282px; }
.nhmClnm { background: url(../images/hmc4_tbg.png) no-repeat; float: left; height: 239px; width: 179px; position: relative; top:-3px; }
.mhmc2img { position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%); margin-left: -10px; animation:bgAni 8s linear infinite; opacity:0 }
.mhmc2_timg1 { position: absolute; left: 58px; top: 40px; }
.mhmc2_timg2 { position: absolute; left: 58px; top: 40px; }
.nhmc2_mul { float: left; padding-left: 20px; }
.nhmc2_mul li { float: left; margin-right: 5px; }
.nhmcm_a:hover{ color:#444; }
.nhmCrx{ float: right; background: url(../images/hmc4mbg2.png) no-repeat right top; width:368px; height: 282px; }
.nhmCrx .nhmc2_mul{ padding-left:15px}
.nhmcm_a.no,.nhmcm_a.no:hover{background:none; cursor:default;}
.nhmCrx .mhmc2img{ animation-delay:4s;}
@media (max-width:993px){
.nhmClx{float:none; margin:0 auto;}
.nhmCrx{float:none; margin:0 auto; transform:translateX(-23px);}
}
@media (max-width:767px){
.nhmClx{width:368px;transform:scale(1) translateY(-40px); transform-origin:left center;}
.nhmClx .nhmc2_mul{padding-left:15px}
.nhmCrx{transform:scale(1) translateY(-40px); transform-origin:left center;}
.nhmConMenus{padding-right:0;}
}
@media (max-width:380px){
.nhmClx{transform: scale(0.9) translateY(-80px);margin-top: 30px;}
.nhmCrx{transform:scale(0.9) translateY(-80px);}
}

.m2dCon3 .m2dCsbox .bgImg{opacity:1!important;}