.P-banner-01{
	width: 100%;
	min-width: 1180px;
	height: 670px;
	padding-top: 70px;
	position: relative;
	background-color: #F0F0F0;
}

.P-banner-01 div.text-box{
	margin-top: 124px;
	text-align: center;
}

.P-banner-01 div.text-box h1{
	font-size: 36px;
}

.text-box h2{
	font-size: 30px;
}

.text-box p{
	font-size: 16px;
    color: #545454;
    padding-bottom: 36px;
    padding-top: 10px;
}

.P-banner-01 div.text-box a{
	font-size: 14px;
    padding: 12px 60px;
    border: 1px solid #B68C51;
    font-weight: bolder;
    color: #B68C51;
}

.P-banner-01 div.cp-img{
	padding-top: 80px;
	align-content: center;
	text-align: center;
}


.P-banner-01 div.cp-img img{
	width: 60%;
}


.P-banner-02{
	width: 100%;
	min-width: 1180px;
	height: 560px;
	background-image: url(../img/p-banner2.png);
	overflow: hidden;
	background-color: #1B1D26;
	background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 70%;
    background-position-x: -480px;
}

@media only screen and (min-width:1600px) {
	.P-banner-02{
		background-size: 90%;
	}
}


.fc-content{
	width: 1180px;
}


.P-banner-02 .text-box{
	width: 280px;
	margin-top: 160px;
	margin-right: 10%;
}

.text-box div.y-line{
	width: 50px;
	height: 4px;
	background-color: #B68C51;
	margin-bottom: 16px;
	margin-top: 10px;
	margin-left: 0;
}

.P-banner-02 .text-box p , .P-banner-02 .text-box h2, .P-banner-02 .text-box i{
	color: #f0f0f0;
}

.P-banner-02 .text-box p{
	padding-bottom: 8px;
	padding-top: 0;
}

.P-banner-03{
	width: 100%;
	height: 640px;
	min-width: 1180px;
	overflow: hidden;
}

.P-banner-03 .text-box{
	margin-top: 80px;
	text-align: center;
}

.P-banner-03 .text-box .y-line{
	margin-left: auto;
}

.P-banner-03 .box{
	margin-top: 80px;
	display: flex;
}

