.container{margin:0;padding:0;width:100%;}
.row{margin:0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding:0;}
.fh5co-nav{
	position:relative;
	background-color:#3e4d5c;
	padding-top:10px;
	height:70px;
}
.fh5co-nav #fh5co-logo{
	margin-left:10%;
	width:340px;
	height:50px;
}
.fh5co-nav #fh5co-logo img{
	width:340px;
	height:50px;
}
.menu-1>ul{
	height:50px;
	margin:0;
	line-height:50px;
}
.menu-1>ul>li>a{
	color:#fff;
}
.menu-right{
	position:absolute;
	right:0;
	top:15px;
	display:flex;
}
.menu-right .print-link{
	width:112px;
	height:36px;
	border-radius:4px;
	color:#fff;
	text-align:center;
	line-height:36px;
	background-color:#ff6700;
	padding:0;
	font-size:16px;
	margin-top:5px;
}
.menu-right .link-box{
	height:46px;
	line-height:46px;
	margin:0 40px 0 20px;
}
.menu-right .link-box a{
	color:#fff;
}
.menu-right .link-box a:hover{
	color:#ff6700;
}
#my-username{color:#fff;}



#bootstrap-touch-slider{
	margin:0;
}
#bootstrap-touch-slider .slide-image{
	height:600px;
}
#order{
	position:absolute;
    bottom:-53px;
    left:50%;
    z-index:999;
    margin-left:-500px;
	width:1000px;
	height:106px;
	background-color:#3e4d5c;
}
#order>div{
	display:inline-block;
}
.related{
	margin-top:100px;
}
.bs-slider{
    overflow:visible;
}
.order-left{
	vertical-align:top;
	margin-top:20px;
	margin-left:55px;
}
.order-left>h3{
	font-weight:400;
	color:#fff;
	font-size:18px;
	margin-bottom:10px;
}
.order-left>a{
	display:inline-block;
	width:102px;
	height:36px;
	border-radius:4px;
	color:#fff;
	text-align:center;
	line-height:36px;
	background-color:#ff6700;
	padding:0;
	font-size:14px;
}
.order-right{
	margin-left:400px;
	margin-top:18px;
}
.order-right-wrapper{
	display:flex;
	display:-webkit-flex;
	justify-content:space-around;
	width:350px;
	height:70px;
}
.order-right-item{
	flex:0 0 70px;
	width:70px;
	height:70px;
	border-radius:4px;
	background-color:#fff;
	text-align:center;
}
.order-right-item>div{
	font-size:28px;
	height:20px;
	line-height:20px;
	margin:15px 0 10px 0;
}
.order-right-item>div .js-counter{
	color:#ff6700;
}
.order-right-item>p{
	color:#333;
	font-weight:bold;
}
#myModel-1{
	width:1000px;
	margin:0 auto;
}
#sales-promotion{
	width:245px;
	height:250px;
	background-color:#f0f0f0;
	border-radius:8px;
}
#sales-promotion>.promotion-today-banner{
	height:50px;
	line-height:50px;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:0;
	font-weight:600;
	color:#333;
	font-size:14px;
}
#sales-promotion>.promotion-today-notice{
	width:100%;
	height:199px;
	padding:10px 20px;
	overflow:hidden;
	text-align:left;
}
#sales-promotion>.promotion-today-notice>.today-notice-item{
    width:205px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:8px;
}
#sales-promotion>.promotion-today-notice>.today-notice-item>.cycle{
	display:inline-block;
	/*vertical-align:top;*/
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#ff6700;
	margin-right:8px;
}
#sales-promotion>.promotion-today-notice>.today-notice-item>a{
	color:#666;
}

#order-display{
    height:250px;
    width:735px;
    margin-left:20px;
    background-color:#f0f0f0;
	border-radius:8px;
}
.order_display_title{
    padding:0;
    height:50px;
    line-height:50px;
    color:#333;
    padding-right:20px;
}
.order_display{
	padding:0;
	padding-right:20px;
}
.order_display .order-item{
	height:38px;
}

