
/*公共部分样式*/
body { font-family: "Microsoft Yahei"; }
.content { width: 1000px; margin: 0 auto; }
.text { box-sizing: border-box; margin: 0 auto; }

/*========header========*/
.header { position: relative; width: 100%; height: 680px; background: url(../images/head_bg.jpg) no-repeat top center #e7f3ff; background-size: 100% 100%; }
.logo>a { display: inline-block; text-align: left; }


.main1 { width: 100%; height: 724px; background: url(../images/bg_1.jpg) no-repeat top center; background-size: cover; }
.title { display: block; margin: 0 auto; }
.title1 { width: 512px; margin-bottom: 10px }
.main1 .text { width: 1091px; height: 493px; padding: 50px 37px 10px 54px; background: url(../images/text_bg_01.png) no-repeat 0 0; }
.text p { margin-bottom: 35px; color: #6b6b6b; font-size: 20px; line-height: 28px }

.main2 { width: 100%; height: 800px; background: url(../images/bg_2.png) no-repeat top center; }
.title2 { width: 631px; margin-bottom: 60px }
.items { width: 100%; margin:0 auto 40px; overflow: hidden }
.items li { float: left; margin-right: 13px }
.items li:last-child { margin-right: 0 }
.main2 p { color: #fff; line-height: 28px; margin-bottom: 30px }
.btn { width: 397px; height: 61px; margin: 0 auto }
.btn a { display: inline-block; width: 165px; height: 61px; background: url(../images/button_03.png) no-repeat 0 5px; text-align: center; line-height: 61px; color: #2c4951; font-family: "Microsoft Yahei"; font-size: 24px }
.btn a:first-child { margin-right: 62px; }

.main3 { width: 100%; height: 788px; background: url(../images/bg_3.png) no-repeat top center; }
.title3 { width: 385px; margin-bottom: 40px; }
.main3 .text { width: 1115px; height: 506px; padding: 88px 50px 40px 56px; background: url(../images/text_bg_02.png) no-repeat 0 0;  }
.main3 .text ul li { height: 60px; line-height: 60px; border-bottom: 3px dashed #c3dbd8; color: #6b6b6b; font-size: 22px; text-align: center;  }
.main3 .text ul li:last-child {border-bottom: none;}

.list-icon { display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-right: 10px; /* font-size: 0; */ }

.main4 { width: 100%; height: 665px; background: url(../images/bg_4.png) no-repeat top center; }
.title4 { width: 380px; margin-bottom: 50px; }
.main4 ul { width: 670px; margin: 0 auto; }
.main4 ul li { box-sizing: border-box; margin-bottom: 25px; font-size: 20px; line-height: 28px; color: #fff; }
.main4 ul li .list-icon { height: 31px; margin-right: 20px; vertical-align: middle; }

.main5 { width: 100%; height: 819px; background: url(../images/bg_5.png) no-repeat top center; }
.title5 { width: 718px; margin-bottom: 35px; }
.main5 .text { width: 1087px; height: 508px; margin: 0 auto; background: url(../images/text_bg_03.png) no-repeat 0 0; }

.main6 { width: 100%;  background: url(../images/bg_6.png) no-repeat top center; background-size: cover; overflow: hidden; }
.main6 .title { margin-bottom: 46px; }
.main6 .item-info { float: left; width: 40%; font-size: 24px; color: #fff; }
.main6 .item-info:first-child { margin-right: 140px; }
.main6 .item-info span { display: inline-block; width: 100%; margin-bottom: 24px; text-align: center; }



/*左侧浮窗*/
#reg{width:200px; height:400px; margin:0px; padding:0px; position:fixed; top:120px; left:5px; background:url(../images/0-2reg_bg.png) no-repeat; z-index:1000;-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
backface-visibility:hidden;
transform: translateZ(0);}
#cBtn{width:8px; height:8px; margin:0px; padding:0px; position:absolute; top:75px; right:15px;}
#ul_form{width:200px;height:205px; list-style:none; margin:170px 0 0 0px; padding:0px; font-size:12px;}
#ul_form li{display:inline-block;line-height:18px; padding: 15px 0 2px 20px;}
#ul_form li span{ color:#c00;}
#ul_form li:last-child{display:inline-block;line-height:18px; margin:0px; padding:0px;}
#ul_form li input{width:114px; line-height:18px; border: solid 1px #cccccc; margin-left:3px;}
#ul_form li select{width:90px; line-height:18px; border: solid 1px #cccccc; margin-left:3px;}
#ul_form li:last-child input{ border:none;}
#reg .close_btn {
    background: rgba(0, 0, 0, 0) url("../images/close_btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 80px;
    width: 20px;
}


@media screen and (max-width: 1000px) {
	.content {width: 95%;}
	.logo {display: none;}
	.header {height: 320px;}
	.main1 { min-height: 920px; background-size: 100% 100%; }
	.main1 .text {width: 98%; height: auto;  padding: 30px 16px 10px 27px; background-image: url(../images/text_bg_01_m.png); background-size: 100% 100%;}

	.main2 {min-height: 1200px; background-size: cover; }
	.main2 .content p { font-size: 20px; line-height: 36px; }
	.items {width: 545px;}
	.items li { width: 240px; height: 271px; margin-right: 64px; margin-bottom: 20px;}
	.items li:nth-child(even) {margin-right: 0; }
	.items li img {width: 100%; height: 100%;}

	

	.main3 .text { width: 95%; padding: 80px 25px 20px 20px; background-size: 100% 100%; }
	.main3 .text ul li { box-sizing: border-box; padding-top: 10px;  height: 63px; line-height: 30px; font-size: 22px;}
	.main3 .text ul li span {vertical-align: bottom;}

	.main5 {height: 1560px; background-size: cover;}
	.main5 .text { width: 731px; height: 1167px; background-image: url(../images/text_bg_03_m.png);}

	.main6 { background-size: cover;}
	.main6 .item-info {width: 100%; height: 200px; font-size: 24px; line-height: 36px; text-align: center;}
	.main6 .item-info {margin-bottom: 20px;}


	#reg{display: none;}
	.head_nav,.foot,#doyoo_panel {display: none !important;}
}
