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

#top ul{
	margin-bottom:0;
}
.xiala .one .son li a{
	font-size:12px;
}
@media (max-width: 768px) {
	.navbar .container{
		border-bottom:none !important;
	}
	#top .search{
		float:left !important;
		margin-left:5px;
		margin-right:0;
	}
	.bgzabout{
		padding-left: 0 !important;
	}
	.footerLogo img{
	width:70%;
	height: auto;
}
	.skewScroll ul li{
		margin: 0 1%;
		width: 31.33%;
	}
	.skewScroll ul li a{
		width:100%;
		margin:7px 0;
		padding:0 0;
	}
	.my-map { margin: 0 auto; width: 100%; height: 300px; }
	.met-nav{
		min-height: 50px;
	}
	.met-nav .navbar-logo{
		height: 50px;
	}
	body[class*="met-navfixed"]{
		padding-top:50px;
	}
	.CaseMain{
		padding:0px 10px;
	}
	#system{
		padding-bottom:0;
	}
}
#contactBg{
	background: url(../images/contact_bg.png) no-repeat center top;
	background-attachment: fixed;
	background-size: cover;
	padding:100px 0;
	color:#fff;
}


.relative{
	position: relative;
}
.mBox3List .swiper-slide {
    float: left;
    opacity: 0;
    padding: 0 1px;
    text-align: center;
    transform: translateY(100px);
    transition: all 0.4s ease-in-out 0.3s;
    width: 25%;
}
.bgblue{
	background: #3e89d0;
}
.skewScroll{
	padding-bottom:100px;
}
.skewScroll ul li{
	float:left;
	position: relative;
}
.skewScroll ul{
	
}

.skewScroll ul li.on a::before{
	width:0;
	height:0;
	border-width:7px;
	border-style:solid;
	border-color:#fff transparent transparent transparent;
	content:"";
	position: absolute;
	bottom:-13px;
	left:50%;
	margin-left:-8px;
}
.skewScroll ul {
	margin-left:0;
	padding-left:0;
}

.skewScroll ul li a{
	color:#fff;
	display: block;
	padding:0px 25px;
	line-height: 43px;
	text-align: center;
	border:1px solid #fff;
	margin-right:8px;
	position: relative;
}
.clearfix{
	clear: both;
}
 .skewScroll ul li.on a{
	color:#000;
	background:#fff;
}
.skeMain .swiper-slide a{
	color:#fff;
}

.skeMain .swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    width: 100%;
	padding: 0 1px 2px;
    text-align: center;
	color:#fff;
}
.skeMain .swiper-slide .mBox2Brief p{
	color:#fff;
}
 .skeMain .swiper-slide {
    opacity: 1;
    transform: translateY(0px) scale(1, 1);
}

