* { margin: 0; padding: 0;}

body { font: 16px/1.8 "Microsoft Yahei",verdana;}



/* 右侧导航 */

#fullPage-nav { _display: none; font-size: 12px;}

#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}

#fullPage-nav li a { float: left; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: left; background: url(images/dot.png) 5px 5px no-repeat;}

#fullPage-nav li .active { background-position: 0 bottom;}

#fullPage-nav span { display: none;}

.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}



.section { position: relative; overflow: hidden;}

.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.section .bg img { display: block; width: 100%; height: 100%;}

.bgx1{position: absolute; left: 0; top: 0; width: 100%; height: 100%;background:url(../images/section1.jpg) no-repeat  center center / cover;}

.bg11 { position: absolute; top:50%; width: 100%;margin-top:-200px;   transition: all 1s;}
.bg111 { position: relative; width:90%; max-width:1000px;margin:0 auto; transition: all 1s;}
.bg111 h2{ position: relative; width:100%;opacity: 0;  max-width:500px;color:#fff;font-size:32px;line-height:1.5; margin-top:250px;font-weight:800;margin-bottom:0px; transition: all 1s;}
.bg111 h3{ position: relative; width:100%;opacity: 0; max-width:500px;color:#fff;font-size:24px;line-height:1.5;font-weight:800; margin-top:250px;margin-bottom:0px;transition: all 1s;}
.bg111 p{ position: relative; width:100%;opacity: 0;  max-width:500px;color:#fff;font-size:15px;line-height:2.0;font-weight:500; margin-top:250px;transition: all 1s;}


.xxx{position:absolute;width:100%;height:100%;overflow:hidden;}


.tdly1{position:absolute;right:51%;top:15%;overflow:hidden;font-size:32px;line-height:48px;color:#fff;
opacity: 0; 	
-webkit-transform: translate3d(-500px, 0px, 0);
transform: translate3d(-500px,0px, 0);
 transition: all 1s;
}
.tdly10{position:absolute;left:51%;top:15%;overflow:hidden;font-size:32px;line-height:48px;color:#fff;
opacity: 0; 	
-webkit-transform: translate3d(500px, 0px, 0);
transform: translate3d(500px,0px, 0);
 transition: all 1s;
}


.tdly2{position:absolute;width:100%;left:0%;top:30%;overflow:hidden;}

.tdly20{position:relative;width:100%;max-width:1316px;overflow:hidden;margin:0 auto;}
.tdly20 ul li{position:relative;width:30%;overflow:hidden;float:left;margin-left:2.5%;background:#fff;}

.tdly20 ul li.lli1{
opacity: 0; 	
-webkit-transform: translate3d(0px, 500px, 0);
transform: translate3d(0px,500px, 0);
 transition: all 1s;
}
.tdly20 ul li.lli2{
opacity: 0; 	
-webkit-transform: translate3d(0px, 500px, 0);
transform: translate3d(0px,500px, 0);
 transition: all 1s;
}
.tdly20 ul li.lli3{
opacity: 0; 	
-webkit-transform: translate3d(0px, 500px, 0);
transform: translate3d(0px,500px, 0);
 transition: all 1s;
}

.tdly20 ul li h2{position:relative;width:100%;overflow:hidden;text-align:center;margin-top:20px;font-size:30px;line-height:1.5;color:#333;margin-bottom:0px;}
.tdly20 ul li h3{position:relative;width:100%;overflow:hidden;text-align:center;font-size:24px;line-height:1.5;color:#454545;margin-bottom:0px;margin-top:0px;}

.tdly20 ul li p{position:relative;width:100%;overflow:hidden;text-align:center;font-size:18px;margin-top:10px;line-height:2;color:#777;}

.tdly20 ul li h4{position:relative;width:100%;overflow:hidden;margin-top:15px;margin-bottom:0px;}

.tdly20 ul li h4 img { display: block; width: 100%;
transform: scale(1.0);
transition: all 1s ease-out;
}
.tdly20 ul li:hover h4 img {
transform: scale(1.1);
transition: all 1s ease-out;
}


.m4p1{position:absolute;right:51%;top:15%;overflow:hidden;font-size:32px;line-height:48px;color:#fff;
opacity: 0; 	
-webkit-transform: translate3d(-500px, 0px, 0);
transform: translate3d(-500px,0px, 0);
 transition: all 1s;
}
.m4p2{position:absolute;left:51%;top:15%;overflow:hidden;font-size:32px;line-height:48px;color:#fff;
opacity: 0; 	
-webkit-transform: translate3d(500px, 0px, 0);
transform: translate3d(500px,0px, 0);
 transition: all 1s;
}
.active .m4p1{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay: 0.7s;
}
.active .m4p2{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay:0.7s;
}

.m4p3{position:absolute;width:100%;left:0%;top:22%;overflow:hidden;}
.m4p30{position:relative;width:100%;max-width:600px;margin:0 auto;overflow:hidden;}
.m4p30 li{position:relative;width:20%;float:left;overflow:hidden;}
.m4p30 li h3{position:relative;width:100%;max-width:55px;margin:0 auto;overflow:hidden;}
.m4p30 li h3 img { display: block; width: 100%;}
.m4p30 li p{position:relative;width:100%;text-align:center;overflow:hidden;color:#fff;}

.m4p30 li.mdx1{
	opacity: 0; 	
-webkit-transform: translate3d(0px, 0px, -500);
transform: translate3d(0px,0px,-500);
 transition: all 1s;
}
.active .m4p30 li.mdx1{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay:1.3s;
}
.m4p30 li.mdx2{
	opacity: 0; 	
-webkit-transform: translate3d(0px, 0px, -500);
transform: translate3d(0px,0px,-500);
 transition: all 1s;
}
.active .m4p30 li.mdx2{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay:0.7s;
}
.m4p30 li.mdx3{
	opacity: 0; 	
-webkit-transform: translate3d(0px, 0px, -500);
transform: translate3d(0px,0px,-500);
 transition: all 1s;
}
.active .m4p30 li.mdx3{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay:1.0s;
}
.m4p30 li.mdx4{
	opacity: 0; 	
-webkit-transform: translate3d(0px, 0px, -500);
transform: translate3d(0px,0px,-500);
 transition: all 1s;
}
.active .m4p30 li.mdx4{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay:1.7s;
}
.m4p30 li.mdx5{
	opacity: 0; 	
-webkit-transform: translate3d(0px, 0px, -500);
transform: translate3d(0px,0px,-500);
 transition: all 1s;
}
.active .m4p30 li.mdx5{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay:1.5s;
}

.m4p4{position:absolute;width:100%;left:0%;top:32%;overflow:hidden;}
.m4p40{position:relative;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;}
.m4p41{position:relative;width:74.8%;float:left;overflow:hidden;
opacity:0; 	
-webkit-transform: translate3d(0px,-250px, 0);
transform: translate3d(0px,-250px, 0);
transition: all 1s;
}
.active .m4p41{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay:0.9s;
}
.dtd{position:relative;margin:0px 6px 0px 0px;overflow:hidden;}
.dtd1{position:relative;width:100%;overflow:hidden;display:block;}
.dtd1 img{width:100%;display:block;}
.dtd2{position:relative;width:100%;overflow:hidden;display:none;}
.dtd2 img{width:100%;display:block;}
.dtd3{position:relative;width:100%;overflow:hidden;display:none;}

.dtd3 img{width:100%;display:block;}

.dtds{position:absolute;width:85px;overflow:hidden;right:5px;bottom:20px;}
.dtds1{position:relative;width:10px;height:10px;border-radius:50%;float:left;background:#fff;margin-right:8px;overflow:hidden;margin-top:3px;cursor:pointer;}
.dtds2{position:relative;width:10px;height:10px;border-radius:50%;float:left;background:#fff;margin-right:8px;overflow:hidden;margin-top:3px;cursor:pointer;}
.dtds3{position:relative;width:10px;height:10px;border-radius:50%;float:left;background:#fff;margin-right:8px;overflow:hidden;margin-top:3px;cursor:pointer;}
.dtds1.ddr,.dtds2.ddr,.dtds3.ddr{background:#dc2821;border:3px solid #f9c5c3;}


.m4p42{position:relative;width:25.2%;float:right;overflow:hidden;
opacity:0; 	
-webkit-transform: translate3d(0px,250px, 0);
transform: translate3d(0px,250px, 0);
transition: all 1s;
}
.active .m4p42{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay:1.1s;
}


.dtdd{position:relative;margin:0px 6px 0px 0px;overflow:hidden;}
.dtdd1{position:relative;width:98%;overflow:hidden;margin-top:2px;margin-left:2px;cursor:pointer;}
.dtdd1 img{width:100%;display:block;}
.dtdd2{position:relative;width:98%;overflow:hidden;margin-top:6px;margin-left:2px;cursor:pointer;}
.dtdd2 img{width:100%;display:block;}
.dtdd3{position:relative;width:98%;overflow:hidden;margin-top:6px;margin-left:2px;cursor:pointer;}
.dtdd3 img{width:100%;display:block;}
.dtdd1.crr{border:2px solid #f9c5c3;margin-top:0px;margin-left:0px;}
.dtdd2.crr,.dtdd3.crr{border:2px solid #f9c5c3;margin-top:4px;margin-left:0px;}

.dtdd1 p,.dtdd2 p,.dtdd3 p{position:absolute;width:100%;left:0%;bottom:0%;overflow:hidden;font-size:15px;line-height:2.0;color:#fff;text-indent:10px;}

.lsll{position:absolute;width:100%;left:0%;top:25%;overflow:hidden;}

.lsl{position:absolute;width:100%;left:0%;top:20%;overflow:hidden;}
.lsl h2{position:relative;width:86%;margin:0 auto;overflow:hidden;color:#fff;font-size:20px;line-height:1.5;}
.lsl h4{position:relative;width:86%;margin:0 auto;overflow:hidden;color:#fff;font-size:14px;line-height:1.5;margin-top:10px;}
.lsl h3{position:relative;width:86%;margin:0 auto;overflow:hidden;color:#fff;font-size:15px;line-height:1.5;margin-top:10px;}
.lsl h5{position:relative;width:30px;margin-left:7%;overflow:hidden;height:2px;background:#dc2821;}

/* focus_Box */
#focus_Box{position:relative;width:1316px;height:620px;margin:20px auto;}
#focus_Box ul{position:relative;width:1100px;height:620px;margin-left:108px;}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top;}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:50%;}
#focus_Box .prev{background:url(images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(images/share-btn.png) no-repeat;text-indent:-999px;}



.main-menu nav > ul > li > a {
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 50px;
    padding: 20px 7px 5px 7px;
    text-transform: uppercase;
}

/* CSS3过度及动画 */

.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .p1 { opacity: 1; transition-delay: 1.7s;}


.active .bg111 h2{ opacity: 1; margin-top: 0px; transition-delay: 0.7s;}
.active .bg111 h3{ opacity: 1; margin-top: 5px; transition-delay: 1s;}
.active .bg111 p{ opacity: 1; margin-top: 10px; transition-delay: 1.3s;}

.active  .tdly20 ul li.lli1{
opacity: 1;	
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
transition-delay: 1.3s;
}
.active  .tdly20 ul li.lli2{
opacity: 1;	
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
transition-delay: 1.5s;
}
.active  .tdly20 ul li.lli3{
opacity: 1;	
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
transition-delay: 1.7s;
}


.active .tdly1{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay: 0.7s;
}
.active .tdly10{
opacity: 1; 	
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px,0px, 0);
transition-delay:0.7s;
}

.ldwz{position:absolute;width:76%;left:12%;top:25%;overflow:hidden;display:none;}


.div_c_l {
		float: left;
		padding: 5px;
		font-size: 15px;
		font-weight: 500;
	}
	
	.div_c_l span {
		line-height: 38px;
		padding: 0 5px;
		width: 60px;
	}
	
	.div_c_l img {
		height: 30px;
		margin: 2px;
		padding: 0px 7px;
	}
	
	.div_c_r {
		float: right;
		padding: 5px;
		width: calc(100% - 100px);
	}
	
	.div_c_r input {
		border: 0px;
		margin: 5px;
		float: right;
		line-height: 28px;
		font-size: 15px;
		text-align: right;
		padding-right: 5px;
		width: 100%;
		outline: none;
		text-align: left;
	}
	.div_c_r textarea {
		border: 0px;
		margin: 5px;
		float: right;
		line-height: 28px;
		font-size: 15px;
		text-align: right;
		padding-right: 5px;
		width: 100%;
		outline: none;
		text-align: left;
	}
	
	.div_c_r button {
		width: 88px;
		float: right;
		background-color: #F2F2F2;
		height: 28px;
		padding: 4px 8px;
		line-height: 20px;
		font-size: 14px;
		font-weight: 500;
		margin: 5px 5px 0 0;
		border: 1px solid #DBDBDB;
		border-radius: 6px;
		outline: none;
	}
	
	.div_f {
		border-bottom: 1px solid #E8E8E8;
		background-color: #fff;
	}
	
	.btn_1 {
		border: none;
		margin: 40px 15% 16px 15%;
		width: 70%;
		height:40px;
		background-color: #dc2821;
		
		font-size: 20px;
		color: #FFFFFF;
		outline: none;
		-webkit-tap-highlight-color: transparent;
	}
	
	.div_b_l {
		float: left;
		margin-left: 6%;
		padding: 5px;
		width: calc(44% - 10px);
	}
	
	.div_b_r {
		float: right;
		margin-right: 6%;
		padding: 5px;
		width: calc(44% - 10px);
		text-align: right;
	}
	
	.span_b {
		font-size: 16px;
		font-weight: 500;
		color: #000;
		padding: 0 2px;
		float: left;
	}
	
	.span_br {
		font-size: 16px;
		font-weight: 500;
		color: #05a0e0;
		float: left;
	}
	
	input[type=checkbox] {
		visibility: hidden;
	}
	
	.checkboxforget {
		top: 0px;
		float: left;
		width: 20px;
		height: 20px;
		background: #05a0e0;
		margin: 0 5px 0 0;
		border-radius: 100%;
		position: relative;
	}
	
	.checkboxforget label {
		display: block;
		width: 18px;
		height: 18px;
		border-radius: 100px;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer;
		position: absolute;
		top: 1px;
		left: 1px;
		z-index: 1;
		background: #fff;
	}
	
	.checkboxforget input[type=checkbox]:checked+label {
		background: #05a0e0;
		width: 20px;
		height: 20px;
		top: 0px;
		left: 0px;
	}
	
	.inp_radio {
		float: left;
		line-height: 48px;
	}
	
	input[type=radio] {
		visibility: hidden;
	}
	
	.checkboxforget1 {
		top: 13px;
		float: left;
		width: 20px;
		height: 20px;
		background: #AFAFAF;
		margin: 0 5px 0 0;
		border-radius: 100%;
		position: relative;
		/*            -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.5);*/
	}
	
	.checkboxforget1 label {
		display: block;
		width: 18px;
		height: 18px;
		border-radius: 100px;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
		cursor: pointer;
		position: absolute;
		top: 1px;
		left: 1px;
		z-index: 1;
		background: #fff;
		/*            -webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);
	box-shadow:inset 0px 1px 1px rgba(0,0,0,0.5);*/
	}
	
	.checkboxforget1 input[type=radio]:checked+label {
		background: #05a0e0;
		width: 20px;
		height: 20px;
		top: 0px;
		left: 0px;
	}
	
	.red {
		color: #ff6600;
		display: inline-block;
	}


#mesbook1{overflow:hidden;background:#f2f3f7;border:2px solid #999;}
.b1{width:100%;}
.b1 dt{width:60px;margin:0 auto;}



@media screen and (max-width:768px){
	.bg111 {
    width:80%;
}
	
	.header-area{display:none;}
	.mobile-menu-area{display:none;}
	.mobile-menu-area .row{display:none;}
	.tdly1 {
    font-size:18px;
    line-height:24px;
	top: 10%;
}
	.tdly10 {
    font-size:18px;
    line-height:24px;
	top: 10%;
}
	
	.tdly20 {
    width:90%;
}
.tdly20 ul li {
    width:47%;
    margin-left:2%;
	margin-bottom:10px;
}
.tdly20 ul li h2 {
    margin-top:10px;
    font-size:18px;
}
.tdly20 ul li h3 {
   display:none;
}
.tdly20 ul li p {
   display:none;
}
.tdly2 {
top:25%;
}
.m4p1 {
    font-size:18px;
    line-height:24px;
	top: 10%;
}
	.m4p2 {
    font-size:18px;
    line-height:24px;
	top: 10%;
}
.m4p3 {
top:15%;

}
.m4p40 {
    width:90%;
}
.m4p41 {
    width:100%;
}
.dtd {
    margin: 0px 20px 0px 0px;
}
.m4p42 {
    width:100%;
}
.dtdd1 {
    width:31%;
	float:left;
	margin-top:6px;
}
.dtdd1.crr{border:2px solid #f9c5c3;margin-top:3px;margin-left:0px;}
.dtdd2 {
     width:31%;
	float:left;
	margin-left:2%;
}
.dtdd3 {
     width:31%;
	float:left;
	margin-left:2%;
}
.dtdd2.crr,.dtdd3.crr{margin-top:3px;margin-left:2%;}
.lsll{display:none;}

.m4p1.cae {
    font-size:18px;
    line-height:24px;
	top: 10%;
	width:100%;
	right:100px;
	text-align:center;
}
	.m4p2.cae {
    font-size:18px;
    line-height:24px;
	top:14%;
	width:100%;
	left:-100px;
	text-align:center;
}

.ldwz{display:block;}

.dtdd1 p, .dtdd2 p, .dtdd3 p {
    font-size: 11px;
}
#fullPage-nav{
	display:none;
}

}