﻿/* 微时微刻 专注中高端网站建设 */
/* 官网：www.visvik.com */
/* QQ：695540945 */
@charset "utf-8"; 

a{text-decoration: none;}
*{box-sizing:border-box;}

#header{width: 100%;position: fixed;z-index: 999;background: white;box-shadow: 4px -2px 9px 0px;}
#header:after{content: "";display: block;clear: both;}

.icon-menu{
	position: absolute;
	background: url('../img/menu.png') no-repeat center;
	width:38px;height:54px;
	display:block;
	cursor: pointer;margin-left:10px;
	background-size: 100%;
	z-index: 2;
}
.theme{float: left;width: 100%;position: relative;height: 54px}
.theme img{width: 190px;margin: 4px auto 0;display: block;}
.theme p{position: absolute;bottom: 4px;left: 45%;margin-left: -26px;color:#e75a03;font-family: "微软雅黑"}

.projects{
	cursor: pointer;
	position: absolute;
	right: 0;
	width:60px;height: 54px;background-color: #e75a03;
	color: white;font:14px/44px "微软雅黑";text-align: center;
}

.scroll-down{
	width: 10px;height: 10px;
	position: absolute;
	left: 50%;
	top: 64%;
	border-left:1px solid white;border-bottom: 1px solid white;
	-webkit-transform: translate(-50%, 0%) rotate(-45deg);
    -moz-transform: translate(-50%, 0%) rotate(-45deg);
    transform: translate(-50%, 0%) rotate(-45deg); 
    -o-transform: translate(-50%, 0%) rotate(-45deg);
    -ms-transform: translate(-50%, 0%) rotate(-45deg);
}

.banner{position: relative;padding-top: 53px;}
.owl-controls{margin-top: 3px!important}
.owl-dots{position: absolute;width:100%;bottom: 0;text-align: center;}

/* 页脚 */
#menu{position: fixed;bottom: 0px;width: 100%;height: 58px;line-height: 44px;z-index: 999;}
#menu span,#menu h1,#menu p{font-family: "微软雅黑"}
.menu-list{margin: 0 auto;list-style-type: none;width: 100%;max-width: 640px;height: 100%;}
.menu-list li{
	position: relative;
	float: left;
	width: 33.33%;
    height: 100%;
    text-align: center;
    position: relative;
    font-size: 14px;
    line-height: 97px;
    background-color:#ff8d00;
    border-right: 1px #ffb433 solid;
     border-left: 1px #e75a03 solid;
}

.menu-list a{color: white;display: block;font-family: "微软雅黑";}
.phone{width: 80px;margin: 0 auto;}
.phone span,.kefu span,.assess span{color: white;line-height: 85px}
.icon-phone,.icon-kefu,.icon-assess{
	display: inline-block;width: 57px;height: 30px;position: absolute;top: 2px;
	
}
.icon-phone{background:url('../img/phone.png') no-repeat center;background-size: 50%;}
.icon-kefu{background:url('../img/kefu.png') no-repeat center;background-size: 50%;}
.icon-assess{background:url('../img/assess.png') no-repeat center;background-size: 50%;}


/* 导航栏 */
.main{position: relative;left: 0;word-wrap: break-word;}
.nav{width:0px;height: 100%;background-color: #ededed;position: fixed;z-index: 10;overflow: hidden;backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;

		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
	}
.nav li{font-family: "微软雅黑";font-size: 18px;height: 55px;line-height: 55px;border-bottom:1px solid #cdcdcd;padding-left: 10px;overflow: hidden;position: relative;}
.nav li a{display: block;color: #8f8f8f}
.nav .icon-chevron-thin-right{position: absolute;top: 17px;right: 7px;
		/* transition: all linear .2s; */
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;


	}
.cur{background-color: #c9c9c9; }
.nav .cur a{color:#4B4A4A}
/* 项目 */
.projects-item{width: 100%;right: -414px;;position: fixed;top: 54px;background-color: white;z-index:10;height: 625px;
    overflow-y: scroll;display: none}
.back a{
	font-family: "微软雅黑";font-size: 18px;
	display: block;color: #4B4A4A;height: 50px;
	line-height: 50px;margin-left: 15px;
}
.cont-box{
	position:relative;width: 100%;
	padding:15px 30px 15px 9px;background-color:#f6f6f6;
	border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid white;
}
.cont-box:after{content: "";display: block;clear: both;}
.cont-pro{float: left;margin-right: 25px}
.cont-pro img{width: 130px;height:78px;}
.cont-font{margin: 5px 0 0 0px;overflow: hidden;}
.cont-font .ft{font:16px/30px "微软雅黑";text-overflow: ellipsis;white-space: nowrap;}
.cont-font p{font:14px/20px "微软雅黑";overflow: hidden;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 39px;}
.cont-font .ft {color:#666666;}
.cont-font p {color: #888888;}
.cont-box .icon-chevron-thin-right{position: absolute;right: 5px;top: 45px;color: #8f8f8f;}
.icon-chevron-thin-right:before{font-size: 14px;}

/* 返回顶部 */
.backtop{display: none;width: 40px;height: 40px;position: fixed;right: 0;top:75%;background-color: #e75a03;z-index: 10}
.backtop .icon-chevron-thin-right{
	display: block;
	position: absolute;
	left: 20px;
	top: 10px;
	color: white;
	-webkit-transform: translate(-50%, 0%) rotate(-90deg);
    -moz-transform: translate(-50%, 0%) rotate(-90deg);
    transform: translate(-50%, 0%) rotate(-90deg); 
    -o-transform: translate(-50%, 0%) rotate(-90deg);
    -ms-transform: translate(-50%, 0%) rotate(-90deg);
}
.backtop .icon-chevron-thin-right:before{font-size: 20px}
@media (max-width: 365px){
	#menu{height:51px;}
	.menu-list li{line-height: 85px}
	.banner{position: relative;padding-top: 48px;}
	.icon-phone,.icon-kefu,.icon-assess{background-size: 45%}
	.icon-menu{width: 30px;height: 48px}
	.theme{height: 48px}
	.theme img{width: 145px; margin: 6px auto 0;}
    .projects{width: 50px;height: 48px;font-size: 12px;line-height: 40px}

    .nav li{height: 49px;line-height: 49px;font-size: 16px;}
	.nav .icon-chevron-thin-right{top: 13px;}
	
	.projects-item{top: 48px;height: 475px;}
	.cont-box{padding: 10px 30px 10px 9px;}
	.cont-box .cont-font h1{font-size: 15px;}
	.cont-box .cont-font p{font-size: 12px;margin-top: 0px;line-height: 18px;max-height: 35px}
	.cont-box .cont-font{margin: 0px 0 0 15px;}
	.cont-box .icon-chevron-thin-right{top: 35px!important;}
	.cont-pro{margin-right: 20px;}
	.cont-pro img{width: 105px;height: 70px;}
	.back a{height: 45px;line-height: 45px;font-size: 16px}

}
/* 选项卡 */
#tab{margin-top: 15px}
.tab-list{margin: 0 auto;position: relative;width: 100%;max-width: 780px;height: auto;margin-top: 0px;}
.tab-list:after{content: "";display: block;clear: both;}
.tab-list-item{float: left;width: 33.33%;margin-bottom: 10px;text-align: center;border-right:10px solid white; }

.tab-list-item a{font:16px/35px "微软雅黑";color: #888888;display: block;border:1px solid #d2d2d2 }
.cur1{background-color: #ff8d00;color: white}
.cur1 a{color: white}


@media (max-width: 370px){
	.tab-list-item a{font-size: 14px;line-height: 35.6px}
/* 	.newlist{font-size: 12px}
.newdata{font-size:12px} */

	.immigrant-title span{font-size: 12px;}

	.item-list-info{padding: 10px 10px;min-height: 91px;}
	.item-list-info h1{font-size: 16px}
	.item-list-info p{font-size: 12px;line-height: 22px;margin-top:5px;}
	.keyword{width: 35px;height: 35px;line-height: 35px;font-size: 14px;max-width: 35px;}

}

@media (max-width: 350px){
	.newlist{font-size: 12px}
	.newdata{font-size:12px}
	.box-cont i{background-size: 55%;}
}

