.fl { float: left; }
.fr { float: right; text-align: left; }
.tc { text-align: center; }

.body { margin: 102px 0 0 0; }

body, p, span, b, div, a { font-family: 'Microsoft YaHei'!important; }

#service .row1 { position: relative; top: -100px; display: none; }
#service .row1 img { width: 100%; display: block; }
#service .row2 { padding: 40px 0 80px 0; overflow: hidden; }
#service .row2 .box { width: 1000px; margin: 0 auto; }
#service .row2 .left { width: 230px; float: left; position: relative; left: -100px; display: none; z-index: 10; }
#service .row2 .left .p1 { font-size: 24px; color: #3f3f3f; letter-spacing: 3px; }
#service .row2 .left .p2 { font-size: 26px; color: #c0c0c0; letter-spacing: 2px; text-transform: uppercase; }
#service .menu { }
#service .menu li { width: 100%; float: left; margin: 0 0 6px 0; }
#service .menu .t1 { transition: 300ms; border: 3px solid #ededed; height: 46px; line-height: 46px; }
#service .menu .t1 a { color: #3f3f3f; letter-spacing: 3px; font-size: 20px; padding: 0 0 0 20px; display: block; }
#service .menu .t2 { padding: 10px 0; display: none; }
#service .menu .sub { height: 34px; overflow: hidden; line-height: 34px; position: relative; }
#service .menu .sub span { transition: 300ms; width: 100%; overflow: hidden; letter-spacing: 2px; font-size: 15px; color: #000; position: absolute; left: 22px; top: 0; }
#service .menu .sub .s2 { width: 0; color: #15dbb5; }
#service .menu .line { transition: 300ms; opacity: 0; width: 7px; height: 8px; background: #15dbb5; position: absolute; left: 10px; top: 14px; }
#service .menu .line1 { }
#service .menu .line2 { left: 60%; }
#service .menu .cur .t1, #service .menu li:hover .t1 { border-color: #15dbb5; }
#service .menu .subHover .line, #service .menu .subCur .line { opacity: 1; }
#service .menu .subHover .line1, #service .menu .subCur .line1 { left: 0; }
#service .menu .subHover .line2, #service .menu .subCur .line2 { left: 100%; margin: 0 0 0 -7px; }
#service .menu .subHover .s1, #service .menu .subCur .s1 { width: 0; }
#service .menu .subHover .s2, #service .menu .subCur .s2 { width: 100%; }
#service .right { width: 700px; float: right; position: relative; left: 100px; display: none; }
#service .right .img { width: 100%; display: block; margin: 0 0 20px 0; }
#service .right .title { height: 66px; line-height: 66px; text-transform: uppercase; padding: 0 0 0 25px; background: #93f6e2; font-size: 18px; color: #fff; }
#service .right .title span { margin: 0 15px 0 0; font-size: 20px; }
#service .right .text { padding: 20px 0 0 0; line-height: 30px; font-size: 14px; color: #666; font-family: "宋体"; }
#advantages { }
#advantages .row1 { text-align: center; text-transform: uppercase; font-size: 38px; font-family: "宋体"; color: #fff; height: 194px; line-height: 194px; background: #93f6e2; }
#advantages .row1 .line { transition: 500ms; opacity: 0; margin: 0 10px; width: 7px; height: 8px; background: #fff; position: relative; top: -10px; display: inline-block; }
#advantages .row1 .s1 { font-size: 52px; font-family: "微软雅黑"; }
#advantages .row1 .s { transition: 800ms; opacity: 0; }
#advantages .row1 .line1 { left: 15%; }
#advantages .row1 .line2 { left: -15%; }
#advantages .row1Show .line { opacity: 1; left: 0; }
#advantages .row1Show .s { opacity: 1; }
#advantages .main { }
#advantages .main .box { width: 1000px; margin: 0 auto; }
#advantages .row2 { position: relative; top: 50px; display: none; }
#advantages .row2 .text { padding: 30px 0 30px 80px; }
#advantages .row2 .p1 { text-transform: uppercase; font-size: 18px; color: #393939; }
#advantages .row2 .p2 { font-size: 25px; color: #393939; }
#advantages .row2 ul { overflow: hidden; }
#advantages .row2 li { width: 484px; line-height: 76px; text-align: left; overflow: hidden; }
#advantages .row2 li .img { width: 100%; overflow: hidden; background: #000; }
#advantages .row2 li .img img { transition: 300ms; width: 100%; display: block; }
#advantages .row2 li p { padding: 0 0 10px 80px; color: #000; font-size: 14px; }
#advantages .row2 li:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }
#advantages .row3 { }
#advantages .row3 .text { position: relative; top: 100px; opacity: 0; border-top: 6px solid #93f6e2; padding: 30px 0 30px 80px; }
#advantages .row3 .p1 { text-transform: uppercase; font-size: 25px; color: #393939; }
#advantages .row3 .p2 { font-size: 18px; color: #393939; text-transform: uppercase; }
#advantages .row3 .img { position: relative; top: 100px; opacity: 0; width: 100%; overflow: hidden; background: #000; }
#advantages .row3 .img img { transition: 300ms; width: 100%; display: block; }
#advantages .row3 .img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }
#advantages .row3 ul { position: relative; top: 100px; opacity: 0; padding: 20px 0 30px 80px; overflow: hidden; }
#advantages .row3 li { width: 100%; color: #666; float: left; line-height: 30px; }
#advantages .row3 li a { color: #666; }
#advantages .row3 .line { width: 7px; height: 8px; display: inline-block; background: #868686; float: left; margin: 12px 22px 0 0; }
#advantages .r3Show .text { top: 0; opacity: 1; transition: 800ms; }
#advantages .r3Show .img { top: 0; opacity: 1; transition: 800ms; }
#advantages .r3Show ul { top: 0; opacity: 1; transition: 800ms; }
.advDemo { position: relative; overflow: hidden; width: 1000px; }
.advDemo .item img { width: 100%; display: block; }
.advDemo .owl-controls .owl-buttons div { border-radius: 0px; padding: 0px; margin: 0px; text-indent: -9999px; display: block; width: 45px; height: 45px; position: absolute; top: 50%; margin-top: -22px; }
.advDemo .owl-controls .owl-buttons div.owl-prev { left: 5%; background: url(../images/siN.png) no-repeat 0 top; }
.advDemo .owl-controls .owl-buttons div.owl-next { right: 5%; background: url(../images/sir.png) no-repeat right top; }
.advDemo:hover .owl-controls .owl-buttons div.owl-prev, .advDemo:hover .owl-controls .owl-buttons div.owl-next { filter: Alpha(Opacity=80); opacity: 0.8; transition: 300ms; }

