/* CSS Document */
body{
	width:100%;
	display:block;
	height:100%;
	overflow:hidden;
	float:left;
}
body img{
	width:100%;
	display:block;
}
.step{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.b-box{
	left:0;
	top:0;
	width:100%;
	height:100%;
	color:#12064b;
	font-family:"微软雅黑";
	font-size:1rem;
	line-height:1.6rem;
	padding-top:2rem;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
.b-boxs{
	left:0;
	top:0;
	width:100%;
	color:#12064b;
	font-family:"微软雅黑";
	font-size:1rem;
	line-height:1.6rem;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}




.b-box .close{
	position:absolute;
	width:6.28%;
	right:6.03%;
	top:3%;
	
}
.nav{
	position:absolute;
	width:86.47%;
	/*left:13.52%;*/
	left:100%;
	top:0;
	height:100%;
	background:#b20e2b;
	color:#fff;
	z-index:999;
}
.nav a{
	clear:both;
	float:left;
	color:#fff;
	font-size:1.4rem;
	margin:1rem 0;
	position:relative;
}
.nav a span{
	clear:both;
	float:left;
	color:#fff;
	font-size:1.6rem;
}
.nav a i{
	color:#e31f13;
	float:left;
	clear:both;
	font-size:1.2rem;
	font-style:normal;
	margin-top:0.5rem;
	font-weight:bold;
	line-height:1.4rem;
}
.nav-box{
	position:absolute;
	width:94%;
	left:6%;
	top:0;
	height:100%;
	background:#12064b;
}
.nav .close{
	position:absolute;
	width:8.28%;
	right:6.03%;
	top:0%;
	
}
.menu-list{
	position: absolute;
    width: 74.04%;
    left: 15%;
    top: 8.76%;
    height: 90%;
    overflow: auto;
}
.nav a.menu-2{
	margin-left:0rem;
}
.hide{
	display:none;
}
.pic{
	display:block;
	position:relative;
	width:80%;
	text-align:left;
	margin-left:10%;
	
}
.pic img{
	width:37%;
}
.pic-1{
	display:block;
	width:80%;
	text-align:left;
	margin:1rem auto;
	color:#b20e2b;
	font-weight:bold;
}
.pic-2{
	display:block;
	width:80%;
	text-align:left;
	margin:1rem auto;
	color:#12064b;
	font-weight:bold;
}
.menu-d{
	position: absolute;
    width: 10.14%;
    top: 3%;
    right: 3%;
    z-index: 9;
}
p.letter{
	width:80%;
	margin:0 auto;
	display:block;
}
.b-box p{
	margin-top:1rem;
	margin-bottom:1rem;
	position:relative;
	text-align:justify;
}
p.l1-1{
	margin-top:1rem;
	text-align:left;
	color:#b20e2b;
	border-bottom:3px solid #b20e2b;
	padding-bottom:1rem;
}
.m1{
	left:100%;
}
.m2{
	left:110%;
}
.m3{
	left:120%;
}
.m4{
	left:130%;
}
.m5{
	left:140%;
}
.m6{
	left:150%;
}
.m7{
	left:160%;
}
.m8{
	left:170%;
}
.m-tips {
	width: 90px;
	height: 31px;
	position:absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -45px;
	z-index: 999;
	background:url(../img/scrollbutton_07.png) no-repeat 0 0/100% auto;
	-webkit-animation: arrowUpFx 1.5s infinite;
	animation: arrowUpFx 1.5s infinite;
	background-size: 100% auto;
}
@keyframes arrowUpFx {
0% {
transform:translateY(30px);
-webkit-transform:translateY(30px);
opacity:0
}
60% {
transform:translateY(12px);
-webkit-transform:translateY(12px);
opacity:1
}
100% {
transform:translateY(0px);
-webkit-transform:translateY(0px);
opacity:0
}
}
@-webkit-keyframes arrowUpFx {
0% {
transform:translateY(30px);
-webkit-transform:translateY(30px);
opacity:0
}
60% {
transform:translateY(12px);
-webkit-transform:translateY(12px);
opacity:1
}
100% {
transform:translateY(0px);
-webkit-transform:translateY(0px);
opacity:0
}
}
.b-tips {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 99;
}
.p{
	float:left;
	display:inline;
	width:100%;
	padding-bottom:100px;
	position:relative;
	overflow:hidden;
}
.p.p22{
	padding-bottom:20px;
}
.p-box{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height:100%;
	overflow:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	letter-spacing:0.09rem;
}
a.more{
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
}
/*.p-box{
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height:100%;
	overflow:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	letter-spacing:0.09rem;
}
.pl{
	display:block;
	width:87.92%;
	text-align:left;
	margin:0 auto 0 6.03%;
	line-height:1.6rem;
	font-size:1.2rem;
	color:#666666;
	padding-bottom:1rem;
}
.last{
	float:left;
	height:7rem;
}
.p2{
	color:#cc3300;
	padding:1.9rem 0 1.1rem 0 ;
}
.p3{
	color:#cc3300;
	padding:0rem 0 1.1rem 0 ;
}
.p4{
	padding:0rem 0 1.1rem 0 ;
}*/
.strendths .p{
	margin:0;
	padding:0;
}
.hide{
	display:none;
}
.swiper-pagination{
    margin: 15px 41%;
    width: 22%;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #b20e2b;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
	margin-right:18%;
}
.swiper-container-horizontal>.swiper-pagination {
    bottom: 0;
    left: 0;
    width: 100%;
}
.submenu{
	float:left;
	margin-left:2rem;
	display:none;
}
.bmenu{
	background:url(../img/plus_03.png?v=1) no-repeat 106% -9%/15% auto
}
.smenu{
	background:url(../img/pl_03.png?v=1) no-repeat 106% -9%/15% auto
}
.menu-1{
	width:100%;
}
.p.p11{
	padding-bottom:0;
}
.p.p12{
	padding-bottom:0;
}
.p.p13{
	padding-bottom:0;
}
.p.p14{
	padding-bottom:0;
}
.backtop{
	position:absolute;
	width:100%;
	right:0;
	bottom:12px;
}
.return{
	position:fixed;
	width:16.93%;
	right:0;
	bottom:10%;
	z-index:9;
}
.pop-1{
	position:absolute;
	width:100%;
	left:0;
	top:28%;
}
.pop-2{
	position:absolute;
	width:100%;
	left:0;
	top:3%;
}
.pop-1 .close,.pop-2 .close{
	position:absolute;
	width:4.93%;
	right:7.33%;
	top:2rem;
}
.pop-cover{
	position:fixed;
	top:0%;
	width:100%;
	height:100%;
	overflow:auto;
	left:0;
	background:rgba(0,0,0,0.5);
	z-index:99;
}
.p a{
	width:100%;
	float:left;
}
.strendths a{
	float:left;
}
.video{
	position:absolute;
	width:90%;
	left:5%;
	top:0%;
	height:100%;
}
.video video{
	width:100%;
}
a.start{
	position:relative;
	width:100%;
}
.up {
	width: 60px;
	height: 62px;
	background:url(../img/home_05.png) no-repeat;
	left: 50%;
	bottom: 5px;
	margin-left: -30px;
	z-index: 999;
	-webkit-animation: arrowUpFx 1.5s infinite;
	animation: arrowUpFx 1.5s infinite;
	background-size: 100% auto;
}
@keyframes arrowUpFx {
0% {
transform:translateY(30px);
-webkit-transform:translateY(30px);
opacity:0
}
60% {
transform:translateY(12px);
-webkit-transform:translateY(12px);
opacity:1
}
100% {
transform:translateY(0px);
-webkit-transform:translateY(0px);
opacity:0
}
}
@-webkit-keyframes arrowUpFx {
0% {
transform:translateY(30px);
-webkit-transform:translateY(30px);
opacity:0
}
60% {
transform:translateY(12px);
-webkit-transform:translateY(12px);
opacity:1
}
100% {
transform:translateY(0px);
-webkit-transform:translateY(0px);
opacity:0
}
}
a.help{
	position:absolute;
	left:10%;
	top: 9%;
	color:#fff;
	font-size:1rem
}
a.private{
	position:absolute;
	left:23%;
	top: 9%;
	color:#fff;
	font-size:1rem
}
a.web{
	position: absolute;
    left: 44%;
    top: 9%;
    color: #fff;
    font-size: 1rem;
}
.ft{
	position:relative;
	display:block;
	float:left;
}
.user-infor{
	position: relative;
    width: 80%;
    left: 10%;
    margin: 2rem 0 0rem 0;
    float: left;
}
.user-infor table{
	width:100%;
	font-size:1.2rem;
}
.user-infor table .c1{
	width:20%;
	vertical-align:middle;
}
.user-infor table .c3{
	vertical-align:top;
}
.user-infor table .c2{
	width:80%;
}
.user-infor table tr{
	height:3rem;
}
.user-infor table td strong{
	color:#e31f13;
}
.user-infor table td input{
	border:0;
	height:2.2rem;
	line-height:2.2rem;
	background:none;
	background:url(../img/tbg_05.png) no-repeat 0 100%/98% 98%;
	width:100%;
	font-size:1.2rem;
	font-family:"微软雅黑";
}
.user-infor table td textarea{
	border:0;
	width:100%;
	line-height:3.4rem;
	background:url(../img/tbg_07.png) no-repeat 0 59%/98% 98% ;
	font-size:1.2rem;
	height:13.5rem;
	font-family:"微软雅黑";
}
.infor-submit{
	float:left;
	display:inline;
	width: 25%;
    margin: 5% 0 0 20%;
}
.c3 label{
	float:left;
	margin:18% 0 0 0;
}
.copyright{
	position:absolute;
	font-size:0.7rem;
	right:5%;
	top:11%;
	color:#fff;
	letter-spacing:0;
}
a.callcenter{
	position:absolute;
	width:58%;
	top:53%;
	left:10%;
	height:2rem;
}
.works-list{
	display:block;
	width:100%;
}
.li{
	float:left;
	width:43.73%;
	margin:3% 5.3% 0 3.86%;
}
.works-list .li:nth-child(2n+2){
	margin-left:0;
	margin-right:0;
}