body {font-size:14px;font-family:Microsoft Yahei;  color:#333; padding-top:116px; }
*{margin:0; padding:0;font-family:Microsoft Yahei;	}
dl {margin:0;}
dt {font-weight:normal;}
ul, li {list-style-type:none;margin:0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a {color: #333;text-decoration:none;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
a:hover {text-decoration:none;color:#c50f0f;}
a:focus {text-decoration:none;color:inherit;}
img { border:0;vertical-align:middle;}
table {border-collapse:collapse;}
input {border:0;}
.wrap {
    width:100%;
	overflow:hidden;
    min-width: 320px;
    margin: 0px auto;
    max-width: 640px;
	box-sizing:border-box;
	position:relative;
	padding-bottom: 47px;
}
/*公共样式勿删除*/
.clearfix:after {content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {zoom: 1;}
.f_b {font-weight:bold;}
.v_m {vertical-align:middle;}
.v_t {vertical-align:top;}
.fl { float:left;}
.fr {float:right;}
.db {display:block;}
.dnb {display:inline-block;}
.d_n {display:none;}
.bod_r50 {border-radius:50%;}
.bod_r {border-radius:5px;}
.p20 {padding:20px;}
.pt5 {padding-top:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}
.pr5 {padding-right:5px;}
.pt10 {padding-top:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}
.pt15 {padding-top:15px;}
.pl15 {padding-left:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}
.pt20 {padding-top:20px;}
.pr25 {padding-right:25px;}
.pb25 {padding-bottom:25px;}
.pl25 {padding-left:25px;}
.pt25 {padding-top:25px;}
.pr30 {padding-right:30px;}
.pb30 {padding-bottom:30px;}
.pl30 {padding-left:30px;}
.pt30 {padding-top:30px;}
.mt5 {padding-top:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}
.mr5 {margin-right:5px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mt15 {margin-top:15px;}
.ml15 {margin-left:15px;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}
.ml80 {margin-left:80px;}
.mt20 {margin-top:20px;}
.mr25 {margin-right:25px;}
.mb25 {margin-bottom:25px;}
.ml25 {margin-left:25px;}
.mt25 {margin-top:25px;}
.mr30 {margin-right:30px;}
.mb30 {margin-bottom:30px;}
.ml30 {margin-left:30px;}
.mt30 {margin-top:30px;}
.t_c {text-align:center;}
.t_r {text-align:right;}
.t_l {text-align:left;}
.f36 {font-size:36px;}
.f32 {font-size:32px;}
.f30 {font-size:30px;}
.f28 {font-size:28px;}
.f24 {font-size:24px;}
.f22 {font-size:22px;}
.f20 {font-size:20px;}
.f12 {font-size:12px;}
.f18 {font-size:18px;}
.f16 {font-size:16px;}
.f14 {font-size:14px;}
.bod {border:1px solid #eee;}
.b_t {border-top:1px solid #eee;}
.b_r {border-right:1px solid #eee;}
.bb_d {border-bottom:1px dotted #ddd;}
.bb {border-bottom:1px solid #eee;}
.b_l {border-left:1px solid #eee;}
.lh30 {line-height:30px;}
.lh24 {line-height:24px;}
.t_d {text-decoration:underline;}
.p_r {position:relative;}
.c_p {cursor:pointer;}
.c_6 {color:#666;}
.white { color:#fff;}
.red {color:#c50f0f;}
.c_9 {color:#999;}
.yellow {color:#ffc600;}
.blue{color:#1684c9;}
.bgf {background:#fff;}
.orange {color:#ff9000;}
.box_s {box-shadow:0 0 20px #ccc;}
.td2 {text-indent:2em;}
.bgcolor {background:#f5f5f5;}
.green {color:#45b29b;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p30 {padding:30px;}


.navbar-default {
	margin:0;
	border:none;
	background:none;
}
.header {
	padding:10px 0;
	background:#000;
	position:fixed;
	left:0;
	top:0;
	z-index:1001;
	width:100%;
}
.logo {
	display:inline-block;
}
.navbar-default .navbar-nav {
	padding-top:25px;
}
.navbar-default .navbar-nav>li {
	width:88px;
	height:50px;
	line-height:50px;
	text-align:center;
	overflow:hidden;
}
.navbar-default .navbar-nav>li>a {
	width:100%;
	height:100%;
	line-height:50px;
	position:absolute;
	padding:0;
	display:block;
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:hover {
	background:#d9121c;
	color:#fff;
}

.navbar-default .navbar-nav>li>a.one{top:0;left:0;z-index:1;}
.navbar-default .navbar-nav>li:hover .one{top:-50px;left:0;}

.navbar-default .navbar-nav>li .two{bottom:-50px;left:0;z-index:2;background:#d9121c;color:#FFF;}
.navbar-default .navbar-nav>li:hover .two{bottom:0px;left:0;}
.footer {
	background:#000;
	padding-top:30px;
	color:#fff;
	line-height:22px;
	margin-top:30px
}

.footer h2 {
	font-size:24px;
	padding-bottom:10px;
}
.footer .bb {
	border-bottom:1px solid #352424;
}
.footer .b_t {
	border-top:1px solid #352424;
}
.footer a{ color:#FFF;}
.footer a:hover{ color:#900;}
.title_h {
	text-align:center;
	padding-top:40px;
}
.title_h h2 {
	font-size:36px;
}
.title_h p{
	font-size:24px;
}
.title_h i {
	display:block;
	margin:0 auto;
	border-bottom:3px solid #c50f0f;
	width:40px;
}

#myCarousel1 {
	margin:40px 0 60px;
}


.Design a {
	display:block;
	font-size:30px;
	text-align:center;
	font-weight:bold;
	background:#000000;
	color:#fff;
	width:280px;
	height:280px;
	margin:100px auto;
	-moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.Design a h3 {
	font-weight:bold;
	margin:0;
	padding:80px 0 20px;
}
/*.Design a:hover {
	-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); 
}*/
.banner_about {
	background:url(../banner/about.jpg) center no-repeat;
	height:500px;
}
.banner_fuwu {
	background:url(../banner/fuwu.jpg) center no-repeat;
	height:500px;
}
.banner_lianxi {
	background:url(../banner/lianxi.jpg) center no-repeat;
	height:500px;
}
.banner_anli {
	background:url(../banner/anli.jpg) center no-repeat;
	height:500px;
}
.banner_news {
	background:url(../images/MOSHE-web-design_06.jpg) center no-repeat;
	height:500px;
}

.fenlei {
	margin-top:50px;
}
.fenlei a {
	display:inline-block;
	padding:6px 20px;
}
.fenlei a.on {
	background:#c50f0f;
	color:#fff;
}
.case_h {
	position:relative;
	margin-top:-110px;
	padding:30px 50px 0;
	line-height:24px;
}
.xiangmu {
	padding:100px 0;
}
.searvice_left img {
	width:80%;
}
.searvice_left h2 {
	font-size:30px;
	margin-top:0;
}
.searvice_left i {
	display:block;
	width:150px;
	margin:20px 0;
	border-bottom:3px solid #555555;
}
.searvice_left p {
	font-size:16px;
	margin-bottom:30px;
}
.searvice_right p {
	line-height:36px;
	margin-bottom:40px;
	font-size:18px;
	padding-right:80px;
}
.searvice_right h3 {
	margin-top:0;
}
.searvice_right h3 span {
	display:inline-block;
	font-size:20px;
	background:#cacaca;
	padding:5px;
}
.xm_pt {
	padding-top:110px;
}
.carousel-indicators2 {
	bottom:-60px;
}
.carousel-indicators2 li {
	background:#b0b0b0;
}
.carousel-indicators2 .active {
	background:#6e6e6e;
}
.searvice_right .box {
	padding-top:280px;
}
.newsbox {
	padding:80px;
}
.news_menu {
	line-height:30px;
}
.newsitem h1 {
	font-size:24px;
	border-bottom:1px solid #ddd;
	padding-bottom:30px;
	margin:0;
}
.newsitem p {
	line-height:36px;
	margin:15px 0;
	font-size:16px;
}
.newsitem img {
	display:block;
	margin:15px auto;
	max-width:100%;
}
.searvice_left1 i {
	border-bottom:5px solid #c50f0f;
	width:100px;
}
.newsmain {
	padding-top:20px;
}
.newsmain .media {
	padding:20px 0 0;
	line-height:24px;
}
.newsmain .media-heading {
	line-height:24px;
	font-size:16px;
	margin-bottom:15px;
}
.navbar-toggle {
	margin-right:0;
}

.swiper-container1 .swiper-button-prev {
	background:url(../images/MOSHE-web-design_66.png) center no-repeat;
	width:56px;
	height:105px;
	margin-top:-50px;
}
.swiper-container1 .swiper-button-next {
	background:url(../images/MOSHE-web-design_69.png) center no-repeat;
	width:56px;
	height:105px;
	margin-top:-50px;
}
.swiper-container1 .swiper-pagination {
	bottom:30px;
}
.swiper-container1 .swiper-pagination-bullet {
	background:#fff;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
	background:none;
}
.swiper-container2 .swiper-slide {
	width:20%;
}

.swiper-container2 .swiper-slide a {
	display:block;
	margin:30px 8px;
	border: 1px solid #333;
}
.swiper-container2 .swiper-slide a:hover img {
	transition: all 0.5s;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
.swiper-container2 .swiper-slide a img {
	width:100%;
	    transition: all 0.5s;
    -webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
    filter: gray;
}
.swiper-button-prev2 {
	background:url(../images/MOSHE-web-design_66.png) center no-repeat;
	width:56px;
	height:105px;
	left:-100px;
	margin-top:-50px;
}
.swiper-button-next2 {
	background:url(../images/MOSHE-web-design_69.png) center no-repeat;
	width:56px;
	height:105px;
	right:-100px;
	margin-top:-50px;
}
.swiper-container3 .swiper-slide {
	width:33.333%;
}
.swiper-container3 .swiper-slide img {
    width: 100%;
    transition: all 0.5s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.swiper-container3 .swiper-slide a:hover .img {
	transition: all 0.5s;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
.swiper-container3 {
	padding-bottom:70px;
}
.swiper-container3 .swiper-pagination{
	border:0;
}
.swiper-container3 .swiper-pagination-bullet  {
	width:15px;
	height:15px;
	border-radius:50%;
}
.swiper-container3 .swiper-pagination-bullet-active {
	background:#d9121c;

}
.swiper-container02 {
	padding-bottom:90px;
}

.swiper-container02 .swiper-pagination-bullet {
	width:15px;
	height:15px;
	border-radius:50%;

}
.swiper-container02 .swiper-pagination-bullet-active {
	background:#d9121c;
}
.totop {
	background:url(../images/MOSHE-web-design_90.png) center no-repeat;
	width:54px;
	height:54px;
	position:fixed;
	right:20px;
	bottom:280px;
	display:none;
	z-index:999;
}

.case li {
	float:left;
	width:33.333%;
}
.case li img {
	width:100%;
	transition: all 0.5s;
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.case li:hover .img {
	transition: all 0.5s;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
.searvice_right1 {
	padding-top:150px;
}
.pt150 {
	padding-top:150px;
}
.arrar {
    animation: upDownBtn 1.5s infinite;
    animation: upDownBtn 1.5s infinite;
    -webkit-animation: upDownBtn 1.5s infinite;
    animation: upDownBtn 1.5s infinite;
}
@-webkit-keyframes upDownBtn{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px)}}
@keyframes upDownBtn{0%{opacity:0;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}50%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}}



@media (min-width:992px) and (max-width:1199px){

}
@media (min-width:768px) and (max-width:991px){

	.navbar-default .navbar-nav {
		padding:0;
	}
	.newsbox {
		padding:0;
	}

	.media-body, .media-left, .media-right {
		display:block;
		width:100%;
		padding:0;
	}
	.media-object {
		width:100%;
	}
	.logo img {
		width:155px;
	}

	.case_h {
		padding:15px;
	}
	.banner_about {
	height:250px;
	}
	.banner_fuwu {
		height:250px;
	}
	.banner_lianxi {
		height:250px;
	}
	.banner_anli {
		height:250px;
	}
	.banner_news {
		height:250px;
	}

	.fenlei a {
		padding:3px 8px;
		font-size:12px;
	}
	.searvice_left img {
		width:100%;
	}
	.searvice_right p {
		padding-right:0;
		font-size:14px;
	}
	.searvice_right .box,.xm_pt {
		padding-top:15px;
	}
	.PARTENR li {
		width:25%;
	}
	.carousel-control.left2 {
		left:0;
	}
	.carousel-control.right2 {
		right:0;
	}
	.Design a {
		margin:15px auto;
		width:100%;
	}
	.footer .pt30 {
		padding-top:0;
	}
	.newsmain .media-heading {
		padding-top:10px;
	}
	body {
		padding-top:70px;
	}
	
}

@media (max-width:767px){
    .footer img {
		width:100%;
	}
	.newsbox {
		padding:0;
	}
	.media-body, .media-left, .media-right {
		display:block;
		width:100%;
		padding:0;
	}
	.media-object {
		width:100%;
	}
	.case li {
		width:50%;
	}

	.logo img {
		width:90px;
	}
	.navbar-collapse {
		float:none;
	}
	.case_h {
		padding:15px;
	}
	.banner_about {
		height:250px;
	}
	.banner_fuwu {
		height:250px;
	}
	.banner_lianxi {
		height:250px;
	}
	.banner_anli {
		height:250px;
	}
	.banner_news {
		height:250px;
	}
	
	.fenlei a {
		padding:3px 8px;
		font-size:12px;
	}
	.searvice_left img {
		width:100%;
	}
	.searvice_right p {
		padding-right:0;
		font-size:14px;
	}
	.searvice_right .box,.xm_pt {
		padding-top:15px;
	}
	.PARTENR li {
		width:50%;
	}
	.carousel-control.left2 {
		left:0;
	}
	.carousel-control.right2 {
		right:0;
	}
	.Design a {
		margin:15px auto;
		width:100%;
		height:auto;
		font-size:14px;
		padding-bottom:10px;
	}
	.Design a h3 {
		padding:20px 0 15px;
	}
	.footer .pt30 {
		padding-top:0;
	}
	.newsmain .media-heading {
		padding-top:10px;
	}
	.Design {
		margin:0 -5px;
	}
	.Design .col-lg-4 {
		padding:5px;
	}
	.swiper-button-next2 {
		right:0;
		background-size:20px auto;
	}
	.swiper-button-prev2{
		left:0;
		background-size:20px auto;
	}
	.swiper-container2 .swiper-slide {
		width:50%;
	}
	.swiper-container3 .swiper-slide {
		width:50%;
	}
	.swiper-container3 .swiper-slide img {
		height:110px;
	}
	.swiper-container1 .swiper-button-next,.swiper-container1 .swiper-button-prev {
		background-size:20px auto;
		
	}
	.navbar-default .navbar-nav>li {
		width:100%;
	}
	body {
		padding-top:70px;
	}
	.searvice_right1 {
		padding-top:0;
	}
	.pt150 {
		padding-top:30px;
	}
	
}