#myModel-2{
	width:1000px;
	margin:100px auto 0 auto;
}
#myModel-2>.myModel-2-title{
	margin-bottom:76px;
}
#fh5co-blog{
	padding:0;
	background-color:#fff;
}
#fh5co-blog .fh5co-post{
	background-color:#f5f5f5;
	border-radius:4px;
	margin:0;
}
#myModel-3{
	width:1000px;
	margin:0 auto;
}
.case-title-box{
	width:100%;
	height:36px;
	margin-bottom:90px;
	position:relative;
}
.case-title-box .diamond-box{
	position:absolute;
	top:0;
	left:120px;
	width:760px;
	height:36px;
	display:flex;
	justify-content:space-around;
	z-index:2;
}
.case-title-box .diamond{
	display:block;
	margin:0 auto;
	width:24px;
	height:24px;
	transform:rotate(45deg);
	border:1px solid #e1e1e1;
	background-color:#fff;
	cursor:pointer;
}
.case-title-box .diamond.active{
	border:1px solid #ff6700;
}
.case-title-box .line{
	position:absolute;
	top:12px;
	left:0;
	display:block;
	height:1px;
	width:100%;
	background-color:#e1e1e1;
	z-index:0;
}
.case-title-box .diamond-text{
	width:200px;
}
.case-title-box .diamond-text.active{
	color:#ff6700;
}
.case-title-box .diamond-box.text-box{
	top:43px;
}
.case-title-box .diamond-box.text-box .diamond-text{
	font-size:18px;
	text-align:center;
}
#fh5co-project .fh5co-project{
	padding:0 10px;
	margin-bottom:0;
	width:250px;
	height:242px;
	position:relative;
}
#fh5co-project .fh5co-project img{
	width:232px;
	height:242px;
}
#fh5co-project .fh5co-project .fh5co-p{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:46px;
	background-color:rgba(244,244,244,0.7);
}
#fh5co-project .fh5co-project .fh5co-p p{
	text-align:center;
	font-size:20px;
	line-height:46px;
}
#myModel-4{
	width:100%;
	height:410px;
	background-color:#eff4f8;
}
#fh5co-services{
	padding:0;
	background-color:#f4f4f4;
}
#fh5co-services>div{
	width:1000px;
	height:100%;
	margin:0 auto;
	padding-bottom:70px;
}
#fh5co-services .index-page-title{
	font-size:30px;
	padding-top:45px;
}
#fh5co-services .index-news-item{
	padding-bottom:15px;
}
#fh5co-services .index-news-item>h3{
	font-size:18px;
	color:#ff6700;
	margin-bottom:10px;
	width:273px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#fh5co-services .index-news-item>p{
	position:relative;
    line-height:1.4em;
    /* 3 times the line-height to show 3 lines */
    height:4.2em;
    overflow:hidden;
}
#fh5co-services .index-news-item>p.content{
	height:77px;
	margin-bottom:10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	color:#666;
}
/*#fh5co-services .index-news-item>p.text-right>span{
	color:#666;
}*/
#fh5co-services .fh5co-heading{
	position:relative;
	margin-bottom:72px;
}
#fh5co-services .fh5co-heading .line1{
	width:244px;
	position:absolute;
	bottom:-16px;
	left:50%;
	margin-left:-124px;
	height:1px;
	background-color:#e1e1e1;
}
#fh5co-services .fh5co-heading .line2{
	width:136px;
	position:absolute;
	bottom:-16px;
	left:50%;
	margin-left:-70px;
	height:1px;
	background-color:#ff6700;
}
#fh5co-services .fh5co-heading .more{
	position:absolute;
	bottom:-36px;
	left:50%;
	margin-left:-16px;
	color:#333;
}
#myModel-5{
	width:100%;
	height:auto;
	background-color:#ffffff;
}
#fh5co-testimonial{
	width:1200px;
	height:100%;
	margin:0 auto;
	padding:75px 0 120px 0;
	background-color:#fff;
}
#fh5co-testimonial .index-page-title{
	font-size:30px;
}
#fh5co-testimonial .cooperator{
	margin-bottom:10px;
}
#myModel-6{
	background-color:#323b44;
}
#fh5co-started{
	width:1000px;
	height:auto;
	margin:0 auto;
	background-color:#323b44;
	font-size:12px;
}
#fh5co-started{
	padding:50px 0 20px 0;
}
#fh5co-started .ai-info p{
	color:#fff;
	font-size:14px;
	margin-bottom:10px;
}
#fh5co-started .address-box{
	display:flex;
}
#fh5co-started .ai-img img{
	width:160px;
	height:160px;
	margin:20px 0 10px 0;
}
#fh5co-started .ai-img p{
	font-size:12px;
	color:#fff;
}
#fh5co-started form .goPrint{
	color:#fff;
	font-size:14px;
}
#fh5co-started form input[type=text]{
	height:34px;
	padding:0;
	font-size:12px;
	padding-left:20px;
}
#fh5co-started form .btn[type=submit]{
	padding:8px 24px;
	height:38px;
	width:100%;
}
#fh5co-started form .more{
	color:#fff;
	font-size:16px;
}
#fh5co-footer{
	padding:0;
}
#fh5co-footer .fh5co-widget h2{
	color:#fff;
	font-size:14px;
}
#fh5co-footer .link-box a{
	font-size:14px;
	margin-right:16px;
	color:#999;
}
#fh5co-footer .link-box a:hover{
	color:#fff;
}
#copyright{
	color:#fff;
	font-size:12px;
}

