@charset "utf-8";

/* html {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);
} */

/* 菜鸟教室（lalaxin.com）做最好的菜鸟教室整站模板下载网站 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td{margin: 0;padding: 0;}
body, td, th{color: #444;font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif; font-size: 14px;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
li, dt, dd{list-style: none;}
a{color:inherit;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;cursor: pointer;}
a:hover{color:inherit;/*color:#2c88d8;*/text-decoration:none;}
img{border:0;vertical-align:middle;}
.clear{clear:both;}
.hide{display:none;}
.f-fl,.fl{float: left}
.f-fr,.fr{float: right}
.c_mp{padding: 0;margin: 0;}
/*body*/
body{background:#ffffff;}
div:after, ul:after, li:after {
	content: "";
	display: block;
	clear: both;
}

/* 头部样式 start */
.header {width:100%; border-bottom: 1px solid rgba(255,255,255,0.30); z-index:99999;/* position: fixed; left: 0; top: 0; */}
.header .header_Panel{width:1200px;max-width:100%; max-width: 100%; margin:0 auto;}
.header_top {padding: 0 0;}
.header_Panel .logo{width:200px;height:60px;background-repeat:no-repeat;background-size:contain;background-position:center left;display: inline-block;float:left;text-indent:-10000px;}
/* .header .header_Panel a.logo:before{content:"";position:absolute;width:80px;height:350px;top:0;left:0px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)} */
.header .header_Panel a.logo:hover::before{-webkit-transition:left 2s;-moz-transition:left 2s;transition:left 2s;left:500px;}
.header .header_Panel .tel{margin-top:18px;height:24px;line-height:24px;font-size:22px;padding-left: 20px;background:url(../images/tel.png) left center no-repeat;display:inline-block;font-family:Arial;float:right;}
.header .header_Panel .nav { line-height:60px;  margin:0 16%;text-align: center;}
.head-menu-li {text-align:center;margin-left:5px; display: inline-block;}
.head-menu-link {height:60px; padding:0 8px; /* color:#fff; */font-size:16px;display:inline-block;
/* background:url(../images/nav_bg.png) 0 -70px no-repeat; */
 font-family: "微软雅黑"; position: relative; }
.head-menu-link-border { width: 30px; margin: 0 auto; border-bottom:2px solid transparent;}
.head-menu-li:hover .head-menu-link-border, .head-menu-li.hover .head-menu-link-border, .head-menu-li.cur .head-menu-link-border{
	border-color: #006BA1;
}
.head-menu-li:nth-of-type(1){margin-left:0 !;}

@media (max-width: 1200px) {
	.header_Panel .logo {width: 180px;}
	.head-menu-li {margin-left: 0;}
	.head-menu-link { padding: 0 32px; }
	.header .header_Panel .tel {font-size: 18px;}
}
@media (max-width: 992px) {
	.header_Panel .logo {width: 160px; height: 50px; margin-top: 5px;}
	.header .header_Panel .tel { display: none;}
	.header .header_Panel .nav {margin-right: 0;}
	.head-menu-li {margin-left: 0;}
	.head-menu-link { padding: 0 24px;  font-size: 14px; }
}
@media (max-width: 888px) {
	.head-menu-link { padding: 0 12px;  font-size: 14px; }
}
@media (max-width: 768px) {
	.header {border: 0; }
	.header_top {padding: 5px 0; }
	.header_Panel .logo {height: 40px; margin-top: 0;}
}
/* 头部样式 end */



/*下拉后*/
.header_hover{width:100%;background:#ffffff;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2);box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;overflow:hidden;position:fixed;left:0;top:0;}
.header_hover .header_Panel{width:90%;margin:0 auto;}
.header_hover .header_Panel a.logo:before{content:"";position:absolute;width:80px;height:350px;top:0;left:0px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)}
.header_hover .header_Panel a.logo:hover::before{-webkit-transition:left 2s;-moz-transition:left 2s;transition:left 2s;left:500px;}
.header_hover .header_Panel .tel{margin-top:28px;height:24px;line-height:24px;font-size:24px;color:#6bc22b;padding-left: 24px;background:url(../images/tel.png) left center no-repeat;display:inline-block;font-family:Arial;float:right;}
.header_hover .header_Panel .nav{height:70px;line-height:60px;float:right; margin-right:10%; overflow:hidden;}
.header_hover .nav li{height:70px; text-align:center;margin-left:10px;float:left;}
.header_hover .nav li a{height:60px;padding:10px 8px 0;  color:#333333;font-size:16px;display:inline-block;background:url(https://junweiyun.com/style/images/nav_bg.jpg) 0 -70px no-repeat; font-family: "微软雅黑";}
.header_hover .nav li a:hover, .header_hover .nav li a.hover{color:#ffffff;background:url(https://junweiyun.com/style/images/nav_bg.jpg) 0 0 no-repeat;}
.header_hover .nav li:nth-of-type(1){margin-left:0 !important;}

/*首页样式*/
.banner{height:600px;width:100%;overflow:hidden;z-index:auto; margin:0 auto;}
.banner-link {display: block; height: 100%; position: relative; z-index: 2;}
.banner-image { height: 100%;}
@media (max-width: 1200px) {
	.banner {height: 500px;}
}
@media (max-width: 992px) {
	.banner {height: 400px;}
}
@media (max-width: 768px) {
	.banner {height: 300px;}
}
@media (max-width: 560px) {
	.banner {height: 220px;}
}
@media (max-width: 480px) {
	.banner {height: 180px;}
}
.banner .m_mn{position: relative;height: 700px;}

.subbanner{height:320px;width:100%;overflow:hidden;z-index:1;margin:100px auto 0 auto;}
.subbanner .subnav{height:54px;margin:266px auto 0 auto;width:1200px;max-width:100%;overflow:hidden;text-align:center;}
.subnav a{width:140px;line-height:44px;height:44px;display:inline-block;background:rgba(0,0,0,0.4);margin:10px 0 0 1px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;overflow:hidden;font-size:16px;color:#ffffff;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;}
.subnav a:hover, .subnav a.hover{margin:0 0 0 1px;height:54px;line-height:54px;background:#3fac81;}


.swiper-container{width: 100%;height: 100%;}
.swiper-banner .swiper-slide{text-align: center;font-size: 18px;
/* display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat:no-repeat;background-position:center center;position: relative;overflow: hidden;background-position: center; background-repeat: no-repeat;background-size: cover; */
}
.swiper-banner .swiper-slide a{display:block;height:100%;width: 100%;}
.swiper-banner .swiper-slide .ads_left div,.swiper-banner .swiper-slide .ads_right div{position: absolute;}
.swiper-banner .swiper-slide .ads_left div img,.swiper-banner .swiper-slide .ads_right div img{max-height: 100%;}
.swiper-banner .swiper-slide .ads_left div:nth-child(1){left: 165px;top: 210px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(2){left: -650px;top: -320px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(2) img{-moz-animation:rotate 20s infinite linear;-webkit-animation:rotate 20s infinite linear;animation:rotate 20s infinite linear;}
.swiper-banner .swiper-slide .ads_left div:nth-child(3){left: 0px;top: 250px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(4){left: 145px;top: 210px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(5){left: 0px;top: 355px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(6){left: 0px;top: 510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(7){left: 148px;top: 510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(8){left: 295px;top: 510px;}
.swiper-banner .swiper-slide .ads_left div:nth-child(9){left: 170px;top: 375px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(1){left: 880px;top: 130px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(2){left: 790px;top: 280px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(3){left: 865px;top: 430px;}
.swiper-banner .swiper-slide .ads_right div:nth-child(4){left: 740px;top: 555px;}
@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg);}
100%{-moz-transform:rotate(360deg);}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}}
@keyframes rotate{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}}
.banner .tt .f-btn {width: 198px; height: 45px;line-height: 45px; margin:25px 0; font-size: 21px; color: #fff;border-radius: 35px; border: solid #fff 1px; text-align:center; -webkit-transition: all .5s;
transition: all .5s; border-color: #f3f3f3;position: relative;overflow: hidden;}
.banner .tt .f-btn:before {content: "";background: rgba(0,0,0,0.1); -webkit-transform: skew(45deg, 0);transform: skew(45deg, 0); width: 0;height: 100%;position: absolute;top: 0px;left: -30px;z-index: -1;-webkit-transition: all .5s;transition: all .5s;}
.banner .tt .f-btn:hover:before {width: 150%;}
 
.banner .tt img { margin-bottom:15px;}
.banner .ads1{color: #ffffff;font-size: 18px;text-align: left;}
.banner .ads1 .tt{left: 30px;top: 190px;line-height: 36px; position: absolute;}
.banner .ads2{color: #ffffff;font-size: 18px;text-align: left;}
.banner .ads2 .tt{left: 30px;top: 190px;line-height: 36px;position: absolute;}
.banner .ads3{color: #ffffff; font-size: 18px;text-align: left;}
.banner .ads3 .tt{line-height: 50px; padding-top:100px; text-align:center}
.banner .ads3 .tt .f-btn {width: 198px; height: 45px;line-height: 45px; margin:25px auto; font-size: 21px; color: #fff;border-radius: 35px; border: solid #fff 1px; text-align:center}


.home_main{width:100%;background:#ffffff;margin:0 auto 0 auto;position: relative;z-index: 2;}
.home_container{ }

.home-type-desc{text-align:center;font-size:16px;line-height:30px;color:#666666;margin:10px 0 25px 0;overflow:hidden;}
.home-type-name{text-align:center; display: block; font-size: 30px;  color: #000;  margin:50px 0 0 0;}
.page-box .home-type-name {margin-top: 0;}
.page-box .home-type-name {margin-top: 0;}
.home-type-name span {color: #999; font-size: 25px; margin-left:  5px;}
@media (max-width: 992px) {
	.home-type-name {font-size: 22px;}
	.home-type-name span {font-size: 18px;}
	.home-type-desc {font-size: 14px;}
}
@media (max-width: 768px) {
	.home-type-name {font-size: 18px;}
	.home-type-name span {font-size: 15px;}
	.home-type-desc {font-size: 13px;}
}

@media (max-width: 480px) {
	.home_main {margin: 0;}
	.home-type-name {font-size: 16px; margin-top: 20px;}
	.home-type-name span {font-size: 13px;}
	.home-type-desc {font-size: 12px; margin: 5px 0 10px; line-height: 17px;}
}


/* 通知(资讯) start */
.notice_panel{height:60px;width:100%;border-bottom:1px #eeeeee solid;}
.notice_panel .notice{padding: 20px 0;height:20px;overflow:hidden;}
.notice_panel .notice .swiper-notice{position: relative;height: 20px;width: 100%;overflow: hidden;}
.notice_panel .notice .swiper-notice .swiper-slide{font-size: 14px;justify-content: flex-start;margin-left: 55px;}
.notice_panel .notice .swiper-notice .swiper-slide a{width: auto;margin: 0;display: inline-block;}
.notice .notice_title{width:46px;height:20px;line-height:20px;font-size:12px;color:#ffffff;text-indent:8px;float:left;background:url(https://junweiyun.com/style/images/notice_bg.png) 0 0 no-repeat;}
.notice .notice_ul{width: 100%;margin-left:8px;float:left;height:20px;line-height:20px;font-size:14px;color:#999999;}
.notice .notice_ul span{margin-right:8px;}
/* 通知(资讯) end */

/* 服务项目 start */

.tac {
    text-align: center;
}
.hot-page-box {
    /* background-color: #fff; */
}

.hot-type-name {
    font-size: 30px;
    color: #333;
    letter-spacing: 1px;
}

.hot-desc {
    font-size: 14px;
    color: #666;
    padding-bottom: 60px;
}
.hot-page-body {
	padding-bottom: 20px;
}
.hot-item {
    width: 31.666666666667%;
    height: 551px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 38px rgba(187, 186, 207, .3);
    margin: 0.8333333333%;
}

.hot-item-title-bg {
    width: 100%;
    height: 168px;
    border-radius: 6px 6px 0 0;
}
.hot-item-title-bg1 {
    background: -webkit-linear-gradient(left, #00cca8, #61dba3);
    background: -o-linear-gradient(right, #00cca8, #61dba3);
    background: -moz-linear-gradient(right, #00cca8, #61dba3);
    background: linear-gradient(to right, #00cca8, #61dba3);
}

.hot-item-title-box {
    width: 100%;
    height: 100%;
    /* background: url(../images/hot_01.png) no-repeat right center; */
}

.hot-item-title {
    font-size: 24px;
    color: #fff;
    padding: 30px 0 2px 20px;
	line-height: 30px;
}

.hot-item-desc {
    font-size: 12px;
	line-height: 20px;
    color: #fff;
    padding: 0 22px;
	overflow: hidden;
	margin-top: 10px;
}
.hot-item-desc1 {
	height: 80px;
}
.hot-item-desc2, .hot-item-desc3 {
	height: 40px;
}
.hot-item-desc span {
    display: inline-block;
    font-size: 12px;
    background: #fff;
    padding: 4px 7px;
    border-radius: 14px;
    margin-right: 5px;
    margin-top: 12px;
	line-height: 20px;
}
.hot-item-desc1 span {
    color: #00b192;
}
.hot-item-desc2 span {
    color: #6d6bff;
}
.hot-item-title-bg2 {
    width: 100%;
    height: 168px;
    background: -webkit-linear-gradient(left, #464aff, #9447fa);
    background: -o-linear-gradient(right, #464aff, #9447fa);
    background: -moz-linear-gradient(right, #464aff, #9447fa);
    background: linear-gradient(to right, #464aff, #9447fa);
    border-radius: 6px 6px 0 0;
}

.hot-item-title-bg3 {
    width: 100%;
    background: url(https://junweiyun.com/style/images/hot_02.png) no-repeat right center;
}

.hot-item-title-bg3 {
    background: url(https://junweiyun.com/style/images/hot_03.png) no-repeat right center;
}

.hot-item-bottom {
    padding: 0 20px;
    box-sizing: border-box;
}

.hot-item-title-bg3 {
    background: #fb875a
}

.hot-item-tab-title-box {
    border-bottom: 1px solid #e2e2e2;
    color: #333;
    padding: 15px 0;
    margin-bottom: 20px;
	font-size: 0;
}

.hot-item-tab-title {
	display: inline-block;
	width: 50%;
	text-align: center;
	font-size: 16px;
}

.hot-item-li-dl {
    /* width: 138px; */
    font-size: 12px;
    margin-left: 38px;
}
.hot-item-li-dl1 {
    color: #1cd0a6;
}
.hot-item-li-dl2 {
    color: #6d6bff;
}
.hot-item-li-dd {
    /* float: left; */
    position: relative;
    padding-left: 26px;
    /* cursor: pointer; */
    margin-bottom: 10px;
}
.hot-item-li-dd b {
	width: 22px;
    height: 22px;
	background-image: url(../images/radio_gray.png) ;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    display: block;
    position: absolute;
    left: 0;
}
.hot-item-btn {
	display: block;
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin: 10px auto 0;
}
.hot-item-btn:hover {
	color: #fff;
}
.hot-item-btn1 {
    background: #00d0a6;
    box-shadow: 0 0 18px rgba(1, 204, 168, .3);
}

.hot-item-btn1:hover {
    background: #11c3a3;
}

.hot-item-icon-bg {
    margin: 30px 0 20px;
}

.hot-item-icon-box {
    width: 50%;
}

.hot-item-bottom3 .currenLI {
    background: #6d6bff;
    color: #fff;
}

.hot-item-bottom3 .activeLI {
    background: #fb804f;
    color: #fff;
}

.hot-item-icon {
    display: block;
    height: 62px;
    margin: 0 auto;
}

.hot-item-icon-title {
    font-size: 14px;
    color: #666;
    text-align: center;
    padding-top: 16px;
}

.hot-item-li3 {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 48px;
    margin-right: 12px;
    margin-bottom: 16px;
}

.hot-item-li2 {
    border: 1px solid #6d6bff;
    color: #6c6eff;
}

.hot-item-li3 {
    border: solid 1px #fb8a5d;
    color: #fb8a5d;
}

.hot-item-ul {
	height: 217px;
	overflow: hidden;
}
.hot-item-ul3 {
    width: 230px;
    margin: 0 auto;
	max-width: 96%;
	height: 142px;
}

.hot-item-btn2 {
    background: #6c6eff;
    box-shadow: 0 0 18px rgba(108, 110, 255, .3);
    margin: 10px auto 0;
}

.hot-item-btn2:hover {
    background: #5154f4;
}

.hot-item-btn3 {
    background: #f87f50;
}

.hot-item-btn3:hover {
    background: #e77149;
    box-shadow: 0 0 18px rgba(231, 113, 73, .3);
}

.hot-item-icon-title:hover {
    color: #fb8a5d;
}

@media (max-width: 992px) {
	.hot-item-title {padding: 20px 0 2px 15px; font-size: 20px;}
	.hot-item-desc span {padding: 0 5px; margin: 4px 2px;}
	
	.hot-item-bottom {padding: 0 15px;}
	.hot-item-tab-title {font-size: 15px;}
	.hot-item-li-dl {margin-left: 15px;}
	
	.hot-item-icon {height: 56px;}
	.hot-item-ul3 {height: 148px;}
	.hot-item-li3 {margin-bottom: 9px; width: auto; float: none;}
}
@media (max-width: 888px) {
	.hot-item-bottom {padding: 0 10px;}
	.hot-item-tab-title {font-size: 14px;}
	.hot-item-li-dd {padding: 0; margin-bottom: 5px;}
	.hot-item-li-dd b {display: none;}
}
@media (max-width: 768px) {
	.hot-desc {padding-bottom: 20px;}
	.hot-item-icon-bg {margin: 20px 0;}
	.hot-item-icon {height: 50px;}
	.hot-item-icon-title {padding-top: 10px;}
	.hot-item-ul3 {height: 160px;}
	.hot-item-li3 {margin-bottom: 10px;}
	.hot-item-tab-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
@media (max-width: 666px) {
	.hot-item-li-dl {margin: 0;}
	.hot-item-li-dd {line-height: 22px; margin-bottom: 2px;}
}

@media (max-width: 560px) {
	.hot-type-name {font-size: 22px;}
	.hot-item {width: auto; float: none; height: auto; margin-bottom: 10px;}
	.hot-item-title-bg {height: auto; padding: 10px; width: auto;}
	.hot-item-title {padding: 0; text-align: center;}
	.hot-item-desc {padding: 0; height: auto; margin: 2px 0;}
	.hot-item-desc1 {height: auto;}
	.hot-item-bottom {padding:0 8px 8px;}
	.hot-item-tab-title-box {padding: 8px 0; margin-bottom: 10px;}
	.hot-item-li-dl {margin-left: 30px;}
	.hot-item-li-dd {padding-left: 22px; margin-bottom: 3px;}
	.hot-item-li-dd b {display: block; width: 18px; height: 18px; margin-top: 2px;}
	.hot-item-ul {height: auto;}
	.hot-item-ul3 {width: 280px; max-width: 100%;}
	.hot-item-li3 {width: 48%; margin: 5px 1%; float: left; box-sizing: border-box;}
	.hot-item-icon-bg {margin: 15px 0 5px;}
	.hot-item-icon {height: 35px;}
	.hot-item-icon-title {padding-top: 5px;}
	.hot-item-btn {width: 120px; height: auto; line-height: 30px; margin: 10px auto 5px;}
}

@media (max-width: 480px) {
	.hot-type-name {font-size: 18px;}
	.hot-desc {font-size: 13px; padding-bottom: 10px;}
}






.service-page-box {overflow: hidden;}
.service_ul{ margin:0 auto 50px auto; padding:10px 5px 30px 5px; overflow:hidden;}
.service_ul ul li{width:23.5%; float:left; margin-top:10px; -webkit-transition: all .5s ease; transition: all .5s ease; /* border:#e9eaed 1px solid; */ margin-left:2%; background-color: #f9f9f9; border-top:2px solid transparent;}
.service_ul ul li:nth-child(1) {margin-left: 0;}
.service_ul ul li:hover{ box-shadow: 2px 2px 10px #ccc; -webkit-box-shadow: 2px 2px 10px #ccc;-moz-box-shadow: 2px 2px 10px #ccc;-moz-ms-shadow: 2px 2px 10px #ccc; -moz-o-shadow: 2px 2px 10px #ccc; -webkit-transform: translate3d(0,-10px,0);}

.service_ul ul li:nth-child(1):hover{border-top:2px solid #ffb93f;}
.service_ul ul li:nth-child(2):hover{border-top:2px solid #58e5ee;}
.service_ul ul li:nth-child(3):hover{border-top:2px solid #ff7a40;}
.service_ul ul li:nth-child(4):hover{border-top:2px solid #3fdab0;}

.service_ul ul li .item{text-align:center;padding:10% 17%;;}
.service_ul ul li a {cursor: unset;}
.service_ul ul li .co{width:180px; height:120px; margin-top:20px; display:block; background-repeat:no-repeat; -webkit-transition: all 1.5s ease; transition: all 1.5s ease;}
/* .service_ul ul li:hover .co{background-position:-180px 0px;} */
.service_ul ul li h2{font-size:20px; color:#000; margin:20px 0px;}
/* .service_ul ul li:hover h2, .service_ul ul li:hover span {color: #fff;} */
.service_ul ul li span{font-size:14px; display:block; margin-bottom:20px; height: 40px; overflow: hidden;}
.qq_icon {
    border: 1px solid #ff6a64;
    display: block;
    padding: 10px 55px 12px;
    color: #ff6a64;
    font-size: 16px;
    width: 110px;
    text-align: center;
}
.qq_icon_weixin {
    margin-top: 50px;
	margin: 40px auto 0;
	    transition: all 0.6s ease-in-out;
}
.qq_icon_weixin:hover {
    background: #ff6a64;
    color: #fff;
}




.n_about.bgcf8f8f8 {
	background-color: #f8f8f8;
	padding: 0;
	margin-top: 60px;
}
@media (max-width: 768px) {
	.n_about.bgcf8f8f8 {margin-top: 30px;}
	.service_ul ul li, .service_ul ul li:nth-child(1) {width: 48%; margin: 0 1% 10px;}
	.service_ul ul li .item { padding: 5% 12%;}
	.service_ul ul li .co {max-width: 100%; background-size: 200%;}
}







/* 服务项目 end */

/* 案例 start */
.youxian{}
.case_panel{background:#f4f7f9;/* height:1320px; */width:100%;overflow:hidden;position: relative;}
.icase_panel{background:#fff;height:1460px;width:100%;overflow:hidden;position: relative;}
.case_panel .bg_img, .solution_panel .bg_img{position:absolute;z-index:0;}
.case_panel .p_absolute, .solution_panel .p_absolute{z-index:100 !important;width:100%;/* position:absolute;top:0; */}
.case_panel .case_nav{height:50px;width:1200px;max-width:100%;margin:0 auto 20px auto;padding-top:20px;background:url(https://junweiyun.com/style/images/case_navline.png) center 53px no-repeat;font-size:16px;color:#666666;text-align:center;overflow:hidden;}
.case_nav a{color:#666666;padding:0 25px;display:inline-block;}
.case_nav a:hover,.case_nav a.hover{color:#2c88d8;}
.case_nav a em{background-color:#cccccc;height:4px;width:4px; display:inline-block;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.case_nav a:hover em{background-color:#2c88d8;height:4px;width:4px;}
.case_nav a.hover:hover em, .case_nav a.hover em{background-color:#2c88d8;height:6px;width:6px;}
.case_panel .swiper-case-ul{width: 1200px;max-width:100%;margin: 0 auto;overflow: hidden;}
.moreCase {
    width: 25%;
    height: 40px;
    background: #F60;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    display: block;
	color: #fff;
    margin-top: 20px;
}
/* 案例 end */


/* 首页新闻 start */
.news-left, .news-right {width: 46%;}
.news-left {
	float: left;
	padding-left: 10px;
	padding-top: 8px;
}
.news-list-ul {
    line-height: 30px;
    font-size: 14px;
}
.dt-bg{
	/* background: #fff url(images/dt-bg.png) 0 0 repeat-x; */
width:100%; }
.xtdt{padding-left: 10px;padding-top:8px;}
.w-560{width:560px;}
.xtdt h2 a{font-size: 20px;color: #444;line-height: 50px;display: block;}
.xtdt h2 a:hover{color:#1194E3;}
.news-list-date{/* float: right; */font-size: 12px;color: #666;}
.news-list-li { line-height: 36px; overflow: hidden;width:100%;}
.news-list-link{ display: block; background-position: 0 9px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 70px;}
.news-left .news-list-date {float: right; padding-left: 0;}

 .f-l,.per12 li,.per16 li,.per33 li,.per25 li,.per20 li,.per50 li{float:left;} 
 .f-r{float:right;}

.news-right {
	float: right;
	color: #333;font-size: 14px;padding-top:10px;line-height: 30px;height: 300px;
}
/* 首页新闻 end */
/* 关于我们 start */
.typeTitle {font-size:26px;}
.seotitle {}
.subtitle {color:#f60;}
.entitle {
	margin: 20px 0;
	line-height:30px;
	color:#f60;
}
.enline {margin-top:10px;height:2px;width:60px;background-color:#f60;}

.typeContent {margin-top:20px;height:144px;line-height:24px;overflow:hidden; color: #666;}
.more {display:inline-block;font-size:16px;line-height:32px;}
.typeInfo .more {background-color:#f60;color:#fff;margin-top:30px;padding:0 15px;}
.typeInfo .more:hover {background-color:#fca800;}
/* 关于我们 end */
@media (max-width: 992px) {
	.news-left, .news-right {width: 48%;}
}
@media (max-width: 768px) {
	.news_panel {padding-bottom: 30px;}
	.dt-bg {padding-bottom: 0;}
	.news-left, .news-right {width: auto; float: none; padding: 0 10px;}
	.news-right {margin-top: 10px;}
	.news-list-li {line-height: 30px;}
	.typeTitle {font-size: 22px;}
	.entitle {margin: 0;}
	.enline {margin: 8px 0;}
	.typeContent {margin: 0; line-height: 22px; height: 176px;}
}
@media (max-width: 480px) {
	.news_panel {padding-bottom: 20px;}
	.news-right {height: auto; margin-top: 5px;}
	.typeTitle {font-size: 16px;}
	.enline {margin: 5px 0;}
	.typeContent {font-size: 13px;}
	.typeInfo .more {margin: 15px auto 0; display: block; width: 80px; text-align: center; padding: 0 10px; font-size: 12px; line-height: 30px;}
}



/* 合作过的客户 start */
.hezuo-page-box {background-color: #f8f8f8; overflow: hidden;}
.hezuo-li {width:16%;padding: 20px 2%;float:left;}
.hezuo-link {display: block;}
.hezuo-image {height:100px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; background-color: #fff;}
.hezuo-li:hover .hezuo-image{transform:scale(1.2);}

@media (max-width: 1200px) {
	.hezuo-li {padding: 15px 2%;}
	.hezuo-image {height: 85px;}
}
@media (max-width: 992px) {
	.hezuo-li {padding: 10px 2%;}
	.hezuo-image {height: 70px;}
}
@media (max-width: 768px) {
	.hezuo-li {padding: 7px 2%;}
	.hezuo-image {height: 60px;}
}
@media (max-width: 666px) {
	.hezuo-li {padding: 5px 2%;}
	.hezuo-image {height: 55px;}
}
@media (max-width: 560px) {
	.hezuo-li { width: 29.3333333333%;}
	.hezuo-image {height: 50px;}
}
@media (max-width: 560px) {
	.hezuo-page-box {padding-bottom: 10px;}
	.hezuo-li {width: 29.3333333333%;}
	.hezuo-image {height: 50px;}
}
/* 合作过的客户 end' */


	
.image-div {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}




.wul105{width: 105%;}
.plat-product-list ul li{float: left;width:285px;margin:0px 20px 20px 0px;background:#fff;}
.hui{ background:#f8f8f8  !important}
.hui .share{border-top:1px solid #f1f0ee !important;}
.plat-product-list ul li .h-img{position:relative;overflow:hidden;}
.plat-product-list ul li .h-img .dask{width:100%;height:100%;position: absolute;top: 0px;left: 0px;background:rgba(0,0,0,.7);opacity:0;filter:alpha(opacity=0);z-index: 9}
.plat-product-list ul li .h-img .dask a{position: absolute;top:45%;display: block;width:95px;height:35px;line-height:35px;text-align:center;background:#ffc000;color:#fff;font-size: 14px;border-radius:5px;z-index: 99}
.plat-product-list ul li .h-img .dask a.details{left:-50px;}
.plat-product-list ul li .h-img .dask a.yulan{right:-50px;background:#0f91dd;}
.plat-product-list ul li .title{padding:20px;}
.plat-product-list ul li .share{padding: 13px 20px;}
.plat-product-list ul li .title h5 a{font-size:16px;color:#333}
.plat-product-list ul li .title p{height:25px;line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.plat-product-list ul li .share{height:23px;line-height:23px;border-top:1px solid #f5f5f5;}
.plat-product-list ul li .share em.uz-chakan{font-size:19px;}
.plat-product-list ul li .share .collection{margin-left:10px;cursor:pointer;position:relative;}
.plat-product-list ul li .share .collection em{vertical-align: middle;font-size:14px}
.plat-product-list ul li .share .collection b{font-weight:normal;}
.plat-product-list ul li .share .collection #add-num{display:none;}
.plat-product-list ul li .share .collection #add-num.add-animation{color: #EB4F38;position:absolute;top:-15px;left: 10px;font-size: 15px;opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;animation: mypraise 0.5s ;-moz-animation: mypraise 0.5s ;-webkit-animation: mypraise 0.5s ;-o-animation: mypraise 0.5s ;font-style:normal;}
@keyframes mypraise{0%{top:-15px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
25%{top:-20px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
50%{top:-25px;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
75%{top:-30px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
100%{top:-35px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}}
@-moz-keyframes mypraise{0%{top:-15px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
25%{top:-20px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
50%{top:-25px;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
75%{top:-30px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
100%{top:-35px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}}
.plat-product-list ul li .share .num-view{font-weight:normal;}
.plat-product-list ul li .share em{font-weight:normal; width:22px; height:20px; float:left}
.plat-product-list ul li .share em.chakan{background:url(https://junweiyun.com/style/images/view.png) no-repeat 0 0;}
.plat-product-list ul li .share em.aixin{background:url(https://junweiyun.com/style/images/aixin.png) no-repeat center;}
.plat-product-list ul li .share span{font-size:14px;color:#bbb8b8}
.plat-product-list ul li .share .xing{display:block;width:90px;height:13px;margin-top:5px;background:url(https://junweiyun.com/style/images/xing.png) no-repeat 0 0;}
.plat-product-list ul li .share .xing.xing-2{background-position:0 -21px;}
.plat-product-list ul li .share .xing.xing-3{background-position:0 -43px;}
.plat-product-list ul li .share .xing.xing-4{background-position:0 -64px;}
.plat-product-list ul li .share .xing.xing-5{background-position:0 -87px;}
.plat-product-list ul li:hover{box-shadow: 0 0 30px rgba(33,37,44,.5);}
.plat-product-list ul li:hover .h-img .dask{opacity:1;filter:alpha(opacity=100);}
.plat-product-list ul li:hover .h-img .dask a.details{left:12%;}
.plat-product-list ul li:hover .h-img .dask a.yulan{right:12%;}
.case_more{width:240px;height:46px;margin:60px auto 0 auto;text-align:center;display:block;line-height:46px;font-size:16px;color:#2c88d8;z-index:1000;background:url(https://junweiyun.com/style/images/case_more.png) -240px 0 no-repeat;}
.case_more:hover{background:url(https://junweiyun.com/style/images/case_more.png) 0 0 no-repeat;color:#ffffff;}
.shortcut-register { background-repeat: no-repeat;background-position:center; background-size:cover; height: 240px;}
.shortcut-register .home_container{position:relative}
.shortcut-register .home_container .text-wrap { position:absolute; top: 94px; left: 222px; color: #fff;  text-align: center;}
.shortcut-register .home_container .btn {position:absolute; top: 100px; right: 200px; width: 190px; height: 50px; background:#fff; border-radius: 50px; color:#666; font-size:18px; text-align:center; line-height:50px}
.shortcut-register .home_container .text-wrap .title { font-size: 26px;}
.shortcut-register .home_container .text-wrap .desc { margin-top: 15px; font-size: 20px;}

.news_panel{ }

@media (max-width: 768px) {
	.news_panel {}
}
@media (max-width: 480px) {
	.news_panel {}
}








.clients_panel{height: 570px;width: 100%;background: url(https://junweiyun.com/style/images/h_clients_bj.jpg) no-repeat center;overflow: hidden;position: relative;}
.clients_panel .home_container .h_h1,.clients_panel .home-type-desc{color: #000;}
.clients_panel .home_container .h_h1 span{opacity: 0.6;color: #000;}
.clients_panel .clients_container{height: 160px;width: 100%;overflow: hidden;margin-top: 80px;}
.clients_panel .clients_left{float: left;overflow: hidden;height: 160px;}
.clients_panel .clients_left .m-text{height: 160px;float: left;overflow: hidden;padding: 0 38px;text-align: center;color: #000;font-size: 16px;}
.clients_panel .clients_left .m-text .number{width: 100%;height: 120px;line-height: 120px;position: relative;}
.clients_panel .clients_left .m-text .number .num_ico{font-size: 16px;font-weight: bold;color: #000;position: absolute;top: 0;right: -15px;height: 50px;width: 20px;line-height: 35px;}
.clients_panel .clients_left .m-text .number .num1,.clients_panel .clients_left .m-text .number .num2,.clients_panel .clients_left .m-text .number .num3{background:url(https://junweiyun.com/style/images/num.png) top center repeat-y;width:52px;height:90px;margin-right:5px;margin-top: 10px;display: inline-block;}
.clients_panel .clients_right{height: 160px;width: 348px;float: right;position: relative;}
.clients_panel .clients_right .swiper-clients{width: 100%;height: 100%;overflow: hidden;}
.clients_panel .clients_right .swiper-slide{background:url(https://junweiyun.com/style/images/h_clients_txtbj.png) no-repeat center bottom;position: relative;}
.clients_panel .clients_right .swiper-slide .g-img{position: absolute;border-radius: 50%;width: 50px;height: 50px;top: 0;left: 20px;border: 3px solid #ffffff;overflow: hidden;}
.clients_panel .clients_right .swiper-slide .g-text{padding: 30px 30px 0 20px;height: 130px;color: #000;line-height: 24px;text-align: left;font-size: 14px;}
.clients_panel .clients_right .swiper-slide .g-text .tt{font-size: 16px;text-indent: 70px;margin-bottom: 15px;}
.clients_panel .clients_right .swiper-slide .g-text .text{height: 48px;overflow: hidden;}


#footer_alert{width:100%;height:58px;position:fixed;left:0;bottom:-100px;background:#e9e9e9;background:rgba(233,233,233,0.9);z-index:999;}
#footer_alert .wrap{position:relative;height:100%;}
#footer_alert .img{width:96px;height:66px;position:absolute;left:240px;bottom:7px;}
#footer_alert .txt{font-size:24px;color:#535353;line-height:58px;margin-left:380px;float:left;}
#footer_alert .txt span{font-family:"Arial";font-size:32px;color:#3eb3a0;margin:0 10px;vertical-align:bottom;}
#footer_alert .btn{width:166px;height:38px;line-height:38px;font-size:16px;color:#fff;float:right;margin-right:200px;margin-top:11px;background:#0382db;display:inline-block;text-decoration:none;text-align:center;-moz-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;}
#footer_alert .topic{line-height:38px;}

/* 友情链接 start */
.h-link{background:#ffffff url(../images/h_link_bj.png) center center no-repeat;width: 100%;/* height: 230px; */}
.h-link .link_text{padding: 50px 0;}
.h-link .link_text .g-tt{width: 120px;float: left;font-size: 14px;color: #666666;}
.h-link .link_text .g-text{ margin-left: 120px; overflow: hidden;}
.h-link .link_text .g-text a{color: #666666;margin-bottom: 5px;margin-right: 10px;display: inline-block;}

@media (max-width: 1200px) {
	.h-link .link_text {padding: 30px 15px;}
}

@media (max-width: 768px) {
	.h-link .link_text {padding: 20px 10px;}
	.h-link .link_text .g-tt {float: none;}
	.h-link .link_text .g-text {margin-left: 0;}
}

/* 友情链接 end */

/*内页共用样式*/
.m_mn{width: 1200px; max-width: 100%;margin: 0 auto;}
.m_xn{width: 1000px;margin: 0 auto;}

/*.m_ads{height:460px;width:100%;overflow:hidden;z-index:-1;position: fixed;top:0;left:0;}*/
.banner-list-box{height:300px;width:100%;overflow:hidden;/* z-index:-1;position: fixed;top:0;left:0; */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.m_ads.h_280{height: 280px;}
.m_ads.h_280 .text{padding-top: 127px;}
.m_ads.h_300{height: 300px;}
.m_ads.h_300 .text{padding-top: 147px;}
.m_ads.h_580{height: 580px;}
.m_ads.h_580 .text{padding-top: 140px;}

.banner-list-bg {text-align: center;background-color: rgba(0,0,0,.5); height: 100%; padding: 0 10px;}
.banner-list-name{font-size: 40px; padding-top: 80px;  color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.banner-list-line{height: 1px;width: 145px;margin: 15px auto;border-bottom: 1px solid rgba(255,255,255,0.5);}
.banner-list-desc {
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1.6;
}

@media (max-width: 992px) {
	.banner-list-desc {font-size: 15px;}
}
@media (max-width: 768px) {
	.banner-list-box {height: 200px;}
	.banner-list-name { padding-top: 60px; font-size: 26px; }
	.banner-list-line {margin: 10px auto; width: 100px;}
	.banner-list-desc {font-size: 14px;}
}

@media (max-width: 480px) {
	.banner-list-box {height: 160px;}
	.banner-list-name { padding-top: 40px; font-size: 22px; }
	.banner-list-line {margin: 5px auto; width: 80px;}
	.banner-list-desc { font-size: 13px;}
}

.m_main{width:100%;background:#f5f5f5;margin:0 auto;}
.m_main1{width:100%; margin:0 auto 0 auto; padding:20px 0 30px 0; background: #fff}
.m_main2{width:100%;height: 520px;margin:0 auto 0 auto;background: url(https://junweiyun.com/style/images/case_top_bj.png) repeat-x left center;}
.m_main3{width:100%;background:#fff;overflow: hidden;position: relative;}
.m_main4{width:100%;background:#f5f5f5;margin:0 auto 0 auto;position: relative;}
.m_main5{}
.m_main6,.m_main7{width:100%;color:#ffffff;margin:0;}
.m_main8{width:100%; margin:0 auto 0 auto; padding:0; background: #f4f7f9}
.m_main9{width:100%; margin:0 auto 0 auto; padding:0 0 0 0; background: #f4f7f9}
.news-box { background: #f4f7f9}
.m_subtopic{height: 70px;width: 100%;border-bottom: 1px solid #E7E7E7;background-color: #ffffff;}
.m_subtopic .subtopic_list{font-size: 0;color: #666666;overflow: hidden;height: 70px;text-align: center;}
.m_subtopic .subtopic_list li{display: inline-block;height: 70px;line-height: 70px;padding: 0 20px;background: url(https://junweiyun.com/style/images/side_bjx.png) no-repeat right center;font-size: 18px;}
.m_subtopic .subtopic_list li:last-child{background: none;}
.m_subtopic .subtopic_list li a{display: block;padding: 0 20px;height: 70px;border-bottom: 2px solid #ffffff;}
.m_subtopic .subtopic_list li a.on::before{width: 100%;}
.m_subtopic .subtopic_list li a:hover,.m_subtopic .subtopic_list li a.on{color: #3784D2;}
.m_subtopic .subtopic_list li a.hvr-underline-from-left:before{height: 2px;background: #3784D2;-webkit-transition-duration: .5s;transition-duration: .5s;}
.m_subtopic1{height: 60px;width: 100%;border-bottom: 1px solid #E7E7E7;background-color: #ffffff;}
.m_subtopic1 .subtopic_list{font-size: 16px;color: #333333;}
.m_subtopic1 .subtopic_list li{float: left;margin-right: 40px;height: 60px;line-height: 60px;}
.m_subtopic1 .subtopic_list li dl{max-height: 60px;overflow: hidden;position: relative;z-index: 111;transition:max-height 0.5s ease-in-out;-webkit-transition:max-height 0.5s ease-in-out;}
.m_subtopic1 .subtopic_list li dl:hover{max-height: 300px;background-color: #ffffff;color: #333333;}
.m_subtopic1 .subtopic_list li dl dt{background: url(https://junweiyun.com/style/images/blog_ico1.png) no-repeat 50px center;padding-right: 20px;cursor: pointer;}
.m_subtopic1 .subtopic_list li dl dd{height: 40px;line-height: 40px;padding: 0 10px;background-color: #ffffff;}
.m_crm{height: 50px;line-height: 50px;color: #888888;background: url(https://junweiyun.com/style/images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm1{height: 50px;border-bottom: 1px solid #E7E7E7;line-height: 50px;color: #888888;}
.m_crm1.on{background-color: #ffffff;}
.m_crm1 .m_xn,.m_crm1 .m_mn{background: url(https://junweiyun.com/style/images/news_ico2.png) no-repeat left 17px;text-indent: 25px;}
.m_crm a.on,.m_crm a:hover,.m_crm1 a.on,.m_crm1 a:hover{color: #666666;}
.share span{line-height: 20px !important;float: left;margin-right: 10px;}


/*内页大标题*/
.mainbg{ max-width:100%; width:1080px; margin: 0 auto;}
.main {}
.main > .title{ text-align: center; font-size: 30px;}
.main > .title span{ color: #f60; padding-left: 10px; text-transform: capitalize;}
.main > .title p{ font-size: 16px; padding-top: 20px;}
.main > .subNav{}
.main > .subNav ul{ padding-top:30px; text-align:center;}
.main > .subNav ul li{ display:inline-block; width:100px; height:35px; line-height:35px; border-radius:3px; margin:0 10px; background:#f4f4f4; text-align:center;}
.main > .subNav ul li a:hover{ background:#f60; border-radius:3px; color:#FFF; display:block;}
.subNav_on{ background:#f60; border-radius:3px; color:#FFF; display:block;}
.main > .con{ padding:20px 0;}
@media (max-width: 1200px) {
	.main > .con {padding: 10px 0; }
}
@media (max-width: 768px) {
	/* .main {padding: 15px 0;} */
	.main > .title {font-size: 22px;}
	.main > .title p {font-size: 14px; padding-top: 15px; color: #aaa;}
}

@media (max-width: 480px) {
	.main > .title {font-size: 18px;}
	.main > .title p {font-size: 13px; padding-top: 5px;}
}


/* 关于我们 start */

/* --------------------- 关于 ------------------*/
.about{ max-width:100%; }
.about-page-box .title {  margin:0 auto; padding-bottom:30px;  text-align: center; font-size: 30px;}
.about-page-box .title span{ color: #f60; padding-left: 10px;}
.about-page-box .title p{ font-size: 16px; padding-top: 20px;}
/*我们是谁*/
.about_who{ width:1080px; max-width: 100%; margin:0 auto;}
.about_who dl{
	background-image:url(https://junweiyun.com/style/images/aboutwho.jpg);
	background-position: left center;
	background-repeat: no-repeat;
  padding-left: 402px; margin-top:30px; }
.about_who dl dt{ font-size: 30px; color: #ed8742; font-family: "微软雅黑"; font-weight: bold; margin-bottom:15px;}
.about_who dl dd{ line-height:28px;}


@media (max-width: 992px) {
}
@media (max-width: 768px) {
	.about-page-box .title {padding-bottom: 20px; font-size: 22px;}
	.about-page-box .title p {font-size: 15px; padding-top: 10px;}
	
	.about_who { padding: 0 10px 20px; width: auto;}
	.about_who dl {padding: 0; background: none !important; margin: 0;}
	.about_who dl dt {font-size: 22px; margin-bottom: 10px; /* text-align: center; */ }
}
@media (max-width: 560px) {
}
@media (max-width: 480px) {
	.about-page-box .title {padding-bottom: 10px; font-size: 18px;}
	.about-page-box .title p {font-size: 13px; padding: 5px 10px 0;}
	
	.about_who dl dt {font-size: 18px; margin-bottom: 5px;}
	.about_who dl dd { line-height: 25px;}
}
@media (max-width: 380px) {
}


/*我们做什么*/
.about_wedobg{ }
.about_wedo{ }
.about_wedo h1{ text-align:center; padding-bottom:10px;}
.about_wedo ul{ padding:30px 0; max-width: 1000px; margin: 0 auto;}
.about_wedo-li { float:left; width:20%; text-align:center;}

.about_wedo-link {display: block; position: relative; font-size: 0; margin: 0 10px;}
.about_wedo-link, .about_wedo-link:hover {cursor: unset;}
.about_wedo-image { width:100%;}

.about_wedo-title { position: absolute; right: 0; bottom: 0; color: #fff; line-height: 30px; font-size: 18px;padding: 10px; }

.about_wedo p{ text-align:center; max-width: 800px; margin: 0 auto;}
@media (max-width: 1200px) {
	.about_who dl {}
}
@media (max-width: 992px) {
	.about_wedo ul {padding: 20px 0;}
	.about_wedo-image {height: 110px;}
	.about_wedo-title {font-size: 14px; padding: 0 5px 5px 0;}
}
@media (max-width: 768px) {
	.about_wedo ul {font-size: 0; text-align: center;}
	.about_wedo li {float: none; display: inline-block; width: 33.333333%;}
	.about_wedo-link { margin-bottom: 10px;}
	.about_wedo-image {height: 140px;}
	.about_wedo p {font-size: 13px; line-height: 20px; padding: 0 10px;}
}
@media (max-width: 560px) {
	.about_wedo-image {height: 110px;}
}
@media (max-width: 480px) {
	.about_wedo h1 img { height: 50px; width: auto;}
	.about_wedo {padding: 20px 0;}
	.about_wedo ul {padding: 10px 0 0;}
	.about_wedo-image {height: 100px;}
	.about_wedo-title {font-size: 13px; line-height: 17px; padding: 0 5px 2px 0;}
}
@media (max-width: 380px) {
	.about_wedo-image {height: 80px;}
}


.n_about{padding: 0;background-color: #ffffff; overflow: hidden;}
.n_about .m_tt{text-align: center;}
.n_about .about .g_text{color: #666666;line-height: 28px;width: 1000px;margin: 15px auto 80px;}
.n_about .team{
	background-image:url(https://junweiyun.com/style/images/about_img1.png);
background-color: #f6f6f6;
background-repeat:no-repeat;background-size:contain;background-position:center center;
height: 520px;width: 100%;}
.n_about .team .g_text{padding-top: 160px;padding-left: 20px;color: #ffffff;line-height: 28px;width: 540px;}
.n_about .team .g_text .g_tt{margin-bottom: 35px;}

.n_about .culture{ 
	/* background-color: #fff; padding-top: 85px; padding-bottom: 60px; width: 100%; padding-top: 0; */
}
.culture_list{overflow: hidden;width: 1200px;max-width:100%;margin: 60px auto 0;font-size: 0;}
.culture_list li{display: inline-block;width: 25%;text-align: center; float: left;}
.culture_list li.last{margin-right:0;}
.culture_list li .g-img{width: 185px;height: 185px;line-height: 185px;text-align: center;margin: 0 auto;border: 1px dashed #B9BABA;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.culture_list li .g-img img{width: 170px;height: 170px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.culture_list li .text .tt{color: #333333;font-size: 20px;margin: 30px 0 5px;}
.culture_list li .text .info{color: #666666;font-size: 14px;line-height: 28px;}
.n_about .design{padding-top: 90px;height: 560px;}
.n_about .design .g-text{padding-left: 20px;width: 550px;overflow: hidden;}
.n_about .design .g-text .tt{color: #f29e1c;font-size: 36px;font-weight: bold;margin: 80px 0 15px;}
.n_about .design .g-text .info{color: #cccccc;font-size: 16px;margin-bottom: 45px;line-height: 20px;text-transform: uppercase;}
.n_about .design .g-text .txt{color: #666666;line-height: 28px;}
.n_about .fz{background-color: #f6f6f6;height: 475px;padding-top: 85px;width: 100%;}
.n_about .fz .g-img{margin-top: 75px;text-align: center;}
.n_about .service{padding: 80px 0 20px;}
.n_about .service .g-img{text-align: center;margin-top: 65px;}
@media (max-width: 1200px) {
	/* .n_about .culture { padding-bottom: 40px; } */
	.culture_list li .g-img {width: 160px; height: 160px; line-height: 160px;}
	.culture_list li .g-img img {width: 150px; height: 150px; }
}
@media (max-width: 992px) {
	/* .n_about .culture { padding-bottom: 30px; } */
	{padding-bottom: 30px; height: auto;}
	.culture_list {margin-top: 20px;}
	.culture_list li .g-img {width: 130px; height: 130px; line-height: 130px;}
	.culture_list li .g-img img {width: 120px; height: 120px; }
	.culture_list li .text .tt {margin-top: 10px; font-size: 16px; }
	.culture_list li .text .info {line-height: 20px;}
}
@media (max-width: 768px) {
	/* .n_about .culture { padding-bottom: 20px; } */
	.culture_list li .g-img {width: 100px; height: 100px; line-height: 100px;}
	.culture_list li .g-img img {width: 90px; height: 90px; }
	.culture_list li .text .tt {font-size: 15px; }
	.culture_list li .text .info {font-size: 13px;}
}
@media (max-width: 560px) {
	.culture_list li .g-img {width: 80px; height: 80px; line-height: 80px;}
	.culture_list li .g-img img {width: 70px; height: 70px; }
	.culture_list li .text .tt {font-size: 14px; margin: 8px 0 5px; }
	.culture_list li .text .info {font-size: 12px; line-height: 17px;}
}
@media (max-width: 480px) {
	.culture_list li .g-img {width: 90px; height: 90px; line-height: 90px;}
	.culture_list li .g-img img {width: 80px; height: 80px; }
	.culture_list li {width: 50%; padding-bottom: 10px;}
	.culture_list li .text .info {height: 34px; overflow: hidden;}
}
/*关于我们 end */


/* 服务流程 start */

.flow-page-body {position: relative;}
.flow-page-body-bg {margin: 60px 0;}
.flow-line-image-box {position: absolute; right: 0; left: 0; top: 120px;}
.flow-line-image {width: 93.75%; height: 109px;}
.flow-ul { position: relative; margin: 0 -4%;}
.flow-li {width: 14.285714285714%; float: left; text-align: center;}
.flow-link {display: block;}
.slideInUp .flow-link {padding-top: 251px;}
.flow-li-image {height: 72px; display: block; margin: 0 auto;}
.flow-li-title { margin-top: 10px; line-height: 28px;}

.n_about .service .list{font-size: 0;position: relative;margin-top: -113px;}
.n_about .service .list li{width: 395px;display: inline-block;height: 340px;font-size: 14px;color: #cccccc;text-align: center;text-transform: uppercase;}
.n_about .service .list li div{height: 240px;width: 100%;background: url(https://junweiyun.com/style/images/about_ico1.png) no-repeat ;}
.n_about .service .list li .tt{color: #666666;font-size: 22px;margin-bottom: 5px;}
.n_about .service .list li div.ico1{background-position: 158px 140px;}
.n_about .service .list li div.ico2{background-position: -220px 140px;}
.n_about .service .list li div.ico3{background-position: -604px 140px;}
@media (max-width: 768px) {
	.flow-line-image {height: auto; }
	.slideInUp .flow-link {padding-top: 200px;}
	.flow-li-image {height: 60px;}
}
@media (max-width: 560px) {
	.flow-li-image {height: 50px;}
}
@media (max-width: 480px) {
	.flow-page-body-bg {margin: 30px 0 10px;}
	.flow-ul {margin: 0; text-align: center; font-size: 0;}
	.flow-li {width:25%; float: none; display: inline-block;}
	.flow-link {padding: 10px 0;}
	.flow-li-title {font-size: 13px; line-height: 20px; margin-top: 5px;}
	.slideInUp .flow-link {padding-top: 0;}
	.flow-line-image-box {display: none;}
	.flow-li-image {height: 45px;}
}
/* 服务流程 end */


/* --------------------- 我们的服务 start ------------------*/
.ourService{ }
.service-typename-box { padding-bottom: 20px;  text-align: center; font-size: 30px;}
.service-typename-box span{ color: #f60; padding-left: 10px;}
.service-typename-box p{ font-size: 16px; padding-top: 15px;}
/**/
.ourServices_conbg{}
.ourServices_con{ max-width:100%;  width:1180px; margin:0px auto; overflow:hidden;}
.ourServices_con ul{ width:1200px;max-width:100%;}
.service-li{ float:left; width:25%; /* border:1px dashed #999; */ /* margin-bottom:50px; */ line-height:30px;}

.service-link {
	display: block;
	padding: 10px 15px;
}
.service-image-box {
	overflow: hidden;
	background-color: #000;
}
.service-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 180px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.service-image:hover {
	opacity: 0.5;
	 filter:alpha(opacity=50);
}

.service-info {
	line-height: 20px;
	height: 60px;
	padding: 0 10px;
	overflow: hidden;
}
@media (max-width: 992px) {
	.service-link {padding: 10px;}
}
@media (max-width: 888px) {
	.service-image {height: 150px;}
}
@media (max-width: 768px) {
	.service-typename-box {padding: 20px 5px; font-size: 22px; width: auto;}
	.service-typename-box p {font-size: 15px; padding-top: 10px;}
	.service-li {line-height: 25px; }
	.service-link {padding: 0 5px;}
	.service-image {height: 120px;}
}
@media (max-width: 560px) {
	.service-li { width: 50%; }
	.service-image {height: 160px;}
}
@media (max-width: 480px) {
	.service-typename-box {padding: 15px 5px; font-size: 18px;}
	.service-typename-box p {font-size: 14px; padding-top: 5px;}
	.service-image {height: 138px;}
}
@media (max-width: 380px) {
	.service-image {height: 110px;}
}
/* --------------------- 我们的服务 end ------------------*/






/*联系我们*/

/* -------------------- 联系我们 ----------------*/
.contact-page-bg { width:1080px; max-width: 100%; margin:0px auto;  /* border-bottom:1px solid #CCC; */  color:#454545;}
.contact_left{ float:left; width: 48%; margin-left: 2%;}
.contact_left h1{ font-size:24px; margin-bottom:10px;}
.contact_left p{ font-size:16px; line-height:36px;}
.contact_left p span{ margin-right:20px;}
.contact_right{ float:right; width: 48%; margin-right: 2%;}
@media (max-width: 1200px) {
	.contact {width: auto; padding: 0 10px;}
	.contact_left p {font-size: 14px; line-height: 25px;}
}
@media (max-width: 666px) {
	.contact_left, .contact_right {float: none; width: auto; margin: 0;}
	.contact_right img {height: 120px; width: auto;}
}




.n_contact{padding: 60px 0;}
.n_contact .s_side{height: 52px;text-align: center;}
.n_contact .s_side a{display: inline-block;height: 50px;font-size: 16px;line-height: 50px;color: #666666;width: 200px;border: 1px solid #dedede;background-color: #ffffff;border-radius: 30px;margin: 0 10px;}
.n_contact .s_side .hvr-bounce-to-right:before{border-radius: 30px;background: #2c88d8;border-color: #2c88d8;}
.n_contact .s_side a:hover{color: #ffffff;}
.n_contact .s_side a.on{background: #2c88d8;color: #ffffff;}
.n_contact .s_side a.on:before{background: none;}
.n_contact .g_content .allmap{margin-bottom: 40px;padding: 10px;background-color: #ffffff;position: relative;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2);box-shadow:0px 0px 20px rgba(127,128,130,0.2);height: 500px;}
.n_contact .g_content .allmap .text{position: absolute;background-color: rgba(255,255,255,0.9);padding: 40px 30px;width: 265px;top: 90px;left: 0;-moz-box-shadow:10px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:10px 0px 20px rgba(127,128,130,0.4);box-shadow:10px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .allmap .text .tt{color: #2c88d8;font-size: 24px;background: url(https://junweiyun.com/style/images/contact_ico1.png) no-repeat -5px -85px;padding-left: 15px;height: 35px;margin-bottom: 20px;}
.n_contact .g_content .allmap .text .dt,.n_contact .g_content .allmap .text .gj{color: #333333;font-size: 18px;background: url(https://junweiyun.com/style/images/contact_ico1.png) no-repeat left -181px;padding-left: 30px;margin-bottom: 10px;}
.n_contact .g_content .allmap .text .gj{background: url(https://junweiyun.com/style/images/contact_ico1.png) no-repeat left 1px;}
.n_contact .g_content .allmap .text .xt{border-bottom: 1px dashed #CACACA;width: 100%;height: 1px;margin: 20px 0;}
.n_contact .g_content .allmap .text .route{color: #666666;line-height: 28px;}
.n_contact .g_content .g-text{padding: 60px 0;width: 100%;height: 205px;}
.n_contact .g_content .g-text .left{width: 599px;border-right: 1px solid #DCDCDC;height: 205px;float: left;}
.n_contact .g_content .g-text .left .g-img{line-height: 205px;height: 205px;width: 75px;margin-left: 10px;}
.n_contact .g_content .g-text .left .text{height: 205px;color: #333333;width: 500px;}
.n_contact .g_content .g-text .left .text .tt{font-size: 24px;margin-top: 30px;}
.n_contact .g_content .g-text .left .text .address{font-size: 16px;margin-top: 10px;padding-left: 25px;background: url(https://junweiyun.com/style/images/contact_ico2.png) no-repeat left -353px;}
.n_contact .g_content .g-text .left .text .info{color: #666666;font-size: 14px;margin-top: 40px;}
.n_contact .g_content .g-text .left .text .info span{display: inline-block;height: 25px;padding-left: 25px;background: url(https://junweiyun.com/style/images/contact_ico2.png) no-repeat left -265px;margin-bottom: 20px;width: 170px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(2){background-position: left -86px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(3){background-position: left -176px;}
.n_contact .g_content .g-text .left .text .info span:nth-child(4){background-position: left 5px;}
.n_contact .g_content .g-text .right{width: 540px;padding-left: 60px;height: 205px;float: left;}
.n_contact .g_content .g-text .right .text{height: 205px;float: left;width: 380px;}
.n_contact .g_content .g-text .right .text .tt{color: #888888;font-size: 18px;margin-top: 30px;}
.n_contact .g_content .g-text .right .text .tel{color: #2c88d8;font-size: 46px;font-weight: bold;margin-top: -5px;margin-bottom: 20px;}
.n_contact .g_content .g-text .right .text .info{color: #666666;margin-top: 14px;}
.n_contact .g_content .g-text .right .text .info span{display: inline-block;padding-left: 25px;height: 25px;width:140px;margin-bottom: 20px;margin-right: 15px;background: url(https://junweiyun.com/style/images/contact_ico2.png) no-repeat left -445px;}
.n_contact .g_content .g-text .right .g-img{float: right;height: 205px;width: 140px;}
.n_contact .g_content .g-text .right .g-img .code{background-color: #ffffff;text-align: center;margin-top: 25px;-moz-box-shadow:0px 0px 20px rgba(127,128,130,0.4);-webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.4);box-shadow:0px 0px 20px rgba(127,128,130,0.4);}
.n_contact .g_content .g-text .right .g-img .code p{padding: 0 0 10px ;color: #666666;}


/* 案例 start */
.n_case {width: 1200px; max-width:100%; margin: 0 auto; }
.case_img_ico_l{position: absolute;top: 0;left: 0;z-index: 1;}
.case_img_ico_r{position: absolute;top: 0;right: 0;z-index: 1;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.case_tab{height: 400px;width: 100%;overflow: hidden;margin-top: 30px;position: relative;}
.case_tab .case_panel{background: none;}
.n_case .n_snav{width: 100%;height:320px; background: #ffffff;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.n_case .n_snav:hover{-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2);}
.n_case .n_snav .list{color: #666666; overflow: hidden;}
.n_case .n_snav .list table{border-collapse:collapse;border:1px solid #eee}
.n_case .n_snav .list table td{margin-left:8px; line-height:30px; padding:8px 0;border-bottom:1px dotted #eee;font-size:14px}
.n_case .n_snav .list table td.td_left{background:#f7f7f7;text-align:center;color:#000}
.n_case .n_snav .list table td a{margin-left:8px; display:inline-block;white-space:nowrap; padding:0 5px;}
.n_case .n_snav .list table td a:hover,.n_case .n_snav .list table td span{margin-left:8px;;display:inline-block;white-space:nowrap; background:#2c88d8; padding:0 5px; height:25px; line-height:25px; border-radius:2px; color:#fff !important}
.quanbu{margin-left:23px;margin-right:3px;padding:0 14px;display:inline-block;white-space:nowra}

.ajax_select_a a{width:60px; text-align:center; }
.ajax_select_a a:hover{width:60px; text-align:center;  }
.ajax_select_a span{width:60px; text-align:center;}

.n_case .n_snav .seek{height: 40px;padding-top:20px;width: 260px;margin-right: 40px; float:right}
.n_case .n_snav .seek .box{width: 260px;height: 40px;line-height: 40px;border-radius: 20px;background-color: #f6f6f6;}
.n_case .n_snav .seek .box input{outline: none;width: 190px;border: none;height: 30px;line-height: 30px;padding:5px 0 5px 20px;background: none;color: #7d7d7d;float: left;}
.n_case .n_snav .seek .box .on{width: 40px;height: 40px;border: none;background: url(https://junweiyun.com/style/images/seek_ico.png) no-repeat center;cursor: pointer;float: left;}
.n_case .case_list{padding: 10px 0 0; }
.n_case .case_list .list{width: 100%;}
.n_case .case_list .list:after {clear:both;content:"";display: block;}
.n_case .case_list .list li{width: 32%;margin:0 2% 30px 0;float: left;-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);box-shadow: 0 0 30px rgba(0,0,0,0.2);position: relative;z-index: 11;}
.n_case .case_list .list li:nth-of-type(3n){margin-right:0px;}
.n_case .case_list .list li .g-img{position: relative;overflow: hidden;}
.case-list-image {
	height: 260px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/* .n_case .case_list .list li .g-img img{-webkit-transition: transform 0.5s ease-out ;transition: transform 0.5s ease-out ;} */
.n_case .case_list .list li .g-img .tt {padding: 15px 20px;bottom: 0;color: #ffffff;font-size: 16px;position: absolute;text-shadow:2px 2px 2px #333; }
.n_case .case_list .list li .g-img .text{opacity: 0;background-color: rgba(0,0,0,0.5);position: absolute;top:0;left: 0; right:0; bottom: 0; padding: 30px;-webkit-transition: opacity 0.5s ease-out ;transition: opacity 0.5s ease-out ;}
.n_case .case_list .list li .g-img .text .box{box-sizing: border-box;color: #ffffff;position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; padding: 30px 35px 40px;}
.n_case .case_list .list li .g-img .text .box::before,.n_case .case_list .list li .g-img .text .box::after{box-sizing: border-box;content: '';position: absolute;width: 100%;height: 100%;}
.n_case .case_list .list li .g-img .text .box::before,
.n_case .case_list .list li .g-img .text .box::after{border: 1px solid transparent;width: 0;height: 0;}
.n_case .case_list .list li .g-img .text .box::before{top: 0;left: 0;}
.n_case .case_list .list li .g-img .text .box::after{bottom: 0;right: 0;}
.n_case .case_list .list li .g-img:hover .text{opacity: 1;}
.n_case .case_list .list li .g-img:hover .tt{opacity: 0;}
/* .n_case .case_list .list li .g-img:hover img{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);} */
.n_case .case_list .list li .g-img .text:hover .box .more{opacity: 1;-webkit-transition: opacity 0.2s ease-out 0.6s;transition: opacity 0.2s ease-out 0.6s;}
.n_case .case_list .list li .g-img .text:hover .box::before,
.n_case .case_list .list li .g-img .text:hover .box::after{width: 100%;height: 100%;}
.n_case .case_list .list li .g-img .text:hover .box::before{border-top-color: #ffffff;border-right-color: #ffffff;-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.n_case .case_list .list li .g-img .text:hover .box::after{border-bottom-color: #ffffff;border-left-color: #ffffff;-webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.n_case .case_list .list li .g-img .text .box .title{width: 100%;height: 24px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: normal;color: #ffffff;font-size: 18px;font-weight: bold; margin-top: 50px;}
.n_case .case_list .list li .g-img .text .box .xt{width: 40px;margin: 10px auto;height: 2px;background-color: #ffffff}
.n_case .case_list .list li .g-img .text .box .txt{color: #eeeeee;line-height: 24px;text-align: justify;height: 94px;overflow: hidden;}
.n_case .case_list .list li .g-img .text .box .more{width: 30px;height: 30px;border-radius: 50%;z-index: 2;background:#ffffff url(../images/case_more1.png) no-repeat center;position: absolute;left: 50%;margin-left: -15px;bottom: -14px;opacity: 0;}
.n_case .case_list .list li .info{height: 50px;line-height: 50px;background-color: #ffffff;padding:0 15px;color: #888888;}
.n_case .case_list .list li .info .cate{}
.n_case .case_list .list li .info .switch{width: 95px;height: 30px;padding: 10px 10px 0px 0px;text-align:right}
.n_case .case_list .list li .info .switch a{display:inline-block;width: 28px;height: 30px;margin-left: 15px;}
.n_case .case_list .list li .info .switch a.pc{background: url(https://junweiyun.com/style/images/case_ico.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch a.pc:hover{background: url(https://junweiyun.com/style/images/case_ico1.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch a.pchover{background: url(https://junweiyun.com/style/images/case_ico1.png) no-repeat 4px center;}
.n_case .case_list .list li .info .switch a.mobile{background: url(https://junweiyun.com/style/images/case_ico.png) no-repeat -37px center;}
.n_case .case_list .list li .info .switch a.mobile:hover{background: url(https://junweiyun.com/style/images/case_ico1.png) no-repeat -37px center;}
.n_case .case_list .list li .info .switch a.mobilehover{background: url(https://junweiyun.com/style/images/case_ico1.png) no-repeat -37px center;}
.n_case .case_list .pages{margin-top: 20px;}
@media (max-width: 992px) {
	.case-list-image {height: 220px;}
	.n_case .case_list .list li .g-img .text .box {top: 20px; bottom: 20px; left: 20px; right: 20px;}
}
@media (max-width: 768px) {
	.case-list-image {height: 170px;}
	.n_case .case_list .list li .g-img .text .box {top: 15px; bottom: 15px; left: 15px; right: 15px; padding: 20px;}
	.n_case .case_list .list li .g-img .text .box .title {margin-top: 30px;height: auto;}
	
}
@media (max-width: 666px) {
	.n_case .case_list .list li .g-img .text .box {top: 15px; bottom: 15px; left: 15px; right: 15px; padding: 10px;}
	.n_case .case_list .list li, .n_case .case_list .list li:nth-of-type(3n) {width: 49%; margin-right: 2%; }
	.n_case .case_list .list li {margin-bottom: 20px;}
	.n_case .case_list .list li .g-img .text .box .title {font-size: 14px; }
	.n_case .case_list .list li:nth-of-type(2n) {margin-right: 0;}
	.case-list-image {height: ;}
}
@media (max-width: 480px) {
	/* .n_case {padding-bottom: 15px;} */
	.case-list-image {height: 150px;}
	.n_case .case_list .list li .g-img .text .box .title {margin-top: 20px;}
	.n_case .case_list .list li .info {height: auto; line-height: 20px; padding: 5px 8px;}
	.n_case .case_list .list li {width: 49%; margin-right: 2%; margin-bottom: 10px;}
	.n_case .case_list .list li .info .cate {font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center;}
	.moreCase {margin-top: 10px; width: 80px; padding: 0 10px; text-align: center; font-size: 12px; line-height: 30px; height: auto;}
}
@media (max-width: 380px) {
	.case-list-image {height: 130px;}
}
/* 案例 end */

.m_case{padding: 60px 0;}
.m_case .case_top{padding: 20px;background-color: #ffffff;min-height: 200px;overflow:hidden;}
.m_case .case_top .g_img{width: 292px;height: 292px;overflow: hidden;float: left;}
.m_case .case_top .g_info{float: right;width: 848px;min-height: 200px;}
.m_case .case_top .g_info .g_tt{font-size: 24px;color: #333333;font-weight: bold;line-height: 22px;height: 35px;margin-bottom: 8px;width: 100%;overflow: hidden;}
.m_case .case_top .g_info .g_tt .link{font-size: 14px;font-weight: normal;color: #2c88d8;text-align: center;width: 118px;height: 33px;line-height: 33px;border: 1px solid #3784D2;border-radius: 5px;position: relative;}
.m_case .case_top .g_info .g_tt .link a{display: block;background: url(https://junweiyun.com/style/images/case_m_ico2.png) no-repeat 20px center;text-indent: 17px;}
.m_case .case_top .g_info .g_tt .link a:hover{background: #2c88d8 url(https://junweiyun.com/style/images/case_m_ico3.png) no-repeat 20px center;color: #ffffff;}
.m_case .case_top .g_info .tag{color: #333333;margin-bottom: 18px;}
.m_case .case_top .g_info .tag span{margin-right: 10px;}
.m_case .case_top .g_info .text{line-height: 28px;color: #666666;}
.m_case .case_top .g_info .text .tt{color: #333333;}
.m_case .case_top .g_info .text .tt .xl{cursor: pointer;width: 26px;height: 16px;border: 1px solid #E2E2E2;border-radius: 3px;margin-top: 6px;background: url(https://junweiyun.com/style/images/case_m_xl.png) no-repeat center;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.m_case .case_top .g_info .text .tt .xl.on{background: url(https://junweiyun.com/style/images/case_m_xl1.png) no-repeat center;}
.m_case .case_top .g_info .text .txt{position: relative;z-index: 55;max-height: 65px;width: 848px;margin-left: -20px;padding: 0 20px 20px;overflow: hidden;background-color: #ffffff;transition:max-height 0.5s ease-in-out;-webkit-transition:max-height 0.5s ease-in-out;}
.m_case .case_top .g_info .text .txt.on{max-height: 1000px;}

.ckys {height: 40px; line-height:38px; height: 38px; overflow: hidden;}
.ckys li{width: 140px;list-style:none; float:left; margin-right:10px; border-radius:1px}
.ckys li a{ width:85px; margin-left:40px; font-size:14px; display:block; color: #FFF; text-align:center}
.ckys li:hover{background-color: #ffcc32}
.ckys .photo{ background:#ffc000 url(https://junweiyun.com/style/images/cover-photo.png) 22px 10px no-repeat;  }
.ckys .url{ background:#0f91dd url(https://junweiyun.com/style/images/cover-url.png) 22px 10px no-repeat;  }
.ckys a:hover{color: #FFF !important;}

.m_case .g_content{padding:20px 15px 40px 15px;height: 100%; background:#fff; margin-top:10px}
.m_case .g_content .tt{background: url(https://junweiyun.com/style/images/case_m_ico1.png) no-repeat 2px -97px;color: #333333;font-size:24px;text-indent: 20px;margin-bottom: 20px;}
.m_case .g_content .tt .g_tab a,.m_case .g_content .tt .g_tab1 a{display: inline-block;background: url(https://junweiyun.com/style/images/case_m_ico.png) no-repeat;height: 24px;margin-left: 20px;}
 
.m_case .case_mobile{width: 100%;height: 900px;background: url(https://junweiyun.com/style/images/case_mm_bj1.jpg) no-repeat center;}
.m_case .case_mobile .swiper-mobile{width: 320px;height: 568px;overflow: hidden;border: 1px solid #E2E2E2;margin: 135px auto}
.m_case .case_mobile .swiper-mobile .swiper-slide img{width:320px !important;height:auto !important;}
.m_case .case_mobile .swiper-button-white{background: url(https://junweiyun.com/style/images/case_m_tab.png) no-repeat;width: 80px;height: 80px;top: 45%;}
.m_case .case_mobile .swiper-button-next{background-position: center bottom;right: 150px;}
.m_case .case_mobile .swiper-button-prev{background-position: center top;left: 150px;}
.m_case .g_latest{padding: 60px 0 20px;height:306px;overflow: hidden;width: 100%;}
.m_case .swiper-latest{width: 960px;height: 306px;overflow: hidden;float: right;}
.m_case .swiper-latest .swiper-slide{overflow: hidden;}
.m_case .swiper-latest .swiper-slide div{color: #ffffff;position: absolute;padding: 10px 15px;bottom: 0;font-size: 14px;width:100%;background:rgba(0,0,0,0.2);text-shadow:1px 1px 1px #333}
.m_case .g_latest .swiper-button{height: 306px;width: 220px;background: url(https://junweiyun.com/style/images/case_latest_bj.png) no-repeat center;position: relative;float: left;}
.m_case .g_latest .swiper-button .latest-next{background: url(https://junweiyun.com/style/images/m_tab3.png) no-repeat center bottom;width: 35px;height: 35px;top: 170px;right: 30px;opacity: 0.7;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.m_case .g_latest .swiper-button .latest-prev{background: url(https://junweiyun.com/style/images/m_tab3.png) no-repeat center top;width: 35px;height: 35px;top: 140px;left: 90px;opacity: 0.7;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
.m_case .g_latest .swiper-button .latest-next:hover,.m_case .g_latest .swiper-button .latest-prev:hover{opacity: 1;}


/* 翻页 start */
.pagebar{ margin:20px auto 0 auto; text-align:center; font-size: 0;}
.pagebar ul{ display:inline-block; margin:0 auto; font-size: 0;}
.pagebar li{  display:inline-block; font-size:14px; border:1px solid #ddd; margin-left:-1px; float:left; background-color:#FFF; cursor:pointer;}
.pagebar li a, .pagebar li span { display: block; padding:0 15px; line-height:40px;}
.pagebar li.thisclass, .mypages ul li.thisclass a, .mypages ul li.thisclass a:hover{color:#fff; background-color: #2c88d8;}
 @media (max-width: 768px) {
 	.pagebar li a, .pagebar li span {line-height: 30px; padding: 0 12px;}
 }
 @media (max-width: 480px) {
	.pagebar {height: auto; margin-top: 10px; line-height: inherit;}
	.pagebar li { margin-bottom: 5px;}
 	.pagebar li a, .pagebar li span {line-height: 26px; padding: 0 9px;}
 }
/* 翻页 end */
 
 
 
/*新闻样式*/
.news-page-box {background-color: #fff;}
.n_blog {overflow: hidden;position: relative; width: 1200px; max-width: 100%; margin: 0 auto; /* padding-bottom: 20px; */}
.n_blog .g_content{/* width: 840px; */overflow: hidden;}
.n_blog .g_top{height: 314px;width: 100%;}
.n_blog .g_top a{color: #ffffff;}
.n_blog .g_top .r_img{position: relative;width: 560px;overflow: hidden;}
.n_blog .g_top .r_img .txt{font-size: 20px;line-height: 32px;padding: 0 20px 15px;position: absolute;bottom: 0;width:100%;background:rgba(0,0,0,0.2);text-shadow:1px 1px 1px #333}
.n_blog .g_top .l_img{width: 270px;overflow: hidden;}
.n_blog .g_top .l_img .text{width: 270px;height: 152px;overflow: hidden;position: relative;}
.n_blog .g_top .l_img .text img{max-width:270px;max-height:152px}
.n_blog .g_top .l_img .text .txt{font-size: 16px;line-height: 24px;padding: 0 15px 10px;position: absolute;bottom: 0;width:100%;background:rgba(0,0,0,0.2);text-shadow:1px 1px 1px #333}
.n_blog .g_top .l_img .nth{margin-top: 10px;}
.n_blog .g_list{padding: 20px 0 0;}
.n_blog .g_list .g_box{width: 100%;padding: 20px 0; border-bottom: 1px dashed #E3E3E3;overflow: hidden;}
.n_blog .g_list .g_box .g_img{width: 270px;height: 152px;line-height: 152px;overflow: hidden;}
.n_blog .g_list .g_box .g_img img{max-width: 100%;}
.n_blog .g_list .g_box .g_text{/* width: 550px; */overflow: hidden;}
.n_blog .g_list .g_box .g_text .tt{color: #333333;font-size: 18px;font-weight: bold;width: 100%;height: 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n_blog .g_list .g_box .g_text .g_aside{font-size: 14px;color: #999999;line-height: 24px;padding: 11px 0; overflow: hidden;}
.n_blog .g_list .g_box .g_text .g_mark{width: 100%;overflow: hidden;color: #999999;font-family:Arial;}
.n_blog .g_list .g_box .g_text .g_mark span{margin-right: 40px;}
.n_blog .g_list .g_box .g_text .g_mark span:last-child{margin-right: 0;}
.n_blog .g_list .g_box .g_text .g_mark span.time{padding-left: 20px;background: url(https://junweiyun.com/style/images/blog_ico.png) no-repeat left -117px;}
.n_blog .g_list .g_box .g_text .g_mark span.mark{padding-left: 20px;background: url(https://junweiyun.com/style/images/blog_ico.png) no-repeat left -70px;}
.n_blog .load_data{width: 100%;height: 50px;line-height: 50px;background-color: #f6f6f6;text-align: center;cursor: pointer;font-size: 18px;color: #999999;}
.n_blog .load_data .ico{display: inline-block;width: 120px;height: 50px;background: url(https://junweiyun.com/style/images/blog_ico.png) no-repeat left -145px;}
.n_blog .n_mn .m_text{/* width: 840px; */overflow: hidden;}
.n_blog .m_related{overflow: hidden;}
.n_blog .m_related .g_tt{margin-top: 25px;height: 60px;line-height: 60px;text-indent: 1em;border-bottom: 1px dashed #E3E3E3;border-top: 2px solid #3784D2;font-size: 16px;color: #333333;}
.n_blog .m_related .g_tt strong{font-size: 18px;color: #333333;margin-right: 20px;}
.n_blog .m_related .g_tt span,.n_blog .m_related .g_tt a{margin-right: 20px;}
.n_blog .m_related .g_list{width: 100%;padding: 20px 0 0;overflow: hidden;text-indent: 20px;line-height: 24px;}
.n_blog .m_related .g_list li{margin-bottom: 10px;float: left;width: 420px;}
.n_blog .m_related .g_list .tt{color: #333333;width: 100%;height: 24px;background: url(https://junweiyun.com/style/images/blog_ico.png) no-repeat -3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n_blog .g_side{width: 320px;overflow: hidden;}
.n_blog .g_side .g_tt{margin-top: 40px;height: 60px;line-height: 60px;text-align: center;border-bottom: 1px dashed #E3E3E3;border-top: 2px solid #3784D2;font-weight: bold;font-size: 18px;color: #333333;}
.n_blog .g_side .g_list{width: 100%;padding: 20px 0 15px;overflow: hidden;text-indent: 20px;line-height: 24px;}
.n_blog .g_side .g_list li{margin-bottom: 15px;}
.n_blog .g_side .g_list li:last-child{margin-bottom: 0;}
.n_blog .g_side .g_list .tt{color: #333333;width: 100%;height: 24px;background: url(https://junweiyun.com/style/images/blog_ico.png) no-repeat -3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n_blog .g_side .g_list .time{color: #999999;}
.n_blog .g_side .g_hot{padding: 15px 10px;}
.n_blog .g_side .g_hot a{float: left;padding: 3px 15px;margin: 5px 5px;color: #666666;border: 1px solid #dedede;border-radius: 20px;}

/* 新闻 start */
.fz-18{font-size:18px;}
.lh-56{line-height: 56px;}
.listarc-ul{ width: 960px;margin:5px auto 0;}
.listarc-link{background-position: 0 9px;padding-left: 12px;background-image:url(../images/ico.png);background-color:transparent;background-repeat:no-repeat;}
.listarc-link:hover,.img-list a:hover{color:#f60;}
.listarc-date{font-size: 14px;color: #666;padding-left: 20px;/* float: right; */}
@media (max-width: 992px) {
	.n_blog .g_list {padding: 10px;}
	.listarc-ul {width: auto;}
}
@media (max-width: 768px) {
	/* .n_blog {padding-bottom: 25px;} */
	.n_blog .g_list {padding: 10px;}
	.listarc-ul {width: auto; margin: 0;}
	.listarc-li {line-height: 20px; margin: 5px 0; font-size: 14px; color: #666;}
	.listarc-link {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.listarc-date {display: none;}
}
@media (max-width: 480px) {
	/* .n_blog {padding-bottom: 0;} */
	.n_blog .g_list {padding: 0 10px;}
}


/*人才招聘*/
.n_recruit{padding: 100px 0 130px;width: 1000px;margin: 0 auto;}
.n_recruit .g_content{text-align: center;}
.n_recruit .g_content .g_tt{font-size: 30px;color: #666666;}
.n_recruit .g_content .xt{width: 60px;height: 2px;background-color: #2c88d8;margin: 15px auto;}
.n_recruit .g_content .g_text{padding: 0 65px;font-size: 16px;color: #666666;text-align: center;line-height: 30px;}
.n_recruit .g_content .list{overflow: hidden;margin-top: 75px;}
.n_recruit .g_content .list li{float: left;width: 220px;height: 268px;margin-right: 40px;color: #ffffff;}
.n_recruit .g_content .list li:last-child{margin-right: 0;}
.n_recruit .g_content .list li .text{padding: 125px 20px 30px;height: 113px;font-size: 14px;}
.n_recruit .g_content .list li .text .zw{font-size: 20px;}
.n_recruit .g_content .list li .text .xw{font-size: 12px;text-transform: uppercase;margin: 5px 0 49px;}
 
/* 底部 start */
.footer{background-color: #313243;position: relative;z-index: 2;}
.footer_top{background-color: #2c2d3f;}
.inner{width: 1200px;max-width:100%;margin: 0 auto;overflow: hidden;}
.footer_top li{float: left;width: 33.33%;line-height: 108px; text-align: center;}
/* .txt_1 {text-align: center;}
.txt_2 {text-align: center;}
.txt_3 {text-align: center;} */
.footer_top li .footer_icon{margin: 20px 22px 0 0; float: left;}

.footer_icon{display: inline-block;width: 60px;height: 66px;
background-repeat:no-repeat;background-size:contain;background-position:center center;
vertical-align: top;}
/* .footer_icon.fir{background-position: 0 -3px;} */
.footer_top li span{color: #ffffff;font-size: 20px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.footer_icon.sec{background-position: 0 -103px;}
.footer_icon.thir{background-position: 0 -203px;}
.footer_mid{padding: 38px 0;border-bottom: 1px solid #3b3d4c;border-top: 1px solid #3b3d4c;}
.footer_nav{}
.footer_nav ul {float: left;margin-left: -24px;padding-left: 24px;width: 19%;height: 227px;border-left: 1px solid #3b3d4c;}
.footer_nav .footer_nav_special{width: 280px;}
.footer_nav li h4{height: 30px;line-height: 30px;font-size: 18px;color: #fff;padding-bottom: 5px;}
.footer_nav li a, .footer_nav li span{line-height: 32px;font-size: 14px;color: #89898b;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.footer_nav li a:hover{color: #fff;}

.footer_nav li span{display: inline-block;width: 100px;text-align: center;margin-right: 15px;}
.footer_nav li img{margin: 15px 15px 20px 0;}
.footer_bot{padding: 12px 0;overflow: hidden;text-align: center;background-color: #313243;}
.footer_bot p, .footer_bot a{height: 28px;line-height: 28px;font-size: 14px;color: #89898b!important;}
.footer_bot p>em{margin: 0 10px;}
@media (max-width: 1200px) {
	.footer_top {padding: 0 10px;}
	.footer_top li .footer_icon {width: 50px; height: 50px; margin: 20px 20px 20px 0;}
	.footer_top li span{line-height: 90px; text-align: left;}
	
	.footer_nav {padding: 0 10px; }
	.footer_nav ul {width: 17%;}
}
@media (max-width: 992px) {
	.footer_nav ul {width: 15%;}
}
@media (max-width: 768px) {
	.footer {display: none;}
}
/* 底部 end */

/*插件样式*/
.banner-pages .swiper-pagination-bullet{width:15px;height:15px;display:inline-block;background-color:#ffffff;opacity:.5; border-radius:50px;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.banner-pages .swiper-pagination-bullet-active{width:50px; opacity:1; background:#ffffff}
.swiper-clients .clients_pages{bottom: 0;width: 100%;}
.clients_pages .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;background-color:#ffffff;opacity:.5;border-radius: 50%;}
.clients_pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.clients_pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff}
.m_case .case_mobile .swiper-pages{bottom: 50px;}
.m_case .case_mobile .swiper-pages .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border:1px solid #ffffff;opacity: 1;background:none;border-radius: 50%;}
.m_case .case_mobile .swiper-pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff}
/* hover区 */
.n_blog .load_data:hover,.n_blog .g_list .g_box .g_text .tt:hover,.n_mn .m_aside a:hover,.n_case .n_snav .list a:hover,.m_subtopic1 .subtopic_list li dl a:hover,
.n_blog .g_side .g_hot a:hover,.n_blog .g_side .g_list .tt:hover,.m_subtopic1 .subtopic_list li:hover,.n_blog .m_related .g_list .tt:hover,.h-link .link_text .g-text a:hover,
.news_panel .news_container .news_right .news_text .m-text .g-tt a:hover,.news_panel .news_container .news_right .news_list a:hover,.news_panel .news_container .news_left .news-text .m-text .g-tt a:hover,
.news_panel .news_container .news_left .news-text .m-text .g-more:hover,.n_blog .m_related .g_tt a:hover{color:#2c88d8;}
.n_news .g_list .n_box:hover .tt,.n_news .g_list .n_box:hover .time,.n_news .g_list .n_box:hover .info{color: #ffffff;}
.n_blog .g_top img,.n_blog .g_list .g_box .g_img img,.m_case .g_latest img{-webkit-transition: transform 0.5s ease-out ;-ms-transform:transform 0.5s ease-out;-moz-transform:transform 0.5s ease-out;transition: transform 0.5s ease-out ;}
.n_blog .g_top img:hover,.n_blog .g_list .g_box .g_img img:hover,.m_case .g_latest img:hover{-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}




.right_side{position: absolute;right: 0;top: 35%;width: 60px;height: 245px;z-index: 80000;}
.right_side ul{}
.right_side ul li{width: 60px;height: 60px;border-bottom: 1px solid #3197f0;background: #2c88d8 url(../images/right_ico.png) no-repeat;cursor: pointer;position: relative;-webkit-transition: background 0.5s ease-out ;-moz-transform:background 0.5s ease-out;transition: background 0.5s ease-out ;}
.right_side ul li:hover{background:#FFFFFF url(../images/right_hover_ico.png) no-repeat;}
.right_side ul li.qq{background-position: center 17px;border-top-left-radius: 5px;}
.right_side ul li.qq div{display: none;background-color: #f9f9f9;position: absolute;right: 60px;width: 180px;height: 300px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;overflow: hidden;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.2);box-shadow:-7px 0px 10px rgba(0,0,0,0.2);}
.right_side ul li.qq div dt{text-align: center;height: 60px;line-height: 60px;background-color: #ffffff;}
.right_side ul li.qq div dd{height: 60px;line-height: 60px;color: #666666;margin: 0 auto;width: 160px;font-size: 16px;border-bottom: 1px dotted #dedede;text-indent: 80px;background: url(../images/qqbg.gif) no-repeat 30px 17px;}
.right_side ul li.qq div dd a{display: block;}
.right_side ul li.qq div dd a:hover{color: #556c9c;}
.right_side ul li.tel{background-position: center -44px;}
.right_side ul li.tel div{display: none;border-bottom-left-radius: 5px;border-top-left-radius: 5px;position: absolute;right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);height: 60px;line-height: 60px;padding: 0 20px;font-size: 24px;font-weight: bold;color: #217cc8;background-color: #ffffff;white-space: nowrap}
.right_side ul li.wx{background-position: center -105px;}
.right_side ul li.wx div{border-radius: 5px;display: none;position: absolute;top: -45px;right: 60px;-moz-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);-webkit-box-shadow:-7px 0px 10px rgba(0,0,0,0.3);box-shadow:-7px 0px 10px rgba(0,0,0,0.3);overflow: hidden;}
.right_side ul li.top{background-position: center -166px;border: none;border-bottom-left-radius: 5px;}
.right_side ul li:hover div{display: block;}
.right_side ul li.qq:hover{border-radius: 0;}
@media (max-width: 768px) {
	.right_side {display: none;}
}


/* 方案 start */
.fang_top{width:100%;height:585px;background: url(https://junweiyun.com/style/images/cbg.jpg) no-repeat center;overflow:hidden;padding-top:160px;}
.fang_top .text{text-align: center;}
.fang_top .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.fang_top .text span{font-size: 40px;color: #ffffff;margin: 0 10px;text-transform: uppercase;-webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow: 0px 0px 10px rgba(0,0,0,0.5);text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.fang_top .text .xt{height: 1px;width: 145px;margin: 15px auto 0;border-bottom: 1px solid rgba(255,255,255,0.5);}
.fang_list{width:100%;height:auto;margin-top:27px;}
.fang_list li{width:140px;height:auto;float:left;margin-right:72px;margin-bottom:30px;text-align:center;}
.fang_list li:nth-child(6n){margin-right:0;}
.fang_list li a{display:block;width:100%;height:100%;overflow:hidden;}
.fang_pic{width:140px;height:140px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-box-shadow: 0px 0px 35px -10px #858585;-webkit-box-shadow: 0px 0px 35px -10px #858585;box-shadow: 0px 0px 35px -10px #858585;border-radius:50%;background:#fff;}
.fang_pic .pic-box{width:140px;height:140px;display:table-cell;vertical-align:middle;text-align:center;}
.fang_pic img{display:none;margin:0 auto;}
.fang_pic img.on{display:block;}
.fang_list li p{font-size:16px;color:#fff;text-align:center;margin-top:20px;display:inline-block;position: relative;}
.fang_list li p:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #fff;transition: all 0.3s ease-out;}
/*背景颜色改变效果*//*.fang_list li:hover .fang_pic{background:url(../images/cbg.png) no-repeat;}
.fang_list li:hover .fang_pic img{display:block;}
.fang_list li:hover .fang_pic img.on{display:none;}*//*图片动的效果*/.fang_list li:hover .fang_pic img{animation: swing 1s 0s linear normal;-webkit-animation: swing 1s 0s linear normal;}
.fang_list li:hover p:after{width: 100%;}

/* 方案 end */




@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}
/*浮动*/.case_float{position:fixed;left:25px;top:50%;margin-top:-192px;background:url(https://junweiyun.com/style/images/nav_ico_bj.png) repeat-y left top;z-index:10;}
.case_float li{width: 100%;text-align: left;}
.case_float li a{font-size:14px;color:#333;height: 30px;line-height:30px;display:block;padding-left:25px;position:relative;}
.float_bg{width:9px;height:9px;position:absolute;border-radius:50%;background:#666;left:-4.5px;top:50%;margin-top:-4.5px;}
.case_float li a.current .float_bg{background:#3197f0;}
.case_float li a.current{color:#3197f0;}
.f_title{text-align:center;font-size:30px;font-weight:bold;background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_p{text-align:center;text-transform:uppercase;font-size:16px;color:#999999;font-family:Arial;}
.f_title1{width:100%;height:auto;background:url(https://junweiyun.com/style/images/icon70.png) no-repeat left 2px;padding-left:70px;min-height:52px;text-align:left;}
.f_title1 h3{font-weight:bold;font-size:30px;color:#fff;}
.f_title1 p{background:url(https://junweiyun.com/style/images/xian.png) no-repeat left center;padding-left:15px;font-size:16px;color:#fff;font-family:Arial;margin-top:2px;letter-spacing:1px;text-transform:uppercase;}
.f_title2{background:url(https://junweiyun.com/style/images/icon71.png) no-repeat right 2px;font-size:30px;font-weight:bold;text-align:right;padding-right:65px;min-height:52px;}
.f_title2 h3{background: linear-gradient(to right, #03d6b0, #13b3d7);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;font-weight:bold;}
.f_title2 p{background:url(https://junweiyun.com/style/images/xian1.png) no-repeat right center;padding-right:10px;font-size:16px;color:#999999;font-family:Arial;margin-top:2px;letter-spacing:1px;text-transform:uppercase;font-weight:normal;}
.f_title3{background:url(https://junweiyun.com/style/images/icon72.png) no-repeat left 2px;}
.f_title4{background:url(https://junweiyun.com/style/images/icon73.png) no-repeat right 2px;}
.f_title4 h3{background: linear-gradient(to right, #33b1e7, #32d9d9);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title5{background:url(https://junweiyun.com/style/images/icon74.png) no-repeat left 2px;}
.f_title6{background:url(https://junweiyun.com/style/images/icon75.png) no-repeat right 2px;}
.f_title6 h3{background: linear-gradient(to right, #29acff, #8654ff);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title7{background:url(https://junweiyun.com/style/images/icon76.png) no-repeat left 2px;}
.f_title8{background:url(https://junweiyun.com/style/images/icon77.png) no-repeat right 2px;}
.f_title8 h3{background: linear-gradient(to right, #fe9816, #f63b25);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.f_title9{background:url(https://junweiyun.com/style/images/icon78.png) no-repeat left 2px;}
.f_title10{background:url(https://junweiyun.com/style/images/icon79.png) no-repeat right 2px;}
.f_title10 h3{background: linear-gradient(to right, #a63fcc, #f1566c);-webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text;-o-background-clip: text;color: transparent;display:inline-block;}
.wm{padding-bottom: 100px;}
.wm-title{border-bottom: 1px solid #eeeeee;padding-bottom: 14px;height: 31px;margin-top: 23px;}
.wm-title span{font-size: 16px;color: #333;display: block;line-height: 16px;font-weight: bold;position: relative;float: left;}
.wm-title span:after{content: '';width: 32px;height: 2px;background: #005baa;position: absolute;bottom: -15px;left: 50%;margin-left: -16px;}
.wm-list{overflow: hidden;width: 101%;padding: 30px 0 0;}
.wm-list li, .wm-list dl{float: left;width: 186px;line-height: 16px;margin-bottom: 25px;}
.wm-list a, .wm-list dt{font-size: 16px;color: #3c3c3c;transition: all 0.3s ease-in-out;font-weight: 500;text-transform: none;}
.wm-list dt{margin-bottom: 24px;}
.wm-list dd a{font-size: 14px;color: #999;line-height: 32px;}
.wm-list a:hover{color: #005baa;}
/*商城*/
.cont{width:1200px;max-width:100%;height:auto;margin:0 auto;}
.shop_banner{width:100%;height:680px;margin:0 auto;overflow:hidden;background:url(https://junweiyun.com/style/images/banner.jpg) no-repeat;background-position:center;}

@media (max-width: 1200px) {
	.shop_banner {height: 520px;}
}
@media (max-width: 992px) {
	.shop_banner {height: 450px;}
}
@media (max-width:  768px) {
	.shop_banner {height: 330px;}
}
@media (max-width:  560px) {
	.shop_banner {height: 220px;}
}
@media (max-width:  480px) {
	.shop_banner {height: 180px;}
}

/*解决方案*/
.shop_solute{width:100%;height:auto;background:url(../images/bg.jpg) no-repeat center top;min-height:750px;margin-top:80px;padding-top:75px;background-size:cover;background-position: center;}
.solute_title h3{font-size:28px;}
.solute_title span{font-size:30px;color:#999999;font-family:Arial;text-transform:uppercase;margin-left:10px;}
.solute_con{width:100%;height:auto;margin-top:30px;}
.solute_left{float:left;width:340px;height:500px;}
.solute_left img{width:100%;height:100%;object-fit:cover;}
.solute_right{float:right;width:790px;padding-top:52px;margin-top:0;}
.solute_right li{width:160px;height:auto;margin-right:50px;margin-bottom:25px;}
.solute_right li:nth-child(6n){margin-right:50px;}
.solute_right li:nth-child(4n){margin-right:0;}
.solute_right .fang_pic{margin:10px;box-shadow:0px 0px 30px rgba(133,133,133,0.15);}
.solute_right li p{font-size:16px;color:#444444;margin-top:10px;}
.solute_right li:hover .fang_pic{background: url(https://junweiyun.com/style/images/s_bg1.png) no-repeat;}
.solute_right li:nth-child(2):hover .fang_pic{background: url(https://junweiyun.com/style/images/s_bg2.png) no-repeat;}
.solute_right li:nth-child(3):hover .fang_pic{background: url(https://junweiyun.com/style/images/s_bg3.png) no-repeat;}
.solute_right li:nth-child(4):hover .fang_pic{background: url(https://junweiyun.com/style/images/s_bg4.png) no-repeat;}
.solute_right li:nth-child(5):hover .fang_pic{background: url(https://junweiyun.com/style/images/s_bg5.png) no-repeat;}
.solute_right li:nth-child(6):hover .fang_pic{background: url(https://junweiyun.com/style/images/s_bg6.png) no-repeat;}
.solute_right li:nth-child(7):hover .fang_pic{background: url(https://junweiyun.com/style/images/s_bg7.png) no-repeat;}
.solute_right li:nth-child(8):hover .fang_pic{background: url(https://junweiyun.com/style/images/s_bg8.png) no-repeat;}
.solute_right li:hover .fang_pic img{display:block;animation:none;-webkit-animation:none;}
.solute_right li:hover .fang_pic img.on{display:none;}
.solute_right li.active .fang_pic{background: url(https://junweiyun.com/style/images/s_bg1.png) no-repeat;}
.solute_right li:nth-child(2).active .fang_pic{background: url(https://junweiyun.com/style/images/s_bg2.png) no-repeat;}
.solute_right li:nth-child(3).active .fang_pic{background: url(https://junweiyun.com/style/images/s_bg3.png) no-repeat;}
.solute_right li:nth-child(4).active .fang_pic{background: url(https://junweiyun.com/style/images/s_bg4.png) no-repeat;}
.solute_right li:nth-child(5).active .fang_pic{background: url(https://junweiyun.com/style/images/s_bg5.png) no-repeat;}
.solute_right li:nth-child(6).active .fang_pic{background: url(https://junweiyun.com/style/images/s_bg6.png) no-repeat;}
.solute_right li:nth-child(7).active .fang_pic{background: url(https://junweiyun.com/style/images/s_bg7.png) no-repeat;}
.solute_right li:nth-child(8).active .fang_pic{background: url(https://junweiyun.com/style/images/s_bg8.png) no-repeat;}
.solute_right li.active .fang_pic img{display:block;animation:none;-webkit-animation:none;}
.solute_right li.active .fang_pic img.on{display:none;}
/*精品案例*/.shop_case{width:100%;height:auto;margin-top:72px;}
.case_dao{width:100%;height:auto;text-align:center;margin-top:30px;}
.case_dao li{display:inline-block;margin:0 10px;width:160px;height:50px;line-height:50px;text-align:center;background:#f7f7f7;font-size:16px;color:#444444;cursor:pointer;}
.case_dao li:hover{background:url(https://junweiyun.com/style/images/pic17.jpg) no-repeat;color:#fff;}
.case_dao li.active{background:url(https://junweiyun.com/style/images/pic17.jpg) no-repeat;color:#fff;}
.case_con{width:100%;height:auto;margin-top:55px;}
.case_c{width:100%;height:auto;display:none;}
.case_c li{width:271px;height:552px;float: left;margin-right:38.6px;}
.case_c li:nth-child(4n){margin-right:0;}
.case_c li a{display:block;width:100%;height:100%;overflow:hidden;background:url(https://junweiyun.com/style/images/bg1.png) no-repeat;padding-top:64px;box-sizing:border-box;}
.case_pic{width:242px;height:422px;position:relative;margin:0 auto;}
.case_pic img{width:100%;height:100%;object-fit:cover;}
.case_bg{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;background:rgba(0,0,0,0.12);transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;opacity:0;}
.case_bg .pic-box{width:242px;height:422px;display:table-cell;vertical-align:middle;text-align:center;}
.case_bg img{width:153px;height:153px;}
.case_text{width:100%;height:65px;line-height:65px;text-align:center;font-size:18px;color:#444444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case_c li a:hover{background:url(https://junweiyun.com/style/images/bg2.png) no-repeat;}
.case_c li a:hover .case_bg{opacity:1;}
.case_c li a:hover .case_text{color:#fff;}
/*我们的优势*/.shop_good{width:100%;height:auto;margin-top:70px;background:url(https://junweiyun.com/style/images/bg1.jpg) no-repeat;min-height:530px;background-size:cover;background-position:center;padding-top:70px;box-sizing:border-box;}
.shop_good .solute_title h3{color:#fff;}
.shop_good .solute_title h3 span{color:#fff;opacity:0.6;-webkit-opacity:0.6;-moz-opacity:0.6;}
.shop_good .solute_title p{color:#fff;}
.good_list{width:100%;height:auto;margin-top:65px;}
.good_list li{width:240px;height:auto;float:left;min-height:192px;background:url(https://junweiyun.com/style/images/s14.png) no-repeat right center;text-align:center;padding:0 16px;box-sizing:border-box;}
.good_list li:last-child{background:none;}
.good_list li a{display:block;width:100%;height:100%;overflow:hidden;}
.good_pic{width:100%;height:42px;text-align:center;}
.good_pic img{vertical-align:bottom;}
.good_text{width:100%;height:auto;margin-top:25px;}
.good_text h3{font-weight:normal;color:#fff;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.good_text hr{display:block;width:30px;height:auto;border:none;border-top:3px solid #fff;opacity:0.5;-webkit-opacity:0.5;-moz-opacity:0.5;margin-top:20px;}
.good_text p{font-size:14px;line-height:24px;color:#fff;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;margin-top:20px;}



.shop_user{width:100%;height:auto;margin-top:80px;}
.shop_title{width:100%;height:auto;text-align:center;}
.shop_title h3{font-weight:normal;font-size:32px;color:#333333;}
.shop_title img{margin-top:10px;}
.shop_title p{font-size:16px;color:#666666;margin-top:5px;}
.user_list{width:100%;height:auto;margin-top:54px;}
.user_list li{width:592px;height:200px;float:left;margin-right:16px;margin-bottom:16px;}
.user_list li:nth-child(2n){margin-right:0;}
.user_list li a{display:block;width:100%;height:100%;background:url(https://junweiyun.com/style/images/pic1.jpg) no-repeat;cursor:pointer;}
.user_list li:nth-child(2) a{background:url(https://junweiyun.com/style/images/pic2.jpg) no-repeat;}
.user_list li:nth-child(3) a{background:url(https://junweiyun.com/style/images/pic3.jpg) no-repeat;}
.user_list li:nth-child(4) a{background:url(https://junweiyun.com/style/images/pic4.jpg) no-repeat;}
.user_list li h3{font-size:24px;color:#fafafa;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:45px 215px 0 43px;-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-ms-transition: all .4s;}
.user_list li p{font-size:14px;color:#fafafa;line-height:24px;overflow:hidden;text-overflow:ellipsis;padding:10px 215px 0 43px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:48px;}
.user_list li span{-webkit-transition: all .4s;-moz-transition: all .4s;transition: all .4s;-ms-transition: all .4s;width:86px;height:30px;line-height:30px;border:1px solid #fff;font-size:14px;color:#fafafa;margin-left:43px;margin-top:15px;display:inline-block;text-align:center;opacity:0;}
.user_list li span.shop_shan{margin-left:20px;}
.user_list li a:hover h3{padding:35px 215px 0 43px;}
.user_list li a:hover span{opacity:1;}
@media (max-width: 992px) {
	.shop_title h3 { font-size: 26px;}
	.shop_title img {display: block; margin: 10px auto 0;}
}
@media (max-width: 768px) {
	.shop_title h3 { font-size: 22px;}
	.shop_title p {font-size: 15px; padding: 0 5px;}
}
@media (max-width: 480px) {
	.shop_title h3 { font-size: 18px;}
	.shop_title img {margin-top: 5px;}
	.shop_title p {font-size: 14px; line-height: 20px;} 
}


/*合作伙伴*/
.shop_partner{width:100%;height:auto;margin-top:70px;margin-bottom:50px;}
.shop_partner .cont{width:1365px;}
.partner{width:100%;height:auto;margin-top:50px;position:relative;height:455px;}
.partner .swiper-container{width:1200px;max-width:100%;margin:0 auto;}
.partner_list{width:100%;height:auto;border-top:1px dashed #e4e3e3;border-left:1px dashed #e4e3e3;overflow:hidden;box-sizing:border-box;}
.partner_list li{float:left;width:239px;height:150px;border:1px dashed #e4e3e3;border-left:none;border-top:none;box-sizing:border-box;}
.partner_list li a{display:table-cell;vertical-align:middle;text-align:center;width:239px;height:150px;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;}
.partner_list li a img{max-width:238px;max-height:148px;margin:0 auto;}
.partner .swiper-button-prev,.partner .swiper-button-next{width:31px;height:59px;margin-top:-29.5px;}
.partner .swiper-button-prev{background:url(https://junweiyun.com/style/images/s16.png) no-repeat;left:0;}
.partner .swiper-button-prev:hover{background:url(https://junweiyun.com/style/images/s16-1.png) no-repeat;}
.partner .swiper-button-next{background:url(https://junweiyun.com/style/images/s17.png) no-repeat;right:0;}
.partner .swiper-button-next:hover{background:url(https://junweiyun.com/style/images/s17-1.png) no-repeat;}
.partner_list li a:hover{transform:rotateY(360deg);}

/*小程序*/
.chengxu_banner{background:none;}
.chengxu_banner a{display:block;width:100%;height:100%;overflow:hidden;background:url(https://junweiyun.com/style/images/banner.jpg) no-repeat;background-size:cover;background-position:center;}
.chengxu_dao{width:100%;height:auto;}
.dao_left{float:left;width:294px;height:528px;overflow:hidden;}
.dao_left a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_img{width:100%;height:100%;background:url(https://junweiyun.com/style/images/pic.jpg) no-repeat;position:absolute;left:0;top:0;z-index:1;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.dao_text{width:100%;height:auto;padding:57px 30px;box-sizing:border-box;position:relative;z-index:2;}
.dao_text h3{font-size:24px;color:#fff;font-weight:bold;}
.dao_text .body {font-size:16px;color:#fff;margin-top:3px;}
.dao_bg{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,01,0,0.5);opacity:0;z-index:3;overflow:hidden;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.pic-box{display:table-cell;vertical-align:middle;text-align:center;}
.dao_bg .pic-box{width:100%;height:528px;padding:57px 30px;box-sizing:border-box;}
.dao_bg h3{font-size:26px;color:#fff;font-weight:bold;}
.dao_bg p{color:#fff;margin-top:3px;font-size:16px;}
.dao_bg span{display:block;width:134px;height:40px;border:1px solid #fff;line-height:40px;border-radius:20px;text-align:center;margin:0 auto;margin-top:20px;font-size:14px;color:#fff;}
.dao_bg span img{margin-left:10px;}
.dao_left a:hover .dao_img{transform:scale(1.05);}
.dao_left a:hover .dao_bg{opacity:1;}
.dao_right{ margin-left: 302px; overflow: hidden; height:528px;}
.dao_top{width:100%;height:340px;}
.dao_topl{float:left;width:66.333333%;height:340px;}
.dao_topl a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_topl .dao_text{ padding-right:70%; }
.dao_topl .dao_img{background-image:url(https://junweiyun.com/style/images/picwx1.jpg); background-position: center right; background-repeat: no-repeat; }
.dao_topl .dao_bg .pic-box{width:596px;height:340px;padding:57px 30px;box-sizing:border-box;}
.dao_topl a:hover .dao_img{transform:scale(1.05);}
.dao_topl a:hover .dao_bg{opacity:1;}
.dao_topr{width:32.6666666%;float:right;}
.dao_topr .dao_text{position:relative;padding:57px 30px;}
.dao_topr .dao_img{background-image:url(https://junweiyun.com/style/images/picwx2.jpg);}
.dao_topr .dao_bg .pic-box{width:100%;}
.dao_bottom{width:100%;height:180px;margin-top:8px;}
.dao_bottom li{width:32.6666666%;height:180px;float:left; margin-right:1%;}
.dao_bottom li a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.dao_bottom li a .dao_text{padding:30px;padding-right:20px;}
.dao_bottom li a .dao_img{background-image:url(https://junweiyun.com/style/images/picwx3.jpg);}
.dao_bottom li a .dao_text img{margin-top:20px;}
.dao_bottom li:nth-child(2) .dao_img{background-image:url(https://junweiyun.com/style/images/picwx4.jpg);}
.dao_bottom li:last-child .dao_img{background-image:url(https://junweiyun.com/style/images/picwx5.jpg);}
.dao_bottom li:last-child{margin-right:0;}
.dao_bottom li .dao_bg .pic-box{width:294px;height:180px;padding:0;}
.dao_bottom li .dao_bg h3{font-size:20px;}
.dao_bottom li .dao_bg span{margin-top:15px;}
.dao_bottom li .dao_bg span img{margin-top:0;}
.dao_bottom li a:hover .dao_img{transform:scale(1.05);}
.dao_bottom li a:hover .dao_bg{opacity:1;}

@media (max-width: 992px) {
	.chengxu_dao {display: none;}
}




/*小程序核心优势*/
.hexin{width:100%;height:auto;}
.hexin_con{width:100%;height:auto;position:relative; 
background-image: url(https://junweiyun.com/style/images/icon9.png);
background-position:  center bottom;
background-repeat: no-repeat;
min-height:355px;margin-top:50px;}
.hexin_con li{position:absolute;}
.hexin_con li.hexin_1{left:0;top:123px;}
.hexin_img{text-align:center;background:url(../images/icon5.png) no-repeat;width:48px;height:48px;line-height:48px;color:#fff;font-weight:bold;font-size:18px;float:left;}
.hexin_text{float:left;margin-left:16px;background:#fff;padding:20px;box-sizing:border-box;font-size:16px;line-height:28px;position:relative;color:#333333;}
.hexin_bg{width:0;height:0;position:absolute;left:-12px;top:16px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:12px solid #f6f6f6;}
.hexin_con li.hexin_1 .hexin_text{width:256px;}
.hexin_con li.hexin_2{left: 20%;top:0;}
.hexin_con li.hexin_2 .hexin_img{background:url(../images/icon6.png) no-repeat;}
.hexin_con li.hexin_2 .hexin_text{width:247px;}
.hexin_con li.hexin_3{ right: 20%;top:0;}
.hexin_con li.hexin_3 .hexin_img{background:url(../images/icon7.png) no-repeat;}
.hexin_con li.hexin_3 .hexin_text{width:216px;}
.hexin_con li.hexin_4{right:0;top:123px;}
.hexin_con li.hexin_4 .hexin_img{background:url(../images/icon8.png) no-repeat;}
.hexin_con li.hexin_4 .hexin_text{width:185px;}
@media (max-width: 1200px) {
	.hexin_con li.hexin_2{left: 15%;}
	.hexin_con li.hexin_3 {right: 15%;}
}
@media (max-width: 992px) {
	.hexin_con {background-image: none !important; min-height: auto; margin-top: 20px;}
	.hexin_con li {position: static; float: left; width: 48%; margin: 0 1% 10px; overflow: hidden;}
	.hexin_con li.hexin_li .hexin_text {width: auto; float: none; margin-left: 65px; height: 80px; line-height: 20px; padding: 15px}
}
@media (max-width: 560px) {
	.hexin_con li {width: 90%; margin: 0 5% 10px;}
	.hexin_con li.hexin_li .hexin_text { height: auto; font-size: 14px; padding: 12px;}
}



/*流量入口*/
.liuliang{width:100%;height: auto;overflow:hidden;}
.liuliang_con{width:100%;height:auto;margin-top:60px;}
.liuliang_con li{width: 20%;margin:0 0 50px;}
.liuliang_con .fang_pic{ margin:5px; margin: 0 auto;box-shadow:0px 3px 7px rgba(20,20,20,0.05);}
.liuliang .fang_pic img{display:block; height: 50px; }
.liuliang_con li p{color:#666666;}
.liuliang_con li p:after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: #666666;transition: all 0.3s ease-out;}
@media (max-width: 1200px) {
	.liuliang_con li { margin-bottom: 10px;}
	.fang_pic, .fang_pic .pic-box {width: 120px; height: 120px;}
	.fang_list li p { margin-top: 10px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}
@media (max-width: 992px) {
	.liuliang {padding: 30px 0;}
	.liuliang_con {margin-top: 30px;}
	.fang_pic, .fang_pic .pic-box {width: 100px; height: 100px;}
	.liuliang .fang_pic img {height: 40px; }
	.fang_list li p { margin-top: 8px; font-size: 13px; }
}
@media (max-width: 768px) {
	.liuliang {padding: 20px 0;}
	.liuliang_con {margin-top: 20px;}
	.fang_pic, .fang_pic .pic-box {width: 80px; height: 80px;}
	.liuliang .fang_pic img {height: 30px; }
}

@media (max-width: 666px) {
	.fang_pic, .fang_pic .pic-box {width: 70px; height: 70px;}
	.liuliang .fang_pic img {height: 30px; }
	.fang_list li p { margin-top: 5px; font-size: 12px; }
}

@media (max-width: 480px) {
	.fang_pic, .fang_pic .pic-box {width: 60px; height: 60px;}
	.liuliang .fang_pic img {height: 20px; }
	.fang_list li p {height: 34px; line-height: 17px; white-space: normal;}
}
@media (max-width: 380px) {
	.fang_pic, .fang_pic .pic-box {width: 50px; height: 50px;}
	.liuliang .fang_pic img {height: 20px; }
}






/* 小程序模板展示 start */
.moban{ width:100%; height:auto;background:url(../images/bg.jpg) no-repeat;background-size:cover;background-position:center;/* min-height:840px; */box-sizing:border-box;}
.moban .solute_title h3{color: #fff;}
.moban .solute_title p{color: #fff;}
.moban .cont{width:1200px; max-width: 96%; height:auto;margin:0 auto}
.moban_con{width:100%;height:552px;position:relative; margin-top:40px; padding-top:65px;}
.moban_con .swiper-container{width:1200px;max-width:100%;height:auto;margin-top:0;}
.moban_con .swiper-container:before, .moban_con .swiper-container:after{background:none;}
.moban_con .swiper-slide{width:242px;height:422px;  }
.swiper-slide-bg {background-position:center;background-size:cover;background-repeat:no-repeat;width:242px;height:422px;margin:0 auto;}
.moban_con .swiper-slide div{position:relative;}
.moban_con .swiper-slide div.moban_bg{position:absolute;width:100%;height:100%;background:#fff;opacity:0.7;}
.moban_con .swiper-slide-active div.moban_bg{opacity:0;}
.moban_con .swiper-prev, .moban_con .swiper-next{width:48px;height:48px;margin-top:-24px;position:absolute;top:50%;cursor:pointer; z-index: 3;}
.moban_con .swiper-prev{left:0;background:url(../images/icon20.png) no-repeat;}
.moban_con .swiper-next{right:0;background:url(../images/icon21.png) no-repeat;}
.moban_con .swiper-container:before,.moban_con .swiper-container:after{width:415px;height:405px;content:'';background-color: #f5f5f5;display:block;position:absolute;z-index: 9999;opacity: .5;top:0;display:none;}
.moban_con .swiper-container:before{left:0;}
.moban_con .swiper-container:after{right:0;}
.framing{width:271px;height:552px;position:absolute;top:0;left: calc(50% - 135px);z-index:2;opacity:0;-moz-transition: all 0.1s ease;-o-transition: all 0.1s ease;-webkit-transition: all 0.1s ease;
background-image: url(../images/icon22.png);
background-position: center;
background-repeat: no-repeat;
}
.lookTemp{position: absolute;left: calc(50% - 65px);background-color: #ff7200;color: #fff;padding: 0;width: 133px;line-height: 40px;border-radius: unset;display:none;}
@media (max-width: 480px) {
	/* .framing { width: 251px; height: 512px; background-size: contain; }
	.moban_con .swiper-slide {width: 222px;} */
}
/* 小程序模板展示 end */


/* 小程序解决方案 start */
.jiejue{width:100%;height:auto;}
.jiejue_con{width:100%;height:auto;margin-top:40px;}
.jiejue_con li{ width:25%; height:380px; float:left; position:relative; box-sizing:border-box;}
.jiejue_con li a{ display:block; height:100%; overflow:hidden; transition:none; border:1px solid #e5e5e5; margin: 0 5px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s; background-color: #fff;}

.jiejue_top{width:100%;height:155px;background:url(../images/pic8.jpg) no-repeat;background-size:cover;background-position:center;padding-top:45px;font-size:24px;color:#fff;text-align:center;box-sizing:border-box;}
.jiejue_con li:nth-child(2) .jiejue_top{background-image:url(../images/pic9.jpg);}
.jiejue_con li:nth-child(3) .jiejue_top{background-image:url(../images/pic11.jpg);}
.jiejue_con li:nth-child(4) .jiejue_top{background-image:url(../images/pic10.jpg);}

.jiejue_c{ width:100%; height:auto; position: relative;}
.jiejue_pic{width:100%;height:auto;text-align:center;margin-top:-45px;}
.jiejue_list { height:auto;overflow:hidden;box-sizing:border-box;transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s; margin: 30px 20px 0;}
.jiejue_list p{font-size:14px;color:#666666;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;}
.jiejue_list span{display:block;width:105px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:15px;background:#26bbfb;font-size:14px;margin:0 auto;margin-top:20px;}

@media (min-width: 768px) {
	.jiejue_con li a:hover {box-shadow:0px 5px 24px rgba(38,187,251,0.48);border:1px solid #26bbfb;}
	.jiejue_con li:nth-child(2) a:hover{box-shadow:0px 5px 24px rgba(241,98,159,0.48);border:1px solid #f1629f;}
	.jiejue_con li:nth-child(3) a:hover{box-shadow:0px 5px 24px rgba(73,205,164,0.48);border:1px solid #49cda4;}
	.jiejue_con li:nth-child(4) a:hover{box-shadow:0px 5px 24px rgba(254,73,107,0.48);border:1px solid #fe496b;}
	/* .jiejue_con li:hover .jiejue_list{opacity:0;z-index:1;} */
	/* .jiejue_con li:hover .jiejue_detail{opacity:1;z-index:3;} */
	.jiejue_con li:nth-child(2) a:hover .jiejue_detail span{background:#f1629f;}
	.jiejue_con li:nth-child(3) a:hover .jiejue_detail span{background:#49cda4;}
	.jiejue_con li:nth-child(4) a:hover .jiejue_detail span{background:#fe496b;}
}
@media (max-width: 1200px) {
	.jiejue_con li {}
}
@media (max-width: 992px) {
	.jiejue_list { margin: 20px 10px 0;}
}
@media (max-width: 768px) {
	.jiejue_con {margin-top: 20px;}
	.jiejue_top {padding: 30px 0 50px; height: auto; font-size: 22px;}
	.jiejue_con li {width: 50%; margin-bottom: 8px; height: auto;}
	.jiejue_pic { margin-top: -40px;}
	.jiejue_pic img {height: 80px;}
	.jiejue_list {margin-bottom: 10px; height: 75px; overflow: hidden;}
	.jiejue_list span {padding: 0; background: none; width: 32.333333%;margin: 0 .5% 5px;float: left; text-align: center;}
	.jiejue_detail {display: none;}
}
@media (max-width: 480px) {
	.jiejue_con {margin-top: 10px;}
	.jiejue_top {padding: 20px 0 40px; height: auto; font-size: 18px;}
	.jiejue_pic { margin-top: -30px;}
	.jiejue_pic img {height: 60px;}
	.jiejue_list{height: 100px; margin-top: 10px;}
	.jiejue_list span {width: 49%; margin-bottom: 0; line-height: 20px;}
}
/* 小程序解决方案 end */







/* 适用行业 start*/
.industry-page-box{}

/* .indu_con{width:100%;height:auto;text-align:center;margin-top:50px;}
.indu_con img {max-width: 100%;} */

.industry-list-ul { font-size: 0; padding: 30px 0;}
.industry-list-li { width: 20%; display: inline-block;}
.industry-list-link {display: block; margin: 10px;}
.industry-list-link, .industry-list-link:hover {cursor: unset;}
.industry-image {display: block; margin: 0 auto; width: 100%; height: 131px;}

.industry-list-info {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.industry-list-info-bg {
	left: 50%; 
	top: 50%; 
	
	transform: translate(-50%, -50%);
}

.industry-list-title {
	color: #fff;
	font-size: 20px;
	line-height: 1.5;
	overflow: hidden;
	white-space: nowrap;
	/* text-overflow: ellipsis; */
}
.industry-list-line {
	margin: 15px auto 0;
	background-color: #fff;
	width: 20px;
	height: 6px;
}

@media (max-width: 1200px) {
	.industry-list-link { margin: 8px; }
	.industry-list-title {font-size: 18px;}
	.industry-list-line { margin-top: 12px; height: 5px; width: 18px; }
}
@media (max-width: 992px) {
.industry-list-ul { padding: 20px 0;}
	.industry-list-link { margin: 4px;}
	.industry-list-title {font-size: 16px;}
	.industry-list-line { margin-top: 9px; height: 4px; width: 17px; }
}

@media (max-width: 768px) {
	/* .indu_con {margin-top: 20px;} */
	.industry-list-li {width: 33.33333333333%;}
	.industry-list-title {font-size: 18px;}
	.industry-list-line { margin-top: 12px; height: 4px; width: 18px; }
}

@media (max-width: 666px) {
	.industry-list-title {font-size: 16px;}
	.industry-list-line { margin-top: 6px; height: 3px; width: 16px; }
}
@media (max-width: 480px) {
	.industry-list-ul { padding: 10px 0;}
	.industry-list-title {font-size: 13px;}
	.industry-list-line { margin-top: 3px; height: 2px; width: 15px; }
	/* .indu_con {margin-top: 10px;} */
}
@media (max-width: 375px) {
	.industry-list-title {font-size: 12px;}
	.industry-list-line { width: 12px; }
	/* .indu_con {margin-top: 10px;} */
}
/* 适用行业 end*/



/*小程序客户案例*/
.kehu{width:100%;height:auto;}
.kehu_con{width:100%;height:auto;margin-top:22px;overflow:hidden;}
.kehu_con li {width: 23%; float:left; margin: 30px 1% 10px; background:#fff; box-shadow: 0 0 5px #dedede; 
-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}
.kehu_con li:hover {
	box-shadow: 0 0 5px #dedede;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}
.kehu_con li:nth-child(5n){margin-right:0;}
.kehu_pic {width:100%; position:relative;overflow:hidden;}
.kehu_pic img { width:100%; height:214px; object-fit:cover; }
.kehu_bg{width:100%;height:0;line-height:214px;text-align:center;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;overflow:hidden;}
.kehu_bg img{width:auto;height:auto;}
.kehu_text{text-align:center;height:37px;line-height:37px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#666666;padding:0 10px;}
/* .kehu_con li:hover .kehu_bg{height:214px;} */
@media (max-width: 768px) {
	.kehu_text {font-size: 14px; padding: 0 5px; line-height: 25px; height: auto;}
}
@media (max-width: 560px) {
	.kehu_con {margin-top: 0;}
	.kehu_con li {width: 48%; margin-top: 15px;}
}




/*弹出框*/
.zixun{ margin-left:80px; margin-top:185px;}
.layer-qq{color:#282828;font-size:16px;font-family:"微软雅黑"}
.layer-qq{animation:layerqq .7s ease-out;position: fixed;top: 50%;color:#fff;left:50%;width: 400px;height: 240px;background: url(https://junweiyun.com/style/images/service.png) no-repeat;text-align: center; z-index: 9999999999;overflow: hidden;}
.layer-qq h3{margin:0;padding:0;font-size: 40px;text-transform: uppercase;font-weight: 600;padding-top: 50px;}
.layer-qq strong{font-size: 22px;}
.layer-qq a.linkqq{ display:block;width:110px;height:32px;line-height:32px;border:1px solid #ff3000; text-align:center;font-size:14px;text-decoration: none;border-radius: 45px; color:#666; margin:0 10px;}
.layer-qq a.qq-close{display: block;width: 28px;height: 28px;position: absolute;top:10px;right:10px;background: url(https://junweiyun.com/style/images/qqclose.png) no-repeat;cursor: pointer;}
.layer-qq a{color:#33e153;text-decoration: none;}
@-webkit-keyframes layerqq{
	from{-webkit-transform: scale(0);transform: scale(0);}
	to{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes layerqq{
	from{transform: scale(0);}
	to{transform: scale(1);}
}



























/* 列表页面子导航 start */

.nav-child-box {
	background-color: #F6F6F6;
}

.nav-child-box.fixed {
	position: fixed;
	width: 100%;
	top: 110px;
	left: 0;
	z-index: 88;
	/* background: #fff; */
}

.nav-child-box.fixed .wrap {
	padding: 0;
}

.nav-child-box.fixed .nav-child-link {
	margin: 0;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}

.nav-child-box.fixed .nav-child-li:first-child a {
	border-left: 1px solid #f1f1f1;
}

.nav-child-ul {
	overflow: hidden;
	/* padding:5px; */
}

.nav-child-li {
	float: left;
	width: 16%;
	text-align: center;
	border-left: none;
	box-sizing: border-box;
}

.nav-child-link {
	/* background: #fff; */
	/* margin: 0 1px; */
	display: block;
	color: #373737;
	font-size: 15px;
	padding: 15px 0;
	line-height: 30px;
}

.nav-child-link:hover,
.nav-child-li.cur a {
	background: #2c88d8;
	color: #fff;
}

@media only screen and (max-width:800px) {
	.nav-child-li {
		line-height: 50px;
	}
}

@media only screen and (max-width:768px) {
	.nav-child-li {
		width: 33.33333%;
	}

	.nav-child-link {
		font-size: 14px;
		padding: 10px 0;
	}
}

@media (max-width: 480px) {
	.nav-child-box .wrap {
		padding: 0;
	}

	.nav-child-link {
		padding: 4px 0;
	}
}

/* 列表页面子导航 end */






/************** 基本业务 start **************/

@media (min-width: 1200px) {
	.yewu-type-name { font-size: 30px;}
	.yewu-type-desc {  margin-top:15px;}
}

@media (max-width: 992px) {
	.yewu-type-desc {margin-top: 10px;}
}
@media (max-width: 768px) {
	.yewu-type-desc {margin-top: 5px; line-height: 25px;}
}
@media (max-width: 480px) {
	.yewu-type-desc {margin-top: 0; line-height: 20px;}
}


/* 域名空间 start */
.guide-page-box {}

.guide-item {
    width: 25%;
	float: left;
}
.guide-item-bg {
	margin: 0 10px;
    border: 1px solid #e8e8e8;
    background: #fff;
    padding: 40px 2px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}
.guide-img-box {
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    display: block;
    margin-bottom: 30px;
}
.guide-img {
	height: 100%;
}
.guide-title {
    font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    margin-bottom: 10px;
}

.guide-info {
	height: 20px;
	overflow: hidden;
}

.guide-btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
    background: none;
	text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #e5e5e5;
    color: #333;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    font-size: 12px;
    margin-top: 10px;
}

@media (max-width: 992px) {
	.guide-img-box {margin-bottom: 15px;}
	.guide-item-bg{margin: 0 5px;}
	.guide-title {font-size: 14px;}
	.guide-info {height: 40px;}
}

@media (max-width: 768px) {
	.guide-item {width: 50%;}
	.guide-item-bg {margin-bottom: 10px; padding: 30px 2px;}
}
@media (max-width: 480px) {
	.guide-item-bg {padding: 20px 2px;}
	.guide-img-box {height: 40px; line-height: 40px;}
	.guide-title { font-size: 13px; margin-bottom: 0;}
	.guide-info {line-height: 18px; height: 36px; margin-bottom: 0;}
}
/* 域名空间 end */

/* 云服务器优势 start */
.server-ul { overflow:hidden;}
.server-li { width:31.666666667%; margin-right: 2.5%; float:left; overflow:hidden; margin-top:30px; margin-bottom: 30px;}
.server-li:nth-child(3n){ margin-right:0px;}

.server-li-dl { float:left; }
.server-li-image {width: 98px; border-radius: 50%;}
.server-li-dt { margin-left: 110px;}
.server-li-title { font-size:20px; padding-bottom:10px; font-weight:bolder; color:#333333; overflow: hidden; white-space: nowrap;}
.server-li-info { display: block; font-size:16px; line-height:25px; color:#666; height: 75px; }

@media (max-width: 1200px) {
	.server-li { margin-top: 20px; margin-bottom: 20px; }
	.server-li-image {width: 80px;}
	.server-li-dt {margin-left: 90px;}
	.server-li-info { font-size:14px; line-height: 20px; height: 100px; }
}

@media (max-width: 992px) {
	.server-li { margin-top: 15px; margin-bottom: 15px; }
	.server-li-image {width: 70px;}
	.server-li-dt {margin-left: 75px;}
	.server-li-title {font-size: 17px; line-height: 30px; line-height: 25px; padding-bottom: 5px;}
}

@media (max-width: 768px) {
	.server-li-image {width: 65px;}
	.server-li-dt {margin-left: 70px;}
	.server-li {width: 47.5%; margin-right: 2.5%; margin-top: 20px;}
	.server-li:nth-child(3n) {margin-right: 2.5%; }
	.server-li:nth-child(2n) {margin-right: 0;}
	.server-li-title { font-size: 16px; }
	.server-li-info { font-size:13px; line-height: 18px; height: 108px; }
}
@media (max-width: 560px) {
	.server-li {margin-top: 8px; margin-bottom: 8px; }
	.server-li-image {width: 60px;}
	.server-li-dt {margin-left: 65px;}
	.server-li-info { font-size:13px; line-height: 18px; height: 108px; }
}
@media (max-width: 480px) {
	.server-ul { padding-bottom: 10px;}
	.server-li-info { font-size:12px; line-height: 17px; height: 85px; }
}
@media (max-width: 380px) {
	.server-ul { padding-bottom: 0;}
	.server-li {width: auto; margin-right: 0; margin-top: 0; margin-bottom: 10px;}
	/* .server-li-image {width: 45px;}
	.server-li-dt {margin-left: 50px;} */
	.server-li-info {height: auto; line-height: 20px; font-size: 13px;}
}
/* 云服务器优势 end */


/* 邮箱优势 start */

.email-item {
    width: 33.33333333333%;
	float: left;
}
.email-item-bg {
	margin: 0 10px 20px;
    border: 1px solid #e8e8e8;
    padding: 0 20px;
}

.email-item-typename {
    font-size: 18px;
	line-height: 20px;
    padding-bottom: 8px;
    padding-top: 18px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
.email-item-ul {
    padding-left: 20px;
	height: 48px;
	margin-bottom: 10px;
	overflow: hidden;
}
.email-item-ul li {
	line-height: 24px;
	font-size: 12px;
	list-style-type: disc;
}
@media (max-width: 992px) {
	.email-item-ul {padding-left: 12px;}
	.email-item-ul li {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
}
@media (max-width: 768px) {
	.email-item-bg {padding: 0 10px;}
	.email-item-typename {padding: 12px 0 5px; margin-bottom: 10px; font-size: 16px;}
	.email-item-ul {padding-left: 10px;}
}
@media (max-width: 560px) {
	.email-item {width: 50%;}
	.email-item-bg { margin: 0 5px 10px;}
}
@media (max-width: 480px) {
	.email-item-bg { padding: 0 8px;}
	.email-item-typename { font-size: 15px;}
	.email-item-ul {padding-left: 8px; height: 40px;}
	.email-item-ul li {line-height: 20px;}
}
/* 邮箱优势 end */


/* 网站备案 start */
.beian-page-box{
	/* background-image:url(../images/flow.jpg); */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover; 
	 overflow:hidden;
}
.beian-list-ul{ padding: 20px 0;}
.beian-list-li{ width: 20%; float:left; text-align:center;}
.beian-list-link {margin: 0 5%; padding:20px; background-color:#FFFFFF; display: block; box-shadow: 0 0 10px #bcbcbc;box-sizing:border-box; cursor: unset;}
.beian-list-link:hover { cursor: unset;}
.beian-icon { height: 60px;}
.beian-title { font-size:20px; font-weight:bolder; margin-top:10px; color: #233;}
.beian-desc { font-size:16px; color:#666666; margin-top:10px; line-height:28px; height: 56px; overflow: hidden;}
@media (max-width: 1200px) {
	.beian-desc {height: 60px; line-height: 20px; font-size: 13px; margin-top: 8px;}
	.beian-list-link {padding: 15px;}
}
@media (max-width: 992px) {
	.beian-list-link {padding: 15px 10px;}
	.beian-icon {height: 50px;}
	.beian-title {font-size: 18px; }
	.beian-desc {margin-top: 5px;}
}
@media (max-width: 768px) {
	.beian-list-link {padding: 12px 5px;}
	.beian-icon {height: 40px;}
	.beian-title {font-size: 15px; margin-top: 5px;}
	.beian-desc {margin-top: 3px; font-size: 12px; line-height: 17px; height: 51px;}
}
@media (max-width: 560px) {
	.beian-list-ul { text-align: center; font-size: 0; padding: 0;}
	.beian-list-li { width: 33.333333%; float: none; display: inline-block; margin-bottom: 15px;}
}
@media (max-width: 480px) {
	.beian-list-link {padding: 10px 5px;}
	.beian-title {font-size: 14px; margin-top: 0;}
	.beian-desc {margin-top: 0; }
}
/* 网站备案 end */




/* ssl证书 start */
.ssl-page-box {}

.ssl-item {
    width: 25%;
	float: left;
}
.ssl-item-bg {
	margin: 0 10px;
    /* border: 1px solid #e8e8e8; */
    /* background: #fff; */
    padding-bottom: 40px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}
.ssl-img-box {
    height: 60px;
    vertical-align: middle;
    display: block;
    margin-bottom: 30px;
}

.ssl-img {
	height: 100%;
}

.ssl-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    margin-bottom: 10px;
	font-size: 18px;
	color: #233;
	font-weight: 700;
}

.ssl-info {
	height: 40px;
	overflow: hidden;
	margin-bottom: 10px;
	max-width: 224px;
	color: #999;
	font-size: 14px;
	margin: 0 auto;
}

.ssl-btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
    background: none;
	text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #e5e5e5;
    color: #333;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    font-size: 12px;
    margin-top: 10px;
}

@media (max-width: 992px) {
	.ssl-img-box {margin-bottom: 15px;}
	.ssl-item-bg{margin: 0 5px; padding-bottom: 30px;}
	.ssl-title {font-size: 14px;}
}

@media (max-width: 768px) {
	.ssl-item {width: 50%;}
	.ssl-item-bg {margin-bottom: 10px; padding-bottom: 20px;}
	.ssl-img-box {height: 50px;}
}
@media (max-width: 480px) {
	.ssl-img-box {height: 40px; margin-bottom: 8px;}
	.ssl-item-bg { padding-bottom: 0;}
	.ssl-title {  margin-bottom: 3px;}
	.ssl-info {line-height: 17px; height: 51px; margin-bottom: 0; font-size: 12px;}
}
/* ssl证书 end */

/************** 基本业务 end **************/



/*************************** 网站建设 start ***************************/

/* 功能 start */
.feed-page-box { }
.feed-item-ul {}
.feed-item-ul:after {display:block; content:''; clear:both;}
.feed-item-li {width:33.3333%; float:left; 
/* color:#fff; */
box-sizing: border-box;}
.feed-item-link {display:block; padding:20px 16px; border-radius:10px;
	margin: 10px;
	/* background-color: #f8f8f8; */
	/* box-shadow: 0px 0px 10px 0px rgba(29,31,42,0.09); */
}
.feed-item-link, .feed-item-link:hover {cursor: unset;}
.feed-item-link:after {display:block; clear:both; content:'';}
.feed-icon-box {float:left; text-align:center; background:#fff; 
 margin-top: 5px;}
.feed-icon { max-width:100%;  display:inline-block; height:50px;}
.feed-item-info {display:block; padding:0 0 0 85px;}
.feed-item-title {font-size: 20px; display:block; padding:0 0 5px 0; color: #233;}
.feed-item-desc { line-height: 25px; opacity:.95; font-size:15px; height: 50px; overflow: hidden;}
@media (max-width: 1200px) {
	.feed-item-link {padding: 15px 10px;}
	.feed-icon {height: 40px;}
	.feed-item-info {padding-left: 70px;}
	.feed-item-desc {font-size: 14px; line-height: 22px; height: 44px;}
}
@media (max-width: 992px) {
	.feed-item-link {text-align: center; padding: 0; }
	.feed-icon-box { float: none; display: block; margin-top: 0;}
	.feed-item-info {padding-left: 0;}
}
@media (max-width: 768px) {
	.feed-item-ul {margin: 20px 0;}
	.feed-item-title { font-size: 16px;}
	.feed-item-desc {font-size: 13px; line-height: 20px; height: 60px;}
}

@media (max-width: 480px) {
	.feed-item-ul {margin: 10px 0;}
	.feed-item-link { margin: 5px;}
	.feed-icon {height: 30px;}
	.feed-item-title { font-size: 15px;}
	.feed-item-desc {font-size: 12px; line-height: 18px; height: 54px;}
}





.anquan-page-box {
	/* background:url(../images/anquanBg.jpg) center; */
	overflow:hidden;
}
.anquan-page-body{ margin:60px auto;}
.anquan-page-body:after{display:block; content:''; clear:both;}
.anquan-type-ul {float:left; width:39%;box-sizing: border-box;}
.anquan-item-li {box-sizing: border-box;}
.anquan-item-link {display:block; background:#fff; padding:30px; border-radius:10px; margin: 10px;}
.anquan-item-link, .anquan-item-link:hover {cursor: unset;}
.anquan-item-title-box {display:block;}
.anquan-item-title-box:after {display:block; content:''; clear:both;}
.anquan-icon-box {float:left; background:#946ae6; text-align:center; line-height:60px; 
color:#fff; font-size:24px; width:60px; height:60px; border-radius:50%; margin:0 10px 0 0; overflow: hidden;}
.anquan-icon {height: 30px; display: block; margin: 15px auto;}
.anquan-item-title {display:block; font-weight:bold; font-size:20px; line-height:1; padding: 7px 0 0 0;}
.anquan-item-entitle {display:block; font-weight:normal; font-size:14px; padding-top:5px;}
.anquan-item-desc {display:block; margin:20px 0 0 0; font-size:14px; line-height:25px; height: 50px; overflow: hidden;}
.anquan-type-ol {float:left; width:22%; color:#fff; padding:10px; text-align:center;box-sizing: border-box;}
.anquan-type-li {background:#946ae6; height:445px; display:block; overflow:hidden; border-radius:10px;}
.anquan-type-name {display:block; margin:30px 0 5px 0; font-weight:normal; font-size:16px;}
.anquan-type-subtitle {font-size: 30px; line-height:1.2; font-weight:normal; max-width: 130px; margin: 0 auto;}
.anquan-type-subtitle b {display:block; font-weight:normal;}
.anquan-type-name-en {font-size:16px; font-weight:normal;}
.anquan-type-desc {font-size:16px; font-weight:bold; display:block; margin:20px 0; overflow: hidden; }
.anquan-type-image {display:block; margin:0 auto;}
@media (max-width: 1200px) {
	.anquan-page-body {margin: 50px 0;}
	.anquan-type-ol {}
	.anquan-type-subtitle {font-size: 30px; max-width: 130px;}
	.anquan-item-desc {height: 75px;}
}
@media (max-width: 992px) {
	.anquan-page-body {margin: 40px 0;}
	.anquan-type-ol {display: none;}
	.anquan-type-ul {width: 50%;}
}

@media (max-width: 768px) {
	.anquan-page-body {margin: 30px 0;}
	.anquan-item-link { padding: 20px 15px; margin: 5px 5px 10px; }
	.anquan-item-title-box {text-align: center;}
	.anquan-item-title {font-size: 18px;}
	.anquan-icon-box {float: none; margin: 0 auto;}
	.anquan-item-desc {margin-top: 10px; font-size: 13px; line-height: 22px;}
	.anquan-item-desc {height: 44px;}
}
@media (max-width: 560px) {
	.anquan-page-body {margin: 15px 0;}
	.anquan-item-link { padding: 20px 10px; }
	.anquan-item-title {font-size: 16px;}
	.anquan-item-desc {height: 66px;}
}
@media (max-width: 480px) {
	.anquan-page-body {margin: 0;}
	.anquan-item-link { padding: 15px 10px; }
	.anquan-icon-box {  width: 50px; height: 50px; line-height: 50px;}
	.anquan-icon {height: 25px; margin: 12px auto;}
	.anquan-item-title {padding-top: 10px; font-size: 14px;}
	.anquan-item-entitle {padding-top: 0; font-size: 13px;}
	.anquan-item-desc {margin-top: 3px; font-size: 12px; line-height: 18px; height: 54px;}
	
}
@media (max-width: 375px) {
}

/*************************** 网站建设 end ***************************/


/* 文章详情 start */
.arc-detail-title{ color: #333333; font-size: 24px;font-weight: bold; margin-bottom: 18px; text-align: center; }
.arc-detail-time {text-align: center;}
.arc-detail-time span{display: inline-block;margin-right: 25px;color: #888888;}

@media (max-width: 480px) {
	.arc-detail-title {margin-bottom: 10px; font-size: 16px; }
}
/* 文章详情 end */




.image-center {	
	position: relative;
}
.image-center img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 100%;
}