@charset "utf-8";

body {
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}

ul,li{
	padding: 0;
	margin: 0;
	list-style-type:none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 微软雅黑;
}

.top-container{
	width: 730px;
	margin: 0 auto;
}

.top-container{
	width: 80%;
}

@media (max-width: 767px){
	.top-container{
		width: 90%;
	}
}

.top{
	background-color: #FFF;
	height: 77px;
}

.logo{
	margin: 23px 0 22px 0;
	height: 32px;
}

.top .pull-right{
	color: #272533;
	font-size: 14px;
	line-height:77px;
}

.top .pull-right img{
	padding-right: 5px;
}

@media (max-width: 767px){
	.top{
		display:none;
	}
}

@media (min-width: 767px){
	.daowin-nav{
		z-index: 12;
		border:none;
		border-radius: 0px;
		background-color: rgba(255, 255, 255, 0.4);
		margin-bottom: 0;
		min-height: 40px;
	}
}

@media (max-width: 767px){
	.daowin-nav{
		min-height: 50px;
		margin-bottom: 0px;
		border: 1px solid transparent;
	}
}

.daowin-nav ul li a{
	color: #FFF;
	font-size: 16px;
	line-height: 30px;
	/*padding: 10px 52px*/
	padding: 5px 35px;
}

@media (max-width: 767px){
	.daowin-nav ul li a{
		color: #7f7f7f;
	}
}

@media (min-width: 767px){
	.navbar-brand{
		display:none;
	}
}

.daowin-nav .navbar-toggle{
	margin: 38px 10px 38px 0;
	border-color: #ddd;
}

.daowin-nav .navbar-toggle:focus, .daowin-nav .navbar-toggle:hover{
	background-color: #ddd;
}

.daowin-nav .navbar-collapse{
	border-color: #e7e7e7;
	margin-right: -15px;
	margin-left: -15px
}

.daowin-nav .navbar-toggle .icon-bar{
	background-color: #888
}

@media (min-width: 767px){
	.banner{
		top:-40px;
		z-index: 10;
	}
}

.banner-custom .tb-arrow a{
	width: 50px;
	height: 65px;/*
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;*/
}

.banner-custom .tb-arrow a.prev{
	background: url(../img/banner-prev.png) no-repeat;
}

.banner-custom .tb-arrow a.next{
	background: url(../img/banner-next.png) no-repeat;
}

/*.banner-custom  .banner:hover .tb-arrow a{
	opacity: 1;
}*/


/*.banner-custom .tb-btn{
	bottom: 0;height: 10px;
}*/

.banner-custom .tb-btn a{
	width: 15px;
	height: 15px;
	margin-bottom: 18px;
	box-sizing: border-box;
	border-radius: 0;
	background: url(../img/banner-last-child.png) no-repeat;
}

@media (max-width: 767px){
	.banner-custom .tb-btn a{
		width: 10px;
		height: 10px;
		margin-bottom: 0px;
	}
}

.banner-custom .tb-btn a:last-child{
	background: url(../img/banner-last-child.png) no-repeat;
}

.banner-custom .tb-btn a.active{
	background: url(../img/banner-active.png) no-repeat;
}

#mobileCarousel .carousel-indicators{
	bottom: -3px;
}

.slogan{
	position: relative;
	top:-50px;
	padding: 30px 0;
	background-color: #d4d4d4;
}

@media (max-width: 767px){
	.slogan{
		top:0px;
	}
}

.slogan p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
}

.slogan .col-md-2{
	padding-top: 38px;
	padding-right: 0;
	padding-left: 0;
	font-size: 15px;
	text-align: right;
}

.slogan .col-md-2 a{
	color: #b43d3d;
	text-decoration: none;
}

@media (max-width: 767px){
	.slogan .col-md-2{
		display:none;
	}
}

.container-custom{
	width: 580px;
	margin: 0 auto;
}

@media (max-width: 767px){
	.container-custom{
		width: 100%;
		padding-right: 15px;
	    padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
	}
}

@media (max-width: 767px){
	.why-we{
		margin-top: 50px;
	}
}

.title h2{
	color: #000;
	font-size: 28px;
	margin-top: 0;
}

.title p{
	color: #808080;
	font-size: 16px;
	font-family: Arial;
}

.title .hr{
	width: 50px;
	height:10px;
	border:none;
	border-top:3px solid #be2737;
	text-align: left;
}

.why-we .row{
	margin-top: 24px;
}

@media (max-width: 767px){
	.why-we .row{
		height: 166px;
	}
}

.why-we img{
	width: 152px;
	height: 152px;
}

@media (max-width: 767px){
	.why-we img{
		width: 131px;
		height: 131px;
	}
}

.why-we h3{
	margin-top: 20px;
	margin-bottom: 20px;
}

