@charset "UTF-8";
@import url(font-awesome.css);
@font-face{font-family:"Din Regular";src:url(fonts/DinRegular.woff2) format("woff2"),url(fonts/DinRegular.woff) format("woff"),url(fonts/DinRegular.ttf) format("truetype"),url(fonts/DinRegular.eot) format("embedded-opentype"),url(https://www.cmtech.com/bocstatic/web/fonts/Din%20Regular.svg) format("svg")}
@font-face{font-family:din-medium_0;src:url(fonts/din-medium_0.woff2) format("woff2"),url(font/din-medium_0.woff) format("woff"),url(fonts/din-medium_0.ttf) format("truetype"),url(fonts/din-medium_0.eot) format("embedded-opentype"),url(https://www.cmtech.com/bocstatic/web/fonts/din-medium_0.svg) format("svg")}
@font-face{font-family:dinb;src:url(fonts/dinb.woff2) format("woff2"),url(fonts/dinb.woff) format("woff"),url(fonts/dinb.ttf) format("truetype"),url(fonts/dinb.eot) format("embedded-opentype"),url(https://www.cmtech.com/bocstatic/web/fonts/dinb.svg) format("svg")}
@font-face{font-family:"PINGFANG BOLD_1";src:url(fonts/PINGFANGBOLD_1.woff2) format("woff2"),url(fonts/PINGFANGBOLD_1.woff) format("woff"),url(https://www.cmtech.com/bocstatic/web/fonts/PINGFANG%20BOLD_1.ttf) format("truetype"),url(https://www.cmtech.com/bocstatic/web/fonts/PINGFANG%20BOLD_1.eot) format("embedded-opentype"),url(https://www.cmtech.com/bocstatic/web/fonts/PINGFANG%20BOLD_1.svg) format("svg")}
@font-face{font-family:"Mi Normal";src:url(fonts/MiSans-Normal.woff2) format("woff2"),url(fonts/MiSans-Normal.woff) format("woff"),url(fonts/MiSans-Normal.ttf) format("truetype"),url(fonts/MiSans-Normal.eot) format("embedded-opentype"),url(fonts/MiSans-Normal.svg) format("svg")}
@font-face{font-family:"Mi Regular";src:url(fonts/MiSans-Regular.woff2) format("woff2"),url(fonts/MiSans-Regular.woff) format("woff"),url(fonts/MiSans-Regular.ttf) format("truetype"),url(fonts/MiSans-Regular.eot) format("embedded-opentype"),url(fonts/MiSans-Normal.svg) format("svg")}
.w1520{padding-left:3.8vw;padding-right:3.8vw;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.w1820{padding-left:3.1vw;padding-right:3.1vw;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}
.pfbd{font-family:"PINGFANG BOLD_1"!important}
.dinr{font-family:"Din Regular"!important}
.dinm{font-family:din-medium_0!important}
.dinb{font-family:dinb!important}
.min{font-family:"Mi Normal"!important;}
.mir{font-family:"Mi Regular"!important;}
.color{color:#0e58d1;}

/* 返回顶部 */
.aside{position:fixed;right:.2rem;bottom:.2rem;z-index:6;display:none;}
aside .item{position:relative;width:.62rem;height:.62rem;border:1px solid #767676;text-align:center;color:#767676;border-radius:50%;cursor:pointer;display:flex;align-items:center;transition:.4s}
aside .item span{margin:auto;font-size:.35rem;color:#767676;transition:.4s}
aside .item:hover{background:#767676}
aside .item:hover span{color:#fff}


/* 首页banner、导航 */
.pc_index{position:relative;}
.index_banner{position:relative;z-index:1;}
.index_logo_nav{position:absolute;z-index:2;width:100%;left:0;top:0;}
.logo_nav{padding:.28rem 0;}
/*.logo_nav .logo svg{width:2.16rem;height:1.6rem;}*/
.logo_nav .logo svg{width:1.85rem;height:1.35rem;position:relative;left:-23px;}
.logo_nav .logo img{width:100%;}
.logo_nav .nav{color:#fff;position:relative;top:-1rem;}
.logo_nav .nav .menu span{display:block;width:.32rem;background:#fff;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;height:2px;margin:7px 0}
.logo_nav .nav .menu span:nth-child(2){width:.20rem;margin-left:.12rem;}
.logo_nav .nav .menu:hover span{width:.32rem!important;margin-left:0;}
.logo_nav .nav .nav_head{margin-top:.55rem;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;}
.logo_nav .nav .nav_head .box_scroll{overflow:scroll;height:100%;-ms-scroll-chaining:none;overscroll-behavior:contain}
.logo_nav .nav .nav_head .box_scroll::-webkit-scrollbar{display:none}
.logo_nav .nav .nav_head ul li{-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;}
.logo_nav .nav .nav_head ul li span{ display:block;height:100%;width:100%; position: relative;font-size:.2rem;line-height:.45rem;text-align:right;cursor:pointer;}
.logo_nav .nav .nav_head ul li span a{color:#fff;}
.logo_nav .nav .nav_head ul li span i.action{ transition: all 0.5s ease-out;transform: rotate(180deg);}
.logo_nav .nav .nav_head ul li>dl{display:none;}
.logo_nav .nav .nav_head ul li>dl a{ display:block;height:100%;width:100%; font-size:.16rem;line-height:.4rem;color: #fff; text-decoration:none;text-align:right;}

@-webkit-keyframes returnToNormal {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -100%, 0);
	            transform: translate3d(0, -100%, 0);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	}

	@keyframes returnToNormal {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -100%, 0);
	            transform: translate3d(0, -100%, 0);
	  }

	  100% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	}

/*.index_banner .banner .swiper-slide {position: relative;}*/
/*.index_banner .banner .swiper-slide img{width:100%;}*/
.index_banner .banner .swiper-slide {position: relative;background-size: cover;background-position:center;
    width: 100%;height:100vh;background-repeat:no-repeat;}
.index_banner .banner .swiper-slide a{display:block;width:100%;height:100vh;}
.index_banner .banner .swiper-text{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%, -50%);color:#fff;text-align:center;line-height:.35rem;}
.index_banner .banner .swiper-text p:first-child{text-transform:uppercase;font-size:.2rem;}
.index_banner .banner .swiper-text p:nth-child(2){font-size:.26rem;}

/* 移动端导航、logo、banner适配 */
.MobileMain{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:5;width:100%;display:none;}
.MobileMain.inner{position:fixed}
.HeaderMobile{-webkit-box-shadow:0 0px 0 0px #f5f5f5;box-shadow:0 0px 0 0px #f5f5f5}
.HeaderMobile .box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:5px 5vw}
.HeaderMobile .box .logo{width:2.16rem;height:1.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.HeaderMobile .box .logo a{display:block}
.HeaderMobile .box .logo a img{width:100%;}
.HeaderMobile .box .logo a .hide{display:none}
.HeaderMobile .box .button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.HeaderMobile .box .button .search p svg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.HeaderMobile .box .button .search .Close{display:none}
.HeaderMobile .box .button .search .active .Show{display:none}
.HeaderMobile .box .button .search .active .Close{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.HeaderMobile .box .button .word{font-size:14px;font-weight:700}
.HeaderMobile .box .button .word a{color:#206231;text-decoration:none}
.HeaderMobile .box .button .word a svg{display:inline-block;vertical-align:sub;animation:CallUp .5s ease 0s infinite;-webkit-animation:CallUp .5s ease 0s infinite;-moz-animation:CallUp .5s ease 0s infinite;-o-animation:CallUp .5s ease 0s infinite}
.HeaderMobile .box .button .word a img{position:relative}
.HeaderMobile .box .button .call a{color:#000;font-size:16px}
.HeaderMobile .box .button .Lanuage{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%;margin-left:50px}
.HeaderMobile .box .button .Lanuage p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;border:1px solid #999;padding:7px 8px;border-radius:15px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.HeaderMobile .box .button .Lanuage p a{color:#999;font-size:14px;display:inline-block;line-height:16px;text-decoration:none;padding:0 7px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.HeaderMobile .box .button .Lanuage p a:not(:last-child){border-right:1px solid #999}
.HeaderMobile .box .button .Lanuage p a:hover{color:#206231}
.HeaderMobile .box .button .search{margin-right:.5rem}
.HeaderMobile .box .button .menu{margin-left:.5rem}
.HeaderMobile .box .button .menu .menu_btn p{position:relative}
.HeaderMobile .box .button .menu .menu_btn p span{display:block;width:30px;height:2px;background:#fff;margin:8px 0}
.HeaderMobile .box .button .menu .menu_btn p span:nth-child(1){-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.HeaderMobile .box .button .menu .menu_btn p span:nth-child(2){opacity:0}
.HeaderMobile .box .button .menu .menu_btn p span:nth-child(3){-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.HeaderMobile .box .button .menu .menu_btn p::before{content:'';position:absolute;top:0;width:100%;height:2px;background:#fff;top:50%;margin-top:-1px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.HeaderMobile .box .button .menu .menu_btn p::after{content:'';position:absolute;top:0;width:100%;height:2px;background:#fff;top:50%;margin-top:-1px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.HeaderMobile .box .button .menu .menu_btn.active p span{opacity:0}
.HeaderMobile .box .button .menu .menu_btn.active p::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.HeaderMobile .box .button .menu .menu_btn.active p::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.MobileMain.active{background:#fff;-webkit-box-shadow:0 0 12px #eee;box-shadow:0 0 12px #eee}
.HeaderMobile.active{background:#fff;-webkit-box-shadow:0 0 12px #eee;box-shadow:0 0 12px #eee}
.MobileMain.active.inner .box .logo a img{display:none}
.MobileMain.active.inner .box .logo a .hide{display:block}
.HeaderMobile.active .box .logo a img{display:none}
.HeaderMobile.active .box .logo a .hide{display:block}
.MobileMain.active .box .button .menu .menu_btn p::before{background:#000;}
.MobileMain.active .box .button .menu .menu_btn p::after{background:#000;}
.MobileMain.active .box .button .menu .menu_btn p span{background:#000;}
.HeaderMobile.active .box .button .menu .menu_btn p::before{background:#000;}
.HeaderMobile.active .box .button .menu .menu_btn p::after{background:#000;}
.MobileNav{position:absolute;width:100%;height:-webkit-calc(100vh - 58px);height:calc(100vh - 58px);background:#fff;z-index:3;display:none}
.MobileNav .box{margin:0 5vw;padding:30px 0;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.MobileNav .box .box_scroll{overflow:scroll;height:100%;-ms-scroll-chaining:none;overscroll-behavior:contain}
.MobileNav .box .box_scroll::-webkit-scrollbar{display:none}
.MobileNav .box ul li{border-bottom:1px solid rgba(0,0,0,.2);font-size:.25rem;line-height:1rem;}
.MobileNav .box ul li span{ display: block;height:100%;width:100%;position:relative;}
.MobileNav .box ul li span a{ display:block;line-height:1rem;color:#000;}
.MobileNav .box ul li span i{display:block;font-size:.3rem;position:absolute;right:20px;top:50%;margin-top:-10px;transition: all 0.3s ease-out;transform: rotate(0deg);}
.MobileNav .box ul li span i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}
.MobileNav .box ul li>dl{ display:none; padding-left:.25rem;}
.MobileNav .box ul li>dl a{ display:block; height:100%;width:100%;font-size:.22rem;color:#333;line-height:.65rem;}
/* 移动端首页banner */
.index_m_banner{position:relative;display:none;}
.index_m_banner .banner .swiper-slide{position:relative;background-size:cover;background-position:center;
    width: 100%;height:85vh;background-repeat:no-repeat;max-height:700px;}
.index_m_banner .banner .swiper-slide a{display:block;width:100%;height:85vh;}
.index_m_banner .banner .swiper-text{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%, -50%);color:#fff;text-align:center;line-height:.35rem;}
.index_m_banner .banner .swiper-text p:first-child{text-transform:uppercase;font-size:.2rem;}
.index_m_banner .banner .swiper-text p:nth-child(2){font-size:.26rem;}

/* 公共样式 */
.index_tit{position:relative;}
.index_tit .en{font-size:.37rem;color:#000;opacity:.5;text-transform:uppercase;}
.index_tit .title{font-family:'Source Han Sans Regular';font-size:.32rem;line-height:.45rem;font-weight:400;color:#000;}
.index_tit .xtitle{font-family:'Source Han Sans Regular';font-size:.4rem;font-weight:bold;margin-top:.25rem;}
.index_tit .more{position:absolute;right:0;bottom:0;}
.index_tit .more a{display:block;font-size:.15rem;line-height:.45rem;width:1.55rem;border:1px solid #333;border-radius:23px;text-align:center;color:#333;transition: transform 0.3s ease;}
.index_tit .more:hover a{transform: translateX(10px);}
.liaojie{font-size:.18rem;font-family:'Source Han Sans Regular';}
.liaojie a{color:#333;}
.blackline{width:100%;height:4px;background:#000;margin:.74rem 0 .25rem 0;}
.p64{padding-top:.64rem;}
.p74 {padding-top: 0.74rem;}
.p74_ {padding-bottom: 0.74rem;}
.p85{padding-top:.85rem;}
.p88{padding-top:.88rem;}
.p43{padding-top:.4rem;}
.p95{padding-top:.95rem;}
.p1{padding-top:1rem;}
.p12{padding-top:1.15rem;}
.p14{padding-top:1.4rem;}
.p15{padding-top:1.5rem;}
.p17{padding-top:1.75rem;}
.m58 {margin-top: 0.58rem;}
.m15{margin-top:.15rem;}
.m25{margin-top:.25rem;}
.m35{margin-top:.35rem;}
.m45{margin-top:.45rem;}
.m85{margin-top:.95rem;}
.pb126{padding-bottom:1.1rem;}
.p50{margin-top:50px;}
.p100{margin-top:100px;}
.miaodian{position:relative;top:-1.2rem;}
.pu_link{overflow:hidden;display:inline-block;position:relative;transition:.4s}
.pu_link::before{z-index:1;transition:.6s;content:'';position:absolute;bottom:-1px;left:0;width:2px;height:.1rem;background:#fff}
.pu_link::after{transition:.6s;content:'';position:absolute;bottom:0;left:-1px;width:.2rem;height:2px;background:#fff}
.pu_link a{display:block;font-size:.16rem;transition:.6s;position:relative;width:2rem;line-height:.64rem;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:700}
.pu_link a::before{z-index:1;transition:.6s;content:'';position:absolute;top:-1px;right:-1px;width:2px;height:.1rem;background:#fff}
.pu_link a::after{transition:.6s;content:'';position:absolute;top:-1px;right:0;width:.2rem;height:2px;background:#fff}
.pu_link:hover{background:#fff;transition-delay:.6s}
.pu_link:hover::before{height:100%}
.pu_link:hover::after{width:100%}
.pu_link:hover a{color:#0e58d1;transition-delay:.6s;}
.pu_link:hover a::before{height:100%}
.pu_link:hover a::after{width:100%}
.pu_link.color::before{background:#0e58d1}
.pu_link.color::after{background:#0e58d1}
.pu_link.color a{color:#000;border-color:#ccc}
.pu_link.color a::before{background:#0e58d1}
.pu_link.color a::after{background:#0e58d1}
.pu_link.color:hover{background:#0e58d1}
.pu_link.color:hover a{color:#fff}

/* 内页banner */
.page_banner{width:100%;position:relative;overflow:hidden;}
.page_banner img{width:100%;}
.m_page_banner{width:100%;position:relative;overflow:hidden;display:none;}
.m_page_banner img{width:100%;}

/* 关于我们 */
.index_about{width:100%;margin-top:1.54rem;padding-bottom:2rem;background:url('../images/logo-black.svg') no-repeat right 8vw bottom;}
.index_about .about-jianjie{padding-left:33%;padding-right:20%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.index_about .about-tit{flex-direction: column-reverse;font-size:.26rem;font-weight:bold;font-family:'Source Han Sans Regular';color:#000;}
.index_about .about-cn-con{font-size:.2rem;line-height:.35rem;}
.index_about .about-en-con{font-size:.18rem;line-height:.35rem;color:#333;opacity:.5;}

/* 获奖经历 */
.index_huojiang{width:100%;margin-top:1.54rem;}
.index_huojiang .huojiang{padding-left:30%;padding-right:0%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.index_huojiang .huojiang li{width:22.5%;display:inline-block;margin:0 .2rem .5rem 0;padding:10px;box-sizing:border-box;text-align:center;}
.index_huojiang .huojiang li img{width:100%;height:auto;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.index_huojiang .huojiang li:nth-child(5n){margin-right:0;}
.index_huojiang .huojiang li:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);cursor:pointer;}

.index_huojiang .logo-container{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.index_huojiang .logo-box{flex:0 0 calc(25% - 10px);margin-bottom:20px;margin-right:13px;}
.index_huojiang .logo-box:nth-child(4n){margin-right:0;}  
.index_huojiang .logo-box img{width:100%;height:auto;-webkit-transition: 0.4s;-o-transition: 0.4s;transiti}
.index_huojiang .logo-box:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);cursor:pointer;}

/* 哲迳事务所简介 */
.about{width:100%;}
.about .about-1{padding-left:33%;padding-right:20%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.about .about1-tit{flex-direction:column-reverse;font-size:.26rem;font-weight:bold;font-family:'Source Han Sans Regular';color:#000;}
.about .about1-cn-con{font-size:.2rem;line-height:.35rem;}
.about .about1-en-con{font-size:.18rem;line-height:.35rem;color:#333;opacity:.5;}

/* 事务所理念 */
.about-2{padding-left:33%;padding-right:20%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.about-2 li{padding-bottom:.25rem;margin-bottom:.45rem;border-bottom:1px solid rgba(0,0,0,.2);}
.about-2 li .about2-tit{flex-direction:column-reverse;font-size:.26rem;font-weight:bold;font-family:'Source Han Sans Regular';color:#000;}
.about-2 li .about2-cn-con{font-size:.2rem;line-height:.35rem;}
.about-2 li:last-child{border-bottom:0px;}

/* 哲迳团队 */
.team{width:100%;}
.team .team-1{padding-left:15%;padding-right:20%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.team .team-1 .team-1-photo{width:24.5%;margin-right:.35rem;float:left;}
.team .team-1 .team-1-photo img{width:100%;}
.team .team-1 .team-1-info{width:71.2%;float:left;}
.team .team-1 .team-1-info .name{font-size:.4rem;font-weight:400;position:relative;margin:-7px 15px 0 0;}
.team .team-1 .team-1-info .ename{font-size:.2rem;font-weight:500;position:relative;bottom:-15px;}
.team .team-1 .team-1-info p{font-size:.2rem;font-weight:400;font-family:'Mi Regular';line-height:.34rem;}
.team .team-1 .team-1-info .duiqi{text-align:justify;}
.team .team-1 .team-en-con{font-size:.18rem;line-height:.35rem;color:#333;opacity:.5;}

/* 获奖经历 */
.hjjl{display:flex;justify-content:space-between;flex-wrap:wrap}
.hjjl-wrapper{position:relative;flex:0 0 calc(50% - 10px);margin-bottom:20px;overflow:hidden}
.hjjl-wrapper img{width:100%;height:auto;transition:transform 0.5s ease-in-out;}
.text-bottom,.text-center{position:absolute;color:#fff;font-size:.2rem;transition:opacity .3s ease,transform .3s ease;pointer-events:none}
.text-bottom{bottom:.25rem;left:.35rem;opacity:1;line-height:.35rem;}
.text-center{top:50%;left:50%;opacity:0;transform:translate(-50%,-50%) scale(.8)}
.hjjl-wrapper:hover img{transform:scale(1.1)}
.hjjl-wrapper:hover .text-bottom{opacity:0}
.hjjl-wrapper:hover .text-center{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* 项目案例 */
.anli-tab{position:absolute;right:0;bottom:0;}
.n_nav{position:relative;}
.n_nav a{display:inline-block;height:50px;font-size:.2rem;float:left;line-height:50px;color:#000;text-align:center;box-sizing:border-box;position:relative;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-left:.25rem;}
.n_nav a strong{display:block;color:#5e5f60;position:relative;z-index:4;height:50px;line-height:50px;transition:.36s ease-in-out;font-weight:400;}
.n_nav .on,.n_nav a:hover{color:#fff}
.n_nav a:before{content:"";width:0;height:2px;position:absolute;bottom:0;left:0;background:#000;transition:.6s ease-in-out;}
.n_nav .on:before,.n_nav a:hover:before{width:100%}
.n_nav .on strong,.n_nav a:hover strong{height:50px;line-height:50px;color:#333;font-weight:400}
/* 项目案例移动导航 */
#m_n_nav{display:none;}
#m_n_nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}
#m_n_nav li{position:relative;flex:1 0 auto;margin:0 10px;text-align:center;}
#m_n_nav li a{display:block;padding:13px;text-decoration:none;color:#333;font-size:.2rem;}
#m_n_nav li.active a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:calc(100% - 20px);height:2px;background-color:#000;}
/* 项目案例图片 */
.anli-container{display:flex;justify-content:space-between;flex-wrap:wrap}
.anli-wrapper{position:relative;flex:0 0 calc(50% - 10px);margin-bottom:20px;overflow:hidden}
.anli-wrapper img{width:100%;height:auto;transition:transform 0.5s ease-in-out;}
.anli-wrapper .text-bottom{position:absolute;color:#fff;font-size:.2rem;transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.anli-wrapper .text-bottom{bottom:.25rem;left:.35rem;right:.12rem;opacity:1;line-height:.35rem;}
.anli-wrapper:hover img{transform:scale(1.1)}
.anli-wrapper:hover .text-bottom{transform:scale(1.01)}
/* 项目详情 */
.aview{width:100%;padding-top:30px;padding-bottom:1.26rem;}
.aview .aview-1{padding-left:33%;padding-right:20%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.aview .aview-tit{font-size:.34rem;font-weight:bold;}
.aview .aview-con{font-size:.2rem;line-height:.34rem;}
.aview .aview-con span{color:rgb(0,0,0,.5);}
.aview p{width:100%;padding-top:5px;}
.aview p:first-child{padding-top:100px;}
.aview p img{width:100%;}
.aview .pimg{margin-bottom:20px;}
.aview .pimg img{width:100%;}

/* 新闻资讯 */
.news-container{display:flex;justify-content:space-between;flex-wrap:wrap}
.news{width:calc(33.33% - 20px);margin-bottom:.25rem;}
.news-image{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:60%;}
.news-image img{position:absolute;top:0;left:0;width:100%;height:auto;transition:transform .3s ease;}
.news:hover img{transform:scale(1.1)}
.news-content{background-color:rgb(236,236,236,.25);height:2rem;padding:10px .25rem;box-sizing:border-box;position:relative;overflow:hidden;}
.news a{color:#000;}
.news-content .news-tit{font-size:.21rem;line-height:.4rem;font-family:'Source Han Sans Regular';}
.news-content .news-des{font-size:.16rem;line-height:.3rem;color:rgb(0,0,0,.8);}
.news-content .news-icon{position:absolute;right:.4rem;bottom:.35rem;width:.4rem;height:.4rem;background:url(../images/icon04.png) no-repeat;background-size:100%;transition:opacity .3s ease,transform .3s ease;opacity:0;}
.news:hover .news-content{background:#fafafa;box-shadow: 0px 4px 20px 0px rgba(70,70,70,0.1);}
.news:hover .news-content .news-icon{opacity:1;}

/* --------------------------文章详情页---------------------- */
.view-content{padding-left:30%;padding-right:5%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.view-content .title{font-size:.34rem;font-weight:bold;}
.view-content .author{font-size:14px;color:#999;margin-top:20px;}
.view-content .d-con{margin-top:30px;font-size:16px;line-height:30px;}
.view-content .d-con img {padding-top: 30px;padding-bottom: 30px;height: auto!important;}
.view-content .d-con img{max-width: 100%;}
.view-content a,.view-content .d-con a{color:#333;}

/* 上一页下一页 */
#ar_fot{ height:90px; display:table; width:100%; margin-top:20px;}
#ar_fot a{ font-size:14px; color:#333;}
#ar_fot ul { display:table-cell; vertical-align:middle; width:100%; height:100%;}
#ar_fot ul li{ width:33.333%; float:left;}
#ar_fot li a{ display: inline-block; height:60px; line-height:60px;}
.ar_fot_prev{ text-align:left;}
.ar_fot_list{ text-align: center;}
.ar_fot_next{ text-align: right;}
.arrow_left{ position: relative; width:20px; height:20px; display: inline-block; top:10px; margin-right:30px; transition:.3s;}
.arrow_left:before{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(-45deg); position:absolute; top:0; transition:.3s;}
.arrow_left:after{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(45deg); position:absolute; top:6px; transition:.3s;}
.arrow_left i{ display:block; width:0; height:1px; background:#6e78b4; display:block; top:3px; left:2px; position:absolute; transition:.3s;}
.ar_fot_prev a:hover .arrow_left{ margin-right:40px;}
.ar_fot_prev a:hover .arrow_left i{ width:18px;}
.ar_fot_prev a:hover .arrow_left:before,.ar_fot_prev a:hover .arrow_left:after{ background:#6e78b4 !important;}
.ar_fot_list .fa-th{position: relative;top:1px;margin-right:5px;width: 15px;height:20px;display:inline-block;transition:.2s;}
.ar_fot_list a:hover .fa-th{color:#6e78b4;} 
.arrow_right{ position: relative; width:20px; height:20px; display: inline-block; top:10px; margin-left:30px; transition:.3s;}
.arrow_right:before{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(45deg); position: absolute; top:0; right:0; transition:.3s;}
.arrow_right:after{ content:""; width:10px; height:1px; background:#333; display:block; transform:rotate(-45deg); position:absolute; top:6px; right:0; transition:.3s;}
.arrow_right i{ display:block; width:0; height:1px; background:#6e78b4; display:block; top:3px; right:3px; left:auto; position: absolute; transition:.3s;}
.ar_fot_next a:hover .arrow_right{ margin-left:40px;}
.ar_fot_next a:hover .arrow_right i{ width:18px;}
.ar_fot_next a:hover .arrow_right:before,.ar_fot_next a:hover .arrow_right:after{ background:#0e58d1 !important;}

#ar_fot a:hover span{ color:#0e58d1;}

/* 联系我们 */
.lxwm{padding-left:33%;padding-right:10%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}
.lxwm .lx-l{width:28%;float:left;border-bottom:1px solid rgb(0,0,0,.1);padding-bottom:.15rem;}
.lxwm .lx-l .lx-l-top{width:100%;font-size:.2rem;color:#000;}
.lxwm .lx-l .lx-l-top p{line-height:.5rem;}
.lxwm .lx-l .lx-l-top p:first-child{color:#acacac;}
.lxwm .lx-l .lx-l-bottom{width:100%;margin-top:.45rem;}
.lxwm .lx-l .lx-l-bottom p{line-height:.5rem;font-size:.2rem;color:#000;}
.lxwm .lx-l .lx-l-bottom p:first-child{color:#acacac;}
.lxwm .lx-r{width:32%;float:right;border-bottom:1px solid rgb(0,0,0,.1);padding-bottom:.15rem;}
.lxwm .lx-r  .lx-r-us{width:100%;color:#acacac;font-size:.2rem;}
.lxwm .lx-r .lx-r-ewm{margin-top:.45rem;}
.lxwm .lx-r li{margin-bottom:.25rem;display:block;width:100%;height:30px;cursor:pointer;}
.lxwm .lx-r li .ewm{width:30px;height:30px;float:left;margin-right:10px;position:relative;}
.lxwm .lx-r li .ewm-hover-1{width:1.2rem;height:1.2rem;position:absolute;left:-47.5%;top:0;padding-top:.15rem;transition:opacity .3s ease,transform .3s ease;opacity:0;}
.lxwm .lx-r li .ewm-hover-2{width:1.2rem;height:1.2rem;position:absolute;left:-47.5%;top:0;padding-top:1rem;transition:opacity .3s ease,transform .3s ease;opacity:0;}
.lxwm .lx-r li:hover .ewm-hover-1,.lxwm .lx-r li:hover .ewm-hover-2{opacity:1;}
.lxwm .lx-r li .ewm-tit{line-height:30px;font-size:.2rem;float:left;}
.lxwm .lx-r li:last-child{margin-bottom:.28rem;}
.lxwm .lx-r li a{color:#000;}
/* 移动端展示二维码 */
#mqrcode{display:none;}
.qrcode-container{display:flex;justify-content:space-between;}
.qrcode-container a{color:#000;}
.qrcode-item{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}
.qrcode-image{width:100px;height:100px;object-fit:contain}
.qrcode-text{margin-top:10px;font-size:14px}

/* 加入我们 */
.JoinUs{padding-bottom:.9rem}
.JoinUs .box{margin-top:.7rem}
.JoinUs .box .list{background:#fff;margin-bottom:-.1rem;border:1px solid #ddd}
.JoinUs .box .list .boxTop{font-family:fang;line-height:.4rem;padding:.15rem .42rem;font-size:14px;cursor:pointer}
.JoinUs .box .list .boxTop svg{vertical-align:middle}
.JoinUs .box .list .boxTop .content0{font-size:.2rem;width:22%}
.JoinUs .box .list .boxTop .content1{font-size:.2rem;}
.JoinUs .box .list .boxTop .content2{width:12%;font-size:.2rem;}
.JoinUs .box .list .boxTop .content5 p{height:.4rem;width:.4rem;text-align:center;line-height:.4rem}
.JoinUs .box .list .boxTop .content5 p i{font-size:.16rem;display:inline-block;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}
.JoinUs .box .list .boxTop.active{background:#000;color:#fff}
.JoinUs .box .list .boxTop.active .content5 p i{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.JoinUs .box .list .boxBot{padding:0 .42rem .98rem;display:none;background:url(../images/logo-black.svg) no-repeat right .25rem bottom 5px;background-size:2.16rem;}
.JoinUs .box .list .boxBot .main{border-top:1px solid #eee}
.JoinUs .box .list .boxBot .main .item{font-family:fang;padding:.3rem 0 0}
.JoinUs .box .list .boxBot .main .item h5{font-size:.16rem;color:#666}
.JoinUs .box .list .boxBot .main .item div{font-size:.18rem;color:#333;margin-top:.16rem;line-height:.36rem}
.JoinUs .box .list .boxBot .main .item1{margin-top:.75rem}
.JoinUs .box1{padding-top:.16rem}

/* 页脚footer */
.footer{width:100%;}
.footer .left-copyright{width:75%;float:left;padding:.35rem 0;}
.footer .left-copyright p{font-size:.14rem;line-height:.35rem;}
.footer a{color:#000;}
.footer .right-service{width:25%;float:right;font-size:.14rem;text-align:right;position:relative;bottom:-.73rem;padding:.35rem 0;}


/*分页 begin*/
.glb_page{text-align:center;padding:30px 0}
.glb_page li{display:inline-block;padding:10px .2rem;border:1px solid rgba(0,0,0,.2);border-radius:3px;color:#000;margin:0 3px;font-size:.16rem;}
.glb_page button{display:inline-block;height:40px;border:1px solid #f9f9f9;background-color:#f9f9f9;line-height:30px}
.glb_page input{display:inline-block;height:40px;width:40px;border:1px solid #eee;line-height:30px;text-align:center}
.glb_page.hei li{background-color:#fff}
.glb_page.hei button{border:1px solid #fff;background-color:#fff}
.glb_page.hei input{border:1px solid #eee}
.glb_page li.active,.glb_page li:hover,.glb_page button:hover{background-color:#000;color:#fff;}
.glb_page li.active a,.glb_page li:hover a{color:#fff;}
.glb_page li a{color:#000;}
/*分页 end*/

.text-center{text-align:center;}
.pagination{display:inline-block;margin:0;padding:0;list-style:none;vertical-align:bottom}
.pagination li{display:inline-block!important;}
.pagination a{display:block;padding:8px 12px;color:#333;line-height:18px;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s}
.pagination .disabled a:hover,.pagination .disabled a:link,.pagination .disabled a:visited{color:#ebebeb;cursor:not-allowed;pointer-events:none}
.pagination .active{pointer-events:none}
.pagination .active,.pagination a:hover{transition:all .3s cubic-bezier(.175,.885,.32,1) 0s}

@media screen and(max-width:1600px){
.team .team-1 .team-1-info {width:71%;}
.lxwm .lx-r li:last-child {margin-bottom: 4px;}
.lxwm .lx-r li .ewm-hover-1{right:32%;top:0;padding-top:.15rem;}
.lxwm .lx-r li .ewm-hover-2{right:32%;top:0;padding-top:1rem;}
}

@media screen and (max-width:1520px){
.team .team-1 .team-1-info {width:71%;}
.lxwm .lx-r li:last-child {margin-bottom: 4px;}
.lxwm .lx-r li .ewm-hover-1{left:-65%;top:0;padding-top:.15rem;}
.lxwm .lx-r li .ewm-hover-2{left:-65%;top:0;padding-top:1rem;}
}

@media screen and (max-width:1440px){
.team .team-1 .team-1-info {width:71%;}
.lxwm .lx-r li:last-child {margin-bottom: 4px;}
.lxwm .lx-r li .ewm-hover-1{left:-65%;top:0;padding-top:.15rem;}
.lxwm .lx-r li .ewm-hover-2{left:-65%;top:0;padding-top:1rem;}
}

@media screen and (max-width:1400px){
.team .team-1 .team-1-info {width:71%;}
.lxwm .lx-r li:last-child {margin-bottom: 4px;}
.lxwm .lx-r li .ewm-hover-1{left:-65%;top:0;padding-top:.15rem;}
.lxwm .lx-r li .ewm-hover-2{left:-65%;top:0;padding-top:1rem;}
}

@media screen and (max-width:1359px){
.team .team-1 .team-1-info {width:71%;}
.lxwm .lx-r li:last-child {margin-bottom: -3px;}
.lxwm .lx-r li .ewm-hover-1{left:-72.5%;top:0;padding-top:.15rem;}
.lxwm .lx-r li .ewm-hover-2{left:-72.5%;top:0;padding-top:1rem;}
}

@media screen and (max-width:1200px){
.team .team-1 .team-1-info {width:71%;}
.news-content{height:2.75rem;}
.lxwm .lx-r li:last-child {margin-bottom:-4px;}
.lxwm .lx-r li .ewm-hover-1{left:-80.5%;top:0;padding-top:.15rem;}
.lxwm .lx-r li .ewm-hover-2{left:-80.5%;top:0;padding-top:1rem;}
}

@media screen and (max-width:1024px){
.pc_index{display:none;}
.MobileMain{display:block;}
.index_m_banner{display:block;}
.page_banner{display:none;}
.m_page_banner{display:block;}
.index_about .about-jianjie,.index_huojiang .huojiang,.about .about-1,.about .about-2,.team .team-1,.aview .aview-1,.view-content,.lxwm{padding-left:0%;padding-right:0%;}
.index_huojiang .huojiang ul li{width:30%;}
.team .team-1 .team-1-photo{width:100%;}
.team .team-1 .team-1-info{width:100%;}
.team .team-1 .team-1-info .mname{margin-top:.45rem;}
.team .team-1 .team-1-info .mname .ename{bottom:-9px;}
.news-content{height:2.7rem;}
.lxwm .lx-l{width:100%;margin-bottom:.35rem;}
.lxwm .lx-l .lx-l-top{width:40%;float:left;margin-right:10px;}
.lxwm .lx-l .lx-l-bottom{width:50%;float:left;margin-top: 0rem;}
.lxwm .lx-r{width:100%;}
.lx-r-ewm{display:none;}
#mqrcode{display:block;}
.footer .left-copyright p{font-size:14px;}
.footer .right-service{font-size:14px;}
}

@media screen and (max-width:968px){
.pc_index{display:none;}
.MobileMain{display:block;}
.index_m_banner{display:block;}
.page_banner{display:none;}
.m_page_banner{display:block;}
.index_about .about-jianjie,.index_huojiang .huojiang,.about .about-1,.about .about-2,.team .team-1,.aview .aview-1,.view-content,.lxwm{padding-left:0%;padding-right:0%;}
.index_huojiang .huojiang ul li{width:30%;}
.index_huojiang .logo-box{flex:0 0 calc(50% - 10px)}
.index_huojiang .logo-box:nth-child(2n){margin-right:0;}
.team .team-1 .team-1-photo{width:100%;}
.team .team-1 .team-1-info{width:100%;}
.team .team-1 .team-1-info .mname{margin-top:.45rem;}
.team .team-1 .team-1-info .mname .ename{bottom:-9px;}
.hjjl-wrapper{flex:0 0 calc(100% - 10px);}
.anli-tab{display:none;}
#m_n_nav{display:block;}
#m_n_nav ul{justify-content:flex-start}
#m_n_nav ul li{margin:10px 0}
.anli-wrapper{flex:0 0 calc(100% - 10px);}
.news{width:100%;}
.news-content{height:2.5rem;}
.lxwm .lx-l{width:100%;margin-bottom:.35rem;}
.lxwm .lx-l .lx-l-top{width:40%;float:left;margin-right:10px;}
.lxwm .lx-l .lx-l-bottom{width:50%;float:left;margin-top: 0rem;}
.lxwm .lx-r{width:100%;}
.lx-r-ewm{display:none;}
#mqrcode{display:block;}
.footer .left-copyright{width:100%;padding:.45rem 0 0 0;}
.footer .left-copyright p{font-size:14px;}
.footer .right-service{width:100%;font-size:14px;text-align:left;position:relative;bottom:0;padding:0 0 .45rem 0;}
}

@media (max-width: 768px) {
.pc_index{display:none;}
.MobileMain{display:block;}
.index_m_banner{display:block;}
.page_banner{display:none;}
.m_page_banner{display:block;}
.index_about {background: url(../images/logo-black.svg) no-repeat right 0vw bottom;}
.index_about .about-jianjie,.index_huojiang .huojiang,.about .about-1,.about .about-2,.team .team-1,.aview .aview-1,.view-content,.lxwm{padding-left:0%;padding-right:0%;}
.index_huojiang .huojiang ul li{width:29%;}
.index_huojiang .logo-box{flex:0 0 calc(50% - 10px)}
.index_huojiang .logo-box:nth-child(2n){margin-right:0;}
.team .team-1 .team-1-photo{width:100%;}
.team .team-1 .team-1-info{width:100%;}
.team .team-1 .team-1-info .mname{margin-top:.45rem;}
.team .team-1 .team-1-info .mname .ename{bottom:-9px;}
.hjjl-wrapper{flex:0 0 calc(100% - 10px);}
.anli-tab{display:none;}
.aview p{width:100%;padding-top:6px;}
#m_n_nav{display:block;}
#m_n_nav ul{justify-content:flex-start}
#m_n_nav ul li{margin:10px 0}
.anli-wrapper{flex:0 0 calc(100% - 10px);}
.news{width:100%;}
.news-content{height:2.5rem;}
.lxwm .lx-l{width:100%;margin-bottom:.35rem;}
.lxwm .lx-l .lx-l-top{width:40%;float:left;margin-right:10px;}
.lxwm .lx-l .lx-l-bottom{width:50%;float:left;margin-top: 0rem;}
.lxwm .lx-r{width:100%;}
.lx-r-ewm{display:none;}
#mqrcode{display:block;}
.footer .left-copyright{width:100%;padding:.35rem 0 0 0;}
.footer .left-copyright p{font-size:14px;line-height:.3rem;}
.footer .right-service{width:100%;font-size:14px;text-align:left;position:relative;bottom:0;padding:.15rem 0 .45rem 0;}
}

@media screen and (max-width:600px){
#m_n_nav ul li {margin: 10px 4px;}
.index_m_banner .banner .swiper-slide{width: 100%;height:45vh;}
.index_m_banner .banner .swiper-slide a{display:block;width:100%;height:45vh;}
.JoinUs .box .list .boxTop{padding:.15rem .23rem;}
.JoinUs .box .list .boxTop .content0{width:45%;}
.JoinUs .box .list .boxTop .content3,.JoinUs .box .list .boxTop .content4{display:none;}
.JoinUs .box .list .boxTop .content2 {width:25%;text-align:right;}
.JoinUs .box .list .boxBot{background: url(../images/logo-black.svg) no-repeat right 0.25rem bottom 0px;background-size:2.16rem;}
.JoinUs .box .list .boxTop .content5 p{width:.3rem;height:.3rem;}
.aview p{width:100%;padding-top:5px;}
}

@media screen and (max-width:480px){
.index_m_banner .banner .swiper-slide{width: 100%;height:45vh;}
.index_m_banner .banner .swiper-slide a{display:block;width:100%;height:45vh;}
.aview p{width:100%;padding-top:4px;}
}