@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ width:100%; font:16px/28px 'microsoft yahei'; color:#333; overflow-x:hidden; position:relative;}
div,ul,li,dl,dt,dd,p{ height:auto; list-style:none; position:relative; overflow:hidden;}
img{ display:block; border:none;}
input{ -webkit-appearance:none; outline:none;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#333;}
i,em{ font-style:normal;}
.zj_box{ width:1400px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
.clear{clear:both;}
.phone_block{ display:none;}


/*标题*/
.zj_tit01{ line-height:62px; font-weight:bold; text-align:center; text-transform:uppercase; padding:30px 0; color:#000;}
.zj_tit01 .tit{ font-size:54px; z-index:2;}
.zj_tit01 .tit span{ color:#ffb628;}
.zj_tit01 .txt{ font-size:42px; font-weight:normal;}
.zj_tit01 .txt2{ line-height:32px; font-size:20px; font-weight:normal;}
.zj_tit01 i{ width:100%; font-size:64px; color:#ffb628; position:absolute; left:0; top:0; opacity:0.18;}
.zj_tit02{ line-height:42px; text-align:center; margin:100px 0 20px;}
.zj_tit02 .tit{ font-weight:bold; font-size:35px; color:#000;}
.zj_tit02 .txt{ font-size:28px;}


/*zj_top*/
.zj_top{ height:120px; background:#808295;}
.zj_top:before{ content:''; display:block; width:20%; height:100%; background:#fff; position:absolute; left:0; top:0;}
.zj_top .logo{ width:20%; padding:19px 0; background:#fff;}
.zj_top .logo img{ max-width:90%;}
.zj_top .nav{ width:80%;}
.zj_top .nav li{ float:left; width:25%;}
.zj_top .nav li a{ display:block; line-height:24px; font-size:18px; color:#fff; text-align:center; padding:38px 0; border-bottom:4px solid #808295;}
.zj_top .nav li a:before{ content:''; display:block; width:1px; height:28px; background:#fff; position:absolute; right:0; top:50%; margin-top:-14px;}
.zj_top .nav li a:hover{ color:#ffb628; border-color:#ffb628; background:#f8f8f8;}
.zj_top .nav li span{ display:inline-block; vertical-align:middle; text-align:left;}
.zj_top .nav li i{ font-size:13px; line-height:16px; display:block; text-transform:uppercase;}
.zj_top .nav li:last-child a:before{ display:none;}
/*zj_top   ///*/


/*zj_banner*/
.zj_banner img{ width:1920px; position:relative; left:50%; margin-left:-960px;}
/*zj_banner   ///*/


/*我们是谁*/
.zj_who{ padding-bottom:30px;}
.zj_who .zj_tit01{ margin:55px 0 30px;}
.zj_who .zj_box,.zj_who .inner2,.zj_who .inner2 ul{ overflow:visible;}
.zj_who .inner1 .img{ width:397px; margin-left:14%;}
.zj_who .inner1 .img img{ width:100%;}
.zj_who .inner1 .text{ width:48.2%; line-height:35px; font-size:18px; position:absolute; left:51.8%; bottom:25px;}
.zj_who .inner1 .text .tit{ font-weight:bold; color:#000; margin-bottom:18px;}
.zj_who .inner1 .text .tit span{ display:block; float:left; font-size:34px; padding-bottom:24px; border-bottom:1px solid #ffb628;}
.zj_who .inner1 .text .tit i{ position:relative; top:8px;}
.zj_who .inner1 .text .txt i{ display:none;}
.zj_who .inner1 .box2{ margin-top:60px;}
.zj_who .inner1 .box2 .img{ width:440px; padding:15px 50px 0 0; margin:0 6.6% 0 0;}
.zj_who .inner1 .box2 .img img{ width:100%; position:relative; z-index:2;}
.zj_who .inner1 .box2 .img:before{ content:''; display:block; width:345px; height:260px; background:#f6f8fc; position:absolute; top:0; right:0;}
.zj_who .inner1 .box2 .text{ width:50%; text-align:right; left:0; bottom:10px;}
.zj_who .inner1 .box2 .text .tit{ font-size:28px; font-weight:normal; margin:0;}
.zj_who .inner1 .box2 .text .tit span{ float:right; font-weight:bold; padding-bottom:10px; margin-left:8px; border:none;}
.zj_who .inner1 .box2 .text .txt span{ display:block; font-size:22px; font-weight:bold;}
.zj_who .inner2 li{ float:left; width:31%; line-height:30px; font-size:18px; text-align:center; margin-bottom:42px;}
.zj_who .inner2 li a{ display:block; padding:30px 0;}
.zj_who .inner2 li .img{ padding-bottom:3px; background:url(https://static.vixue.com/resources/beian.vixue.com/images/who_value_02.png) center bottom no-repeat;}
.zj_who .inner2 li .img i{ display:block; width:105px; height:105px; margin:0 auto; background:url(https://static.vixue.com/resources/beian.vixue.com/images/who_value_01.png) 0 0 no-repeat;}
.zj_who .inner2 li .tit{ line-height:36px; font-size:22px; color:#000; text-transform:uppercase; padding:8px 0 13px;}
.zj_who .inner2 li .tit span{ display:block; font-size:30px;}
.zj_who .inner2 li:nth-child(3n+1){ margin-right:3%;}
.zj_who .inner2 li:nth-child(3n){ float:right;}
.zj_who .inner2 li:nth-child(2n) a{ background:#f6f8fc; background:linear-gradient(to bottom,#fff 0%,#f6f8fc 100%);}
.zj_who .inner2 li:nth-child(2) .img i{ background-position:-105px 0;}
.zj_who .inner2 li:nth-child(3) .img i{ background-position:-210px 0;}
.zj_who .inner2 li:nth-child(4) .img i{ background-position:-315px 0;}
.zj_who .inner2 li:nth-child(5) .img i{ background-position:-420px 0;}
.zj_who .inner2 li:nth-child(6) .img i{ background-position:-525px 0;}
.zj_who .inner2 li:hover{ box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}
.zj_who .inner2 li:hover .txt{ color:#a46e39;}
/*我们是谁   ///*/


/*服务内容*/
.zj_service{ padding-bottom:80px; background:#3a3c4c url(https://static.vixue.com/resources/beian.vixue.com/images/service_bg.jpg) center center no-repeat;}
.zj_service .zj_tit01{ color:#fff; margin:65px 0 20px;}
.zj_service .zj_tit01 .tit span{ color:#ffb628;}
.zj_service .service_nav{ border-bottom:1px solid #ffb628;}
.zj_service .service_nav p{ float:left; width:33%; padding-bottom:62px;}
.zj_service .service_nav p span{ display:block; line-height:54px; font-size:28px; color:#fff; text-align:center; background:#5e5f62; cursor:pointer;}
.zj_service .service_nav p i{ font-size:22px; margin-left:8px;}
.zj_service .service_nav p:nth-child(3n+1){ margin-right:0.5%;}
.zj_service .service_nav p:nth-child(3n){ float:right;}
.zj_service .service_nav p.on span{ background:#ffb628; background:linear-gradient(to top,#f99a3d,#ffbe3e);}
.zj_service .service_nav p.on span:before{ content:''; display:block; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #ffb628; position:absolute; bottom:0; left:50%; margin-left:-12px;}
.zj_service .service_inner .boxs{ display:none;}
.zj_service .service_inner .boxs.show{ display:block;}
.zj_service .service_inner .text{ line-height:35px; font-size:18px; color:#fff; margin:50px 0;}
.zj_service .service_inner li{ float:left; width:16.1%; border:15px solid #fff; padding-top:90px; margin-right:2.2%; background:#fff;}
.zj_service .service_inner li:nth-child(5n){ float:right; margin:0;}
.zj_service .service_inner li:nth-child(5n-1){ margin:0;}
.zj_service .service_inner li .tit{ width:100%; font-size:22px; text-align:center; text-transform:uppercase; padding-bottom:35px; background:url(https://static.vixue.com/resources/beian.vixue.com/images/service_ico02.png) center bottom no-repeat; position:absolute; left:0; top:0; z-index:2;}
.zj_service .service_inner li .tit br{ display:none;}
.zj_service .service_inner li .tit i{ display:block; width:37px; line-height:42px; font-size:14px; color:#808295; margin:30px auto 15px; background:url(https://static.vixue.com/resources/beian.vixue.com/images/service_ico01.png) center center no-repeat;}
.zj_service .service_inner li .tit span{ display:block; font-size:16px;}
.zj_service .service_inner li .img img{ width:100%;}

/*服务内容   ///*/


/*我们的方法*/
.zj_means .zj_tit01{ margin:55px 0 20px;}
.zj_means li{ float:left; width:33.33%; line-height:35px; font-size:18px; text-align:center;}
.zj_means li i{ display:block; width:105px; height:105px; margin:0 auto; background:url(https://static.vixue.com/resources/beian.vixue.com/images/means_img.png) 0 0 no-repeat;}
.zj_means li .tit{ font-size:22px; font-weight:bold; color:#000; margin:15px 0;}
.zj_means li:before{ content:''; display:block; width:1px; height:55%; border-right:1px dashed #333; position:absolute; bottom:0; right:0;}
.zj_means li:nth-child(2) i{ background-position:-105px 0;}
.zj_means li:nth-child(3) i{ background-position:-210px 0;}
.zj_means li:nth-child(3):before{ display:none;}
.zj_means li a:hover .txt{ color:#ffb628;}
/*我们的方法   ///*/


/*我们的团队*/
.zj_team .zj_tit01{ margin:90px 0 30px;}
.zj_team .inner{ padding-top:20px; background:#f6f8fc;}
.zj_team li{ margin:0 0 20px 20px;}
.zj_team li a{ display:block; position:relative;}
.zj_team li .tit{ width:100%; line-height:48px; color:#fff; padding:0 30px; text-transform:uppercase; background:#808295; position:absolute; left:0; bottom:0; z-index:2; box-sizing:border-box;}
.zj_team li .tit span{ display:block;}
.zj_team li .tit span.span1{ font-size:22px;}
.zj_team img{ width:100%;}
.zj_team .div1{ width:31%; line-height:100px; font-size:60px; font-weight:bold; color:#fff; text-align:center; padding:245px 0; margin-left:15px; background:url(https://static.vixue.com/resources/beian.vixue.com/images/team_bg.jpg) center center no-repeat;}
.zj_team .div1 .txt{ width:67%; line-height:56px; font-size:22px; color:#fff; text-transform:uppercase; margin:18px auto; border-radius:28px; background:#ffb628;}
.zj_team .ul2{ width:29%;}
.zj_team .ul3{ width:19%;}
/*我们的团队   ///*/


/*作品案例*/
.zj_works{ margin-bottom:20px;}
.zj_works .zj_tit01{ margin:80px 0 20px;}
.zj_works .zj_box,.zj_works ul{ overflow:visible;}
.zj_works li{ float:left; width:31.4%; margin-bottom:36px; box-shadow:0 3px 22px 0 rgba(200,212,213,0.3);}
.zj_works li:hover{ box-shadow:none;}
.zj_works li a{ display:block; padding:26px;}
.zj_works li img{ width:100%;}
.zj_works li .tit{ font-size:22px; text-transform:uppercase; margin:22px 0 8px;}
.zj_works li .tit span{ font-size:22px; color:#bc894a; margin-left:18px;}
.zj_works .ul1 li:nth-child(3n+1){ margin-right:2.9%;}
.zj_works .ul1 li:nth-child(3n){ float:right;}
.zj_works .ul2 li{ width:48%; margin:0 0 25px;}
.zj_works .ul2 li:nth-child(2n){ float:right;}
/*作品案例   ///*/


/*zj_foot*/
.zj_foot{ padding:30px 0 55px; text-align:center; background:#272727;}
.zj_foot .nav{ width:82%; padding:38px 0; margin:0 auto 30px; border-bottom:1px dashed #fff;}
.zj_foot .nav li{ display:inline-block; vertical-align:middle; line-height:30px; font-size:21px;}
.zj_foot .nav li a{ display:block; color:#fff; padding:0 60px;}
.zj_foot .nav li a span{ display:block; font-weight:lighter;}
.zj_foot .nav li a:before{ content:''; display:block; width:1px; height:30px; border-right:1px dashed #fff; position:absolute; top:50%; right:0; margin-top:-15px;}
.zj_foot .nav li:last-child a:before{ display:none;}
.zj_foot .text{ line-height:30px; font-size:17px; color:#fff;}
.zj_foot .text a{ color:#fff; padding:0 6px;}
/*zj_foot   ///*/


@media screen and (max-width:1500px){
/*	.zj_box{ width:1100px;}
	
	.zj_tit01{ line-height:55px;}
	.zj_tit01 .tit{ font-size:50px;}
	.zj_tit01 .txt{ font-size:36px;}
	.zj_tit01 i{ font-size:50px;}
	.zj_tit01 .txt2{ font-size:18px;}
	
	.zj_banner img{ width:1640px; margin-left:-820px;}
	
	.zj_who .inner1 .img{ margin-left:2%;}
	.zj_who .inner1 .text{ width:58%; left:42%;}
	.zj_who .inner1 .box2 .img{ padding-right:25px; margin:0;}
	.zj_who .inner1 .box2 .text{ width:54%;}
	
	.zj_service .service_inner li{ margin-right:1.5%;}
	
	.zj_means li{ line-height:30px; font-size:16px;}
	
	.zj_team li .tit{ font-size:14px; padding:0 15px;}
	.zj_team li .tit span.span1{ font-size:18px;}
	.zj_team .div1{ padding:165px 0;}
	
	.zj_foot .nav{ width:100%;}*/
}

@media screen and (max-width:1400px){
	body{ font-size:14px;}
	.zj_box{ width:1000px;}
	
	.zj_tit01{ line-height:50px;}
	.zj_tit01 .tit{ font-size:45px;}
	.zj_tit01 .txt{ font-size:30px;}
	.zj_tit01 i{ font-size:40px;}
	.zj_tit01 .txt2{ font-size:16px;}
	.zj_tit02{ margin:60px 0 15px;}
	
	.zj_top{ height:112px;}
	.zj_top .logo{ width:30%; padding:15px 0;}
	.zj_top .nav{ width:70%;}
	.zj_top .nav li a{ font-size:16px; padding:30px 0;}
	
	.zj_banner img{ width:1500px; margin-left:-750px;}
	
	.zj_who{ padding-bottom:15px;}
	.zj_who .zj_tit01{ margin:40px 0 10px;}
	.zj_who .inner1 .img{ width:365px;}
	.zj_who .inner1 .text{ font-size:16px;}
	.zj_who .inner1 .text .tit span{ font-size:30px;}
	.zj_who .inner1 .box2 .img{ width:420px; padding:0;}
	.zj_who .inner1 .box2 .text .tit{ font-size:25px;}
	.zj_who .inner2 li{ font-size:16px;}
	.zj_who .inner2 li .tit{ line-height:30px; font-size:20px;}
	.zj_who .inner2 li .tit span{ font-size:26px;}
	
	.zj_service{ padding-bottom:60px;}
	.zj_service .zj_tit01{ margin:50px 0 10px;}
	.zj_service .service_nav p{ padding-bottom:40px;}
	.zj_service .service_nav p span{ font-size:24px;}
	.zj_service .service_nav p i{ font-size:18px;}
	.zj_service .service_inner .text{ font-size:16px; margin:40px 0;}
	.zj_service .service_inner li{ width: 16%; border-width:10px;}
	.zj_service .service_inner li .tit{ font-size:20px; padding-bottom:25px;}
	.zj_service .service_inner li .tit i{ margin:20px auto 10px;}
	.zj_service .service_inner li .tit span{ font-size:15px;}
	
	.zj_means .zj_tit01{ margin:40px 0 5px;}
	.zj_means li{ line-height:28px; font-size:15px;}
	.zj_means li .tit{ font-size:20px;}
	
	.zj_team .zj_tit01{ margin:50px 0 15px;}
	.zj_team li .tit{ line-height:40px;}
	.zj_team li .tit span.span2{ display:none;}
	.zj_team .div1{ line-height:63px; font-size:45px;}
	.zj_team .div1 .txt{ width:75%; line-height:46px;}
	
	.zj_works .zj_tit01{ margin:50px 0 5px;}
	.zj_works li{ margin-bottom:25px;}
	.zj_works li a{ padding:15px;}
	.zj_works li .tit{ margin:15px 0 4px;}
	.zj_works li .tit span{ margin-left:12px;}
	.zj_works .ul2 li{ width:48.5%;}
	
	.zj_foot{ padding:20px 0 40px}
	.zj_foot .nav{ padding:25px 0; margin-bottom:25px;}
	.zj_foot .nav li{ line-height:26px; font-size:18px;}
	.zj_foot .text{ font-size:15px;}

}

@media screen and (max-width:768px){
	body{ font-size:12px; -webkit-text-size-adjust:none; -webkit-max-logical-width:max-content; min-width:100%;}
	*{ box-sizing:border-box;}
	.zj_box{ width:100%;}
	.phone_block{ display:block;}
	.pc_block{ display:none;}
	
	.zj_tit01{ line-height:25px; padding:12px 0 0;}
	.zj_tit01 .tit{ font-size:24px;}
	.zj_tit01 .txt{ font-size:14px;}
	.zj_tit01 i{ font-size:20px;}
	.zj_tit01 .txt2{ line-height:20px; font-size:12px; padding:0 10px;}
	.zj_tit02{ line-height:24px; margin:10px 0 0;}
	.zj_tit02 .tit{ font-size:22px;}
	.zj_tit02 .txt{ font-size:14px;}
	
	.zj_top{ height:auto;}
	.zj_top:before{ display:none;}
	.zj_top .logo{ width:100%; padding:10px;}
	.zj_top .logo img{ width:38%;}
	.zj_top .nav{ width:100%;}
	.zj_top .nav li i{ display:none;}
	.zj_top .nav li a{ font-size:14px; padding:2px 0; border-width:2px;}
	.zj_top .nav li a:before{ height:16px; margin-top:-8px;}
	
	.zj_banner{}
	.zj_banner img{ width:810px; margin-left:-480px; top:-20px;}
	
	.zj_who .zj_tit01{ margin:10px 0 0;}
	.zj_who .inner1 .box1,.zj_who .inner1 .box2{ padding:13px 15px; margin:10px 10px 15px; border-radius:10px; box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}
	.zj_who .inner1 .img{ display:none; margin:0; width:40% !important;}
	.zj_who .inner1 .text{ width:100% !important; left:auto !important; bottom:auto !important;}
	.zj_who .inner1 .text .tit{ margin-bottom:5px;}
	.zj_who .inner1 .text .tit span{ font-size:18px; padding-bottom:6px;}
	.zj_who .inner1 .text .tit i{ top:0;}
	.zj_who .inner1 .text .txt br{ display:none;}
	.zj_who .inner1 .text{ line-height:25px; font-size:13px; position:relative;}
	.zj_who .inner1 .box2 .text .tit{ font-size:13px;}
	.zj_who .inner1 .box2 .text .tit span{ padding-bottom:2px; border-bottom:1px solid #ffb628;}
	.zj_who .inner1 .box2 .text .txt span{ font-size:15px;}
	.zj_who .inner1 .box2 .text .txt i{ display:inline-block; vertical-align:middle;}
	.zj_who .inner2 li{ float:left !important; width:49%; line-height:22px; font-size:13px; margin:0 !important;}
	.zj_who .inner2 li:nth-child(2n){ float:right !important;}
	.zj_who .inner2 li a{ padding:0 10px 10px;}
	.zj_who .inner2 li .img{ margin-top:-30px; background-size:100%;}
	.zj_who .inner2 li .img i{ transform:scale(0.6); transform-origin:bottom center;}
	.zj_who .inner2 li .tit{ line-height:18px; font-size:13px; padding:6px 0;}
	.zj_who .inner2 li .tit span{ font-size:16px;}
	.zj_who .inner2 li .txt{ height:66px;}
	.zj_who .inner2 li .txt br{ display:none;}
	.zj_who .inner2 li:nth-child(3) a{ background:linear-gradient(to bottom,#fff 0%,#f6f8fc 100%);}
	.zj_who .inner2 li:nth-child(4) a{ background:none;}
	
	.zj_service{ padding-bottom:20px;}
	.zj_service .zj_tit01{ margin:12px 0 5px;}
	.zj_service .service_nav p{ padding-bottom:12px;}
	.zj_service .service_nav p span{ line-height:32px; font-size:15px;}
	.zj_service .service_nav p i{ display:none;}
	.zj_service .service_nav p.on span:before{ border-width:6px; margin-left:-3px;}
	.zj_service .service_inner .text{ line-height:22px; font-size:13px; margin:10px;}
	.zj_service .service_inner li{ width:18.8%; padding-top:50px; border-width:2px;}
	.zj_service .service_inner li .tit{ line-height:18px; font-size:14px; padding-bottom:20px; background-size:12px;}
	.zj_service .service_inner li .tit br{ display:block;}
	.zj_service .service_inner li .tit i{ margin:2px auto 0; transform:scale(0.7);}
	.zj_service .service_inner li .tit span{ display:none;}
	
	.zj_means .zj_tit01{ margin:15px 0 0;}
	.zj_means li{ line-height:20px; font-size:12px;}
	.zj_means li a{ display:block; padding:0 10px;}
	.zj_means li i{ margin-top:-50px; transform:scale(0.45); transform-origin:bottom center;}
	.zj_means li .tit{ font-size:15px; margin:4px 0;}
	.zj_means li .txt{ height:100px;}
	.zj_means li .txt br{ display:none;}
	
	.zj_team .zj_tit01{ margin:20px 0 10px;}
	.zj_team li .tit{ line-height:22px; text-align:center;}
	.zj_team li .tit span.span1{ float:none; font-size:12px;}
	.zj_team li{ float:left; margin:0;}
	.zj_team li a{ margin:0 5px;}
	.zj_team .div1{ display:none;}
	.zj_team .inner{ padding:10px 0;}
	.zj_team .ul2{ width:100%; padding:0 5px;}
	.zj_team .ul2 li{ width:50%;}
	.zj_team .ul3{ width:100%; padding:0 5px; margin-top:10px;}
	.zj_team .ul3 li{ width:33.33%;}
	
	.zj_works{ padding:0 10px;}
	.zj_works .zj_tit01{ margin:15px 0 2px;}
	.zj_works li{ float:left !important; width:48.5%; margin:0 0 7px !important;}
	.zj_works li:nth-child(2n){ float:right !important;}
	.zj_works li a{ padding:7px;}
	.zj_works li .tit{ line-height:18px; font-size:15px; margin:7px 0 0}
	.zj_works li .tit span{ display:block; font-size:12px; margin:0;}
	
	.zj_foot{ padding:10px 10px 20px;}
	.zj_foot .text{ line-height:20px; font-size:12px;}
	.zj_foot .text .txt{ padding:5px 0; opacity:0.5;}
	.zj_foot .text br{ display:none;}
	.zj_foot .text a{ display:block;}
	
}