#contact { }
#contact .row1 { overflow: hidden; position: relative; top: 75px; }
#contact .row1 .map { height: 580px; margin: 0 auto; }
#contact .row2 { display: none; position: relative; color: #666; font-size: 14px; top: 100px; padding: 40px 20px; text-align: center; background: #93f6e2; }
#contact .row2 .p1 { font-size: 28px; text-transform: uppercase; }
#contact .row2 .text { margin: 20px 0 0 0; line-height: 32px; font-weight: bold; }
#contact .row3 { position: relative; top: 100px; opacity: 0; }
#contact .row3 .box { width: 556px; margin: 80px auto 100px; }
#contact .row3 .p1 { font-size: 34px; color: #424242; text-transform: uppercase; }
#contact .row3 .p2 { color: #424242; font-size: 22px; line-height: 20px; }
#contact .row3 .msg { margin: 60px 0 0 0; line-height: 30px; font-weight: bold; font-size: 14px; color: #808080; font-family: "宋体"; }
#contact .row3 .t1 { overflow: hidden; margin: 0 0 10px 0; }
#contact .row3 .msg .fl { width: 260px; }
#contact .row3 .msg .fr { width: 260px; }
#contact .row3 .ipt { transition: 300ms; width: 250px; padding: 7px 0 7px 4px; height: 14px; border: 3px solid #dedede; background: #fcfcfc; }
#contact .row3 textarea { transition: 300ms; width: 546px; height: 110px; border: 3px solid #dedede; background: #fcfcfc; outline: none; }
#contact .row3 .iptFocus { border-color: #93f6e2; background: #fff; }
#contact .row3 .btn { transition: 300ms; width: 100%; height: 46px; background: #b8b8b8; font-size: 14px; color: #fff; border: none; font-weight: bold; cursor: pointer; }
#contact .row3 .btn:hover { background: #93f6e2; }
#contact .r3Show { top: 0; opacity: 1; transition: 700ms; }

