.great{
	width: 100vw;
	/*height: 100vh;*/
	position: relative;
	/*background: url(../image/top-bg.jpg)no-repeat center center;*/
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    /*background-attachment: fixed;*/
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}
.icon{
	display: inline-block;
	background: url(/images/icon.png);
	position: absolute;
}
.icon01{
	width: 32px;
	height: 26px;
	background-position:0 0;
	/*top: 5px;*/
	left: -42px;
}
.icon02{
	width: 32px;
	height: 32px;
	background-position:0 -26px;
	top:-3px;
	left: -42px;
}
.icon03{
	width: 32px;
	height: 22px;
	background-position:0 -57px;
	top: 5px;
	left: -42px;
}
.icon04{
	width: 32px;
	height: 35px;
	background-position:0 -78px;
	top: -3px;
	left: -42px;
}
.icon05{
	width: 32px;
	height: 35px;
	background-position:0 -114px;
	top: -3px;
	left: -42px;
}
/*.image{
	position: absolute;
	width: 100%;
	height: 100vh;
    position: absolute;
    display: block;
}*/
.navbar-default {
    background-color:transparent;            
    border-color: transparent; 
    background-color: #fff;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    color:#333;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    color:#ed3237;
    background-color: transparent;
}
.navbar-header{
	position: relative;
	z-index: 2000;
}
.site{
	display: inline-block;
	vertical-align: bottom;
}
.station{
	color: white;
	font-size: 1.8rem;
	margin-left: 10px;
	display: inline-block;
	vertical-align: bottom;
}
.switch{
	color: #fff;
	line-height:80px;
	font-size: 1.2rem;
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	top: 30px;
	cursor: pointer;
	margin-left: 10px;
}
.site-dropdown{
	overflow: hidden;
	min-width: 210px;
	border-radius: 0;
	margin-left: 75px;
}
.site-dropdown .dropdown-header{
	float: none;
	color: #103479;
	font-size: 1.4rem;
}
.site-dropdown .dropdown-header span{
	width: 2px;
	height: 15px;
	display: inline-block;
	background:#103479 ;
	position: relative;
	top: 3px;
	right: 3px;
}
.site-dropdown li{
	float: left;
}
.site-dropdown li a{
	color: #666;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #333;
}
.navbar{
        margin-bottom:0px;
	}
.navbar-collapse{
	position: relative;
	z-index: 100;
}
.navbar-right{
	text-align: center;
}
.navbar-right li img{
	float: left;
	margin-top: 15px;
}
.navbar-right li a{
	font-size: 1.8rem;
	margin-top: 5px;
}
.navbar-right li a i{
	font-size: 1.2rem;
}
.navbar-right .activeli{
    
	background: transparent;
	border-bottom:2px solid #ed3237;
}
.navbar-default .navbar-nav>.activeli>a{
    color:#ed3237;
}
.navbar-right li:hover a{
	border-bottom:2px solid #ed3237;
}
.slogan{
	color: #fff;
	/*margin-bottom: 45vh;*/
	/*bottom: 20vh;*/
	top: 38vh;
	font-size: 6rem;
	margin: 0 auto;
	position:absolute;
	left:0; right:0;
}
.slogan p:first-of-type{
	text-shadow: 1px 2px 2px #4c4c4c;
}
#slogan-img{
	
	width: 30vw;
	margin: 0 auto; 
	/*动画执行次数*/
	/*animate-iteration-count: 6;   
	-webkit-animation-iteration-count: 6;
	-moz-animation-iteration-count: 6;*/
	
}
/*#slogan-img img{
	border-shadow: 1px 2px 2px #4c4c4c;
}*/
.slogan p:last-of-type{
	font-size: 3.6rem;
	margin-top: 20px;
	text-shadow: 1px 2px 2px #4c4c4c;
}
.go{
	display:block;
	width:105px;
	margin: 0 auto;
	position:absolute;
	left:0; right:0; bottom:-3.5vh;
}

