/* 公共样式表css */
html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "microsoft yahei","宋体","Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* -webkit-user-select: none; */
}


a {
    text-decoration: none;
    color: #000;
}

img {
    border: 0;
}

body {
    background: #fff;
    color: #666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

a:hover {
    color: #eee;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}



/* 必要布局样式css */
.web-header-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,0.3);
    background-color: #000\9;
    transition: all 0.6s ease-out;
}

.web-header-title {
   /*  width: 1200px; */
   min-width:900px;
   max-width:1180px;
   margin: 0 auto;
}

.web-header-title .web-title {
    float: left;
    margin-left: 10px;
}

.web-header-title a {
    font-size: 12px;
    color: #fff;
    opacity: 0.4;
    line-height: 28px;
}

.web-header-title .navList {
    float: right;
    margin-right: 10px;
}

.web-header-title .navList li:first-child {
    margin-left: 0;
}

.web-header-title .navList li {
    float: left;
    margin-left: 66px;
}

.web-header-title a {
    font-size: 12px;
    color: #fff;
    opacity: 0.4;
    line-height: 28px;
}

.web-header-title .navList li a {
    font-size: 12px;
}

.web-header-nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    z-index: 9999;
    transition: all 0.45s ease-in-out;
}

.web-header-nav.moveDown {
    top: 29px;
    transition: all 0.45s ease-in-out;
}

.web-header-nav .wrapper {
    position: relative;
    /* width: 1180px; */
    min-width:1000px;
    max-width:1180px;
    /* padding: 0 10px; */
    height: 60px;
    margin: 0 auto;
}

.web-header-nav .web-logo {
    width: 130px;
    height: 50px;
    background: url(../img/logo_white_v3_180X60.png) no-repeat;
    background: url(../img/logo_white_v3_180X60.png) no-repeat\9;
    background-size: 130px auto;
}

.web-header-nav .wrapper .web-logo {
    position: relative;
    top: 12px;
}

.web-header-nav.solid .web-logo {
    background: url(../img/logo_blue_v3_180X60.png) no-repeat;
    background: url(../img/logo_blue_v3_180X60.png) no-repeat\9;
    background-size: 130px auto;
}

.web-header-nav .web-logo h1 {
    text-indent: -99999px;
}

.web-header-nav .wrapper .web-top-nav {
    position: absolute;
    right: 200px;
    top: 0;
}

.web-top-nav .menu {
    -webkit-user-select: none;
    user-select: none;
    margin-top: 4px;
}

.web-top-nav .menu >li {
    float: left;
    margin-left: 20px;
    height: 55px;
}

.web-top-nav .menu >li >a {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; padding: 0 10px;
    height: 55px;
    font-size: 16px;
    line-height: 55px;
    color: #fff;
    border-bottom: 2px solid transparent;
    border-bottom: 0 \9;
    background-color: rgba(0,0,0,0);
}

.web-header-nav.solid .web-top-nav .menu >li >a {
    color: #383838;
}

.web-top-nav .menu >li .panel {
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
   /*  height: 120px; */
    padding-top: 0;
    filter: alpha(opacity = 0) \9;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    z-index: -1;
    visibility: hidden;
    visibility: visible\9;
    display: none\9;
    background-color: #fff;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}

.web-top-nav .menu >li .panel.product {
    height: auto;
}

.web-top-nav .menu >li .panel .inner {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; 
    width: 100%;
    min-width:1000px;
    max-width:1180px;
    padding: 30px 0 30px 0;
    box-shadow: none;
    overflow: hidden;
    text-align: center;
}

.web-top-nav .menu >li .panel .list {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; /* float: left; */
}

.web-top-nav .menu >li .panel.product .list {
    box-sizing: border-box;
    display: block;
  /*   height: 60px; */
    text-align: center;
/*     margin-left: 295px;
    margin-top: 30px; */
}

.web-top-nav .menu >li .panel.product .list dt {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; width: 90px;
    vertical-align: middle;
    font-size: 16px;
    color: #373d40;
    line-height: 60px;
    margin-right: -20px;
}

.web-header-nav.solid .web-top-nav .menu >li .panel .list dt {
    color: #7d8496;
}

.web-top-nav .menu >li .panel .list dd {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; 
    margin-left: 40px;
    margin-right: 40px;
    text-align: center;
    vertical-align: top;
}

.web-top-nav .menu >li .panel .list a {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #383838;
    font-weight: 400;
    text-align: center;
}

.web-header-nav.solid .web-top-nav .menu >li .panel .list a {
    color: #383838;
}

.web-top-nav .u-iconfont {
    font-size: 32px;
    line-height: 33px;
    color: #383838;
}

.web-top-nav .menu >li .panel .list dd em {
    font-weight: 400;
}

.web-top-nav .menu >li .panel .list dd .txt {
    display: block;
    margin-top: 8px;
    font-style: normal;
}

a, a:hover {
    color: #488bff;
}

.web-header-top.moveUp {
    top: -29px;
    transition: all 0.5s ease-out;
}

.web-header-nav.solid {
    background-color: #fff;
    background-color: #fff\9;
    border-bottom: 1px solid #f0f1f2;
    transition: all 0.5s ease-in-out;
}

.web-header-nav .wrapper .m-login {
    position: absolute;
    right: 10px;
    top: 16px;
}

.u-btn {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; padding: 7px 15px;
    background-color: #49a0f5;
    border: 1px solid #49a0f5;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
}

.m-login .u-btn {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; padding: 7px 15px;
    font-size: 14px;
    border-radius: 2px;
    letter-spacing: 0;
    line-height: 1.2;
    vertical-align: top;
}

.m-login .sign {
    transition: all 0.4s ease-out;
}

.u-btn.sign {
    padding: 7px 15px;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #e5e5e5;
}

.m-login .u-btn.sign {
    margin-right: 12px;
}

.web-header-nav.solid .m-login .u-btn {
    transition: all 0.4s ease-out;
}

.web-header-nav.solid .m-login .sign {
    background-color: transparent;
    border: 1px solid #505050;
    color: #383838;
    transition: all 0.4s ease-out;
}

.web-header-nav.solid .m-login .free {
    background-color: #49a0f5;
    border: 1px solid #49a0f5;
    color: #fff;
    transition: all 0.4s ease-out;
}

.m-login .u-btn {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1; padding: 7px 15px;
    font-size: 14px;
    border-radius: 2px;
    letter-spacing: 0;
    line-height: 1.2;
    vertical-align: top;
}

.u-btn.free {
    padding: 7px 15px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #383838;
}

.m-login .u-btn.free {
    margin-left: 0;
}

.web-header-nav.solid .m-login .u-btn {
    transition: all 0.4s ease-out;
}

.web-header-nav.moveDown {
    top: 29px;
    transition: all 0.45s ease-in-out;
}

.web-top-nav .menu >li:hover .panel {
    filter: alpha(opacity = 100) \9;
    opacity: 1;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    z-index: 1;
    visibility: visible;
    display: block\9;
}

.web-top-nav .menu >li >a:hover {
    color: #3b8fea;
    color: #009bbc;
    color: #9fc9f8;
    border-color: #3b8fea;
    border-color: #009bbc;
    border-color: #9fc9f8;
    
    border-bottom: 2px solid #3B8FEA\9;
}

.web-top-nav .menu >li .panel .list dd .txt:hover {
    color: #3b8fea;
}

.icon-font {
    width: 30px;
    height: 30px;
    background-size: 30px;
    display: block;
    margin: 0 auto;
}

.icon-font-item001 {
    background: url("../img/icon001.png") no-repeat;
    background-size: 30px;
}

.icon-font-item002 {
    background: url("../img/icon002.png") no-repeat;
    background-size: 30px;
}

.icon-font-item003 {
    background: url("../img/icon003.png") no-repeat;
    background-size: 30px;
}

.icon-font-item004 {
    background: url("../img/icon004.png") no-repeat;
    background-size: 30px;
}

.icon-font-item005 {
    background: url("../img/icon005.png") no-repeat;
    background-size: 30px;
}

.icon-font-item006 {
    background: url("../img/icon006.png") no-repeat;
    background-size: 30px;
}

.icon-font-item007 {
    background: url("../img/icon007.png") no-repeat;
    background-size: 30px;
}

.web-top-nav .menu >li .panel .list a:hover .icon-font {
    width: 30px;
    height: 30px;
    background-size: 30px;
    display: block;
    margin: 0 auto;
}

.web-top-nav .menu >li .panel .list a:hover .icon-font-item001 {
    background: url("../img/icon001-1.png") no-repeat;
    background-size: 30px;
}

.web-top-nav .menu >li .panel .list a:hover .icon-font-item002 {
    background: url("../img/icon002-2.png") no-repeat;
    background-size: 30px;
}

.web-top-nav .menu >li .panel .list a:hover .icon-font-item003 {
    background: url("../img/icon003-3.png") no-repeat;
    background-size: 30px;
}

.web-top-nav .menu >li .panel .list a:hover .icon-font-item004 {
    background: url("../img/icon004-4.png") no-repeat;
    background-size: 30px;
}

.web-top-nav .menu >li .panel .list a:hover .icon-font-item005 {
    background: url("../img/icon005-5.png") no-repeat;
    background-size: 30px;
}

.web-top-nav .menu >li .panel .list a:hover .icon-font-item006 {
    background: url("../img/icon006-6.png") no-repeat;
    background-size: 30px;
}

.web-top-nav .menu >li .panel .list a:hover .icon-font-item007 {
    background: url("../img/icon007-7.png") no-repeat;
    background-size: 30px;
}

.web-top-nav .menu >li .panel .list a:hover .txt {
    color: #3b8fea;
}

.solid .web-top-nav .menu >li .panel {
    top: 61px;
}

.web-banner-slide {
    position: relative;
    /* min-width: 1200px; */
    min-width:1000px;
    background-color: #081238;
}



.web-banner-news {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.1);
    background-color: #6F6E78\9;
    z-index:99;
}