#about { }
#about .row1 { margin: 0; position: relative; top: -100px; display: none; }
#about .row1 img { width: 100%; display: block; }
#about .row2 { position: relative; top: 100px; overflow: hidden; padding: 40px 0 50px 0; background: #caeaff; }
#about .row2 .box { width: 920px; color: #2e6d61; line-height: 26px; margin: 0 auto; text-align: center; }
#about .row2 .title { position: relative; top: 70px; display: none; margin: 0 0 30px 0; font-size: 25px; line-height: 34px; color: #393939; text-transform: uppercase; }
#about .row2 .p1 { font-size: 30px; }
#about .row2 .text { position: relative; top: 50px; display: none; }
#about .row3 { padding: 90px 0 0 0; overflow: hidden; }
#about .row3 .box { width: 950px; margin: 0 auto; opacity: 0; position: relative; top: 100px; }
#about .row3 .title { text-align: center; font-size: 25px; color: #393939; text-transform: uppercase; }
#about .row3 .title span { font-size: 26px; margin: 0 10px 0 0; }
#about .row3 .line { text-align: center; }
#about .row3 .line span { width: 40px; height: 3px; display: inline-block; background: #93f6e2; }
#about .row3 .honor { overflow: hidden; position: relative; }
#about .row3 .listBox { width: 834px; padding: 30px 0; margin: 0 auto; }
#about .row3 .listBox .item { padding: 20px 20px; text-align: center; }
#about .row3 .listBox .item img { width: 100%; transition: 300ms; }
#about .row3 .listBox .item:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); pacity: 0.8; filter: alpha(opacity=80); }
#about .row3 .btn { width: 50px; height: 50px; background: #808080 url(../img/btn1.png) no-repeat center; position: absolute; top: 50%; margin: -45px 0 0 0; cursor: pointer; }
#about .row3 .btnLeft { left: 0; }
#about .row3 .btnRight { right: 0; background-image: url(../img/btn2.png); }
#about .row3 .btn:hover { background-color: #93f6e2; }
#about .r3Show .box { top: 0; opacity: 1; transition: 800ms; }

.jobsBg1 { display: none; position: absolute; left: -300px; top: 800px; }
.jobsBg2 { display: none; position: absolute; right: 150px; top: 500px; }
.jobsBg3 { display: none; position: absolute; right: -300px; top: 900px; }
#jobs .row1 { position: relative; top: -100px; display: none; }
#jobs .row1 img { width: 100%; }
#jobs .row2 { padding: 36px 0 150px 0; overflow: hidden; }
#jobs .row2 .box { width: 1000px; margin: 0 auto; }
#jobs .row2 .left { width: 270px; line-height: 24px; color: #666; float: left; font-family: "宋体"; position: relative; left: -100px; display: none; }
#jobs .row2 .left .p1 { line-height: 32px; padding: 0 0 20px 0; font-size: 18px; color: #c0c0c0; text-transform: uppercase; font-family: "微软雅黑"; }
#jobs .row2 .left .p1 span { display: inline-block; color: #424242; font-size: 24px; margin: 0 10px 0 0; letter-spacing: 3px; }
#jobs .row2 .left .p2 { margin: 25px 0 0 0; color: #424242; font-size: 14px; font-weight: bold; }
#jobs .row2 .left .text a { color: #15dbb5; text-decoration: underline; }
#jobs .row2 .left .text a:hover { text-decoration: none; }
#jobs .row2 .right { width: 625px; float: right; position: relative; left: 100px; display: none; }
#jobs .row2 .right .p1 { line-height: 32px; font-size: 18px; color: #c0c0c0; text-transform: uppercase; font-family: "微软雅黑"; }
#jobs .row2 .right .p1 span { display: inline-block; color: #424242; font-size: 24px; margin: 0 10px 0 0; letter-spacing: 3px; }
#jobs .row2 .right .p2 { margin: 40px 0 20px 0; font-size: 16px; color: #15dbb5; font-weight: bold; }
#jobs .row2 .right ul { overflow: hidden; }
#jobs .row2 .right li { width: 100%; float: left; font-family: "宋体"; }
#jobs .row2 .right li .t1 { font-size: 14px; font-weight: bold; color: #242424; overflow: hidden; height: 46px; line-height: 46px; border-bottom: 1px solid #454545; cursor: pointer; }
#jobs .row2 .right li .title { float: left; color: #454545; font-weight: bold; }
#jobs .row2 .right li .line { width: 13px; height: 13px; float: right; margin: 20px 8px 0 0; position: relative; transition: 600ms; }
#jobs .row2 .right li .line div { background: #9d9281; overflow: hidden; position: absolute; }
#jobs .row2 .right li .line1 { width: 1px; height: 100%; left: 6px; top: 0; }
#jobs .row2 .right li .line2 { width: 100%; height: 1px; left: 0; top: 6px; }
#jobs .row2 .right li .line3 { display: none; width: 100%; height: 1px; left: 40px; top: 6px; background: #cbcbcb; }
#jobs .row2 .right li .t2 { display: none; padding: 15px 0 50px 0; line-height: 24px; color: #868686; }

