.nobanner .tree{position: relative;top: auto;left: auto;text-align: left;}
.nobanner h1{text-align: center;color: #000;font-size: 26px;padding: 20px 0 10px;}
.nobanner{min-height: 400px;}
.content .contact .top{padding-top: 82px;}
.content .contact .top .left{width: 664px;display: inline-block;}
.content .contact .top .left .keep{font-size: 62px;line-height: 76px;color: #333333;font-family: "Poppins-SemiBold";}
.content .contact .top .left .desc{font-size: 16px;line-height: 28px;color: #666666;font-family: "Poppins-Light";padding: 30px 0 47px;}
.content .contact .top .left .share a{margin-right: 25px;}
.content .contact .top .right{width: 558px!important;float: right;}
.content .contact .top .right label{color: #333333;font-size: 16px;font-family:'Poppins-Light'; }
.content .contact .top .right label.size20{font-size: 20px;line-height: 46px;}
.content .contact .top .right label span{color: red;margin-left: 2px;}
.content .contact .top .right label img{vertical-align: middle;margin-left: 2px;}
.content .contact .top .right input[type=text]{width: calc( 100% - 22px );border: 1px solid #cccccc;height: 40px;font-size: 18px;padding: 0 10px;margin-bottom: 14px;}
.content .contact .top .right textarea{width: calc( 100% - 22px );border: 1px solid #cccccc;font-size: 18px;padding: 0 10px;margin-bottom: 14px;height: 120px;line-height: 36px;}
.content .contact .top .right input[type=submit]{color: #fff;width: 176px;height: 57px;background: #2868c9;border: none;border-radius: 28.5px;font-size: 18px;margin-top: 14px;}
.content .contact .infomsg{padding-top: 106px;}
.content .contact .infomsg .copy{width: 343px;height: 273px;box-shadow:0px 0px 10px #ccc;float: left;margin-bottom: 20px;text-align: center;padding: 0 30px;}
.content .contact .infomsg .copy{width: 26.7%;padding: 0 2.4%;}
/*.content .contact .infomsg .copy:nth-child(3n-1){margin: 0 35px;}*/
.content .contact .infomsg .copy:nth-child(3n-1){margin: 0 2.6%;}
.content .contact .infomsg .copy .img{height: 100px;padding-top: 7.5%;}
.content .contact .infomsg .copy .name{font-size: 22px;line-height: 30px;color: #333333;font-family: 'Poppins-SemiBold';}
.content .contact .infomsg .copy .msg{font-size: 14px;line-height: 26px;color: #333333;font-family: 'Poppins-Light';padding-top: 18px;}
.content .contact .infomsg .copy a{font-size: 14px;line-height: 28px;color: #2868c9;text-decoration: underline;}
.content .contact .faq{padding-bottom: 128px;}
.content .contact .faq h1{font-size: 40px;line-height: 30px;color: #333333;font-family: 'Poppins-SemiBold';text-align: center;padding: 98px 0 45px;}
.content .contact .faq .copy{height: 82px;position: relative;overflow: hidden;margin-bottom: 14px;transition: all 0.5s;cursor:pointer;}
.content .contact .faq .copy.on{height: auto;}
.content .contact .faq .copy .img{height: 82px;display: inline-block;vertical-align: top;position: absolute;}
.content .contact .faq .copy .msg{width:calc( 100% - 67px );height: 100%;background: #f5f7fb;display: inline-block;vertical-align: top;padding-left: 45px;margin-left: 20px;border: 1px solid #f5f7fb;transition: all 0.5s;}
.content .contact .faq .copy .msg .question{line-height: 82px;font-size: 18px;color: #333333;font-family: 'Poppins-Medium';}
.content .contact .faq .copy.on .msg{width:calc( 100% - 67px );background: none;border: 1px solid #c7d6ec;}
.content .contact .faq .copy.on .msg .question{color: #2868c9;}
.content .contact .faq .copy.on .msg .answer{font-size: 14px;line-height: 26px;color: #666666;font-family: 'Poppins-Light';padding: 5px 0 42px;}

.content .about .info{padding: 85px 0 95px;background: #f7f7f7;}
.content .about .info .left{display: inline-block;width: 450px;text-align: right;padding-top: 19px;}
.content .about .info .left .name{font-size: 30px;line-height: 30px;color: #333333;font-family: 'Poppins-SemiBold';}
.content .about .info .left .desc{font-size: 16px;line-height: 30px;color: #666666;font-family: 'Poppins-Light';padding-top: 30px;}
.content .about .info .right{float: right;width: 755px;height: 455px;}
.content .about .info .right.img span{opacity: 0;}
.content .about .parts{padding: 60px 0;background:url(../images/about_parts_bg1.png) repeat-x;}
.content .about .parts h1{text-align: center;font-size: 30px;line-height: 30px;color: #333333;font-family: 'Poppins-SemiBold';padding-bottom: 50px;}
.content .about .parts h2{text-align:center; padding-bottom:20px; font-weight:400; text-transform:uppercase; color:#333; font-size:30px}
.content .about .parts .picScroll-left{height: 295px;text-align: center;}
.content .about .parts .bd{text-align: center;display: inline-block;}
.content .about .parts .bd li{width: 284px;display: inline-block;margin: 0 3px;}
.content .about .parts .bd .img{width: 284px;height: 213px;}
.content .about .parts .bd .name{font-size: 16px;line-height: 24px;color: #333333;text-align: left;padding: 15px 20px 17px;border-bottom-right-radius: 29px;background: #fff;height: 48px;}
.content .about .parts .prev,.content .about .parts .next{display: inline-block;height: 72%;vertical-align: top;cursor:pointer;}
.content .about .parts .prev{float: left;}
.content .about .parts .next{float: right;}
.content .about .parts .bnmme{padding: 67px 0 67px;margin-top: 20px;background:#f7f7f7;}
.content .about .parts .bnmme .desc{font-size: 16px;line-height: 30px;color: #666666;text-align: center;}
.content .about .cando h1{text-align: center;font-size: 30px;line-height: 30px;color: #333333;font-family: 'Poppins-SemiBold';padding: 6px 0 62px;}
.content .about .cando .bg{background: url(../images/about_do_bg.png) no-repeat center center;width: 100%;height: 585px;}
.content .about .cando .bg .copy{width: calc( (100% - 4px)/5 );height: 100%;float: left;border-right: 1px solid rgba(255,255,255,0.2);background: rgba(0,0,0,0.3);transition: all 0.5s;}
.content .about .cando .bg .copy:hover{background: rgba(65,153,221,0.8);}
.content .about .cando .bg .copy.on{background: rgba(65,153,221,0.8);}
.content .about .cando .bg .copy:nth-child(5){border: none;}
.content .about .cando .bg .copy .name{font-size: 18px;line-height: 26px;color: #fff;text-align: center;text-transform: uppercase;padding: 66% 0 20px;transition: all 0.5s;}
.content .about .cando .bg .copy:hover .name{padding-top: 41%;}
.content .about .cando .bg .copy.on .name{padding-top: 41%;}
.content .about .cando .bg .copy .line30{width: 30px;height: 1px;background: #fff;margin: 0 auto;}
.content .about .cando .bg .copy .desc{font-size: 14px;line-height: 24px;color: #e9f2ff;font-family: 'Poppins-Light';padding: 42px 35px;opacity: 0;transition: all 0.5s;}
.content .about .cando .bg .copy:hover .desc{opacity: 1;}
.content .about .cando .bg .copy.on .desc{opacity: 1;}
.content .choose{padding-bottom: 182px;}
.content .choose h1{text-align: center;font-size: 30px;line-height: 30px;color: #333333;font-family: 'Poppins-SemiBold';padding: 70px 0 27px;}
.content .choose .copy{width: 45.313%;position: relative;height: 220px;}
.content .choose .copy .img{width: 100%;}
.content .choose .copy .desc{font-size: 16px;line-height: 28px;color: #333333;padding-top: 17px;}
.content .choose .copy .number{position: absolute;font-size: 80px;line-height: 68px;color: #f1f1f1;top: -32px;font-family: 'Poppins-Bold'}
.content .choose .copy .xianimg{position: absolute;top: 0;}
.content .choose .copy:nth-child(4n-1){float: right;}
.content .choose .copy:nth-child(4n-1) .number{left: 20px;}
.content .choose .copy:nth-child(4n+1) .number{right: 32px;}
.content .choose .copy:nth-child(4n-1) .xianimg{left: -65px;}
.content .choose .copy:nth-child(4n+1) .xianimg{right: -65px;}


@media screen and (max-width: 1300px) {
	.content .about .info{padding:60px 0 70px;}
	.content .about .info .left{width: 400px;}
	.content .about .info .right{width: 650px;}
	.content .about .parts .bd li{width: 250px;}
	.content .about .parts .bd .img{width: 100%;height: auto;}
	.content .choose .copy:nth-child(4n-1) .xianimg{left: -57px;}
	.content .choose .copy:nth-child(4n+1) .xianimg{right: -57px;}
	.content .nobanner{padding-top: 80px;}
	.content .contact .infomsg .copy:nth-child(1) .img,.content .contact .infomsg .copy:nth-child(4) .img{padding-top: 15%;}
	.content .contact .infomsg .copy:nth-child(2) .img,.content .contact .infomsg .copy:nth-child(3) .img,.content .contact .infomsg .copy:nth-child(5) .img{padding-top: 20%;}
}
@media screen and (max-width: 1140px) {
	.content .about .info{padding: 40px 0 50px;}
	.content .about .info .left .desc{font-size: 14px;}
	.content .about .info .left{width: 40%;}
	.content .about .info .right{width: 53%;padding-top: 2%;height: auto;}
	.content .about .parts .bd li{width: 220px;}
	.content .about .parts .bnmme{padding: 67px 0 250px;}
	.content .about .cando .bg .copy .desc{font-size: 12px;}
	.content .choose .copy:nth-child(4n-1) .xianimg{left: -51px;}
	.content .choose .copy:nth-child(4n+1) .xianimg{right: -51px;}
	.content .contact .infomsg .copy .img{height: 70px;}
	.content .contact .infomsg{padding-top: 80px;}
	.content .contact .faq h1{padding: 80px 0 40px;}
	.content .contact .faq{padding-bottom: 100px;}
	.content .contact .infomsg .copy:nth-child(1) .img,.content .contact .infomsg .copy:nth-child(4) .img{padding-top: 25%;}
	.content .contact .infomsg .copy:nth-child(2) .img,.content .contact .infomsg .copy:nth-child(3) .img,.content .contact .infomsg .copy:nth-child(5) .img{padding-top: 30%;}
}
@media screen and (max-width: 1020px) {
	.content .about .info .left .desc{font-size: 12px;line-height: 24px;padding-top: 20px;}
	.content .about .info .right{padding-top: 5%;}
	.content .about .parts{padding: 30px 0;}
	.content .about .parts .bd li{width: 150px;}
	.content .about .parts .prev, .content .about .parts .next{width: 12px;}
	.content .about .parts{background-size: 100% 47%;}
	.content .about .parts .bd .name{font-size: 14px;line-height: 20px;padding: 8px 10px 15px;}
	.content .about .parts .picScroll-left{height: 190px;}
	.content .about .parts .bnmme{margin-top: 0;padding: 30px 0 100px;}
	.content .about .parts .bnmme .desc{font-size: 14px;line-height: 20px;}
	.content .about .parts h1,.content .about .cando h1{font-size: 28px;padding-bottom: 30px;}
	.content .about .cando .bg .copy:hover .name{padding-top: 10%;}
	.content .about .cando .bg .copy .desc{line-height: 20px;padding:30px 20px;}
	.content .choose .copy:nth-child(4n-1) .xianimg{left: -38px;}
	.content .choose .copy:nth-child(4n+1) .xianimg{right: -38px;}
	.content .choose .copy .desc{font-size: 14px;}
	.content .contact .infomsg .copy .msg{padding-top: 5px;}
	.content .contact .top .left{width: 350px;}
	.content .contact .top .left .keep{font-size: 50px;line-height: 70px;}
	.content .contact .top .right{width: 53%!important;}
	.content .contact .top .left{width: 40%;}
	.content .contact .top,.content .contact .infomsg{padding-top: 40px;}
	.content .contact .faq h1{padding: 40px 0 20px;}
	.content .contact .faq{padding-bottom: 50px;}
	.content .contact .infomsg .copy:nth-child(1) .img,.content .contact .infomsg .copy:nth-child(4) .img{padding-top: 20%;}
	.content .contact .infomsg .copy:nth-child(2) .img,.content .contact .infomsg .copy:nth-child(3) .img,.content .contact .infomsg .copy:nth-child(5) .img{padding-top: 25%;}
}
@media screen and (max-width: 750px) {
	.content .about .info .left .name{font-size: 20px;}
	.content .about .parts h1,.content .about .cando h1{font-size: 20px;padding-bottom: 20px;}
	.content .about .info .left{text-align: left;}
	.content .about .info .left .desc{line-height: 18px;padding-top: 10px;}
	.content .about .info{padding: 20px 0 40px;}
	.content .about .info .left,.content .about .info .right{width: 100%;}
	.content .about .info .right{padding-top: 10px;}
	.content .about .parts{padding: 20px 0;}
	.content .about .parts .bd li{width: 20%;}
	.content .about .parts .bd .name{font-size: 12px;}
	.content .about .parts .bnmme{padding-bottom: 50px;}
	.content .about .parts{background-size: 100% 40%;}
	.content .about .cando .bg .copy .name{font-size: 14px;}
	.content .about .cando .bg .copy .desc{line-height: 18px;}
	.content .choose .copy .desc{font-size: 12px;}
	.content .choose .copy:nth-child(4n-1) .xianimg{left: -27.5px;}
	.content .choose .copy:nth-child(4n+1) .xianimg{right: -27.5px;}
	.content .about .parts .picScroll-left{height: 130px;}
	.content .choose h1{font-size: 20px;padding: 30px 0 10px;}
	.content .contact .infomsg .copy{height: 225px;overflow: hidden;width: 43%;margin: 1% 1%!important;}
	.content .contact .infomsg .copy .img{height: 50px;}
	.content .contact .infomsg .copy .name{font-size: 18px;}
	.content .contact .infomsg .copy .msg{font-size: 12px;line-height: 20px;}
	.content .contact .faq .copy .msg .question{font-size: 14px;}
	.content .contact .faq .copy.on .msg .answer{font-size: 12px;line-height: 20px;}
	.content .contact .faq h1{font-size: 24px;}
	.content .contact .top .left .keep{font-size: 38px;line-height: 58px;}
	.content .contact .top .right input[type=text]{height: 38px;}
	.content .contact .top .right textarea{height: 200px;}
	.content .contact .top .left .share a{margin-right: 10px;}
	.content .contact .top .right label{font-size: 14px;}
	.content .contact .top .right label.size20{font-size: 16px;}
	.content .contact .top .right input[type=submit]{width: 135px;height: 35px;}
}
@media screen and (max-width: 520px) {
	.content .about .info .left,.content .about .info .right{width: 100%;}
	.content .about .info .right{padding-top: 10px;}
	.content .about .parts .bnmme .desc{font-size: 12px;line-height: 18px;}
	.content .about .info{padding: 15px 0;}
	.content .about .parts .picScroll-left{height: 130px;}
	.content .about .parts .bnmme{padding-bottom: 30px;}
	.content .choose .copy:nth-child(4n-1) .xianimg{left: -12.8%;}
	.content .choose .copy:nth-child(4n+1) .xianimg{right: -12.8%;}
	.content .choose .copy .number{font-size: 60px;}
	.content .about .cando .bg .copy{width: 49.5%;height: 50%;overflow: hidden;}
	.content .about .cando .bg .copy:nth-child(3),.content .about .cando .bg .copy:nth-child(4),.content .about .cando .bg .copy:nth-child(5){width: 33.1%;}
	.content .about .cando .bg .copy .name{padding: 50% 0 10px;line-height: 22px;}
	.content .about .cando .bg .copy:hover .name{padding-top: 5%;}
	.content .about .cando .bg .copy .desc{padding: 10px;line-height: 16px;}
	.content .contact .top .left,.content .contact .top .right{width: 100%!important;}
	.content .contact .top .left .desc{padding-bottom: 15px;}
	.content .contact .top .right{padding-top: 10px;}
	.content .contact .faq h1{padding: 20px 0;}
	.content .contact .faq .copy .msg .question{line-height: 50px;font-size: 13px;}
	.content .contact .faq .copy .img{height: 50px;}
	.content .contact .faq .copy{height: 50px;}
	.content .contact .top, .content .contact .infomsg{padding-top: 20px;}
	.content .contact .top .left .keep{line-height: 38px;font-size: 30px;}
	.content .contact .top .right input[type=text]{margin-bottom: 10px;}
	.content .choose .copy .desc{line-height: 22px;}
	.content .about .info .left .name{font-size: 18px;}
	.content .about .info .left{padding-top: 5px;}
	.content .contact .top .right input[type=submit]{margin-top: 5px;}
}