body{
	background-color: #F5F5F5;
}

.header {
	height: 50px;
	line-height: 50px;
	/* background-color: #000000; */
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
}

.header .public-container {
	width: 1000px;
	position: relative;
	height: 100%;
	/* text-align: left; */
}

.header .link-content {
    position: absolute;
    display: flex;
    display: -webkit-flex;
    top: 0;
    bottom: 0;
    height: 20px;
    margin: auto 0;
    right: 0;
}

.header a {
    display: inline-block;
    color: #323b3f;
    font-size: 18px;
    line-height: 20px;
    padding: 0 10px;
    border-right: 2px solid;
    border-color: #323b3f;
    white-space: nowrap;
}

.header a:hover {
	color: #cb2e2e;
}

.header a.logo {
	position: absolute;
	width: 141px;
	height: 32px;
	background: url(../images/logo.png) center top no-repeat;
	top: 0px;
	bottom: 0;
	left: 0;
	margin: auto 0;
}

.banner{
	background-image: url(../images/bg01.jpg);
}

.banner .public-container{
	padding-top: 256px;
}

.banner .small-title{
	display: block;
	margin: 0 auto 0;
	width: 207px;
	height: 39px;
	line-height: 39px;
	background-color: #d71f1f;
	border-radius: 2px;
	color: #FFF;
	font-size: 23px;
}

.banner .small-title i{
	font-weight: bold;
	font-size: 20px;
}

.banner .banner-title{
    width: 462px;
    height: 334px;
    background: url(../images/banner_title.png) center no-repeat;
    margin-top: 29px;
    margin-left: 316px;
    margin-bottom: 103px;
    position: relative;
}

.banner .banner-title img{
	position: absolute;
	left: 55px;
	top: -16px;
}

.banner .banner-title img.letter2{
	left: 149px;
	top: 78px;
}

.banner .banner-title img.letter3{
	left: 142px;
	top: 258px;
}

.banner .banner-title .letter-circles{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    position: absolute;
    left: 66px;
    top: 119px;
    width: 70px;
}

.banner .banner-title .letter-circles i{
	width: 59px;
	line-height: 59px;
	border-radius: 50%;
	font-size: 38px;
	color: #FFF;
	background-color: #d71f1f;
	margin-bottom: 1px;
}

.banner .banner-title .bottom-content{
	white-space: nowrap;
	font-size: 20px;
	line-height: 22px;
	color: #d71f1f;
	position: absolute;
	text-align: left;
	left: 265px;
	top: 305px;
}

.banner .popular-science{
	width: 165px;
	height: 49px;
	background: url(../images/popular_science.png) center no-repeat;
	position: relative;
	margin-left: 119px;
	margin-bottom: 320px;
}

.banner .popular-science span{
    position: absolute;
    border-left: 3px solid #000000;
    left: 177px;
    top: 3px;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    text-align: left;
    padding-left: 16px;
    font-size: 24px;
    color: #d71f1f;
}