.news .row1 { text-align: center; text-transform: uppercase; font-size: 38px; font-family: "宋体"; color: #fff; height: 194px; line-height: 194px; background: #93f6e2; }
.news .row1 .line { transition: 400ms; opacity: 0; margin: 0 10px; width: 7px; height: 8px; background: #fff; position: relative; top: -10px; display: inline-block; }
.news .row1 .s1 { font-size: 52px; font-family: "微软雅黑"; }
.news .row1 .s { transition: 800ms; opacity: 0; }
.news .row1 .line1 { left: 10%; }
.news .row1 .line2 { left: -10%; }
.news .row1Show .line { opacity: 1; left: 0; }
.news .row1Show .s { opacity: 1; }
#newsDetail .row2 { position: relative; top: 100px; display: none; }
#newsDetail .row2 .box { width: 880px; margin: 0 auto; }
#newsDetail .row2 .crumbs { padding: 40px 0 35px 0; border-bottom: 5px solid #93f6e2; font-family: "宋体"; line-height: 24px; color: #393939; }
#newsDetail .row2 .crumbs a { color: #393939; margin: 0 5px; }
#newsDetail .row2 .crumbs span { color: #15dbb5; margin: 0 5px; }
#newsDetail .row2 .detail { width: 570px; margin: 0 auto; }
#newsDetail .row2 .title { text-align: center; line-height: 32px; margin: 40px 0 30px 0; font-size: 24px; color: #393939; }
#newsDetail .row2 .time { text-align: center; color: #a7a7a7; }
#newsDetail .row2 .text { margin: 40px 0 80px 0; line-height: 24px; color: #393939; }
#newsDetail .row2 .pageChange { border-top: 5px solid #93f6e2; overflow: hidden; padding: 35px 0 40px 0; line-height: 24px; color: #a7a7a7; }
#newsDetail .row2 .pageChange .p { width: 50%; float: left; }
#newsDetail .row2 .pageChange .p2 { text-align: right; }
#newsDetail .row2 .pageChange a { color: #393939; }
#newsDetail .row2 .pageChange a:hover { color: #93f6e2; }

#news .row2 { position: relative; top: 100px; }
#news .row2 .box { width: 1000px; margin: 0 auto; }
#news .row2 .newsType { margin: 50px 0 0px 0; overflow: hidden; }
#news .row2 .newsType li { transition: border 300ms; width: 220px; height: 46px; line-height: 46px; font-size: 20px; text-align: center; border: 3px solid #ededed; float: left; position: relative; margin: 0 10px 10px 0; }
#news .row2 .newsType .t1 { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; }
#news .row2 .newsType span { width: 220px; height: 46px; color: #3f3f3f; position: absolute; left: 0; bottom: 0; }
#news .row2 .newsType .t2 { width: 100%; height: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; }
#news .row2 .newsType .t2 span { color: #fff; background: #93f6e2; }
#news .row2 .newsType li:hover, #news .row2 .newsType .cur { border-color: #93f6e2; }


#newspage { width: 100%; position: relative; margin: 40px 0 45px 0px; }
.new-item { width: 32%; background-color: #fff; margin-bottom: 20px; }
.new-item a { display: block; padding: 2% 0 4% 0; border: 0px solid #15dbb5; border-bottom: 5px solid #15dbb5; overflow: hidden; }
.new-item a img { width: 100%; }
.new-item a:hover .con, .new-item a:hover .con .t { color: #15dbb5; }
.new-item .con { width: 100%; margin: 0px auto; color: #999; font-family: "宋体"; }
.new-item .con .t { color: #393939; font-weight: bold; padding: 15px 0px; font-size: 14px; }
.new-item .con .c { padding-bottom: 22px; }
.new-item .con .m { padding: 0 0 5px 0; overflow: hidden; }
.new-item .con .fr { color: #15dbb5; }
.new-item .con .fl { color: #393939; }

.new-item a:hover { padding: 5px; border: 5px solid #15dbb5; }

#news .page { padding: 0 0 50px 0; overflow: hidden; text-align: center; }
#news .page a, #news .page span { width: 30px; height: 30px; line-height: 30px; margin: 0 4px; text-align: center; display: inline-block; color: #808080; font-size: 14px; position: relative; top: 5px; }
#news .page a:hover, #news .page .cur { background-color: #93f6e2; color: #fff; }
#news .page .btn { width: 42px; height: 42px; margin: 0 20px!important; background: #808080 url(../images/btn1.png) no-repeat center; top: 0; }
#news .page .next { background-image: url(../images/btn2.png); }


.banner2 { position: relative; top: -100px; display: none; }
.banner2 .img { width: 100%; display: block; }

.centerTop { padding: 30px 0; overflow: hidden; position: relative; top: 100px; display: none; }
.centerTop .box { width: 1000px; margin: 0 auto; }
.centerTop .title { color: #3a3839; float: left; }
.centerTop .title .p1 { font-size: 25px; }
.centerTop .title .p2 { font-size: 26px; text-transform: uppercase; }
.centerTop .title .line { width: 66px; height: 6px; background: #15DBB5; display: inline-block; }
.centerTop .loginTool { float: right; font-size: 14px; color: #424242; margin: 55px 0 0 0; }
.centerTop .loginTool a { width: 120px; height: 32px; line-height: 32px; font-size: 16px; margin: 0 0 0 15px; text-align: center; display: inline-block; background: #424242; color: #fff; border-radius: 15px; }
.centerTop .loginTool .cur { background: #15DBB5; }
#signIn .signInBox { padding: 60px 0; overflow: hidden; background: #f3f3f3; border-top: 1px solid #dedede; position: relative; top: 100px; display: none; }
#signIn .signInBox .box { width: 480px; margin: 0 auto; }
#signIn .signInBox .title { text-align: center; color: #424242; }
#signIn .signInBox .title .p1 { font-size: 30px; text-transform: uppercase; }
#signIn .signInBox .title .line { width: 66px; height: 6px; background: #15DBB5; display: inline-block; }
#signIn .signInBox .titleType { }
#signIn .signInBox .titleType a { width: 220px; font-size: 20px; color: #3f3f3f; letter-spacing: 3px; margin: 0 5px; height: 46px; line-height: 46px; text-align: center; display: inline-block; background: #F3F3F3; border: 3px solid #d3d3d3; }
#signIn .signInBox .titleType a:hover, #signIn .signInBox .titleType .cur { background: #15DBB5; border-color: #15DBB5; }

#signIn .signInBox .msg { margin: 50px 0 0 0; }
#signIn .signInBox .t1 { overflow: hidden; margin: 0 0 25px 0; }
#signIn .signInBox .s1 { width: 75px; line-height: 34px; font-size: 14px; color: #3a3839; display: inline-block; float: left; margin: 0 10px 0 40px; }
#signIn .signInBox .ipt { transition: 300ms; width: 300px; color: #868686; float: left; padding: 7px 0 7px 4px; height: 14px; border: 2px solid #dedede; background: #fcfcfc; }
#signIn .signInBox .ipt2 { width: 130px; margin: 0 20px 0 0; }
#signIn .signInBox .iptFocus { border-color: #93f6e2; background: #fff; }
#signIn .signInBox .t2 { text-align: center; margin: 80px 0 0 0; }
#signIn .signInBox .btn { transition: 300ms; width: 168px; height: 60px; background: #f3f3f3; border: 5px solid #15DBB5; font-size: 18px; color: #3a3839; font-family: "微软雅黑"; cursor: pointer; }
#signIn .signInBox .btn:hover { background: #15DBB5; color: #fff; }

.popBg { display: none; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); position: fixed; left: 0; top: 0; z-index: 1000; }
.popTip { display: none; width: 410px; height: 180px; border-radius: 5px; overflow: hidden; margin: -90px 0 0 -205px; background: #fff; position: fixed; left: 50%; top: 50%; z-index: 1001; }
.popTip .close { height: 50px; background: #15DBB5 url(../images/popTitle.png) no-repeat 20px center; }
.popTip .close span { width: 50px; height: 50px; display: inline-block; background: url(../images/close.png) no-repeat center; float: right; cursor: pointer; }
.popTip .text { padding: 25px 20px 0 20px; color: #424242; }
.popTip .text .p1 { font-size: 18px; margin: 0 0 5px 0; }
.popTip .text a { color: #15DBB5; text-decoration: underline; }

#infoSearch .info { padding: 60px 0; background: #F3F3F3; overflow: hidden; position: relative; top: 100px; display: none; }
#infoSearch .info .box { width: 1000px; margin: 0 auto; }
#infoSearch .titleType a { width: 220px; font-size: 20px; color: #3f3f3f; letter-spacing: 3px; margin: 0 10px 0 0; height: 46px; line-height: 46px; text-align: center; display: inline-block; background: #F3F3F3; border: 3px solid #d3d3d3; }
#infoSearch .titleType a:hover, #infoSearch .titleType .cur { background: #15DBB5; border-color: #15DBB5; }
#infoSearch .list { margin: 45px 0 0 0; }
#infoSearch .list .title { padding: 25px 0; background: #424242; color: #fff; font-size: 16px; }
#infoSearch .list li { width: 100%; line-height: 24px; padding: 30px 0; border-top: 1px solid #cdcdcd; float: left; background: #fff; }
#infoSearch .list .t { width: 24%; float: left; text-align: center; }
#infoSearch .list .t1 { padding: 0 4% 0 4%; text-align: left; }
#infoSearch .list .t1 a { color: #15DBB5; }

#infoSearch .list .detail { width: 100%; text-align:left; }
#infoSearch .list .title2 { text-align: left; line-height: 32px; margin: 40px 0 30px 0; font-size: 24px; color: #393939; }
#infoSearch .list .time { text-align: left; color: #a7a7a7; }
#infoSearch .list .text { margin: 40px 0 80px 0; line-height: 24px; color: #393939; }

#join .joinBox { padding: 60px 0; overflow: hidden; background: #f3f3f3; border-top: 1px solid #dedede; position: relative; top: 100px; display: none; }
#join .joinBox .box { width: 432px; margin: 0 auto; }
#join .joinBox .title { margin: 0 0 60px 0; text-align: center; color: #424242; }
#join .joinBox .title .p1 { font-size: 30px; text-transform: uppercase; }
#join .joinBox .title .line { width: 66px; height: 6px; background: #15DBB5; display: inline-block; }
#join .msg-l { width:100%; }
#join .msg-l .t1 { overflow: hidden; margin: 0 0 15px 0; }
#join .msg-l .s1 { width: 85px; line-height: 34px; display: inline-block; float: left; color: #3a3839; }
#join .msg-l .ipt { transition: 300ms; width: 300px; color: #868686; float: left; padding: 8px 0 8px 4px; height: 14px; border: 2px solid #dedede; background: #fcfcfc; }
#join .msg-l .ipt2 { width:150px; margin-right:10px; }
#join .msg-l .iptFocus { border-color: #93f6e2; background: #fff; }
#join .msg-r { width: 420px; float: right; }
#join .sendType { }
#join .sendType a { width: 160px; height: 35px; line-height: 35px; border-radius: 5px; text-align: center; display: inline-block; margin: 0 5px 0 0; background: #fff; color: #393939; font-size: 14px; border: 2px solid #c9c9c9; }
#join .sendType .cur { border-color: #15DBB5; }
#join .sendMsg { display: none; padding: 25px 0 20px 30px; border: 2px solid #15DBB5; border-radius: 5px; background: #fff; margin: 10px 0 0 0; }
#join .sendMsg .t1 { overflow: hidden; margin: 0 0 20px 0; }
#join .sendMsg .s1 { width: 85px; line-height: 34px; display: inline-block; float: left; }
#join .sendMsg .ipt { width: 260px; height: 14px; padding: 9px 0; color: #c9c9c9; text-indent: 5px; border: 1px solid #dedede; }
#join .sendMsg .btn { transition: 200ms; width: 70px; height: 28px; border: 2px solid #15DBB5; font-size: 14px; color: #393939; font-family: "微软雅黑"; background: #F3F3F3; border-radius: 5px; cursor: pointer; }
#join .sendMsg .btn:hover { background: #15DBB5; color: #fff; }
#join .msg { margin: 40px 0 0 0; }
#join .msg .s1 { width: 85px; float: left; display: inline-block; line-height: 34px; }
#join .msg .ipt { transition: 300ms; width: 130px; margin: 0 20px 0 0; color: #868686; float: left; padding: 7px 0 7px 4px; height: 14px; border: 2px solid #dedede; background: #fcfcfc; }
#join .msg .iptFocus { border-color: #93f6e2; background: #fff; }
#join .mit { text-align: center; margin: 70px 0 0 0; }
#join .mit .btn { transition: 300ms; width: 260px; height: 64px; background: #F3F3F3; color: #3a3839; font-size: 18px; font-family: "微软雅黑"; border: 5px solid #15DBB5; cursor: pointer; }
#join .mit .btn:hover { background: #15DBB5; color: #fff; }


@media screen and (max-width:1280px) {
    .new-item { width: 31%; }
}

@media screen and (max-width:1024px) {
    .body { margin: 54px 0 0 0; }
    #service .row2 .box { width: auto; margin: 0 20px; }
    #service .row2 .left { }
    #service .row2 .right { width: auto; padding: 0 0 0 250px; float: none; }
    #advantages .row1 { font-size: 28px; }
    #advantages .row1 .s1 { font-size: 34px; }
    #advantages .main .box { width: auto; margin: 0 20px; }
    #advantages .row2 li { width: 49%; }
    .advDemo { width: 100%; }
    .advDemo .owl-controls .owl-buttons div { width: 25px; height: 25px; margin: -12px 0px 0px; }
    .advDemo .owl-controls .owl-buttons div.owl-prev { left: 4%; background-size: cover; }
    .advDemo .owl-controls .owl-buttons div.owl-next { right: 4%; background-size: cover; }
    .advDemo:hover .owl-controls .owl-buttons div.owl-prev, .advDemo:hover .owl-controls .owl-buttons div.owl-next { background-size: cover; }
    #contact .row1 .map { height: 400px; }
    #about .row2 .box { width: auto; margin: 0 20px; }
    #about .row3 .box { width: auto; margin: 0 20px; }
    #about .row3 .listBox { width: auto; }
    #jobs .row2 { padding: 40px 0 80px 0; }
    #jobs .row2 .box { width: auto; margin: 0 20px; }
    #jobs .row2 .left { width: 240px; }
    #jobs .row2 .right { width: auto; float: none; padding: 0 0 0 270px; }
    .news .row1 { font-size: 28px; }
    .news .row1 .s1 { font-size: 34px; }
    #newsDetail .row2 .crumbs { padding: 30px 0 25px 0; }
    #newsDetail .row2 .box { width: auto; margin: 0 20px; }
    #newsDetail .row2 .detail { width: auto; margin: 0 40px; }
    #newsDetail .row2 .pageChange { padding: 20px 0 40px 0; }
    #newsDetail .row2 .pageChange .p { width: auto; float: none; text-align: left; }
    #news .row2 .box { width: auto; margin: 0 20px; }
    .new-item { width: 31%; }
    #news .row2 .newsType li { width: 160px; height: 30px; line-height: 30px; font-size: 14px; }
    #news .row2 .newsType span { width: 160px; height: 30px; }

    #infoSearch .info .box { width: auto; margin: 0 20px; }
    .centerTop .box { width: auto; margin: 0 20px; }
    .centerTop .title { float: none; }
    .centerTop .loginTool { float: none; margin: 40px 0 0 0; }
    .centerTop .loginTool a { margin: 0 15px 0 0; }

    #join .joinBox .box { width: 620px; }
    #join .msg-l { float: none; width: 100%; }
    #join .msg-l .s1 { width: 18%; }
    #join .msg-l .ipt { width: 80%; }
    #join .msg-r { float: none; width: 100%; }
    #join .mit .btn { width: 200px; height: 55px; }

}

@media screen and (max-width:720px) {
    .new-item { width: 48%; }
}

@media screen and (max-width:680px) {
    #service .row2 .left { width: 100%; }
    #service .row2 .right { width: 100%; padding: 0; }
    #service .right .text img { width: 100%!important; height: auto!important; }
    #advantages .row1 { font-size: 22px; }
    #advantages .row1 .s1 { font-size: 24px; }
    #advantages .row1 .line { top: -5px; }
    #advantages .row2 li { width: 100%; }
    #advantages .row2 .text { padding-left: 0; }
    #advantages .row3 .text { padding-left: 0; }
    #advantages .row3 ul { padding-left: 10px; }
    #advantages .row2 li p { padding: 0; text-align: center; }
    #about .row3 .listBox .item:hover img { -webkit-transform: scale(1); transform: scale(1); }
    #jobs .row2 .left { width: auto; float: none; }
    #jobs .row2 .right { padding: 50px 0 0 0; }
    #jobs .row2 .right .title span { display: none; }
    #newsDetail .row2 .detail { width: auto; margin: 0; }
    .news .row1 { font-size: 22px; }
    .news .row1 .s1 { font-size: 24px; }
    .news .row1 .line { top: -5px; }
    #news .row2 .newsType li { width: auto; padding: 0 20px; }
    #news .row2 .newsType li .t1 { position: static; }
    #news .row2 .newsType span { position: static; }
    #news .row2 .newsType li .t2 { position: static; display: none; }
    #news .page a, #news .page span { width: 24px; height: 24px; margin: 0 2px; line-height: 24px; top: 3px; }
    #news .page .btn { width: 30px; height: 30px; margin: 0 5px; }
    #contact .row1 .map { height: 200px; }
    .centerTop .title .p1 { font-size: 20px; }
    .centerTop .title .p2 { font-size: 20px; }

	#join .joinBox .box{ width:auto; margin:0 20px;}
	#join .msg-l .s1,#join .sendMsg .s1,#join .msg .s1{ width:100%;}
	#join .msg-l .ipt,#join .sendMsg .ipt{ width:90%;}
	#join .sendType a{ width:120px;}
	#join .msg-l .t1{ margin:0;}
	#join .msg-r{ margin:40px 0 0 0;}
	#join .msg{ margin:20px 0 0 0;}
	#join .mit{ margin:40px 0 0 0;}
	#join .joinBox .title .p1{ font-size:24px;}

    #signIn .signInBox .msg { margin: 20px 0 0 0; }
    #signIn .signInBox .box { width: auto; margin: 0 20px; }
    #signIn .signInBox .t1 { margin: 0 0 10px 0; }
    #signIn .signInBox .t2 { margin: 60px 0 0 0; }
    #signIn .signInBox .s1 { width: 100%; margin: 0; }
    #signIn .signInBox .ipt { width: 95%; }
    #signIn .signInBox .ipt2 { width: 40%; }
    #signIn .signInBox .btn { width: 120px; height: 46px; font-size: 16px; }
    #signIn .signInBox .titleType { text-align: left; }
    #signIn .signInBox .titleType a { width: 100px; height: 34px; line-height: 34px; font-size: 14px; margin: 0 5px 0 0; }
    #infoSearch .list { margin: 20px 0 0 0; }
    #infoSearch .titleType { text-align: left; }
    #infoSearch .titleType a { width: 120px; height: 38px; line-height: 38px; font-size: 16px; }
}

@media screen and (max-width:620px) {
    #contact .row3 .box { width: auto; margin: 0 20px 50px 20px; }
    #contact .row3 .msg .fl, #contact .row3 .msg .fr { width: 100%; float: none; }
    #contact .row3 .ipt { width: 95%; }
    #contact .row3 textarea { width: 95%; }
    .new-item { width: 100%; }
    .popTip { width: 90%; left: 5%; margin-left: 0; }
}