@media (max-width: 767px){
	.why-we h3{
		font-size: 15px;
		word-break:keep-all;
		white-space:nowrap;
		margin-top: 0;
	}
}

.why-we p{
	color: #7f7f7f;
	line-height: 20px;
	font-size: 14px;
	letter-spacing:1.5px;
}

@media (max-width: 767px){
	.why-we p{
		text-align: justify;
	}
}

.why-we-bottom{
	color: #7f7f7f;
	font-size: 14px;
	background: url(../img/why-we-icon.png) no-repeat 0 3px;
	padding-left: 25px;
	margin: 50px 0 60px 0;
}

.service{
	padding-top: 58px;
	padding-bottom: 15px;
	background-color: #d83341;
}

.service-slogan{
	color: #FFF;
	font-size: 15px;
	margin-top: 52px;
	margin-bottom: 50px;
}

.service .row{
	margin-bottom: 35px;
	margin-right: 0px;
	margin-left: 0px;
}

.service-content .right{
	margin-left:10px;
}

@media (max-width: 767px){
	.service-content .left{
		width: 30%;
	}

	.service-content .service02{
		margin-top: 25px;
	}

	.service-content .right{
		width: 70%;
		margin-left:0px;
		padding-left: 10px;
	}
}

.service-content img{
	width: 103px;
	height: 120px;
}

.service-content h2{
	color: #FFF;
	font-size: 17px;
	font-weight: 400;
	margin-top: 20px;
	margin-bottom: 5px;
}

.service-content h3{
	color: #FFF;
	font-size: 13px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 5px
}

.service-content h4{
	color: #FFF;
	font-size: 13px;
	font-weight: 100;
	line-height: 16px;
	margin-top: 0;
}

.case-nav{
	border: 1px solid #030000;
	padding: 7px 0;
	margin-top: 65px;
}

@media (max-width: 767px){
	.case-nav{
		width: 90%
	}
}

.case-nav>li{
	font-size: 14px;
	width: 75px;
	height: 14px;
	text-align: center;
	margin-bottom: 0;
}

@media (max-width: 767px){
	.case-nav>li{
		width: 60px;
	}
}

.case-nav>li>a{
	color: #8e8e8e;
	border:none;
	border-right: 1px solid #7f7f7f;
	border-radius:0px;
	line-height: 14px;
	padding: 0px;
}

.case-nav>li>a:hover{
	color: #b62121;
	border-right: 1px solid #7f7f7f;
	background-color: #FFF;
}

.case-nav>li.active>a, .case-nav>li.active>a:focus, .case-nav>li.active>a:hover{
	color: #b62121;
	border:none;
	border-right: 1px solid #7f7f7f;
}

.case-content{
	margin-top: 26px;
}

.case-content .row{
	margin-left: -4px;
	margin-right: -4px;
}

.case-content .row .col-md-6{
	padding-left: 4px;
	padding-right: 4px;
}

.case-project{
	width: 286px;
	height: 165px;
	background-color: #b5b5b5;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
}