.skeMain .swiper-slide a {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.skeMain .mBox2Img {
    overflow: hidden;
    position: relative;
}
.skeMain .mBox2Img > img {
    margin: 0 auto;
    transform: scale(1, 1);
    transition: all 0.6s ease-in-out 0s;
    vertical-align: middle;
    width: 378px;
	height: 380px;
}

.skeMain .mBox2Shadow {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) repeat scroll 0 0;
    bottom: 0;
    height: 70px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.mBox2Line {
    background: #F9DCA0 none repeat scroll 0 0;
    bottom: 0;
    height: 6px;
    left: 50%;
    position: absolute;
    transition: all 0.6s ease-out 0.2s;
    width: 0;
}
.skeMain .mBox2Conbg {
    bottom: 0;
    height: 40px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.skeMain .mBox2_name {
    color: #ffffff;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.skeMain .mBox2_name h4 {
    font-size: 16px;
    line-height: 40px;
    margin: 0 auto;
    transition: all 0.3s ease-out 0s;
	color:#fff;
}
.skeMain .ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.skeMain .mBox2Brief {
    color: #ffffff;
    font-size: 14px;
    line-height: 26px;
    padding: 5px 10px 15px;
    transform: translateY(100px);
    width: 100%;
}
.skeMain .mBox2Ico {
    background: rgba(0, 0, 0, 0) url("/skin/images/mBox2Ico.png") no-repeat scroll center center;
    height: 24px;
    margin: 0 auto;
    transform: translateY(100px);
    width: 24px;
}

.skeMain .swiper-slide a:hover .mBox2Img > img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.skeMain .swiper-slide a:hover .mBox2Line{ width:100%; left:0;}
.skeMain .swiper-slide a:hover .mBox2Shadow{ height:100%; background:rgba(0,0,0,0.6);}
.skeMain .swiper-slide a:hover .mBox2Conbg{ height:100%;
	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;
}
.skeMain .swiper-slide a:hover .mBox2_name h4{ font-size:20px;}
.skeMain .swiper-slide a:hover .mBox2Brief{ transform:translateY(0px); -webkit-transform:translateY(0px); transition:all 0.3s ease-out 0.2s; -webkit-transition:all 0.3s ease-out 0.2s;}
.skeMain .swiper-slide a:hover .mBox2Ico{ transform:translateY(0px); -webkit-transform:translateY(0px); transition:all 0.3s ease-out 0.3s; -webkit-transition:all 0.3s ease-out 0.3s;}

.skeMain .col-md-4,.skeMain .row{
	margin:0;
	padding:0;
}
.skewScroll ul{
	margin-bottom:20px;
	margin:0px auto 20px auto;
	
}
.skewScroll ul li{
	list-style: none;
}
.proMore a{
	display: block;
	margin:0px auto;
	width:102px;
	height: 25px;
	border-radius: 20px;
	color:#fff;
	border:1px solid #fff;
	margin-top:2rem;
	text-align: center;
	line-height: 25px;
}

.mBox3Shadow {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.mBox3Line1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ffffff;
    border-image: none;
    border-style: solid none none solid;
    border-width: 6px medium medium 6px;
    height: 23px;
    left: -10%;
    top: -40%;
    width: 23px;
}
.mBox3Line {
    position: absolute;
    transition: all 0.3s ease-out 0.2s;
}
.mBox3Line2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff;
    border-image: none;
    border-style: none solid solid none;
    border-width: medium 9px 9px medium;
    bottom: -20%;
    height: 37px;
    right: -20%;
    width: 37px;
}
.mBox2Conbg {
    bottom: 0;
    height: 40px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.mBox3Conbg {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.mBox3Conbg .mBox2Con {
    height: 80px;
    transition: all 0.3s ease-out 0s;
}
.mBox2_name {
    color: #ffffff;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.mBox3Conbg .mBox2_name h4 {
    font-size: 26px;
}
.mBox2_name h4 {
    font-size: 16px;
    line-height: 40px;
    margin: 0 auto;
    transition: all 0.3s ease-out 0s;
	color:#fff;
}
.mBox3H5 {
    color: #e1e1e1;
    font-size: 16px;
	text-align: center;
}
.mBox3H5 span {
    padding: 0 10px;
}
.mBox3Conbg .mBox2Ico {
    background-image: url("/skin/images/mBox3Ico.png");
    margin: 25px auto;
    opacity: 0;
    transform: translateY(0px) translateX(-100px);
    transition: all 0.3s ease-out 0s;
	width: 27px;
	height: 39px;
}
.mBox3Conbg .mBox2Brief {
    color: #c6c4c4;
    font-size: 14px;
    line-height: 30px;
    opacity: 0;
    padding: 0 14%;
    transform: translateY(0px) translateX(100px);
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.mBox3Conbg .mBox2Brief p{
	color:#fff;
}
.item{
	overflow: hidden;
}
.item a{
	width:100%;
	height: 100%;
	display: block;
}
.item a:hover .mBox3Shadow{ background:rgba(0,0,0,0.7);}
.item a:hover .mBox3Line1{ left:2%; top:2%;}
.item a:hover .mBox3Line2{ right:3%; bottom:2%;}
.item a:hover .mBox3Conbg .mBox2Con{ height:auto;}
.item a:hover .mBox3Conbg .mBox2Ico{ transform:translateY(0px) translateX(0); -webkit-transform:translateY(0px) translateX(0); opacity:1;}
.item a:hover .mBox3Conbg .mBox2Brief{ transform:translateY(0px) translateX(0); -webkit-transform:translateY(0px) translateX(0); opacity:1;}
.CaseMain .col-sm-3{
	padding:0;
	margin:0;
}
.CaseMain .row{
	
	margin:0px 10px;
}

.CaseMain{
	padding:0px 96px;
}
.my-map { margin: 0 auto; width: 100%; height: 600px; }
/* 大屏幕 ：大于等于1200px*/
@media (min-width: 1200px) {
	
}

/*默认*/
@media (min-width: 980px){
	
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
	.bgzabout{
		padding-left: 0 !important;
	}
	.footerLogo img{
	width:70%;
	height: auto;
}
	.skewScroll ul li{
		margin: 0 1%;
		width: 31.33%;
	}
	.skewScroll ul li a{
		width:100%;
		margin:7px 0;
		padding:0 0;
	}
	.my-map { margin: 0 auto; width: 100%; height: 300px; }
	#system{
		padding-bottom:0;
	}
	.mBox2_name h4{
		line-height: 26px;
	}
	.mBox3H5{
		margin:0px 0;
		padding: 5px 0;
	}
	.CaseMain{
		padding:0px 10px;
	}
	.Shop .container{
		padding:0;
		margin:0;
	}
	.b3l li{
		width:25%;
	}
	.caseTop li {
		width:33.33%;
	}
	.sysMain{
		display:block;
		
		text-align: center;
	}
	.sysMain dl{
		float:left;
		width:50%;
	}
	.sysMain dl dd{
		font-size:15px;
		color:#6a696a;
	}
	.sysMain dl dt{
		font-size:40px;
		color:#323132;
		margin-bottom:10px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.hidden-xs{
		display: none;
	}
	#Case{
		background: #023894;
		color:#fff;
		padding-bottom:10px;
	}
	.categoryDes .make-body{
		line-height: 2;
	}
	.mBox3Conbg .mBox2_name h4{
		font-size:14px;
	}
	.mBox3H5 span{
		font-size:12px;
	}
	.mBox3Conbg .mBox2Brief p{
		font-size:12px;
	}
	.mBox3Conbg .mBox2Ico{
		margin:10px auto;
	}
}
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
	.bgzabout{
		padding-left: 0 !important;
	}
	.footerLogo img{
	width:70%;
	height: auto;
}
body{
	padding-bottom:40px !important;
}
.p7{
	height:40px !important;
	line-height:40px !important;
}
.ditu .p7{
	height:auto !important;
	
}
	.skewScroll ul li{
		margin: 0 1%;
		width: 31.33%;
	}
	.skewScroll ul li a{
		width:100%;
		margin:7px 0;
		padding:0 0;
	}
	.my-map { margin: 0 auto; width: 100%; height: 300px; }
	#system{
		padding-bottom:0;
	}
	.mBox2_name h4{
		line-height: 26px;
	}
	.mBox3H5{
		margin:0px 0;
		padding: 5px 0;
	}
	.CaseMain{
		padding:0px 10px;
	}
	.Shop .container{
		padding:0;
		margin:0;
	}
	.b3l li{
		width:25%;
	}
	.caseTop li {
		width:33.33%;
	}
	.categoryDes .make-body{
		line-height: 2;
	}
	#Case{
		background: #023894;
		color:#fff;
		padding-bottom:10px;
	}
	.hidden-xs{
		
	}
	
	.sysMain{
		display:block;
		
		text-align: center;
	}
	.sysMain dl{
		float:left;
		width:50%;
	}
	.sysMain dl dd{
		font-size:12px;
		color:#6a696a;
	}
	.sysMain dl dt{
		font-size:20px;
		color:#323132;
		margin-bottom:10px;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	.mBox3Conbg .mBox2_name h4{
		font-size:14px;
	}
	.mBox3H5 span{
		font-size:12px;
	}
	.mBox3Conbg .mBox2Brief p{
		font-size:12px;
	}
	.mBox3Conbg .mBox2Ico{
		margin:10px auto;
	}
	
}
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
	.bgzabout{
		padding-left: 0 !important;
	}
	.footerLogo img{
	width:70%;
	height: auto;
}
	.skewScroll ul li{
		margin: 0 1%;
		width: 31.33%;
	}
	.skewScroll ul li a{
		width:100%;
		margin:7px 0;
		padding:0 0;
	}
	.my-map { margin: 0 auto; width: 100%; height: 300px; }
	#system{
		padding-bottom:0;
	}
	.mBox2_name h4{
		line-height: 26px;
	}
	.mBox3H5{
		margin:0px 0;
		padding: 5px 0;
	}
	.mBox3Conbg .mBox2_name h4{
		font-size:14px;
	}
	.mBox3H5 span{
		font-size:12px;
	}
	.mBox3Conbg .mBox2Brief p{
		font-size:12px;
	}
	.CaseMain{
		padding:0px 10px;
	}
	.Shop .container{
		padding:0;
		margin:0;
	}
	.b3l li{
		width:25%;
	}
	.caseTop li {
		width:33.33%;
	}
	#Case{
		background: #023894;
		color:#fff;
		padding-bottom:10px;
	}
	.hidden-xs{
		
	}
	.mBox3Conbg .mBox2Ico{
		margin:10px auto;
	}
	#top .temMobil{
		display:none;
	}
	#nb_toolbar_wrap{
		display:none !important;
	}
	.met-shownews .col-md-3{
		width:100%;
	}
	.p7{
		z-index:9;
	}
}