.web-banner-news-box {
    /* width: 1180px; */
    min-width:1000px;
    max-width:1180px;
    margin: 0 auto;
    border-left: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(255,255,255,0.2);
}

.web-banner-news-box ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    vertical-align: top;
    white-space: nowrap;
    text-align: left;
}

.web-banner-news-box ul li {
    box-sizing: border-box;
    display: table-cell;
    padding: 27px 54px 27px 40px;
    text-align: left;
    color: #fff;
    border-left: 1px solid rgba(255,255,255,0.2);
    width: 320px;
}

.web-banner-news-box ul li:first-child {
    border-left: 0;
}

.web-banner-news-box ul li a {
    font-size: 14px;
    line-height: 35px;
    color: #fff;
}

.web-bar-pic {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    text-align: center;
}

.web-bar-pic img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    vertical-align: middle;
}

.web-bar-title {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.web-bar-text {
    font-size: 14px;
    line-height: 1.8;
    color: #fff;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*轮播图自定义样式*/
.web-banner-slide .swiper-container .swiper-slide>img{width:100%;height:580px;}
.web-banner-slide .swiper-container .swiper-pagination {bottom:120px;}
.web-banner-slide .swiper-container .swiper-button-white {opacity:.3;}
.web-banner-slide .swiper-container .swiper-scrollbar {bottom:108px;}
.web-banner-slide .swiper-container .my-bullet-active{ width:20px; border-radius: 10px 10px; background:#fff; opacity: .3; }




.title-line{
	display:block;
	margin:0 auto;
	width:800px;
	margin-top:2px;
}
.web-space{
	width:100%;
	min-width: 1000px;
	padding: 30px 0;
	box-sizing:border-box;
	
}

.web-space .content{
	/* display:-webkit-flex;	
	display:flex;
	flex-direction:column; */
	/* width:1180px; */
	max-width:1180px;
	min-width:1000px;
	margin: 0 auto;
}
.web-space.web-space1 .content .body{
	display:-webkit-flex;	
	display:flex;
	width:100%;
}

 .web-space.web-space1 .right{
	flex:1;
	display:-webkit-flex;	
	display:flex;
	justify-content: center;
    align-items: center;
}
.web-space.web-space1 .left{
	width:65%;
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;	
} 






.web-space .title{
	text-align:center;
	font-size:28px;
	font-weight:bold;
	color:#333;
	margin:15px 0px;
}
   
  @keyframes ani {
   0%{
        box-shadow: 0 0 5px #20a7ff
   }
   15%{
        box-shadow: 0 0 15px #20a7ff
   }
   30%{
        box-shadow: 0 0 25px #20a7ff
   }
   50%{
        box-shadow: 0 0 40px #20a7ff
   }
   70%{
        box-shadow: 0 0 25px #20a7ff
   }
   85%{
        box-shadow: 0 0 15px #20a7ff
   }
   100%{
    	box-shadow: 0 0 5px #20a7ff
   }
}

	
.play-btn{
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-25px;
		margin-top:-25px;
		width:50px;
		cursor:pointer;
		border-radius:50%;
       -webkit-animation: ani 2s linear infinite;
        animation: ani 2s linear infinite;
       display:none;
}

/*  // 当前播放时间 */
video::-webkit-media-controls-current-time-display { display: none !important; }
 /*   // 剩余时间 */
video::-webkit-media-controls-time-remaining-display { display: none !important; }
/*  // 音量按钮 */
video::-webkit-media-controls-volume-control-container { display: none !important;  }
   
.web-space.web-space1 .cards .card{
	display:flex;
	display:-webkit-flex;
	padding:15px 10px;
	height:130px;
	border-radius:10px;
	
}

.web-space.web-space1 .cards .card .card-icon{
	display:flex;
	display:-webkit-flex;
	align-items:center;
	justify-content:center;
	width:100px;
	height:100px;
}
.web-space.web-space1 .cards .card .card-icon img{
	width:60px;
}
.web-space.web-space1 .cards .card .card-text{
	flex:1;
}
.web-space.web-space1 .cards .card .card-text .text-header{
	font-size:20px;margin-bottom:5px;color:#444;
}
.web-space.web-space1 .cards .card .card-text>p{
	font-size:15px;
}
						

.cards{ margin:0 auto;  width:100%;height:450px; overflow:hidden; position:relative;  }
.cards .bd{ padding:10px; height:100%;  }
.cards .bd ul{ overflow:hidden; zoom:1; }
.cards .bd ul li {margin-bottom:10px;  }
.cards .bd ul .item { width:100%;height:130px;border:1px solid #bbb;border-radius:5px;padding:10px;text-align:left;box-shadow: 0px 4px 3px #aaa;}

.cards .bd ul li:nth-child(3n+1) .item { background:#CCFFCC;border-color:#CCFFCC}
.cards .bd ul li:nth-child(3n+1) .item  .tag{ border-bottom:3px solid #39a4dc;position:relative;height:30px;} 
.cards .bd ul li:nth-child(3n+1) .item  .tag .title-text{ position:absolute;left:0px;bottom:0px;display:inline;padding:2px 10px;background:#39a4dc;color:#fff;font-weight:800;border-radius:3px 3px 0 0;} 
.cards .bd ul li:nth-child(3n+1) .item   p{ color:#333;line-height:25px;margin-top:10px;letter-spacing:2px} 


.cards .bd ul li:nth-child(3n+2) .item { background:#CCCCFF;border-color:#CCCCFF}
.cards .bd ul li:nth-child(3n+2) .item  .tag{ border-bottom:3px solid #99CCCC;position:relative;height:30px;} 
.cards .bd ul li:nth-child(3n+2) .item  .tag .title-text{ position:absolute;left:0px;bottom:0px;display:inline;padding:2px 10px;background:#99CCCC;color:#333;font-weight:800;border-radius:3px 3px 0 0;} 
.cards .bd ul li:nth-child(3n+2) .item   p{ color:#333;line-height:25px;margin-top:10px;letter-spacing:2px} 

 .cards .bd ul li:nth-child(3n+3) .item { background:#9999FF;border-color:#9999FF}
.cards .bd ul li:nth-child(3n+3) .item  .tag{ border-bottom:3px solid #99CC99;position:relative;height:30px;} 
.cards .bd ul li:nth-child(3n+3) .item  .tag .title-text{ position:absolute;left:0px;bottom:0px;display:inline;padding:2px 10px;background:#99CC99;color:#333;font-weight:800;border-radius:3px 3px 0 0;} 
.cards .bd ul li:nth-child(3n+3) .item   p{ color:#fff;line-height:25px;margin-top:10px;letter-spacing:2px} 



.web-space.web-space2 {
	background:#d6e6f8;
}



.web-space.web-space2 .content .body{
	display:-webkit-flex;	
	display:flex;
	width:100%;
}

 .web-space.web-space2 .right{
	width:55%;
	display:-webkit-flex;	
	display:flex;
	justify-content: center;
    align-items: center;
}
.web-space.web-space2 .left{
	width:100%;
    padding:10px;
	flex:1;
	display:-webkit-flex;
	display:flex;
	flex-direction:column;
    align-content: space-between;
	justify-content:center;
	align-items:center;	
} 

 .web-space.web-space2 .left>.row{
    		width:100%;
    		display:flex;
    		display:-webkit-flex;
    		align-content: space-between;
    		margin: 15px 0;
    		justify-content:center;
 }
 
 .web-space.web-space2 .left>.row>.column{
        		margin: 0px 20px;
 }
 
 .web-space.web-space2 .left>.row img{
        		width:130px;
 }

.web-space.web-space2 .right .swiper-pagination{
	bottom:0px;
	
}


.web-space2 .swiper-slide{
	width: 550px;
}
.swiper_slide_img{
	/* height: 440px; */
	perspective: 500px;
	-webkit-perspective: 500;
	/* position: absolute; */
	margin-left: -240px;
	position: relative;
	cursor:pointer;
}
.swiper_slide_img:first-child{
    margin-left: 0;
}
.swiper_slide_img>img{
    width: 650px; 
    height: 400px;
    transform: rotateY(35deg) scale(0.7);
    transition: 1s;
    border-radius: 10px;
    cursor: url('../img/web_cursor_plus.png'), default;
}
.swiper_slide_img:hover{
    z-index: 1000;
}
.swiper_slide_img:hover img{
    transform: rotateY(0deg) scale(1);
	transition: 0.5s;
	
}

img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
	transform:translateZ(0);
}


.pic_container{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 3000;
    overflow-y: scroll;
}
.pic_container_inner{
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pic_container_inner>img{
    width: 100%;
    border-radius: 10px;
    cursor: url('../img/web_cursor_min.png'), default;
}



.web-space.web-space3 .body>img{
        			width:100%;
        			min-width:1000px;
}



	.web-space.web-space4{
		/* 	background: linear-gradient(to bottom,#fff, #fff,#d6e6f8);
		    background: -webkit-linear-gradient(to bottom,#fff, #fff,#d6e6f8); */
	}
	
	 .web-space.web-space4 .content>.body{
		  width:100%;
	 }
	 
	 .web-space.web-space4 .content>.body .swiper-container .swiper-slide{
		  height:460px;

		  
	 }
	  .web-space.web-space4 .content>.body .swiper-container .swiper-slide>.inner{
		  width:100%;
	  	  height:400px;
	  	  border-radius:10px 10px 0px 0px;
		  background: linear-gradient(to bottom,#86ccfd,#1982ff);
		  background: -webkit-linear-gradient(to bottom,#86ccfd, #1982ff);
		  position:absolute;
		  bottom:0px;
		  padding: 14px;
		  color:#fff;
		  
	 }
      	.web-space.web-space4 .content>.body .swiper-container .swiper-slide>.inner>.head{
      		position:absolute;
      		top:-50px;
      		left:50%;
      		margin-left:-50px;
      		width:100px;
      		border-radius:50%;
      		border:4px solid #356cd0;
      	}
      	.web-space.web-space4 .content>.body .swiper-container .swiper-slide>.inner>.lastname,.company-name{
      		width:100%;
      		text-align:center;
      		font-size:16px;
      		margin: 4px auto;
      	
      	}
      	
      	.web-space.web-space4 .content>.body .swiper-container .swiper-slide>.inner>.lastname{
      		font-size:18px;
      	
      	}
      	
      	.web-space.web-space4 .content>.body .swiper-container .swiper-slide>.inner>.stars{
      		display:block;
      		margin: 15px auto;
      	
      	}
      	
      	.web-space.web-space4 .content>.body .swiper-container .swiper-slide>.inner>p{
      	 	margin-top:20px;
      	 	line-height:30px
      	}
      	
      	
      	
      	
      	
.web-space.web-news{
      	background:#d6e6f8;
}
      
    
.web-space.web-news .content>.body {
   width:100%
}      	
      	

.web-space.web-news .tab-block {
	width: 100%;
	height: 580px;
	margin: 50px auto 0;
	background-color: #FFF;
	border: 1px solid #e5e5e5
}

.web-space.web-news .tab-block.information-tab {
	height: 430px
}

.web-space.web-news .tab-block.information-tab .tabs {
	height: 380px
}

.web-space.web-news .tab-block .tab-buttons {
	width: 100%;
	height: 50px;
	background-color: #fafafa
}

.web-space.web-news .tab-block .tab-buttons .tab-button {
	width: 33.33%;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #999;
	line-height: 50px;
	position: relative;
	cursor: pointer
}

.web-space.web-news .tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #333
}

.web-space.web-news .tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #1183ff
}

.web-space.web-news .tab-block .tabs {
	width: 100%;
	height: 528px
}

.web-space.web-news .tab-block .tabs .tab-item {
	width: 100%;
	height: 100%;
	padding: 20px;
	display: none
}

.web-space.web-news .tab-block .tabs .tab-item.active {
	display: block
}
.web-space.web-news .tabs .information-tab{
	display:flex;
	display:-webkit-flex;
}
.web-space.web-news .information-tab .information-left {
	width: 500px;
	height: 340px;
	overflow: hidden;
	position: relative;
	float: left;
}

.web-space.web-news .information-tab .information-left img {
	width: 100%;
	height: auto
}

.web-space.web-news .information-tab .information-left .left-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2;
	color: #fff;
	padding: 0 14px
}

.web-space.web-news .information-tab .information-left .left-bottom .article-title {
	font-size: 18px;
	width: 400px;
	float: left;
}

.web-space.web-news .information-tab .information-left .left-bottom .article-time {
	font-size: 14px;
	float: right;
}

.web-space.web-news .information-tab .information-right {
	/* width: 640px; */
 	flex:1; 
	height: 340px;
	float: right;
}

.web-space.web-news .information-tab .information-right .article-list {
	padding-top: 20px;
    max-width:638px;
}

.web-space.web-news .information-tab .information-right .article-more {
	margin: 20px 10px;
	text-align:right;
	color:#666 !important;
}


.web-space.web-news .information-tab .information-right .article-list .article-link {
	display: block;
	padding: 0 20px
}

.web-space.web-news .information-tab .information-right .article-list .article-link .article-head span {
	display: inline-block;
	vertical-align: middle
}

.web-space.web-news .information-tab .information-right .article-list .article-number {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background-color: #999;
	font-size: 14px
}

.web-space.web-news .information-tab .information-right .article-list .article-title {
	font-size: 16px;
	color: #333;
	line-height: 20px;
	margin-left: 14px;
	/* width: 450px; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.web-space.web-news .information-tab .information-right .article-list .article-time {
	float: right;
	font-size: 12px;
	color: #999;
	line-height: 20px
}

.web-space.web-news .information-tab .information-right .article-list .article-content {
	margin-top: 10px;
	padding-left: 44px;
	width: 450px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: none
}

.web-space.web-news .information-tab .information-right .article-list .article-content p {
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}

.web-space.web-news .information-tab .information-right .article-list:nth-of-type(1) .article-number,
.web-space.web-news .information-tab .information-right .article-list:nth-of-type(2) .article-number,
.web-space.web-news .information-tab .information-right .article-list:nth-of-type(3) .article-number {
	background-color: #333
}

.web-space.web-news .information-tab .information-right .article-list.current .article-link {
	background-color: #fafafc;
	padding: 20px
}

.web-space.web-news .information-tab .information-right .article-list.current .article-number {
	background-color: #1183ff!important
}

.web-space.web-news .information-tab .information-right .article-list.current .article-title {
	color: #1183ff;
}

.web-space.web-news .information-tab .information-right .article-list.current .article-content {
	display: block
}




.web-space.web-space6{
   padding-top:90px;
   padding-bottom:30px;
      	 	
}

.web-space.web-space6 .content{
    display:flex;
    display:-webkit-flex;
    height:300px;
      	 	
}


 .web-space.web-space6 .content>.left,
 .web-space.web-space6 .content>.right{
      	 	width:50%;
}

.web-space.web-space6 .content>.left>.title-left,
.web-space.web-space6 .content>.right>.title-right{
	font-size:25px;
	font-weight:bold;
	color:#222;
	padding:2px 10px;
    margin:10px 0px;
}

.web-space.web-space6 .content>.left>p,
.web-space.web-space6 .content>.right>p{
	font-size:16px;
	color:#111;
	padding:2px 10px;
	margin: 25px auto;
      	 	
}
.web-space.web-space6 .content>.left>.layui-btn{
		display:block;
		margin: 25px auto;
		width:120px;
		text-align:center;
      	 	
}

.web-space.web-space6 .content>.right>.title-right{
	font-size:25px;
	font-weight:bold;
	color:#222;
	padding:2px 10px;
      	 	margin:10px 0px;
}


.web-space.web-space6 .content>.right .cus-ser{
	color:#666;
	cursor:pointer;
	 text-decoration:underline;
	position:relative;
      	 	
}


.web-space.web-space6 .content>.right .cus-ser:hover{
	color:blue;
      	 	
}

 .web-space.web-space6 .content>.right .cus-ser:hover +.cus-qrcode{
	display:block;
	position:absolute;
	top:20px;
	left:0px;
	z-index:999;
      	 	
}
.web-space.web-space6 .content>.right .contact{
	display:flex;
	display:-webkit-flex;
	font-size:16px;
	color:#111;
	padding:2px 10px;
}
.web-space.web-space6 .content>.right .known-more{
	font-size:16px;
	color:#111;
	padding:2px 10px;
	text-align:right;
	
}
.web-space.web-space6 .content>.right .contact>.contact-tel{
	width:40%;
}
.web-space.web-space6 .content>.right .contact>.contact-service{
	width:60%;
	position:relative;
}

.web-space.web-space6 .content>.right .contact .cus-qrcode{
	display:none 
}






/* 页脚样式start */

.my-footer {
	color: #666666;
	background: #222132;
	width:100%;
	min-width:1000px;
}

.my-footer .footer-content {
	max-width: 1180px;
	min-width: 1000px;
	margin:0 auto;
	padding:60px 2px;
	padding-bottom:25px;
}


.my-footer .content-top{
	margin-top:30px;
	margin-bottom:10px;
	width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
}
.my-footer .content-top-left{
	text-align:center;
}
.my-footer .content-top-left img{
	width:70px;
}

.my-footer .content-top-left .logo-name{
	font-weight:bold;
	font-size:24px;
}

.my-footer .content-top-left .logo-url{
	font-weight:bold;
	font-size:20px;
}

.my-footer .content-top-center{
	display:flex;
	display:-webkit-flex;
	justify-content:space-around;
}

.my-footer .content-top-center>div{
	text-align:center;
	width:180px;
	
} 
.my-footer .content-top-center .list-title{
	font-size:18px;
	color:#aaa;
	
}



.my-footer .content-top-center .list-item{
	font-size:14px;
	margin:16px auto;
}

.my-footer .content-top-right-top{
	display:flex;
	justify-content:space-around;
}
.my-footer .content-top-right-top>div{
	margin:3px 8px;
	position:relative;
}
.my-footer .content-top-right-top>div>.qqimg-qr{
	position:absolute;
	top:-180px;
	left:-125px;
}

.my-footer .content-top-right-top>div>.wximg-qr{
	position:absolute;
	top:-180px;
	left:-50px;
}

.my-footer .content-top-right-top>div>.qrimg-qr{
	position:absolute;
	top:-165px;
	left:-50px;
}
.my-footer .content-top-right-top>div>img{
	cursor:pointer;
}
.my-footer .content-top-right-top div .qqimg:hover{
	content: url('../img/footer_qq_hover.png');
}
.my-footer .content-top-right-top div .wximg:hover{
	content: url('../img/footer_wx_hover.png');
}
.my-footer .content-top-right-top div .qrimg:hover{
	content: url('../img/footer_qr_hover.png');
}

.my-footer .qqimg-qr,.wximg-qr,.qrimg-qr{
	display:none;
}


.my-footer .content-top-right-top div .imghover:hover +div{
	display:flex;
}

.my-footer .content-top-right-bottom{
	text-align:center;
	font-weight:bold;
	line-height:20px;
}

.my-footer .content-top-right-bottom>p{
	margin: 10px auto;
}

.my-footer .content-bottom{
	width:100%;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	margin-top:20px;
}

.my-footer .content-bottom>.outlink,
.my-footer .content-bottom>.copyright{
	width:100%;
	margin:10px 0px;
}

.my-footer .content-bottom>.outlink>a{
	margin: 2px 10px;
}
.my-footer  a{
	color: #666666;
}
.my-footer  a:hover{
	color: #ddd;
}

/* 页脚  end*/

/* right固定浮动  start*/

.fix-tools{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    width: 48px;
    position: fixed;
    right: 0;
    bottom: 15%;
    z-index: 999999;
}




.fix-tools .ico {
    width: 48px;
    height: 48px;
    position: relative;
    display: block;
    margin: 0px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    margin-top: 1px;
    padding: 0px;
    z-index:99;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #3388c5 url(../img/icon_contact.png) no-repeat center 0;
}

.fix-tools .ico img {
    width: 120px;
   /*  height: 85px; */
    position: absolute;
    left: -78px;
    top: 0;
    padding: 1px;
    background: #fff;
    border: 1px solid #ddd;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all ease-in-out .2s;
}

.fix-tools .ico span {
    width: 182px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    position: absolute;
    left: -78px;
    top: 0;
    background: #3388c5;
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 18px;
    opacity: 0;
    border-top-left-radius:24px;
    border-bottom-left-radius:24px;
    filter: alpha(opacity=0);
    transition: all ease-in-out 0.2s;
}






.fix-tools .contact_plus {
	z-index:400;
    background-position: 10px 8px;
    background-color: #3388c5;
}


.fix-tools .box {
    position: absolute;
    left: 0;
    bottom: 101px;
	 display: none;
}


.fix-tools .contact_wechat {
	z-index:100;
    background-position: 10px -183px;
}

.fix-tools .contact_wechat:hover {
	background-position: -37px -183px;
}


.fix-tools .contact_wechat img {
    top: 0;
}

.fix-tools .contact_wechat:hover img {
	opacity: 100;
	filter: alpha(opacity=100);
	left: -124px;
}

.fix-tools .contact_qq {
	z-index:200;
    background-position: 10px -136px;
}

.fix-tools .contact_qq:hover {
	background-position: -37px -136px;
}

.fix-tools .contact_qq:hover img:nth-child(1) {
	opacity: 100;
	filter: alpha(opacity=100);
	left: -124px;
}
.fix-tools .contact_qq:hover img:nth-child(2) {
	opacity: 100;
	filter: alpha(opacity=100);
	left: -248px;
}
/* .fix-tools .contact_plus:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
 */
 

.fix-tools .contact_tel {
	z-index:300;
    background-position: 10px -232px;
}

.fix-tools .contact_tel:hover {
	background-position: -37px -232px;
}

.fix-tools .contact_tel:hover span {
	opacity: 1;
	filter: alpha(opacity=100);
	left: -185px;
}

.fix-tools .fix_top {
	z-index:500;
    margin-top: 4px;
    background-position: 10px -38px;
    background-color: #3388c5;
}

/* right固定浮动  end*/


      	
      	
      	
/* 产品服务 start */
.service-banner{
	width:100%;
	height:450px;
	min-width: 1000px;
}

/* 动画代码 */
@keyframes pRotate {
    from {
        transform: rotateX( 23deg  ) rotate( -120deg ) rotateY(  60deg ) translateZ(var(--z));
        -moz-transform: rotateX( 23deg  ) rotate( -120deg ) rotateY(  60deg ) translateZ(var(--z));
        -webkit-transform: rotateX( 23deg  ) rotate( -120deg ) rotateY(  60deg ) translateZ(var(--z));
        -o-transform: rotateX( 23deg  ) rotate( -120deg ) rotateY(  60deg ) translateZ(var(--z));
    }
    to {
        transform: rotateX( 23deg ) rotate( -14deg ) rotateY( 27deg  ) translateZ(var(--z));
        -moz-transform: rotateX( 23deg ) rotate( -14deg ) rotateY( 27deg  ) translateZ(var(--z));
        -webkit-transform: rotateX( 23deg ) rotate( -14deg ) rotateY( 27deg  ) translateZ(var(--z));
        -o-transform: rotateX( 23deg ) rotate( -14deg ) rotateY( 27deg  ) translateZ(var(--z));
        
    }
}
    
       
div.banner-example-box{
    	position: relative;
	  max-width: 1180px;
	  min-width: 1000px;
	  margin: 0 auto;
	  margin-top:-370px;
}

div.banner-example{
   	width:680px;height:400px;margin:0 auto;position:relative;
}

   div.example-item{
       position: absolute;
       border-radius: 5px;
       overflow: hidden;
       animation-name: pRotate;
  	   animation-duration: 1s;
       box-shadow: -30px 70px 150px -20px rgb(255,255,255,.6);
       
       transform: rotateX(23deg) rotate(-14deg) rotateY(27deg) translateZ(var(--z));
       -moz-transform: rotateX(23deg) rotate(-14deg) rotateY(27deg) translateZ(var(--z));
        -webkit-transform: rotateX(23deg) rotate(-14deg) rotateY(27deg) translateZ(var(--z));
       -o-transform: rotateX(23deg) rotate(-14deg) rotateY(27deg) translateZ(var(--z));
       
       transition: transform .3s;
       -moz-transition:  transform .3s; /* Firefox 4 */
	   -webkit-transition:   transform .3s; /* Safari 和 Chrome */
	   -o-transition: transform .3s;
   }
   
  div.example-item:hover{
       z-index:9;
   }
   
   
   div.example-item:nth-child(1){
       top: 100px;
       left: 10px;
       --z: -20px;
   }

   div.example-item:nth-child(1):hover {
       --z: 20px;
       z-index:9;
   }
   
   
   div.example-item:nth-child(2){
       top: 80px;
       left: 110px;
       z-index: 1;
       --z: 30px;

   }
   div.example-item:nth-child(2):hover {
       --z: 60px;
       z-index:9;
   }
   
   
   div.example-item:nth-child(3){
       top: 110px;
       left: 250px;
       z-index: 2;
       --z: 50px;
   }
   div.example-item:nth-child(3):hover {
       --z: 80px;
       z-index:9;
   }




div.service-sub-nav{
	max-width:1180px;
	min-width:1000px;
	margin: 0 auto;
	margin-top:5px;
	
}

div.service-sub-nav >.layui-btn-group{
	width: 100%;text-align: center;margin-bottom:15px;
}
div.service-sub-nav >.layui-btn-group>a{
	width:250px;
}
div.service-sub-nav >.layui-btn-group>a.layui-btn:nth-child(1){
	border-radius: 20px 0 0 20px;
}
div.service-sub-nav >.layui-btn-group>a.layui-btn:nth-child(2){
	border-radius: 0 20px 20px 0;
}



	div.service-space0{
		width:100%;
		min-width:1000px;
		margin: 30px 0;
		margin-bottom:60px;
	}
	
	div.service-space0>.content{
		max-width:1180px;
		min-width:1000px;
		text-align:center;
		margin: 0 auto;
		
	}
	
	div.service-space0>.content>.title{
		margin-top:5px;
		margin-bottom:15px;
	}
	div.service-space0>.content>.details{
		
	}
	 div.service-space0>.content>.details>.text{
		font-size:16px;
		margin-bottom:30px;
		line-height:30px;
	}
	
 div.service-space0>.content>.details img{
		width:700px;
		box-shadow:0px 0px 30px 0px #666;
		border-radius:6px;
	}
	
	div.service-space0>.content>.details>.img-box{
		position:relative;
	}
	div.service-space0>.content>.details>.img-box:hover a.layui-btn{
		display:inline;
	}
	div.service-space0>.content>.details>.img-box>a.layui-btn{
		position:absolute;
		left:50%;
		top:50%;
		width:116px;
		height:44px;
		margin-left:-58px;
		margin-top:-22px;
		z-index:2;
		box-shadow:0px 0px 30px 0px #1e9fff;
		display:none;
	}	
	
	div.service-space0>.content>.details img:hover{
		width:850px;
	 	box-shadow:0px 0px 30px 0px #1d4eec;
	 	transition: width .3s,box-shadow .3s;
	}
	
	 div.service-space0>.content>.details a.layui-btn:hover + img{
		width:850px;
	 	box-shadow:0px 0px 30px 0px #1d4eec;
	 	transition: width .3s,box-shadow .3s;
	}
	
	
	
	
div.service-space1{
	width:100%;
	min-width:1000px;
	padding: 20px 0;
	margin: 20px 0;
}

div.service-space1>.content{
	max-width:1180px;
	min-width:1000px;
	margin: 0 auto;
	padding:0 15px;
}

div.service-space1 .content .row{
	dispaly:flex;
	display:-webkit-flex;
	margin: 30px 0;
}
div.service-space1 .content .col{
	width:50%;
}

div.service-space1 img.float-left{
	float:left;
	margin-left:50px;
}
div.service-space1 img.float-right{
	float:right;
	margin-right:50px;
}

div.service-space1 .text{
	padding: 50px;
}
div.service-space1 .text.align-right{
	text-align:right;
}
div.service-space1 .text.align-left{
	text-align:left;
}

div.service-space1 .text>h1{
	margin-bottom:10px;
}
div.service-space1 .text>h2{
	margin-top:8px;
	margin-bottom:4px;
}
div.service-space1 .text>p{
	font-size:16px;
	margin-bottom:6px;
}

div.service-space2{
	width:100%;
	min-width:1000px;
	padding:70px 0;
	background-image:url(../img/service_space2_bgv3.png);
	background-repeat: no-repeat;
    background-size: 100% 100%;
	margin: 20px 0;
	
	
}


	

div.service-space2>.content{
	max-width:1180px;
	min-width:1000px;
	margin: 0 auto;
	padding:0 15px;
}

div.service-space2>.content>.title{
	width:100%;
	text-align:center;
	margin-bottom:50px;
	color:#000;
	
}


div.service-space2>.content>.details{
	width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content: space-around;
}

div.service-space2>.content .layui-panel{
	width:240px;
	border-radius:6px;
	 transition: transform .6s;
 	-moz-transition:  transform .6s; /* Firefox 4 */
	-webkit-transition:  transform .6s; /* Safari 和 Chrome */
	-o-transition:  transform .6s; /* Opera */
	
}
div.service-space2>.content .layui-panel:hover{
 	-webkit-transform: rotateY(-360deg);
 	transform: rotateY(-360deg);
   
	
}

div.service-space2>.content .icon{
	text-align:center;
	margin: 20px 0;
	
}

div.service-space2>.content .text{
	text-align:center;
	padding: 20px 0;
	width:200px;
	margin: 0 auto;
	
}

div.service-space2>.content .text>h2{
	margin-bottom:20px;
	
}
div.service-space2>.content .text>p{
	font-size:16px;
	line-height:30px;
	
}




div.service-table{
	width:100%;
	min-width:1000px;
	margin: 70px 0;
}
	
div.service-table>.content{
	max-width:1180px;
	min-width:1000px;
	margin: 0 auto;
	padding:0 15px;
}
	
div.service-table>.content>.title{
	width:100%;
	text-align:center;
	margin-bottom:50px;
	color:#000;
		
}
	
div.service-try-btn{
	width:100%;
	min-width:1000px;
	margin: 50px 0;
}
	
div.service-try-btn>.content{
	max-width:1180px;
	min-width:1000px;
	margin: 0 auto;
	padding:0 15px;
	text-align:center;
}
	
	
	
	
	
	div.service-pss-space0{
		width:100%;
		min-width:1000px;
		margin: 40px 0;
	}
	div.service-pss-space0>.content{
		max-width:1180px;
		min-width:1000px;
		margin: 0 auto;
		padding:0 15px;
	}
	
	div.service-pss-space0>.content .title{
		text-align:center;
		margin: 10px 0;
	}
	
	div.service-pss-space0>.content .details{
		text-align:center;
		font-size:16px;
		line-height:30px;
		padding: 20px 0;
	}
	
	div.service-pss-space0>.content .page-controller{
		display:flex;
		display:-webkit-flex;
		justify-content: space-around;
	}
	
	div.service-pss-space0>.content .page-controller li{
		width:115px;
		cursor:pointer;
		text-align:center;
	}
	
	 div.service-pss-space0>.content .page-controller li>p{
		font-size:16px;
		margin:18px 0;
	}
	div.service-pss-space0>.content .page-controller img{
		width:100%;
	}
	div.service-pss-space0>.content .page-controller li:first-child{
		color:#00b4ff;
	}
	div.service-pss-space0>.content .page-controller li:first-child>img:first-child{
		display:none;
	}
	div.service-pss-space0>.content .page-controller li:not(:first-child)>img:nth-child(2){
		display:none;
	}
	
	div.service-pss-space0>.content .page-controller{
		margin-top:20px;
		margin-bottom:50px;
		padding: 0 80px;
	}
	
	div.service-pss-space0>.content .swiper-slide{
		background:#fff;
	}
	
	div.service-pss-space0>.content .swiper-slide .detail-row{
		display:flex;
		display:-webkit-flex;
		padding:5px;
		background:#fff;
		margin: 60px 0;
	}

	div.service-pss-space0>.content .swiper-slide .detail-row:first-child{
		margin-top: 5px;
	}
	
	div.service-pss-space0>.content .swiper-slide .vertical-detail{
		padding:5px;
		background:#fff;
		text-align:center;
		margin: 10px 0;
	}
	div.service-pss-space0>.content .swiper-slide .vertical-detail:first-child{
		margin-top: 5px;
	}
	
	
	
	div.service-pss-space0>.content .swiper-slide .left{
		width:50%;
	}
	div.service-pss-space0>.content .swiper-slide div.img{
		padding-top:30px;
		padding-bottom:30px;
	}
	div.service-pss-space0>.content .swiper-slide div.text{
		padding:30px 50px;
	}
	div.service-pss-space0>.content .swiper-slide div.text h1,
	div.service-pss-space0>.content .swiper-slide div.vertical-detail h1{
		margin:15px 0;
	}
	div.service-pss-space0>.content .swiper-slide div.text p,
	div.service-pss-space0>.content .swiper-slide div.vertical-detail p{
		line-height:25px;
		margin: 10px 0;
		font-size:16px;
	}
	
	div.service-pss-space0>.content .swiper-slide div.vertical-detail img{
		width:900px;
		margin: 0 auto;
	}
	div.service-pss-space0>.content .swiper-slide .right{
		width:50%;
	}
	div.service-pss-space0>.content .swiper-slide .left img,
	div.service-pss-space0>.content .swiper-slide .right img{
		width:100%;
	}
	div.service-table.table-pss .layui-form-checkbox i{
		height:30px;
	}
	div.service-table.table-pss .layui-checkbox-disbaled, .layui-checkbox-disbaled i{
		color: #5FB878 !important;
	}
	
	div.service-table.table-pss .layui-checkbox-disbaled span {
    	background-color: #5FB878!important;
	}
	
	div.service-table.table-pss .layui-form-checked i, .layui-form-checked:hover i {
	    color: #5FB878  !important;
	}

	div.service-table.table-pss .layui-disabled, .layui-disabled:hover {
	    cursor: default !important;
	}
	
/* 产品服务 end */


img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}

/* 新闻中心start */


div.news-banner>img{
	width:100%;
	min-width:1180px;
} 
div.news-main{
	width:100%;
	min-width:1180px;
}

div.news-main .content{
	width:1180px;
	margin:0 auto;
	display:flex;
	display:-webkit-flex;
	
}

div.news-main .content .left-box{
	width:120px;
	padding: 5px;
	position:relative;
}

div.news-main .content .center-box{
	flex:1;
	padding:5px;
}

div.news-main .content .center-box .panel{
	padding:16px;
	width:710px;
	margin: 0 auto;
	margin-bottom:150px;
}
div.news-main .content .right-box{
	width:340px;
	padding:5px;
}

div.news-main .content .right-box .panel{
	margin: 10px 0;
	border-top: 4px solid #00d2ff;
    border-radius: 6px;
    padding:6px 8px;
    padding-bottom:20px;
}
div.news-main .content .right-box .panel:first-child{
	margin-top:0px;
}

div.news-main .layui-menu li {
    line-height: 40px;
    font-size: 15px;
    text-align:center;
}

div.news-main .layui-menu li:first-child{
    color: #333;
    font-size: 18px;
    font-weight:bold;
    cursor: default;
}

div.news-main .layui-menu .layui-menu-item-checked:first-child:after {
    border-right: 0px;
    content: "";
}
div.news-main .layui-menu .layui-menu-item-checked:first-child,
div.news-main .layui-menu .layui-menu-item-checked2:first-child {
    background-color: #fff !important;
}

div.news-main .layui-menu .layui-menu-item-checked, 
div.news-main .layui-menu .layui-menu-item-checked2 {
    background-color: #00d2ff!important;
    color: #fff;
}

div.news-main .layui-menu .layui-menu-item-checked a,
div.news-main .layui-menu .layui-menu-item-checked2 a {
    color: #fff;
}


.news-main .swiper-container {
	width:100%;height:240px;margin: 0 auto;border-radius:6px;
}
.news-main .swiper-container .slide-img {
	width:100%;min-height:240px;
}
.news-main .swiper-container .my-bullet-active{ width:20px; border-radius: 10px 10px; background:#fff; opacity: .3; }


.news-main .center-box .news-item{
	width:100%;
	display:flex;
	display:-webkit-flex;
	padding:0px;
	margin: 15px 0;
	padding:5px 0;
}

div.news-item{
			display:flex;
			display:-webkit-flex;
			
		}
		div.news-item>.item-img{
			width:220px;
			height:130px;
			overflow:hidden;
			border-radius:2px;
			text-align:center;
		}
		
		div.news-item>.item-img img{
			width:auto;
			height:130px;
			min-width:220px;
			cursor:pointer;
		}
		
		div.news-item>.item-detail{
			flex:1;
			height:130px;
			padding-left: 20px;
			
			position:relative;
		}
		div.news-item>.item-detail .item-title{
			height:90px;
			font-size:18px;
			line-height:30px;
			font-weight:400;
			text-overflow: ellipsis;
			overflow:hidden;
			display:flex;
			display:-webkit-box; /*将对象作为弹性伸缩盒子模型显示*/
			-webkit-box-orient:vertical;/*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
			-webkit-line-clamp:3; /*这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。可根据需要设置超出多少行后显示省略号*/
			
		}
		
		div.news-item>.item-detail .item-title a{
			color:#333;
		}
		div.news-item>.item-detail .item-title a:hover{
			color:#2291f7 !important;
			cursor:pointer;
		}
		
		
		div.news-item>.item-detail .info-util{
			width: calc(100% - 20px);
			position:absolute;
			bottom:0px;
			color:#666;
			font-size:12px;
		}
		div.news-item>.item-detail .info{
			display:inline-block;
			float:left
		}
		div.news-item>.item-detail .util{
			display:inline-block;
			float:right
		}
		
		div.news-item>.item-detail .info-util span{
			margin-right:8px;
		
		}
		div.news-item>.item-detail .info-util .layui-icon{
			margin-right:5px;
		}
		.news-main .center-box .swiper-container .slide-text{
		    position: absolute;
		    height: 60px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    display:flex;
			display:-webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 2;
		    bottom: 24px;
		    left: 0;
		    right: 0;
		    padding: 0 20px;
		    color: #fff;
		    font-size: 20px;
		    font-weight: 500;
		    line-height: 30px;
		    outline: 0;
		    text-decoration: none;
		    z-index: 2;
            background: rgba(100,100,100,.5);
		}

	div.news-main .content .right-box{
		position:relative;
		overflow:auto;
	}
	div.news-main .content .right-box .panel h3{
				 color: #333;
			    font-size: 18px;
			    font-weight: bold;
			    cursor: default;
			    margin-left:5px;
			    margin-top:5px;
			    margin-bottom:5px;
					
		}
		
		div.news-main .content .right-box .panel .sub-news-item{
			display:flex;
			display: -webkit-flex;
		
		}
		
		div.news-main .content .right-box .panel .sub-news-item.first{
			margin-top:10px;
		}
		
		div.news-main .content .right-box .panel a.more{
			margin-top:15px;
		}
		
		.sub-news-item .item-img{
			width:120px;
			height:80px;
			border-radius:4px;
			overflow:hidden;
		}
		
		.sub-news-item .item-title {
			flex:1px;
			
		}
		
		.sub-news-item .item-title>a{
			color:#333;
			height:80px;
			padding-left:10px;
			font-size:15px;
		    line-height: 26px;
		    text-overflow: ellipsis;
		    overflow: hidden;
		    display: flex;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 3;
		}
		.sub-news-item .item-title>a:hover{
			color:#2291f7 !important;
			cursor:pointer;
		}
		
		.sub-news-item .item-img img{
			width:100%;
			min-height:80px;
		}
		
		
		.news-main .left-box .news-util img{
			width:40px;
			margin:0px 4px;
			margin-left:16px;
		}
		
		.news-main .left-box .news-util .split-line{
			border-top:1px solid #00d2ff;
		}
		.news-main .left-box .news-util .util-item{
			padding: 15px 0px;
		}
		.news-main .left-box .news-util .util-item:hover{
			cursor:pointer;
			background:#eee;
		}
				
		.news-view .news-title{
				font-size: 28px;
			    font-weight: 500;
			    color: #000;
			    line-height: 40px;
			    margin-top:6px;
			}
			.news-view .news-content img{
			 	max-width:100%;
			}
			.news-view .news-info{
				margin: 10px auto;
				width:100%;
				display:flex;
				display:-webkit-flex;
			}
			
			.news-view .news-info>.left{
				width:50%;
			}
			.news-view .news-info>.left span{
				margin-right:15px;
			}
			.news-view .news-info>.right{
				flex:1;
			}
			.news-view .news-info>.right span{
				float:right;
				margin-right:15px;
			}
			.news-view .news-info>.right .layui-icon{
				margin-right:4px;
			}

            div.news-main  div.center-box .no-more{
                width:100%;
                text-align:center;
                margin:20px auto;
            }
/* 新闻中心end */

/* 关于我们start  */


.about_banner>.banner{
    width:100%;
    min-width:1000px;

}
.about_banner>.brief{
    position:relative;
    background:#fff;
    height:300px;
    max-width:1180px;
    min-width:1000px;
    margin: 0 auto;
    border-radius:10px;
    box-shadow: 10px 10px 10px #888888;
    padding:20px 80px;
    padding-botton:40px;
    margin-top:-100px;
    z-index:1111;
}

.about_banner>.brief>.brief-title{
    font-size:28px;
    font-weight:bold;
    text-align:center;
    margin: 20px auto;
}

.about_banner>.brief>.brief-text{
    font-size:16px;
    text-indent:2em;
    margin: 10px auto;
    line-height:30px;
}

.about_banner>.brief>.brief-footer{
    font-size:18px;
    font-weight:bold;
    text-align:center;
    margin: 30px auto;
    color:#00d2ff;
}
.about_brief{
    margin: 60px 0px;
    width:100%;
    min-width: 1000px;
    padding: 20px 0;

}
.about_brief>.content{
    font-size:16px;
    max-width:1180px;
    min-width:1000px;
    margin:0px auto;
}

.about_brief>.content>.title{
    font-size:28px;
    text-align:center;
    margin:50px auto;
}

.about_brief>.content>.row{
    display:flex;
    display:-webkit-flex;
    padding:0 15px;
}

.about_brief>.content>.row>.column{
    width:50%;
}

.about_brief>.content>.row>.column>img{
    width:100%;
}

.about_brief>.content>.founder{
    juscity-content:center;
    align-items:center;

}

.about_brief>.content>.founder img{
    width:50%;
    display:block;

}

.about_brief>.content>.founder .float-box{
    padding:30px 20px;
    background:rgba(255,255,255,.8);
    border: 1px solid #ccc;
    box-shadow: -10px -10px 10px #ccc;
    border-radius:10px;
    margin-right:-150px;
    min-width:550px;
    max-height:450px;
    z-index:99;
}


.about_brief>.content>.founder p{
    text-indent:2em;
    margin: 10px auto;
    line-height:30px;
}

.about_brief>.content>.founder p.job{
    font-size:20px;
}

.about_brief>.content .culture{
    width:100%;
    height:100%;
    padding:50px 50px;
}

.about_brief>.content .culture>p.title{
    font-size:28px;
}

.about_brief>.content .culture>p{
    margin:15px auto;
    line-height:30px;
}

.about_team>.bg {
    width:100%;
    min-width:1000px;
    z-index:-99;

}
.about_team>.pics {
    max-width:1180px;
    min-width:1000px;
    margin: 0 auto;
    display:flex;
    display:-webkit-flex;

}
.about_team>.body {
    max-width:1180px;
    min-width:1000px;
    margin: 0 auto;
    height:130px;
    margin-top:-300px;
    text-align:center;
    color:#fff;
    position:relative;
    font-size:18px;
    line-height:30px;

}

.about_team>.body>.title {
    font-size:28px;
    margin:20px 0;
}
.about_team>.pics>img {
    margin:0 2px;
}

.about_contact{
    width:100%;
    min-width: 1000px;
    padding: 30px 0;
    margin:100px auto;
}

.about_contact>.content{
    max-width:1180px;
    min-width:1000px;
    margin: 0 auto;
    display:flex;
    display:-webkit-flex;
}

.about_contact>.content>.left,
.about_contact>.content>.right{
    width:50%;
    padding:40px;
}
.about_contact>.content .title{
    font-size:28px;
    margin-bottom:20px;
}
.about_contact>.content>.left>.contact-item{
    height:100px;
    width:100%;
    display:flex;
    display:-webkit-flex;
    align-items:center;
}

.about_contact>.content>.left>.contact-item>.icon{
    width:50px;
    opacity:.8;
}

.about_contact>.content>.left>.contact-item>.text{
    padding:25px 20px;
}

.about_contact>.content>.left>.contact-item .text>.name{
    font-size:20px;
    font-weight:600;
    margin:20px 0px;
    color:#111;
}

.about_contact>.content>.left>.contact-item .text>.value{
    font-size:16px;
    margin:20px 0px;
}
.about_contact>.content>.right>.wx{
    width:200px;
    text-align:center;
}
.about_contact>.content>.right>.wx>img{
    width:100%;
}
.about_contact>.content>.right>.wx>p{
    font-size:16px;
}

/* 关于我们end */

/* 价格start*/
.price-banner{
    width:100%;
    height:450px;
    min-width: 1000px;
}

.price-content{
    position:relative;
    background:#fff;
    max-width:1180px;
    min-width:1000px;
    margin: 0 auto;
    border-radius:10px;
    box-shadow: 0px 10px 10px #999;
    padding:40px 50px;
    padding-botton:40px;
    margin-top:-260px;
    margin-bottom:100px;
    z-index:1111;
}
.layui-panel.card{
    text-align:center;
    padding:5px;
    border:none;
    box-shadow:none;
}
.layui-panel.card h1{
    color:#222;
}

.layui-panel.card .btn-group{
    margin: 20px auto;
    margin-bottom:80px;
}




.pricing {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 870px;
    margin: 3em auto 3em;
}

.pricing-item {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center;
    -webkit-flex: 0 1 330px;
    flex: 0 1 330px;
}

.pricing-action {
    color: inherit;
    border: none;
    background: none;
}

.pricing-action:focus {
    outline: none;
}

.pricing-feature-list {
    text-align: left;
}

.pricing-palden .pricing-item {
    cursor: default;
    color: #84697c;
    background: #fff;
    box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
    border-radius: 20px 20px 10px 10px;
    margin: 1em;
}


.pricing-palden .pricing-item {
    margin: 1em -0.5em;
}

.pricing-palden .pricing__item--featured {
    margin: 0;
    z-index: 10;
    box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
}


.pricing-palden .pricing-deco {
    border-radius: 10px 10px 0 0;
    background: rgba(76, 70, 101, 0.99);
    padding: 4em 0 9em;
    padding-bottom: 7em;
    position: relative;
}

.pricing-palden .pricing-deco.bg-blue {
    background: #7c90ff;
}



.pricing-palden .pricing-deco-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
}

.pricing-palden .pricing-title {
    font-size: 0.75em;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #fff;
}

.pricing-palden .deco-layer {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.pricing-palden .pricing-item:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0);
}

.pricing-palden .pricing-item:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
}

.pricing-palden .icon {
    font-size: 2.5em;
}

.pricing-palden .pricing-price {
    font-size: 38px;
    font-weight: bold;
    padding: 0;
    color: #fff;
    margin: 0 0 0.25em 0;
    line-height: 0.75;
}

.pricing-palden .pricing-currency {
    font-size: 0.15em;
    vertical-align: top;
}

.pricing-palden .pricing-period {
    font-size: 0.15em;
    padding: 0 0 0 0.5em;
    font-style: italic;
}

.pricing-palden .pricing__sentence {
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 0 0 0.5em;
}

.pricing-palden .pricing-feature-list {
    margin: 0;
    /*     padding: 0.25em 0 2.5em; */
    list-style: none;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom:15px;
    margin-top:-20px;
}

.pricing-palden .pricing-feature-list.font-blue {
    color:#2F4056;
}

.pricing-palden .pricing-feature {
    padding: 1em 0;
    padding: 7px 0;
}

.pricing-palden .pricing-action {
    font-weight: bold;
    margin: auto 3em 2em 3em;
    padding: 1em 2em;
    color: #fff;
    border-radius: 30px;
    background: #4d4766;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
}

.pricing-palden .pricing-action.bg-blue{
    background: #7c90ff;
}

.pricing-palden .pricing-action:hover,
.pricing-palden .pricing-action:focus {
    background-color: #100A13;
}

.pricing-palden .pricing-item--featured .pricing-deco {
    padding: 5em 0 8.885em 0;
}
/* 价格end */


.m-login .m-head{
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    line-height: 40px;
    padding: 0px;
    border: 0px;
    margin-top: -6px;
}
.m-login .m-head img{
    width:40px;
    border-radius:50%;

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