.banner .popular-science span i{
	position: absolute;
	width: 10px;
	height: 12px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: -3px;
	border-left: 10px solid #000;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

.banner .popular-science section{
    position: absolute;
    font-size: 18px;
    line-height: 27px;
    color: #333333;
    white-space: nowrap;
    text-align: left;
    left: 0;
    top: 73px;
}

.part-title{
	display: block;
	position: relative;
}

.part{
	position: relative;
}

.banner .part2-title{
	margin: 0 auto 28px;
	z-index: 1;
}

.banner .part2{
	height: 349px;
	padding-top: 70px;
}

.banner .part2 .part2-bg{
	position: absolute;
	top: 0;
	left: 0;
}

.banner .part2 .part2-bg2{
	top: auto;
	bottom: 0;
	left: 384px;
}

.banner .part2 .part2-img{
	position: absolute;
}

.banner .part2 .part2-img1{
		top: -117px;
		left: 710px;
}

.banner .part2 .part2-img2{
		top: -66px;
		left: 106px;
}

.banner .part2 .vs-content{
	width: 709px;
	height: 40px;
	background: url(../images/vs_content.png) center no-repeat;
	margin: 0 auto;
	position: relative;
}

.banner .part2 .vs-content .vs{
	position: absolute;
	top: -6px;
	left: 287px;
}

.banner .part2 .vs-content .content{
	position: absolute;
	top: 0;
	bottom: 0;
	line-height: 40px;
	left: 61px;
	white-space: nowrap;
}

.banner .part2 .vs-content .content>i{
	font-weight: bold;
	font-size: 28px;
	color: #fefefe;
}

.banner .part2 .vs-content .content .content-inside{
    position: absolute;
    left: 0;
    color: #333333;
    text-align: left;
    top: 80px;
}

.banner .part2 .vs-content .content .content-inside span{
    display: block;
    font-size: 18px;
    line-height: 24px;
    background: url(../images/yes.png) center left no-repeat;
    padding-left: 34px;
    margin-bottom: 16px;
}

.banner .part2 .vs-content .right-content{
	left: 469px;
}

.banner .part2 .vs-content .right-content>i{
	color: #487b81;
}

.banner .part2 .vs-content .right-content .content-inside{
	color: #ffffff;
}

.banner .part3-title{
    margin-top: 145px;
    margin-left: 365px;
    margin-bottom: 41px;
}

.banner .part3{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	position: relative;
}

.banner .part3 .part3-every{
	width: 196px;
	height: 287px;
	background: url(../images/part3_every.png) center no-repeat;
	position: relative;
	padding-top: 60px;
}

.banner .part3 .part3-every:nth-child(even){
	top: 50px;
}

.banner .part3 .part3-every h2{
	color: #d71f1f;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 46px;
	white-space: nowrap;
}

.banner .part3 .part3-every span{
    display: block;
    text-align: left;
    font-size: 18px;
    line-height: 27px;
    padding: 0 24px;
}

.banner .part3 .part3-every:last-of-type{
	padding-top: 40px;
}

.banner .part3 .part3-every:last-of-type h2{
	margin-bottom: 25px;
}

.banner .part4{
    margin-top: 157px;
    height: 414px;
}

.banner .part4 .part4-bg{
	height: 223px;
	background-color: rgba(184,184,184,0.24);
	position: absolute;
	width: 681px;
	left: -460px;
	bottom: 0;
}

.banner .part4 .part4-bg.part4-bg-right{
	width: 477px;
	left: 983px;
}

.banner .part4 .part4-bg-img{
	position: absolute;
	bottom: 0;
	left: -460px;
	top: auto;
}

.banner .part4 .part4-bg-right-img{
	left: 755px;
}

.banner .part4>img{
	position: absolute;
	left: -88px;
	top: 27px;
}

.banner .part4 img.part4-title{
	left: 47px;
	top: 19px;
}

.banner .part4 .part4-choices{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 250px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    padding-top: 96px;
    padding-bottom: 46px;
    align-content: space-between;
}

.banner .part4 .part4-choices i{
    width: 100%;
    height: 42px;
    white-space: nowrap;
    border: 1px solid #d71f1f;
    border-radius: 21px;
    line-height: 40px;
    background-color: #d71f1f;
    font-size: 20px;
    color: #FFF;
	cursor: pointer;
}

.banner .part4 .part4-choices i.choosed{
	background-color: #FFF;
	font-weight: bold;
	color: #d71f1f;
	font-weight: bold;
}

.banner .part4 .part4-every-content{
	height:414px;
	margin-left: 239px;
	width: 725px;
	background-color: rgba(184,184,184,0.24);
	position: relative;
	font-size: 0;
	line-height: 414px;
	display: none;
}

.banner .part4 .part4-every-content .left-border{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1px;
	width: 23px;
	background-color: #d71f1f;
}

.banner .part4 .part4-every-content .left-triangle{
	width: 16px;
	height: 18px;
	border-left: 16px solid #d71f1f;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	left: 20px;
}

.banner .part4 .part4-every-content>p{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 30px;
    color: #4e4e4e;
    text-align: left;
}

.banner .part4 .part4-every-content>p span{
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 140px;
    padding-right: 20px;
}

.banner .part4 .part4-every-content>p span i.title{
    position: absolute;
    color: #d71f1f;
    line-height: 30px;
    top: 0;
    right: 585px;
    white-space: nowrap;
}

.part5-title{
	margin: 0 auto;
}

.pannel2{
    height: 1400px;
    background: url(../images/bg02.jpg) no-repeat center bottom;
}

.public-container  .part5{
    width: 462px;
    height: 354px;
    border-radius: 9px;
    background-color: rgba(230,230,230,0.7);
    margin-left: 66px;
    margin-bottom: 209px;
    padding-top: 39px;
}

.pannel2 .public-container{
	padding-top: 146px;
}

.public-container  .part5-title2{
	display: block;
	margin: 5px auto 47px;
	width: 342px;
	height: 52px;
	position: relative;
	line-height: 52px;
	font-size: 20px;
	color: #d71f1f;
}

.public-container  .part5-title2 .cross{
	position: absolute;
	width: 17px;
	height: 17px;
	background: url(../images/i_cross.png) center no-repeat;
	top: 0;
	left: 0;
}

.public-container  .part5-title2 .cross i{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 294px;
	height: 1px;
	background-color: #d71f1f;
	left: 16px;
}

.public-container  .part5-title2 .cross:last-of-type{
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
}

.public-container  .part5-title2 .cross:last-of-type i{
	width: 309px;
	left: auto;
	right: 4px;
}

.public-container  .part5 .part5-bg{
	position: absolute;
	top: 16px;
	right: 120px;
}

.public-container  .part5 .part5-inside-title{
    font-size: 20px;
    color: #d71f1f;
    line-height: 20px;
	margin-bottom: 25px;
	padding-left: 53px;
	padding-right: 90px;
	position: relative;
}

.public-container  .part5 .qr-content{
    width: 319px;
    height: 188px;
    background: url(../images/part5_qr_content.jpg) center no-repeat;
    position: relative;
    margin-left: 53px;
    border-radius: 5px;
}

.public-container  .part5 .click-order{
	display: block;
	padding-left: 165px;
	text-align: left;
	font-size: 18px;
	color: #333333;
	line-height: 18px;
	margin-top: 30px;
	letter-spacing: 2px;
	position: relative;
	cursor: pointer;
}

.public-container  .part5 .click-order img{
    position: absolute;
    left: 260px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.public-container  .part5 .part5-telephone{
	width: 395px;
	height: 593px;
	background: url(../images/part5_telephone.png) center no-repeat;
	position: absolute;
	top: -13px;
	left: 434px;
	padding-top: 79px;
}

.public-container  .part5 .part5-telephone .circle{
	position: absolute;
	background-color: #487b81;
	width: 85px;
	height: 12px;
	border-radius: 6px;
	top: 32px;
	left: 139px;
}

.public-container  .part5 .part5-telephone .circle-right{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	top: 30px;
	right: 141px;
	left: auto;
}

.public-container  .part5 .part5-telephone .form-title{
	color: #d71f1f;
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 16px;
}

.public-container  .part5 .part5-telephone .form-title2{
    display: block;
    white-space: nowrap;
    font-size: 16px;
    line-height: 16px;
    color: #999999;
    margin-bottom: 32px;
}

.public-container  .part5 .part5-telephone .form-border{
    height: 30px;
    position: relative;
    margin-bottom: 21px;
}

.public-container  .part5 .part5-telephone .form-border input,
.public-container  .part5 .part5-telephone .form-border select{
    width: 174px;
    height: 100%;
    background-color: #f7f7f7;
    display: block;
    border: 1px solid #487b81;
    outline: none;
    margin-left: auto;
    margin-right: 69px;
    border-radius: 3px;
    font-size: 16px;
    color: #333;
}

.public-container  .part5 .part5-telephone .form-border span{
    position: absolute;
    right: 254px;
    top: 0;
    bottom: 0;
    font-size: 18px;
    color: #d71f1f;
    font-weight: bold;
    white-space: nowrap;
    line-height: 30px;
}

.public-container  .part5 .part5-telephone .form-border i.get-yzm{
    position: absolute;
    right: 69px;
    width: 62px;
    top: 0px;
    bottom: 0px;
    background-color: #487b81;
    white-space: nowrap;
    line-height: 30px;
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
    border-radius: 3px;
}

.public-container  .part5 .part5-telephone .click-submit{
    display: block;
    margin: 0 auto;
    width: 80px;
    background-color: #487b81;
    white-space: nowrap;
    line-height: 40px;
    cursor: pointer;
    color: #FFF;
    font-size: 20px;
    border-radius: 3px;
}

.pannel2 .pannel2-boat{
    position: absolute;
    top: 857px;
    left: 840px;
}

.pannel2 .part6{
    height: 169px;
    background: url(../images/part6.png) center no-repeat;
    margin-bottom: 112px;
	padding-top: 41px;
}

.pannel2 .part6 .part6-title{
    position: absolute;
    left: 0;
    right: 0;
    top: -26px;
    margin: 0 auto;
}

.pannel2 .part6 .part6-img{
	position: absolute;
	left: 52px;
	top: 168px;
}

.pannel2 .part6 .two-lines{
	display: flex;
	display: -webkit-flex;
	padding-left: 29px;
}

.pannel2 .part6 .two-lines i{
	width: 97px;
	height: 35px;
	border-radius: 5px;
	background-color: rgba(72,123,129,0.5);
	line-height: 35px;
	color: #ffffff;
	font-size: 20px;
	white-space: nowrap;
	position: relative;
	margin-right: 90px;
}

.pannel2 .part6 .two-lines i img{
	position: absolute;
	top: 43px;
	left: 49px;
}

.pannel2 .part6 .two-lines i:first-of-type img{
	left: 40px;
}

.pannel2 .part6 .two-lines i:last-of-type{
	margin-right: 0;
}

.pannel2 .part6 .two-lines i:nth-child(2){
	margin-right: 91px;
}

.pannel2 .part6 .line2{
	margin-top: 22px;
	padding-left: 122px;
}

.pannel2 .part6 .line2 i:nth-child(1){
	margin-right: 85px;
}

.pannel2 .part6 .line2 i:nth-child(2){
	width: 109px;
	margin-right: 84px;
}

.pannel2 .part6 .line2 i:first-of-type img{
	left: 101px;
}

.pannel2 .part6 .line2 i img{
	left: 101px;
	top: -12px;
}

.pannel2 .part6 .line2 i:nth-child(2) img{
	left: 107px;
}

.pannel2 .part7-title{
	margin: 112px auto 34px;
}

.pannel2 .part7{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: 172px;
}

.pannel2 .part7 .part7-every{
	width: 314px;
	height: 183px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/part7_every1.jpg);
	position: relative;
	border-radius: 8px;
}

.pannel2 .part7 .part7-every2{
	background-image: url(../images/part7_every2.jpg);
}

.pannel2 .part7 .part7-every3{
    background-image: url(../images/part7_every3.jpg);
    cursor: pointer;
}

.pannel2 .part7 .part7-every>a{
	position: absolute;
	width: 158px;
	height: 33px;
	border: 1px solid #d71f1f;
	left: 74px;
	bottom: -54px;
}

.pannel2 .part7 .part7-every>a i{
    position: absolute;
    width: 158px;
    height: 33px;
    line-height: 31px;
    border: 1px solid #487b81;
    background-color: #f5f5f4;
    left: 3px;
    bottom: 5px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.pannel2 .part7 .part7-every1>a:last-of-type,
.pannel2 .part7 .part7-every2>a:last-of-type{
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
}

.pannel2 .part7>img{
	position: absolute;
}

.pannel2 .part7 .part7-bird{
	left: 240px;
	top: -97px;
}

.pannel2 .part7 .part7-bamboo{
	left: 674px;
	top: -64px;
}

.pannel2 .part8{
	width: 997px;
	height: 437px;
	background: url(../images/part8.png) center no-repeat;
	display: flex;
	display: -webkit-flex;
	padding: 126px 120px 0;
	justify-content: space-between;
}

.pannel2 .part8 .part8-flower{
	position: absolute;
	left: 862px;
	top: 228px;
}

.pannel2 .part8 .part8-title{
    position: absolute;
    left: 0;
    right: 0;
    top: -19px;
    margin: 0 auto;
}

.pannel2 .part8 .part8-every{
	width: 169px;
	height: 169px;
	border-radius: 8px;
	background-color: #FFF;
	border: 1px solid #d71f1f;
	position: relative;
	line-height: 167px;
	font-size: 0;
}

.pannel2 .part8 .part8-every .part8-every-flower{
	position: absolute;
	bottom: -45px;
	left: -20px;
}

.pannel2 .part8 .part8-every .part8-flower-right{
	left: auto;
	right: -20px;
}

.pannel2 .part8 .part8-every .qr-img{
    width: 156px;
    vertical-align: middle;
}

.pannel2 .part8 .part8-every>span{
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    color: #d72222;
    font-size: 20px;
    line-height: 20px;
    bottom: -35px;
}

.public-footer {
    height: 100px;
    background-color: #D6DAD9;
    color: #000000;
}

.public-footer .public-container {
	line-height: 100px;
	font-size: 0;
}

.public-footer .public-container p {
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
}

.float-right{
    position: fixed;
    width: 91px;
    height: 331px;
    right: 41px;
    top: 0px;
    bottom: 0px;
    padding-top: 18px;
    margin: auto 0;
    background: url(../images/float_right_bg.png);
}

.float-right .float-title{
    position: absolute;
	top: -122px;
	right: -42px;
}

.float-right a{
	display: block;
	text-align: center;
	font-size: 16px;
}

.float-right a:not(.float-ask){
    width: 83px;
	line-height: 24px;
	color: #FFF;
    background-color: #d71f1f;
	border-radius: 4px;
	margin:0 auto 6px;
}

.float-right a:not(.float-ask):hover{
	color: #f0ff00;
}

.float-right a.float-ask{
    margin-top: 10px;
	line-height: 16px;
	color: #000000;
}

.float-right i.float-triangle{
	display: block;
	width: 12px;
	height: 11px;
	margin: 5px auto 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 11px solid #000000;
}

.float-right i.float-close{
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #3F85B0;
    text-align: center;
    line-height: 13px;
    font-size: 0;
    border-radius: 50%;
    top: -120px;
    right: -20px;
    cursor: pointer;
}

.float-right i.float-close img{
	vertical-align: middle;
}

.window-alert{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 1;
	display: none;
}

.window-alert .qr-border{
    width: 410px;
    height: 350px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0;
    line-height: 230px;
    text-align: center;
    background-color: #FFF;
}

.window-alert .qr-border>span{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 81px;
	border-top: 1px solid #000;
	line-height: 80px;
	font-size: 0;
}

.window-alert .qr-border>span i{
    font-size: 18px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    white-space: nowrap;
    font-weight: bold;
}

.window-alert .qr-border .window-close{
    position: absolute;
    right: -34px;
    top: -34px;
    cursor: pointer;
}

.window-alert .qr-border .window-qr{
    height: 250px;
}

.bottom-float{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	display: -webkit-flex;
}

.bottom-float>a{
	flex: 1;
	position: relative;
	font-size: 0;
}

.bottom-float>a img:first-of-type{
	width: 100%;
}

.bottom-float>a img:last-of-type{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
}

.part9 .part2-img1{
	position: absolute;
	top: -47px;
	left: 710px;
	z-index: 1;
}
.part9{padding: 0;margin: 50px auto;}

.con5{background: url(../images/lxbg9.png) no-repeat center;width: 1000px;height: 496px;margin-top: 50px;}

.con5 table{border-spacing:0;border-collapse:collapse;}
.con5_sel{width: 900px;margin: 0 auto;padding: 30px 0 0;position: relative;z-index: 2;}
.con5_sel li{width: 90px;height: 36px;float: left;margin-right: 10px;color: #fff;border-radius: 30px;font:bold 20px/34px "Microsoft Yahei";cursor: pointer;margin-bottom: 20px;background: #9f9f9e;}
.con5_sel li.sel{background: #c74a3d;}
.con5_sel li.last{margin-right: 0;}

.con5_table table{width: 900px;margin: 0px auto;}
.con5_table table th{background: #c74a3d; color: #fff; padding: 5px 0; font: bold 24px "Microsoft Yahei"; border: 1px solid #a40000;border-bottom: 1px solid #fff;height: 50px}
.con5_table table td{background: #fff; color: #111; padding:15px 5px; text-align: center; font-size: 18px; border: 1px solid #a40000;}
.con5_table td a{width: 100px;font: 14px/30px "Microsoft Yahei";height: 30px;margin-top: 5px;display: block;background: #f74a48;color: #fff;margin-bottom: 5px;cursor: pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;}
.con5_table td a:hover{background: #a40000;color: #fff;}

.more{color: #fff;border-radius: 30px;width: 180px;height: 40px;display: block;font: 20px/40px "Microsoft Yahei";margin: 30px auto 0;background: #c74a3d;}
.more:hover{color: #ffff00;}