.cando{
	
}
.cando-title{
	/*width: 23.5vw;*/
	margin: 100px auto 45px;
	text-align: center;
}
.cando-p{
	font-size: 1.4rem;
	line-height: 2.4rem;
}
.dothing{
	margin-top: 88px;
	/*margin-bottom: 30px;*/
} 
.dothing .col-md-2 ,.dothing .col-xs-4{
	margin-bottom: 5vh;
}
.cando-img1{
	width: 67px;
	height: 78px;
	margin: 0 auto;
	position: relative;
	top: 0;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.planning{
	font-size: 1.4rem;
	line-height: 3.8rem;
	color: #c2c2c2;
	position: relative;
	top: 0;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.design{
	font-size: 2.2rem;
	line-height: 1.8rem;
	color: #333;
	/*margin-top: 1vh;*/
    margin-bottom:0.5vh;
	position: relative;
	top: 0;
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.detail{
	font-size: 1.4rem;
	line-height: 1.8rem;
	text-align: left;
	padding: 10px 5px;
}
.case{
	/*margin-bottom: 100px;*/
}
.case-title{
	/*width: 15.5vw;*/
	margin: 100px auto 45px;
	text-align: center;
}
.more{
	text-decoration: none;
	font-size: 1.6rem;
	margin-right: 15px;
}
.our-case{
	
}
.case-detail{
	position: relative;
	overflow: hidden;
	margin: 15px 0;
}
/*.case-detail:hover{
	background: rgba(0,0,0,0.6);
}*/
.our-case .case-img{
	width: 100%;
	height:225px;
	border-radius:5px ;
}
.case-intr{
	position: absolute;
	top: 0;
	bottom: 0;
	left:15px;
	right:15px;
	transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	border-radius:5px;
	color: #fff;
	/*background:rgba(0,0,0,0.6);*/
}
.case-intr h2{
	font-size: 2rem;
	margin:75px auto 15px;;
	position: relative;
	top:300px;
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.case-person{
	padding:0 2vw;
	font-size: 1.4rem;
}
.case-person p{
	font-size: 1.4rem;
	line-height: 1.8;
}
.case-intr p{
	padding: 0 5%;
	font-size: 1.4rem;
	position: relative;
	top:30vh;
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.case-detail:hover .case-intr{
	background:rgba(0,0,0,0.6);
}
.case-detail:hover .case-intr h2{
	top: 0;
}
.case-detail:hover .case-intr p{
	top: 0;
}
.customer{
	/*margin-bottom: 100px;*/
}
.customer-logo{
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(0,0,0,0.6);
	opacity: 0;
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar-brand{
    width:130px;
    box-sizing:content-box; 
}
.navbar-brand img{
    width:100%;
}
.customer-detail:hover .customer-logo{
	opacity: 1;
}
.customer-title{
	/*width: 15.5vw;*/
	margin: 100px auto 45px;
	text-align: center;
}
.our-customer .customer-detail{
	margin: 15px 0;
}
.customer-intr{
	height: auto;
	border: 1px solid #ccc;
	overflow: hidden;
	position: relative;
}
.customer-intr img{
	width: 100%;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    /*-webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);*/
}
.customer-detail:hover .customer-intr img{
	transform: scale(1.2); 
	-ms-transform:scale(1.2); 	/* IE 9 */
	-moz-transform:scale(1.2); 	/* Firefox */
	-webkit-transform:scale(1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2);
}
.customer-detail:hover .customer-logo h2{
	/*top: 45%;*/
	left: 0;
}
.customer-logo h2{
	color: #fff;
	font-size: 1.8rem;
	position: relative;
    /*top: 45%;*/
   	margin: 45% auto;
    left: -120%;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}


.customer-detail:hover .customer-intr{
    box-shadow: 2px 2px 4px #c8c8c8;
    transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    -webkit-transform: translate(0px, -2px);
    -o-transform: translate(0px, -2px);
    -moz-transform: translate(0px, -2px);
}
.our-info{
	margin-top: 20px;
	margin-bottom: 55px;
}
.info-title{
	/*width: 9vw;*/
	margin: 100px auto 45px;
	text-align: center;
}
.date{
	width: 80%;
	display: inline-block;
	margin-top: 15px;
}

.info-detail .col-xs-4{
	padding: 0;
}
.date-day{
	color: #333;
	font-size:9rem;
}
.date-mou{
	color: #333;
	font-size: 2rem;
	position: relative;
	top: -20px;
}
.th{
	display: block;
	width: 2em;
	height: 2em;
	color: #fff;
	background: #d83135;
	text-align: center;
	font-size: 2.5rem;
	line-height: 4rem;
	position: absolute;
	top: 5px;
	right:15px ;
	border-radius:50%;
	vertical-align: middle;
}
.info-content h2{
	margin-top: 20px;
	margin-bottom: 15px;
	color: #333;
	font-size: 2.8rem;
}
.info-content p{
	color: #666;
	font-size: 1.6rem;
	line-height: 1.5;
	overflow:hidden;
	display: -webkit-box;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	width:100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.position .col-sm-6{
	padding: 0;
}
.mapdiv{
	/*margin: 20px auto;*/
	width: 100%;
	height:440px;
}
.position{
	position: relative;
}
.where{
	/*position: absolute;*/
	/*width:75vh;*/
	height: 440px;
	background: rgba(241,241,241,1);
	top: 0;
	padding-top: 55px;
}
.where h2{
	color: #333;
	font-size: 4rem;
}
.where p{
	font-size: 1.8em;
	color: #444;
	line-height: 1.5;
	margin: 25px;
	position: relative;
	text-align: left;
}
.address{
	margin-left: 30%;
}
/*.where p:nth-of-type(1){
	
}
.where p:nth-of-type(2){
	left: -126px;
}

.where p:nth-of-type(3){
	left: -128px;
}
.where p:nth-of-type(4){
	left: -96px;
}*/
footer{
	background: #333;
}
.footer-list{
	margin:50px 0 ;
}
.footer-list ul{
	width:500px;
	margin: 0 auto;
} 
.footer-list ul li{
	float: left;
	width: 122px;
	margin: 10px 0;
}
.footer-list ul li a{
	color: #fff;
	margin: 20px 5%;
	font-size: 1.8rem;
	text-align: center;
}
.footer-list ul li a i{
	font-size: 1.2rem;
	display: block;
}
.footer-list p{
	font-size: 1.1rem;
	color: #fff;
	margin-bottom: 30px;
	position: relative;
	top: 0px;
	width: 500px;
	margin: 0 auto;
}
.our-hao{
	color: #fff;
	font-size: 3.5rem;
	margin-top: 5px;
}
.we-hao{
	margin:40px 0 ;
}
.Copyright{
	color: #fff;
	font-size: 1.4rem;
	line-height: 3.8;
	margin-top: 20px;
}
.back-top {
    position: fixed;
    bottom: 60px;
    right: 35px;
}
.back-top img{
	width: 45px;
	height: 45px;
}
.ms {
    position: fixed;
    bottom: 115px;
    right: 35px;
}
.ms img{
	width: 45px;
	height: 45px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
     background-color:transparent; 
}
.navbar-default .navbar-toggle {
     border-color:transparent; 
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #333;
}
.see-more{
	text-decoration: none;	
}

.customer-title .customer-title-img{
	width: 316px;
	height: 79px;
}

.cando-title .cando-title-img{
	width: 279px;
	height: 57px;
}
	
.case-title .case-title-img{
	width: 279px;
	height: 77px;
}
.info-title .info-title-img{
	width: 139px;
	height: 69px;
}
.weibo a{
         display:block;
         width:100%;
     }
.weibo img{
    width:100%;
}
/*--------------------------------意见反馈弹框-------------------------------------------------------------------*/
.modal-header .close {
    margin-top: -20px;
}
.modal-title{
	color: #333;
	font-size: 1.8rem;
	padding-top: 15px;
}
.modal-header{
	border-bottom: 0 none;
	padding: 30px 15px;
}
.control-label{
	font-size: 1.6rem;
	font-weight: normal;
	padding-right: 0;
}
@media only screen and (max-width:768px) {
	
	/*--------------------------------意见反馈弹框-------------------------------------------------------------------*/
	.modal-title{
		color: #333;
		font-size: 1.4rem;
		
	}
	.modal-header .close {
	    margin-top: -5px;
	}
	.modal-header{
		border-bottom: 0 none;
		padding: 15px 15px;
	}
	.control-label{
		font-size: 1.1rem;
		font-weight: normal;
		padding-right: 0;
	}
	.form-control{
		font-size: 1.1rem;
	}
	.modal-dialog {
	    position: relative;
	    width: auto;
	    margin: 35px;
	}
	/*--------------------------------意见反馈弹框-------------------------------------------------------------------*/
	/*.slogan{
		top: 38vh;
	}*/
	.slogan p:last-of-type{
		font-size: 1.7rem;
	}
	.customer-logo h2{
		font-size: 1rem;
	}
	.customer-title .customer-title-img{
		width: 49vw;
		height: auto;
	}
	
	.cando-title .cando-title-img{
		width: 45vw;
		height: auto;
	}
		
	.case-title .case-title-img{
		width: 45vw;
		height: auto;
	}
	.info-title .info-title-img{
		width: 22.5vw;
		height: auto;
	}

	.icon{
		display: inline-block;
		background: url(/images/icon.png);
		position: absolute;
		background-size: 100%;
		
	}
	.icon01{
		width: 26px;
		height: 21px;
		background-position:0 0;
		/*top: 5px;*/
	}
	.icon02{
		width: 26px;
		height: 25px;
		background-position:0 -21px;
		/*top:10px;*/
	}
	.icon03{
		width: 26px;
	    height: 18px;
	    background-position: 0px -46px;
	    top: 3px;
	}
	.icon04{
		width: 26px;
	    height: 28px;
	    background-position: 0px -64px;
	    /*top: 10px;*/
	    /*left: -10px;*/
	}
	.icon05{
		width: 26px;
	    height: 28px;
	    background-position: 0px -93px;
	    /*top: 10px;*/
	    /*left: -10px;*/
	}
	.mapdiv{
		height: 35vh;
	}
	.great{
		background-attachment: initial;
	}
	.our-case .case-img {
	    width: 100%;
	    height: 33vh;
	    border-radius: 5px;
	}
	.go{
		width: 60px;
	}
    
    .navbar-brand{
        padding:15px 15px 0px;
    }
	.navbar-default {
	    background-color: #fff;
	    border-color: #fff;
	    position: relative;
    	z-index: 10000;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	    color: #333;
	    background-color: #e7e7e7;
	}
	.navbar-default .navbar-nav>li>a {
	    color: #666;
	}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	    color: #333;
	    background-color: #e7e7e7;
	}
	#example-navbar-collapse{
		position: relative;
		z-index: 200000;
	}
	.logo{
		width:130px;
	}
	/*.navbar-brand {
	    padding: 18px 7px;
	}*/
	.station{
		color: #333;
		font-size: 1.6rem;
		margin-left: 5px;
		display: inline-block;
		vertical-align: bottom;
	}
	.switch{
		color: #333;
		line-height: 50px;
		font-size: 1rem;
		display: inline-block;
		vertical-align: bottom;
		margin-left: 5px;
		position: relative;
		top:15px;
	}
	.site-dropdown{
		margin-left: 60px;  
	}
	.navbar-right{
		text-align: left;
	}
	.navbar-right .activeli{
		background:#e7e7e7;
		border-bottom: 0 none;
	}
	.navbar-right li a{
		font-size: 1.4rem;
		margin-top: 5px;
	}
	.navbar-right li a i{
		font-size: 1.1rem;
	}
    /*.navbar-brand{
    width:130px;
}*/
    .logo {
    width: 130px;
    top: 3px;
}
	.slogan{
		/*margin-bottom: 40vh;*/
		font-size: 3rem;
		top: 40vh;
	}
	#slogan-img {
	    width: 60vw;
	    margin: 0 auto;
	}
	.cando-title{
		/*width:50vw;*/
		margin: 50px auto 25px;
		text-align: center;
	}
	/*.cando-title .cando-title-img{
		max-width: 50%;
	}*/
	.cando-p{
		font-size: 1.2rem;
		line-height: 2.0rem;
		margin-bottom: 20px;
	}
	.dothing {
		margin-top: 44px;
	}
	
	.design {
		font-size: 1.2rem;
		line-height: 1.8rem;
		color: #333;
        margin-top:1vh;
	}
	.detail{
		font-size: 1.2rem;
		line-height: 1.8rem;
		text-align: left;
		padding: 5px 0;
	}
	.case-title{
		/*width:35vw;*/
		margin: 50px auto 25px;
		text-align: center;
	}
	.more{
		font-size: 1.2rem;
		margin-right: -5px;
	}
	.case-intr h2{
		font-size:1.5rem;
	}
	.case-intr p{
		font-size: 1.1rem;
	}
	.active-h{
		font-size: 1.4rem;
		color: #333;
		line-height: 5vh;
	}
   
	.customer-title{
		/*width:35vw;*/
		margin: 50px auto 25px;
		text-align: center;
	}
	/*.customer-title .customer-title-img{
		max-width: 50%;
	}*/
	.customer-intr{
		height:auto;
	}
	.info-title{
		/*width:19vw;*/
		text-align: center;
		margin: 50px auto 25px;
	}
	/*.info-title .info-title-img{
		max-width: 50%;
	}*/
	.info-content h2{
		margin-top: 10px;
		color: #333;
		font-size:1.4rem;
		line-height: 1.5;
		overflow:hidden;
		display: -webkit-box;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		width:100%;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    word-break: break-all;
	}
	.info-content p{
		color: #666;
		font-size: 1.2rem;
		line-height: 1.5;
		overflow:hidden;
		display: -webkit-box;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		width:100%;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	    word-break: break-all;
	}
	.our-info{
		margin-top: 20px;
		margin-bottom: 35px;
	}	
	.where-phone{
		padding: 2vh;
		background: rgba(241,241,241,1);
	} 
	.where-phone h2{
		color: #333333;
		font-size: 2rem;
	}
	.where-phone p{
		color: #333333;
		font-size: 1.2rem;
		color: #444;
		line-height: 1.5;
		margin: 15px;
		position: relative;
		text-align: left;
	}
	.address {
	    margin-left:18%;
	}
	.Copyright{
		color: #fff;
		font-size: 0.8rem;
		line-height: 3.8;
		margin-top: 20px;
	}
	.our-hao{
		margin-top: 0;
		font-size: 2rem;
        line-height:2em;
	}
        .we-hao{
	    margin:20px 0 ;
    }
	.back-top img {
	    width: 35px;
	    height: 35px;
	}
	.back-top {
	    position: fixed;
	    bottom: 60px;
	    right:5px;
	}
	.ms img {
	    width: 35px;
	    height: 35px;
	}
	.ms {
	    position: fixed;
	    bottom: 100px;
	    right:5px;
	}
    /*.weixin{
         margin-top:10px;
           width: 30%;
    float: left;
    height: 130px;
    margin-left: 15%;
    margin-right: 10%;
    padding:0px;
    max-width:168px;
    }
    .weibo{
        margin-top:10px;
        text-align: center;
    float: left;
    width: 30%;
    margin-right: 15%;
     height: 130px;
     max-width:168px;
    }*/
     .weibo a{
         display:block;
         width:100%;
     }
    .weibo img{
         width:100%;
        
    }
}
@media only screen and (max-width:450px) {
	.date-day{
		font-size: 6rem;
	}
	.date-mou{
		font-size: 1.4rem;
		
		top: -10px;
	}
	.th{
		display: block;
		width: 1.5em;
		height: 1.5em;
		color: #fff;
		background: #103479;
		text-align: center;
		font-size: 1.5rem;
		line-height: 2rem;
		position: absolute;
		top: 15px;
		right:5px ;
		border-radius:50%;
		vertical-align: middle;
	}
}
@media only screen and (min-width: 450px) and (max-width: 520px) {
	.date-day{
		font-size: 6rem;
	}
	.date-mou{
		font-size: 1.4rem;
		
		top: -10px;
	}
	.th{
		display: block;
	    width: 1.5em;
	    height: 1.5em;
	    color: #fff;
	    background: #103479;
	    text-align: center;
	    font-size: 2rem;
	    line-height: 2.5rem;
	    position: absolute;
	    top: 6px;
	    right: 15px;
	    border-radius: 50%;
	    vertical-align: middle;
	}
}
@media only screen and (min-width: 520px) and (max-width:600px) {
	.date-day{
		font-size: 8rem;
	}
	.date-mou{
		font-size: 1.4rem;
		
		top: -10px;
	}
	.th{
		display: block;
	    width: 1.5em;
	    height: 1.5em;
	    color: #fff;
	    background: #103479;
	    text-align: center;
	    font-size: 2rem;
	    line-height: 2.5rem;
	    position: absolute;
	    top: 15px;
	    right: 15px;
	    border-radius: 50%;
	    vertical-align: middle;
	}
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
	.date-day{
		font-size: 9rem;
	}
	.date-mou{
		font-size: 1.4rem;
		
		top: -10px;
	}
	.th{
		display: block;
	    width: 2em;
	    height: 2em;
	    color: #fff;
	    background: #103479;
	    text-align: center;
	    font-size: 2rem;
	    line-height: 3rem;
	    position: absolute;
	    top: 10px;
	    right: 15px;
	    border-radius: 50%;
	    vertical-align: middle;
	}
     .weixin{
         width:25%;
         margin-left:20%;
     }
     .weibo{
         margin-right:20%;
     }
    .weixin,.weibo{
        width:25%;
        height:200px;
    }
}