/*分页*/
.skewScroll .skeMain ul li a{
	width:auto;
	padding:3px 8px;
	height: auto;
	text-align: center;
	line-height: 16px;
}
.xinjoin_dBox {
    margin: 0 -45px;
}
.xinjoin_dBox ul li{
    list-style: none;
    width: 33%;
    float: left;
    padding: 0 42px;
    padding-top: 40px;
    color: #7c7c7c;
    line-height: 24px;
}
.xinjoin_dBox ul li:hover{
	background-color: rgba(0, 0, 0, 0.8);
    border-radius: 18px;
}
.xinjoin_dBox ul li:hover p span{
	color:#fff;
}
.xinjoin_dBox .xinjoin_dimg1{
    height: 80.91px;
    width: 118px;
    float: left;
}
.xinjoin_dBox .xinjoin_dimg1 span a{
	font-size: 60px;
}
.xinjoin_dBox ul li p
{
    font-size: 16px;
    line-height: 1.35;
    font-family: 'AddFont', Microsoft Yahei;
    word-wrap: break-word;
}
.zt a:hover{
	font-size:14px;
}
.businessBox13Lef,.businessBox13Rig{ padding:0;}
.busBox13Logo{ padding-bottom:40px;}
.busBox13Logo img:hover{background:url(../images/business.png)no-repeat center;}
.businessBox13Lef h4{ font-size:40px; color:#4f4d4d; font-family:"黑体"; padding-bottom:20px;}
.businessBox13Lef h5{ font-size:20px; color:#1a1a1a; padding-bottom:10px;}
.businessBox13Lef p{ font-size:36px; color:#af0f30; padding-bottom:30px;}
.businessBox13Rig .col-xs-12{ padding-bottom:20px;}
.businessBox13Rig .form-control{ height:48px; border-color:#dddddd; border-radius:2px; box-shadow:none;}
.businessBox13Rig .form-control:focus{ border-color:#af0f30; box-shadow:0 0 10px rgba(175,15,48,0.1);}
.businessBox13Rig textarea.form-control{ height:auto; line-height:32px; resize:none;}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.night img:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

@media (max-width: 480px) {
.skeMain .mBox2Img {
    overflow: hidden;
    position: relative;
}
.skeMain .mBox2Img > img {
    margin: 0 auto;
    transform: scale(1, 1);
    transition: all 0.6s ease-in-out 0s;
    vertical-align: middle;
    width: 378px;
	height: 220px;
}
	}
	
@media (min-width: 790px) {
.skeMain .mBox2Img {
    overflow: hidden;
    position: relative;
}
.skeMain .mBox2Img > img {
    margin: 0 auto;
    transform: scale(1, 1);
    transition: all 0.6s ease-in-out 0s;
    vertical-align: middle;
    width: 378px;
	height: 400px;
}
	
}
@media (min-width: 991px) {
.skeMain .mBox2Img {
    overflow: hidden;
    position: relative;
}
.skeMain .mBox2Img > img {
    margin: 0 auto;
    transform: scale(1, 1);
    transition: all 0.6s ease-in-out 0s;
    vertical-align: middle;
    width: 378px;
	height: 320px;
}
	
}

@media (min-width: 1200px) {
.skeMain .mBox2Img {
    overflow: hidden;
    position: relative;
}
.skeMain .mBox2Img > img {
    margin: 0 auto;
    transform: scale(1, 1);
    transition: all 0.6s ease-in-out 0s;javascript:;
    vertical-align: middle;
    width: 378px;
	height: 480px;
}
	
}