.smallBox {
    width: 25%;
    height: 260px;
    border: 1px;
    /*border-style: solid;*/
    /*border-color: #B68C51;*/
    /*box-sizing: border-box;*/
    display: inline-flex;
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.icon-01{
	background-image: url(../img/svg/icon-pc&iphone.svg);
}

.icon-02{
	background-image: url(../img/svg/icon-fusion.svg);
}

.icon-03{
	background-image: url(../img/svg/icon-4g.svg);
}

.icon-04{
	background-image: url(../img/svg/icon-mok.svg);
}


div.smallBox:hover .icon-01{
	background-image: url(../img/svg/icon-pc&iphone2.svg);
}

div.smallBox:hover .icon-02{
	background-image: url(../img/svg/icon-fusion2.svg);
}

div.smallBox:hover .icon-03{
	background-image: url(../img/svg/icon-4g2.svg);
}

div.smallBox:hover .icon-04{
	background-image: url(../img/svg/icon-mok2.svg);
}

.smallBox .icon{
	margin-top: 32%;
	text-align: center;
	
}

.smallBox .img{
	width: 64px;
	height: 64px;
	background-position: center;
	background-size: cover;
}

.smallBox P{
	padding-top: 8px;
}

div.smallBox:hover{
	transform: translateY(-8px);
	box-shadow: 0 16px 20px rgba(69,74,240,.16);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.P-banner-04{
	width: 100%;
	min-width: 1180px;
	height: 560px;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}


.P-banner-04 .cp-img{
	width: 60%;
}

.P-banner-04 .fc-content{
	padding-top: 120px;
	padding-left: 5%;
	padding-right: 5%;
	
}

.P-banner-04 .text-box{
	padding-top: 20px;
}


.P-banner-05{
	width: 100%;
	min-width: 1180px;
	height: 870px;
	position: relative;
	background-color: #fff;
	overflow: hidden;
}

.P-banner-05 .text-box{
	text-align: center;
}


.P-banner-05 div.y-line{
	margin-left: auto;
}



.P-banner-05 .box-c{
	width: 33.333%;
	height: 320px;
	float: left;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #F0F0F0;
	position: relative;
}

.P-banner-05 .box .o1{
	background-image: url(../img/img-01.png)
}
.P-banner-05 .box .o2{
	background-image: url(../img/img-02.png)
}
.P-banner-05 .box .o3{
	background-image: url(../img/img-03.png)
}
.P-banner-05 .box .o4{
	background-image: url(../img/img-04.png)
}
.P-banner-05 .box .o5{
	background-image: url(../img/img-05.png)
}
.P-banner-05 .box .o6{
	background-image: url(../img/img-06.png)
}

.P-banner-05 h3{
	font-size: 18px;
	color: #F0F0F0;
	text-align: center;
	line-height: 320px;
}

.P-banner-05 .box-c:hover .cover{
	background-color: rgba(7,7,130,.7);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



/*about us*/


.aboutBanner{
	width: 100%;
	height: 360px;
	/*background-color: darkblue;*/
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.aboutBanner .cover{
	width: 100%;
	height: 360px;
	background-color: rgba(0,0,0,.4);
}

.aboutUs{
	width: 100%;
	/*background: #F0F0F0;*/
}

.aboutUs .fc-content{
	padding-top: 56px;
	padding-bottom: 56px;
}

.aboutUs .title{
	text-align: center;
	padding-bottom: 60px;
}

.aboutUs .content{
	position: relative;
}

.aboutUs .content .img{
	width: 400px;
	height: 250px;
	position: absolute;
	background-color: #000000;
}

.aboutUs .content .text-box{
	position: absolute;
}

.aboutUs .table{
	position: relative;
	display: flow-root;
	height: 280px;
}


.aboutUs .table .img{
	width: 40%;
	overflow: hidden;
}

.aboutUs .table img{
	width: 100%;
}

.aboutUs .text-box{
	width: 58%;
	padding-left: 2%;
}

.aboutUs .table .text-box h1{
	font-size: 18px;
	font-weight: bold;
}

.aboutUs .table .text-box p{
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 1.56;
	padding: 0 0 16px 0;
}

.aboutUs table p{
	font-size: 14px;
	line-height: 24px;
}

hr{
	height: 1px;
	border: none;
	border-top: 1px dotted rgb(211,211,211);
	margin-top: 30px;
	margin-bottom: 30px;
}

.osLabel{
	/*background: #F0F0F0;*/
}

.osLabel .line{
	width: 48px;
	height: 48px;
	background-color: royalblue;
}

.osLabel2 .line{
	width: 48px;
	height: auto;
	background-color: royalblue;
}

.osLabel .title2 p{
	font-size: 18px;
    font-weight: bold;
    line-height: 48px;
    padding-left: 48px;
}

.osLabel .text p{
	font-size: 14px;
	color: #545454;
	padding-left: 48px;
	line-height: 32px;
	letter-spacing: 1.56;
	padding-bottom: 60px;
}

.oneDian{
	background-image: url(../img/about-img-dian.png);
	background-size: 48PX  auto;
	background-position: left top;
	background-repeat: no-repeat;
}

.twoDian{
	background-image: url(../img/about-img-dian2.png);
	background-size: 48px auto;
	background-position: left top;
	background-repeat: no-repeat;
}

.threeDian{
	background-image: url(../img/about-img-dian3.png);
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
}


.oneXian{
	background-image: url(../img/about-img-line.png);
	background-size: 48px auto;
	background-position: left top;
	background-repeat: repeat-y;
}

.timeShaft{
		width: 1180px;
	}