@media (max-width: 767px){
	.case-project{
		width: 100%;
		height: 200px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

.case-project img{
	width: 100%;
	height: 100%;
}

.background-image-holder{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	z-index: 0;
	background-position: 50% 50% !important;
}

.bwWrapper {
	position:relative;
	display:block;
}

.background-image-holder{
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

.background-image-holder {
	height: 100%;
	width: 100%;
}

.case-project .hover-state {
	position: absolute;/*
	width: 160px;
	height: 110px;*/
	width: 100%;
	height: 100%;
	top: 0px;
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
	border-radius:5px;
	background-color: rgba(162, 0, 13, 0.5);
	padding-top: 65px;/*
	margin-top: 28px;
	margin-left: 65px;*/
	opacity: 0;
}

.case-project:hover .hover-state {
	opacity: 1;
}

.case-project .hover-state a{
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	font-family: 微软雅黑;
	text-decoration: none;
}

.case-project .hover-state p{
	color: #FFF;
	font-size: 10px;
	margin: 0;
}

.case-slogan{
	margin-top: 85px;
}

@media (max-width: 767px){
	.case-slogan{
		margin-top: 60px;
	}
}

.case-slogan p{
	color: #7f7f7f;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 0;
}

.case-slogan .hr{
	width: 50px;
	height: 10px;
	border: none;
	border-top: 3px solid #be2737;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 48px;
}

@media (max-width: 767px){
	.case-client-name{
		display:none;
	}
}

.case-client{
	width: 580px;
	height: 95px;
	line-height: 95px;
	background-color: #efefef;
	margin-top: 10px;
}

.case-client-title{
	text-align: center;
	width: 138px;
	height: 95px;
	background-color: #b5b5b5;
	float: left;
}

.case-client:hover .case-client-title{
	background-color: #d7313f;
}

.case-client-title h4{
	color: #FFF;
	font-size: 20px;
	line-height: 95px;
	margin: 0;
}

.case-client-content{
	background: url(../img/case-client-content.png) no-repeat 0;
	padding-left: 40px;
	float: left;
}

.case-client:hover .case-client-content{
	background: url(../img/case-client-content-red.png) no-repeat 0;
}

.case-client-content p{
	color:#898989;
	font-size:14px;
	margin: 0;
}

.case-client-more{
	text-align: center;
	width: 94px;
	height: 95px;
	box-shadow: -10px 5px 10px -3px #CCC;
	float: right;
}

.case-client-more a{
	color:#FFF;
	font-size: 15px;
	background-color: #494748;
	border-radius: 10px;
	padding: 5px 10px;
	text-decoration: none;
}

.case-client-hove{
	display:none;
}

.case-client-hove .title{
	text-align: center;
	height: 95px;
	background-color: #d7313f;
}

.case-client-hove .title h4{
	color: #FFF;
	font-size: 20px;
	line-height: 95px;
	padding: 0 38px;
}

.case-client-hove .content{
	height: 105px;
	background-color: #efefef;
	padding: 0 95px;
}

.case-client-hove .content p{
	color:#898989;
	font-size:14px;
}

.we-client{
	background: url(../img/we-client.jpg) no-repeat;
	/*background-size: 100%;*/
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover;
	-o-background-size: cover;
	padding-top: 82px;
	padding-bottom: 90px;
	margin-top: 105px;
}

@media (max-width: 767px){
	.we-client{
		margin-top: 60px;
	}
}

.we-client-logo .tb-btn a{
	background-color: rgba(255,255,255,0.5);
}

.we-client-logo .tb-btn a.active{
	background-color: #FFF;
}

.contact{
	color: #FFF;
	font-size: 20px;
	background-color: #d83240;
	padding-top: 72px;
}

@media (max-width: 767px){
	.contact{
		font-size: 13px;
		word-break:keep-all;
		white-space:nowrap;
		padding-top: 50px;
	}
}

.contact-nav{
	border: 0;
	margin-top: 84px;
}

@media (max-width: 767px){
	.contact-nav{
		border: 0;
		margin-top: 50px;
	}
}

.contact-nav>li{
	margin-bottom: 0;
	text-align: center;
	width: 50%;
}

.contact-nav>li>a{
	color: #FFF;
	border:none;
	border-radius:0;
	padding: 5px 15px;
	border-top: 2px solid #bc2733;
	border-right: 2px solid #bc2733;
	border-left: 2px solid #bc2733;
	background-color: #bc2733;
	margin-right: 10px;
}

.contact-nav>li>a:hover{
	color: #FFF;
	border-top: 2px solid #bc2733;
	border-right: 2px solid #bc2733;
	border-left: 2px solid #bc2733;
	background-color: #bc2733;
}

.contact-nav>li.active>a, .contact-nav>li.active>a:focus, .contact-nav>li.active>a:hover{
	color: #FFF;
	border:none;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	border-left: 2px solid #FFF;
	background-color: #d83240;
}

.contact-tab{
	margin-top: 75px;
}

.contact-tab .col-md-6{
	text-align: center;
	margin-top: 60px;
}

@media (max-width: 767px){
	.contact-tab .col-md-6{
		margin-top: 50px;
	}
}

.contact-tab .col-md-6 p{
	color: #808080;
	font-size: 20px;
	margin-top: 30px;
}

.footer{
	margin-top: 75px;
}

@media (max-width: 767px){
	.footer{
		margin-top: 50px;
	}
}

.footer-bottom{
	color: #FFF;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	background-color: #be2737;
}

.footer-bottom p{
	margin-bottom: 0;
}

#toTop {
    background-image: url(../img/side_icons.png);
    background-position: -150px 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

.default-transition {
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    height: 50px;
    color: rgb(255, 255, 255);
    background-color: rgba(255, 0, 0, 0.5);
    border-radius: 5px
}

.default-transition:hover {
    background: #ff0000;
}



.case-page-header{
	height: 235px;
	text-align: center;
	line-height: 235px;
}

@media (max-width: 767px){
	.case-page-header img{
		width: 90%;
	}
}

.case-page-body{
	padding-top: 80px;
	padding-bottom: 80px;
	background: #f9f9f9;
}

@media (max-width: 767px){
	.case-page-body img{
		width: 100%;
		height: 100%;
	}
}

.case-page-title{
	border-top: 3px solid #ccc;
	margin: 0;
	padding: 20px 0;
	border-bottom: 2px solid #ccc;
	margin-bottom: 100px;
}

.case-page-client, .case-page-industry, .case-page-service{
	padding-bottom: 10px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 35px;
}

.case-page-nav p a{
	color: #161616;
}

.case-page-footer{
	color: #999;
	text-align: center;
	padding: 50px 0;
}