.mycase-show{
	display:none;
}
.mycase-show.active{
	display:block;
}

#myModel-5 .cooperator img{
	display:block;
	width:200px;
	height:90px;
}
#myModel-5 .cooperator{
	padding:20px;
}
#fh5co-blog .fh5co-post{
	box-shadow:-2px 4px 4px -4px rgba(0, 0, 0, 0.09);
}






.case-wrapper{
	width:1000px;
	height:242px;
	position:relative;
	overflow:hidden;
}
.case-wrapper>.case-wrapper-box{
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:242px;
}
#myModel-3{
	position:relative;
}
#myModel-3>.before{
	display:block;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	border-radius:50%;
	background-color:#f4f4f4;
	position:absolute;
	left:-50px;
	top:312px;
	font-size:28px;
	cursor:pointer;
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select: none; 
	-khtml-user-select: none; 
	user-select: none; 
}
#myModel-3>.after{
	display:block;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	border-radius:50%;
	background-color:#f4f4f4;
	position:absolute;
	right:-50px;
	top:312px;
	font-size:28px;
	cursor:pointer;
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select: none; 
	-khtml-user-select: none; 
	user-select: none; 
}

.fh5co-project>a:hover{
	background-color:#fff!important;
}

.blog-wrapper{cursor:pointer;}
.blog-wrapper>.img-box{
	display:block;
	width:104px;
	height:104px;
	margin:0 auto;
}
.blog-wrapper>h3{
	margin-top:10px;
	margin-bottom:10px;
	color:#333;
	text-align:center;
}
.blog-wrapper>h3>a{
	color:#333;
}
.blog-wrapper>p{
	margin-bottom:5px;
	text-align:center;
}
.blog-wrapper1>.img-box{
	background-image:url(../images/blog1.png);
	background-repeat:no-repeat;
}
.blog-wrapper1:hover>.img-box{
	background-image:url(../images/blog11.png);
}
.blog-wrapper:hover>h3>a{
	color:#FF6700;
}
.blog-wrapper2>.img-box{
	background-image:url(../images/blog2.png);
	background-repeat:no-repeat;
}
.blog-wrapper2:hover>.img-box{
	background-image:url(../images/blog22.png);
}
.blog-wrapper3>.img-box{
	background-image:url(../images/blog3.png);
	background-repeat:no-repeat;
}
.blog-wrapper3:hover>.img-box{
	background-image:url(../images/blog33.png);
}
.blog-wrapper4>.img-box{
	background-image:url(../images/blog4.png);
	background-repeat:no-repeat;
}
.blog-wrapper4:hover>.img-box{
	background-image:url(../images/blog44.png);
}
#bootstrap-touch-slider .slide-image{height:auto;}