﻿.flex{
    display: flex;
    align-items: center;
}
.flex-wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.tab-lists{text-align:center}
.tab-lists a{
	display:inline-block;
	width: 22%;
	text-align: center;background: #f8f8f8;margin-right:1%;margin-bottom:10px;padding:6px 0px
}
.tab-lists a:hover{background:#fe3467;color:#fff}
.tab-lists a:hover .sname{color:#fff}
.tab-lists a i,.icon-list li i{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	margin: auto;
}
.hidden{display: none;}
.tab-lists a .sname,.icon-list li p{
	font-size: 30px;
	color: #4a4a4a;padding:20px
}
.about-icon{
	width: 62px;
	height: 62px;
	background-image: url(../images/a1.png);
}
.tab-lists a.active .about-icon{
	background-image: url(../images/a1-on.png);
}
.tab-lists a.active{color:#fff;background:#fc2b59}
.tab-lists a:hover p{color:#fff;background:#fc2b59}
.about-box{
	padding-top: 98px;
}
.linian-icon{
	width: 66px;
	height: 67px;
	background-image: url(../images/a2.png);
}
.tab-lists a.active .linian-icon{
	background-image: url(../images/a2-on.png);
}
.pro-icon{
	width: 64px;
	height: 62px;
	background-image: url(../images/a3.png);
}

.tab-lists a.active .pro-icon{
	background-image: url(../images/a3-on.png);
}

.history-icon{
	width:49px;
	height: 63px;
	background-image: url(../images/a4.png);
}

.tab-lists a.active .history-icon{
	background-image: url(../images/a4-on.png);
}

.tablist-box{
	width:100%;height:auto;padding-bottom:50px;
}

.tablist-box1{
	padding-left: 35px;
    padding-right: 35px;
}

.evUl li.liImg .txt{width: 672px;}

.evUl li {
    padding-left: 32px;
    position: relative;
}

.aMain_a .about{width: 100%;}

.events {
    margin:0 45px;
}

.ev_conts {
    padding:30px 0;
}

.video_item{margin-bottom: 25px;}
.title-box{
	position: relative;
	margin-bottom: 90px;
	text-align: center;
}

.tit-txt{
	font-size: 30px;
	color: #fc2b59;
	margin: 0 20px;
	position: relative;
	top: 0;
	z-index: 33;
}


.line-t{
	display: inline-block;
	width: 68px;
	height: 2px;
	background: #fc2b59;
}

.engs{
	font-size: 30px;
	color: #8c8c8c;
	position: absolute;
	opacity: .6;
	width: 100%;
	top: -10px;
	left: 0;
	z-index: 1;
}

.contactbox{padding-top: 94px;}

.icon-list li{
	float: left;
	width: 33.3333%;
	margin-bottom: 90px;
	text-align: center;
	height: 130px;
}

.dizhi-icon{
	width: 43px;
	height: 62px;
	background-image: url(../images/dizhi.png);
}


.icon-list li.active  .dizhi-icon{
	background-image: url(../images/dizhi-on.png);
}


.server-icon{
	width: 67px;
	height: 67px;
	background-image: url(../images/kefu.png);
}

.icon-list li.active  .server-icon{
	background-image: url(../images/kefu-on.png);
}

.schz-icon{
	width: 62px;
	height: 62px;
	background-image: url(../images/schz.png);
}

.icon-list li.active  .schz-icon{
	background-image: url(../images/schz-on.png);
}


.meijie-icon{
	width: 63px;
	height: 62px;
	background-image: url(../images/mjhz.png);
}


.icon-list li.active  .meijie-icon{
	background-image: url(../images/mjhz-on.png);
}


.qu-icon{
	width: 85px;
	height: 67px;
	background-image: url(../images/qudaozm.png);
}

.icon-list li.active  .qu-icon{
	background-image: url(../images/qudaozm-on.png);
}

.xs-icon{
	width: 57px;
	height: 67px;
	background-image: url(../images/xiaosqd.png);
}

.icon-list li.active  .xs-icon{
	background-image: url(../images/xiaosqd-on.png);
}

.icon-list li .dizhi-icon,.icon-list li .meijie-icon{margin-top: 12px;}

.tabs p{
	font-size: 18px;
	color: #fc2b59;
	margin-bottom: 20px;
}

.tabs{padding-bottom: 150px;}



.tab-tm div{
	display: inline-block;
	margin: 0 38px;
}


.tab-tm div img{margin: 0 auto 20px;}
.product-test{
	padding-top: 90px;
	padding-bottom: 60px;
}

.tab-btn{
	padding: 0 100px;
}

.tab-btn span{
	width: 202px;
	height: 34px;
	border: 1px solid #fc2b59;
	font-size: 18px;
	color: #fc2b59;
	border-radius: 8px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
}

.tab-btn span.active{
	background: #fc2b59;
	color: #fff;
}

.pro-list{margin-top:40px;}
.pro-list li{
	background:#f3f3f3;
	margin-bottom:68px;
	border-radius: 8px;
	overflow: hidden;
	border:1px solid #efefef;position:relative
}
.pro-list li:before,.pro-list li:after {
            position:absolute;
            top:0;
            right:0;
            bottom:0;
            left:0;
            content:'';
            opacity:0;
            pointer-events:none;
            -webkit-transition:opacity 0.4s,-webkit-transform 0.4s;
            transition:opacity 0.4s,transform 0.4s;
        }

.pro-list li:before{
  border-top:3px solid #fc2b59;
  border-bottom:3px solid #fc2b59;
  -webkit-transform:scale(0,1);
            transform:scale(0,1);
}
.pro-list li:after{
  border-right:3px solid #fc2b59;
  border-left:3px solid #fc2b59;
  -webkit-transform:scale(1,0);
            transform:scale(1,0);
}
.pro-list li:hover:before,.pro-list li:hover:after{
   opacity:1;
            -webkit-transform:scale(1);
            transform:scale(1);
}



.product-detail p,.seeMore,.lab,.video-lists li p{
	font-size: 18px;
	color: #4a4a4a;
}

.product-detail{
	padding-top: 36px;
	float: left;
	padding-bottom: 66px;
	padding-left:48px;
}

.tit1{margin-bottom: 20px;}

.seeMore0{
	margin-top: 65px;
	display: inline-block;
	text-align: center;
	background:#666;color:#fff;    padding: 10px 22px;
}
.seeMore0:hover{color:#fff}
.seeMore1:hover{color:#fff}
.seeMore1{
	margin-top: 65px;
	display: inline-block;
	text-align: center;
	background:#fc2b59;color:#fff;    padding: 10px 22px;
}
.pro-img{
	width:350px;max-height:260px;
	transition: all .5s;
}

.pro-img-box{
	float: right;
	overflow: hidden;height:100%;
}

.pro-list li:hover img{transform: scale(1.1)}
.xh-list{position: relative;}
.xh-list li{
	float: left;
	width: 16.6666%;
	
}
.xh-list li p{
	font-size: 18px;
	color: #4a4a4a;
	height: 30px;
	line-height: 30px;
	border-right: 2px solid #fc2b59;
}
.xh-list li:first-child p{border-left: 2px solid #fc2b59;}

.xh-list{margin-top: 44px;}

.lab{margin-top: 36px;}
.xh-list::before{
	content: "";
	width: 100%;
	height: 2px;
	background: #fc2b59;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 0;
}

.xh-list li.active .names{color: #fc2b59;}
.video-lists{margin-top: 27px;}
.video-lists li{
	float: left;
	width: 376px;
	margin-bottom: 56px;
	margin-right: 36px;
}
.video-lists li img { transition:300ms;
-moz-transition:300ms;	/* Firefox 4 */
-webkit-transition:300ms;	/* Safari 和 Chrome */
-o-transition:300ms;	/* Opera */ 
width:376px;
height:214px;
}
.video-lists li a { display:block; border-radius:12px; overflow:hidden; zoom:1; }
.video-lists li a:hover img { transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); /* IE 9 */ -moz-transform:scale(1.2, 1.2); /* Firefox */ -webkit-transform:scale(1.2, 1.2); /* Safari and Chrome */ -o-transform:scale(1.2, 1.2); /* Opera */ }

.video-lists li:nth-child(3n){margin-right: 0;}
.video-lists li p{margin-top: 14px;text-align: center;}
.news-boxs{padding-top: 90px;}
.video_1 { width:80%; position:fixed; left:10%; top:20px; z-index:999999; background:#fff; display:none; }
.close { width:24px; height:24px; display:block; background:#fff url(../images/close.png) center center no-repeat; background-size:50% auto; position:absolute; top:16px; right:16px; border-radius:50%; cursor:pointer; z-index:999999; }
.bg_1 { width:100%; height:100%; position:fixed; left:0; top:0; z-index:999998; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}













@media (max-width: 750px){
	.about-box {
		padding-top: .62rem;
	}

	.aMain_a{background: #fff !important;}

	.tablist-box {
		
	}

	.tablist-box p span{
		font-size: .28rem !important;
	}

	.tab-lists a p{font-size: .3rem;}

	.about-icon {
		width:.62rem;
		height:.62rem;
		background-size: 100% 100%;
	}

	.linian-icon {
		width: .66rem;
		height: .67rem;
		background-size: 100% 100%;
	}

	.tab-lists a:nth-child(2) p{}

	.pro-icon {
		width:.64rem;
		height:.62rem;
		background-size: 100% 100%;
	}

	.history-icon {
		width:.49rem;
		height: .63rem;
		background-size: 100% 100%;
	}

	.events {
		margin: 0 .45rem;
	}

	.tablist-box1{padding-left: 0;padding-right: 0}

	.evUl li .txt{padding-left: .5rem;}

	.evUl li {
		padding-left: .35rem;
	}

	.text1{
		position: static;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		overflow: hidden;
		padding: .26rem;
	}

	.mhide{display: none;}

	.newstit{
		font-size: .28rem;
		color: #4a4a4a;
	}

	.news-date{
		font-size: .22rem;
		color: #4a4a4a;
		float: left;
	}

	.news-detail{
		font-size: .22rem;
		color: #4a4a4a;
		float: right;
		padding-bottom: .08rem;
		border-bottom: 1px solid #fc2b59;
	}

	.newbot{margin-top: .36rem;}

	.video_item {
		margin-bottom: .5rem;
	}

	.m-show{display: block;}

	.contactbox {
		padding-top:.94rem;
	}

	.tit-txt {
		font-size: .3rem;
		margin: 0 .2rem;
	}

	.engs {
		font-size: .3rem;
		top: -.1rem;
	}

	.title-box {
		margin-bottom:.75rem;
	}

	.icon-list li {
		margin-bottom:.9rem;
		height: 1.3rem;
	}

	.tab-lists a p, .icon-list li p {
		font-size: .3rem;
	}

	.dizhi-icon {
		width: .43rem;
		height:.62rem;
		background-size: 100% 100%;
	}

	.server-icon {
		width: .67rem;
		height: .67rem;
		background-size: 100% 100%;
	}

	.icon-list li .dizhi-icon, .icon-list li .meijie-icon {
		margin-top:.12rem;
	}

	.schz-icon {
		width: .62rem;
		height:.62rem;
		background-size: 100% 100%;
	}

	.meijie-icon {
		width: .63rem;
		height:.62rem;
		background-size: 100% 100%;
	}

	.qu-icon {
		width: .85rem;
		height: .67rem;
		background-size: 100% 100%;
	}
	.xs-icon {
		width: .57rem;
		height: .67rem;
		background-size: 100% 100%;
	}

	.tabs p {
		font-size:.28rem;
		margin-bottom:5px;
	}

	.tab-tm div {
		display: inline-block;
		margin: 0 .38rem;
	}

	.tab-tm div img{width: .97rem;margin-bottom: .2rem;}
	.product-test {
		padding-top: .66rem;
		padding-bottom: 60px;
	}

	.tab-btn {
		padding: 0 .44rem;
		padding-bottom:.44rem;
	}

	.tab-btn span {
		width: 2rem;
		height: .42rem;
		font-size: .28rem;
		border-radius: 4px;
		line-height:.42rem;
	}

	.pro-list{margin-top:30px;}
	.pro-img-box{float: none;}
	.pro-img-box img{width: 100%;height: auto;}
	.product-detail{display: none;}

	.pro-list li{margin-top: .48rem;}

	.pro-list li:first-child{margin-top: .74rem;}

	.line-t {
		width: .68rem;
	}

	.xh-list {
		margin-top:.44rem;
		padding: 0 .4rem;
	}

	.xh-list li{width: 33.3333%;margin-bottom: .3rem;}

	.xh-list li p {
		font-size: .22rem;
		height: .3rem;
		line-height: .3rem;
		border-right: 1px solid #fc2b59;
	}

	.lab{display: none;}

	.xh-list::before {
		top: 39%;
		left: 50%;
		width: 90%;
		margin-left: -45%;
	}

	.xh-list li:nth-child(4) p,.xh-list li:first-child p{
		border-left: 1px solid #fc2b59;
	}

	.video-lists {
		margin-top: 0;
		padding: 0 .4rem;
	}

	.video-lists li {
		float: none;
		width:100%;
		margin-bottom: .4rem;
		margin-right: 0;
	}

	.video-lists li p{font-size: .2rem;}

	.news-boxs{
		padding: .9rem .4rem 0;
	}

	.aMain {
		
	}

	.prolist li {
		width: 48% ;
		margin-bottom: .4rem;
		margin-right: 4%;
	}

	.prolist {
		margin: 0;
		padding: 0 .44rem;
	}

	.prolist li:nth-child(2n){margin-right: 0;}

	.mobimg .more {
		position: absolute;
		color: #fc1850;
		font-size: .28rem;
		right: .62rem;
		bottom: 7%;
	}

	.prolist li a {
		padding: .1rem 0;
		margin: 0;
	}
.video-lists li img { transition:300ms;
-moz-transition:300ms;	/* Firefox 4 */
-webkit-transition:300ms;	/* Safari 和 Chrome */
-o-transition:300ms;	/* Opera */ 
width:100%;
height:100%;
}	
	
}

.item.flex_justify{background: #fff;}

.mobimg,.rela{position: relative;}