@charset "utf-8";
/* CSS Document */
*{ font-family:Helvetica, Tahoma, Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; font-size:12px;}
body,ul,li,img,h1,h2,h3,h4,p{ padding:0; margin:0;}
ul,li{ list-style:none;}
img{ border:none;}
a{ text-decoration:none;}
/*重置*/
.left_float{ float:left;}
.right_float{ float:right;}
.lr_center{ margin:0 auto; width:1190px;}
.lr_center02{ margin:0 auto;}
.bg{ background-repeat:no-repeat; background-position:top left; height:940px;}

/*公共类*/
.topbox{ overflow:hidden; background-color:white; position:relative; width:100%; z-index:100;}
.logobox img{display:block;}
.navbox li{ float:left;}
.navbox li a{ font-size:16px; color:#666; margin-left:40px; line-height:70px;}
.navbox li a:hover{ color:#0068b7;}

/*顶部导航*/

.firstbox{ background-image:url(../images/first_bg.png); background-repeat:no-repeat; background-position:top left; height:870px; padding-top:50px;}
.first{ margin-top:15%;}
.first .img_one{ display:block; width:704px; margin-bottom:10px;}
.first .img_two{ display:block; width:836px; margin-bottom:28px;}
.first p{ font-size:25px; color:#02d2c2; text-align:center; font-family:"宋体";}
/*文字介绍*/
.mark{ overflow:hidden; width:726px; margin:0 auto;}
.mark li{ float:left; margin:0 26px; width:242px; text-align:center; margin:0 auto; color:white;}
.mark li img{ width:30px; margin:0 auto;}
.mark li h4{ font-size:14px; margin-bottom:5px; margin-top:3px; font-weight:normal; }
.mark li p{ font-size:16px;}
/*第一屏*/

.secondbox{ background-image:url(../images/second_bg.png);}
.second_title{ float:left; width:488px; margin-top:230px; margin-left:88px;}
.second_title h2{ font-size:44px; color:white; line-height:60px; margin-bottom:20px;}
.second_title p{ font-size:18px; color:white; line-height:34px;}
.second{ float:right; margin-right:90px;}
.second img{display:block; }
/*第二屏*/

.thirdbox{ background-image:url(../images/third_bg.png);}
.third_title{padding-top:80px; float:left;}
.third{ float:left; color:white; margin-top:180px; margin-left:50px; }
.third h3{ font-size:22px; font-weight:normal; margin-bottom:10px;}
.third h2{ font-size:68px; margin-bottom:10px;}
.third p{ font-size:19px;}
/* 第三屏 */

.forthbox{ background-image:url(../images/forth_bg.png);}
.forth{ width:700px; text-align:center; padding-top:15%;}
.forth h3{ font-size:22px; color:#3ce08a; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:26px;}
.forth h2{ font-size:46px; color:white; margin-bottom:30px;font-weight:normal;}
.forth p{ font-size:18px; color:#90ccfc; line-height:38px;}

/* 第四屏 */

.fifthbox{ background-image:url(../images/five_bg.png);}
.fifth{ padding-top:8%;}
.fifth h1,.fifth h2,.fifth h3,.fifth p{ font-weight:normal; text-align:center;}
.fifth h1{ text-transform:uppercase; font-size:22px; color:#3ce08a; margin-bottom:32px; }
.fifth h2{font-size:46px; color:#3ce08a; margin-bottom:32px; color:white; }
.fifth p{ font-size:18px; color:white; line-height:38px; margin-bottom:80px; }
.fifth h3{font-size:20px; color:white;}
.fifth_img{width:136px; margin:0 auto; display:block; margin-bottom:18px;}

@media screen and (max-height:800px) {
	
	
	.firstbox{ height:750px; padding-top:10px;}
	.second{margin:0px auto 0 auto;}
	.second_title{ margin-top:200px;}
	.third_title{padding-top:20px;}
	.fifth p{ margin-bottom:50px; }
	.fifth_img{margin-bottom:10px;}
	}

@media screen and (max-height:680px) {

	.first{ margin-top:10%;}
	.second{margin:0px auto 0 auto;}
	.second_title{ margin-top:150px;}
	.third{ margin-top:140px;}
	.fifth{padding-top:4%;}
	.fifth h1{ margin-bottom:25px;}
	.fifth h2{margin-bottom:22px;}
	.fifth p{ margin-bottom:20px; line-height:34px; }
	.fifth_img{margin-bottom:6px;}
}