@charset "UTF-8"; .w1200 { width: 1200px; margin: 0 auto; } body, html { font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; } header.header { overflow: hidden; background: #ffffff; margin-bottom: 2.5px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); *border: 1px solid #999; box-sizing: border-box; } header.header input { border: none; background: none; outline: none; } header.header .headertop { padding: 0 30px; box-sizing: border-box; height: 86px; } header.header .bocweb-logo { display: block; height: 86px; width: 260px; } header.header .line { width: 1200px; height: 3px; background: url(../img/headerline.jpg) no-repeat center; background-size: 100%; } header.header .inputbox { width: 510px; padding-top: 20px; box-sizing: border-box; height: 86px; } header.header .inputbox .input { border: 1px solid #e5e5e5; border-radius: 2px; height: 40px; width: 250px; position: relative; color: #333333; font-size: 14px; margin-left: 42px; } header.header .inputbox .input input { height: 40px; } header.header .inputbox .input input[type="text"] { padding-left: 32px; box-sizing: border-box; caret-color: #d8242a; } header.header .inputbox .input input[type=submit] { padding: 0; margin: 0; } header.header .inputbox .input .span { position: absolute; content: ""; top: 13px; left: 15px; height: 15px; width: 15px; background: url(../img/l01.png) no-repeat center; background-size: 100%; } header.header .bocweb-nav { background: #d92729; height: 50px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; overflow: hidden; } header.header .bocweb-nav a.bocweb-subnav { display: block; float: left; font-size: 16px; color: #ffffff; width: 180px; line-height: 50px; height: 50px; text-align: center; transition: 1s; position: relative; } header.header .bocweb-nav a.bocweb-subnav:after { position: absolute; height: 20px; width: 1px; background: rgba(255, 255, 255, 0.2); content: ""; left: 0; top: 50%; margin-top: -10px; } header.header .bocweb-nav a.bocweb-subnav.home { width: 120px; width: 118px\9; } header.header .bocweb-nav a.bocweb-subnav.home:after { display: none; } header.header .bocweb-nav a.bocweb-subnav:hover, header.header .bocweb-nav a.bocweb-subnav.cur { background: #fa7d08; transition: 1s; } .bocweb-footer { background: #333; height: 305px; border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; color: #ffffff; } .bocweb-footer.cur { height: 319px; } .bocweb-footer.cur .footerbot { height: 79px; line-height: 79px; } .bocweb-footer .footerbot { height: 65px; padding: 0 50px; font-size: 14px; line-height: 65px; color: #888888; box-sizing: border-box; } .bocweb-footer .footerbot .f-cb { border-top: 1px solid #5a5a5b; box-sizing: border-box; } .bocweb-footer .footerbot a { color: #888888; font-size: 14px; transition: 1s; } .bocweb-footer .footerbot a:hover { color: #ffffff; transition: 1s; } .bocweb-footer .footertop { padding: 50px 40px 30px 50px; *padding: 0 35px; *padding-top: 20px; height: 240px; *height: 225px; box-sizing: border-box; } .bocweb-footer .footertop .h01 { font-size: 18px; line-height: 20px; } .bocweb-footer .footertop .h02 { font-size: 14px; line-height: 32px; } .bocweb-footer .footertop .h02 .li { color: #888888; } .bocweb-footer .footertop .context .h02 { margin-top: 18px; } .bocweb-footer .footertop .right .hbox { font-size: 14px; color: #ffffff; line-height: 18px; padding-top: 5px; box-sizing: border-box; } .bocweb-footer .footertop .right .erweima { margin-top: 22px; width: 80px; height: 80px; overflow: hidden; } .bocweb-footer .footertop .bocweb-footer-contact { margin-left: 255px; width: 225px; } .bocweb-footer .footertop .bocweb-footer-contact .h02 { margin-top: 18px; } .bocweb-footer .footertop .bocweb-footer-contact .h02 .li { display: block; width: 75px; margin-left: 75px; float: left; } .bocweb-footer .footertop .bocweb-footer-contact .h02 .li.cur { margin-left: 0; } .banner li { display: none; } .banner li.cur { display: block; } .i-banner { position: relative; overflow: hidden; width: 798px; height: 390px; } .i-banner ul { height: 100%; } .i-banner li { position: absolute; top: 0; left: 0%; height: 100%; width: 100%; overflow: hidden; display: none; /*transition:1s;*/ } .i-banner li .tit1, .i-banner li .tit2, .i-banner li .more { opacity: 0; filter: alpha(opacity=0); transition: 1s; transform: translateY(10px); } .i-banner li.curo .tit1, .i-banner li.curo .tit2, .i-banner li.curo .more { opacity: 1; filter: alpha(opacity=100); transition: 1s; transform: translateY(0); } .i-banner li img { display: block; width: 100%; } .i-banner li a { display: block; height: 100%; width: 100%; } .wel { background: #fafafa; } .wel_banner { padding-top: 7.5px; box-sizing: border-box; margin-bottom: 10px; } .wel_banner .banner { position: relative; } .wel_banner .banner .boxwen { text-align: center; padding-top: 125px; box-siizng: border-box; } .wel_banner .banner .boxwen .tit1 { font-size: 36px; color: #ffffff; line-height: 40px; } .wel_banner .banner .boxwen .tit2 { font-size: 14px; color: #ffffff; line-height: 24px; width: 480px; margin: 0 auto; margin-top: 17px; } .wel_banner .banner .boxwen .more { font-size: 14px; color: #ffffff; width: 128px; height: 38px; line-height: 38px; text-align: center; background: url(../img/l02.png) no-repeat center; background-size: 100%; margin: 0 auto; margin-top: 19px; transition: 1s; } .wel_banner .banner .boxwen .more:hover { transition: 1s; transform: translateY(-5px); } .wel_banner .btn { text-align: center; position: absolute; bottom: 10px; width: 100%; margin-left: 0 !important; } .wel_banner .btn span { display: inline-block; width: 11px; height: 11px; border-radius: 50%; background: #ffffff; float: none; margin: 0 7px; } .wel_banner .btn span.on { background: #fa7d08; } .wel_banner .banner_text { width: 395px; *width: 382px; *border: 1px solid #999; height: 390px; *height: 378px; border-radius: 5px; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1); background: #ffffff; padding: 30px 32px 25px 32px; box-sizing: border-box; *padding: 5px; } .wel_banner .banner_text .text { display: block; width: 100px; height: 90px; background: url(../img/l03.png) no-repeat center; background-size: 100%; float: left; text-align: center; font-size: 14px; padding-top: 20px; box-sizing: border-box; color: #333333; margin-right: 10px; margin-bottom: 10px; transition: 1s; } .wel_banner .banner_text .text:hover, .wel_banner .banner_text .text.cur { background: url(../img/l04.png) no-repeat center; background-size: 100%; color: #ffffff; transition: 1s; } .wel_banner .banner_text .text:hover .img img, .wel_banner .banner_text .text.cur .img img { transition: 1s; } .wel_banner .banner_text .text:hover .img img.o1, .wel_banner .banner_text .text.cur .img img.o1 { opacity: 1; filter: alpha(opacity=100); } .wel_banner .banner_text .text:hover .img img.o0, .wel_banner .banner_text .text.cur .img img.o0 { opacity: 0; filter: alpha(opacity=0); } .wel_banner .banner_text .text.cbox { padding-top: 10px; } .wel_banner .banner_text .text .img { width: 30px; height: 30px; position: relative; margin: 0 auto; } .wel_banner .banner_text .text .img img { position: absolute; top: 0; left: 0; vertical-align: middle; transition: 1s; } .wel_banner .banner_text .text .img img.o1 { opacity: 0; filter: alpha(opacity=0); } .wel_banner .banner_text .text .wen { line-height: 18px; padding: 0 15px; box-sizing: border-box; margin-top: 5px; } .wel_banner .banner_text .textbot { font-size: 18px; color: #fa8900; background-image: linear-gradient(to bottom right, #fa7d08, #f9343c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .wel_banner .banner_text .textbot b { color: #f9343c; } .wel_company { margin-bottom: 10px; } .wel_company .li { float: left; width: 394px; height: 388px; margin-left: 10px; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1); border-radius: 5px; background: #ffffff; padding: 0 30px; padding-top: 10px; padding-bottom: 15px; *padding: 0; box-sizing: border-box; } .wel_company .li .litop { font-size: 18px; color: #333333; height: 62px; line-height: 62px; position: relative; border-bottom: 1px solid #e5e5e5; } .wel_company .li .litop .span { position: absolute; display: block; height: 13px; width: 25px; background: url(../img/l25.png) no-repeat center; background-size: 100%; right: 0; top: 24px; cursor: pointer; } .wel_company .li .litop .span:hover { background: url(../img/l27.png) no-repeat center; background-size: 100%; } .wel_company .li .litop .t { float: left; position: relative; padding-left: 30px; box-sizing: border-box; margin-right: 20px; cursor: pointer; transition: 1s; } .wel_company .li .litop .t:after { width: 100px; height: 3px; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -50px; background: url(../img/l26.png) no-repeat center; background-size: 100%; opacity: 0; filter: alpha(opacity=0); transition: 1s; } .wel_company .li .litop .t:hover, .wel_company .li .litop .t.cur { color: #d8232a; transition: 1s; } .wel_company .li .litop .t:hover .opbox img.op02, .wel_company .li .litop .t.cur .opbox img.op02 { opacity: 1; filter: alpha(opacity=100); } .wel_company .li .litop .t:hover img, .wel_company .li .litop .t.cur img { transition: 1s; } .wel_company .li .litop .t:hover .opbox img.op01, .wel_company .li .litop .t.cur .opbox img.op01 { opacity: 0; filter: alpha(opacity=0); } .wel_company .li .litop .t:hover:after, .wel_company .li .litop .t.cur:after { opacity: 1; filter: alpha(opacity=100); } .wel_company .li .litop .t .img { width: 25px; height: 25px; position: absolute; left: 2px; top: 18px; transition: 1s; } .wel_company .li .libot { margin-top: 25px; } .wel_company .li .libot .img { width: 170px; height: 120px; overflow: hidden; } .wel_company .li .libot .img img { transition: 1s; } .wel_company .li .libot .top { display: block; width: 335px; height: 120px; } .wel_company .li .libot .top:hover .img img { transform: scale3d(1.1, 1.1, 1); transition: 1s; } .wel_company .li .libot .wen { width: 148px; height: 120px; font-size: 18px; color: #0d3a89; font-weight: bold; line-height: 32px; padding-top: 10px; box-sizing: border-box; } .wel_company .li .libot .wen .mspan { display: inline-block; width: 50px; height: 25px; line-height: 25px; text-align: center; background: #d9060f; color: #ffffff; font-weight: normal; margin-right: 12px; } .wel_company .li .libot .bot { font-size: 14px; color: #333333; line-height: 32px; margin-top: 25px; } .wel_company .li .libot .bot a.box { color: #333333; display: block; padding-left: 16px; box-sizing: border-box; position: relative; transition: 1s; } .wel_company .li .libot .bot a.box:hover { color: #d8232a; transition: 1s; } .wel_company .li .libot .bot a.box:hover span { background: #d8232a; transition: 1s; } .wel_company .li .libot .bot a.box span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #cccccc; position: absolute; left: 0; top: 12px; transition: 1s; } .wel_company.tfy .li { margin-left: 0; height: 375px; } .wel_company .li01 { width: 392px; margin-left: 0; } .wel_company .li01 .libot { position: relative; } .wel_company .li01 span.span { font-size: 14px; color: #ffffff; height: 37px; line-height: 37px; width: 84px; text-align: center; position: absolute; right: 59px; top: 4px; z-index: 10; font-weight: bold; } .wel_company .li03 .libot .wen .mspan { text-transform: uppercase; border: 1px solid #d9060f; color: #d9060f; background: #ffffff; font-size: 14px; font-weight: bold; } .opbox { position: relative; } .opbox img { position: absolute; top: 0; left: 0; } .opbox img.op01 { opacity: 1; filter: alpha(opacity=100); } .opbox img.op02 { opacity: 0; filter: alpha(opacity=0); } .wel_text { position: relative; margin-bottom: 10px; overflow: hidden; border-radius: 5px; } .wel_text .wen { position: absolute; font-size: 34px; color: #ffffff; top: 60px; left: 165px; line-height: 1; } .wel_company .li04 { width: 870px; } .wel_company .li04 .libot { margin-top: 20px; } .wel_company .li04 .libot .img { height: 90px; } .wel_company .li04 .libot .bot { margin-top: 20px; padding-top: 14px; border-top: 1px solid #e5e5e5; box-sizing: border-box; } .wel_company .li04 .libot .top { height: 90px; } .wel_company .li04 .libot .time { font-size: 18px; color: #333333; float: right; line-height: 20px; padding-top: 20px; box-sizing: border-box; } .wel_company .li04 .libot .time span { font-size: 14px; display: block; } .wel_company .li04 .libot .wen { width: 540px; border-right: 1px solid #e5e5e5; box-sizing: border-box; float: left; height: 90px; margin-left: 18px; } .wel_company .li04 .libot .wen .h1 { color: #d9060f; font-size: 16px; font-weight: bold; } .wel_company .li04 .libot .wen .h1 .mspan { border: 1px solid #d9060f; background: #ffffff; color: #d9060f; font-size: 14px; font-weight: bold; } .wel_company .li04 .libot .wen .h2 { color: #333333; line-height: 20px; font-size: 14px; } .wel_company .li04 .libot .top { width: 100%; } .wel_company .li05 { width: 318px; float: right; } .wel_company .li05 .libot { margin-top: 20px; } .wel_company .li05 .libot .bot { margin-top: 0; } body { max-width: 1920px; margin: 0 auto; } .conbanner { height: 290px; border-radius: 5px; overflow: hidden; margin-top: 8.5px; margin-bottom: 10px; } .conbanner.servebanner { height: 280px; } .conbanner .titbox { padding: 82px 50px; box-sizing: border-box; } .conbanner .titbox .h1 { font-size: 36px; color: #ffffff; font-weight: bold; line-height: 40px; } .conbanner .titbox .h2 { color: #ffffff; font-size: 14px; line-height: 25px; margin-top: 10px; } .wel_lianjie { margin-bottom: 10px; } .wel_lianjie .li06 { width: 100%; height: auto; margin: 0; padding-top: 19px; padding-bottom: 45px; } .wel_lianjie .li06 .libot select { border: none; background: none; outline: none; width: 460px; height: 50px; font-size: 14px; color: #333333; padding-left: 13px; box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("../img/l28.png") no-repeat scroll #f8f8f8; background: #f8f8f8\9; background-position: 430px 20px; cursor: pointer; transition: 1s; } .wel_lianjie .li06 .libot select:hover { color: #ce040c; transition: 1s; } .wel_lianjie .li06 .libot input[type=submit] { border: none; background: none; outline: none; width: 194px; height: 50px; background: url(../img/b07.jpg) no-repeat center; background-size: 100%; font-size: 14px; color: #ffffff; transition: 1s; } .wel_lianjie .li06 .libot input[type=submit]:hover { transition: 1s; transform: translateY(-5px); } .aboutbanner { min-height: 1579px; background-attachment: fixed !important; } .aboutbox { min-height: 802px; margin-bottom: 10px; } .aboutbox .textbox { width: 248px; height: 100%; border-radius: 5px; overflow: hidden; background: #ffffff; padding-bottom: 68px; border: 1px solid rgba(0, 0, 0, 0.1); *border: none; box-sizing: border-box; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); } .aboutbox .textbox div.teb.cur, .aboutbox .textbox div.teb:hover { background: #d8242a; color: #ffffff; font-weight: bold; transition: 1s; } .aboutbox .textbox div.teb.cur div.tit:after, .aboutbox .textbox div.teb:hover div.tit:after { background: url(../img/l30.png) no-repeat center; background-size: 100%; } .aboutbox .textbox div.teb a { font-size: 16px; } .aboutbox .textbox .text { display: block; font-size: 18px; color: #666666; border-bottom: 1px solid #e8e8e8; transition: 1s; } .aboutbox .textbox .text div.tit:after { position: absolute; content: ""; height: 16px; width: 16px; background: url(../img/l29.png) no-repeat center; background-size: 100%; top: 25px; right: 38px; } .aboutbox .textbox .text .tit { height: 60px; line-height: 60px; padding-left: 30px; box-sizing: border-box; position: relative; cursor: pointer; } .aboutbox .textbox .text a.tit { transition: 1s; } .aboutbox .textbox .text a.tit:hover, .aboutbox .textbox .text a.tit.cur { color: #d8242a; transition: 1s; } .aboutbox .textbox .text a.tit:hover:after, .aboutbox .textbox .text a.tit.cur:after { opacity: 1; filter: alpha(opacity=100); transition: 1s; } .aboutbox .textbox .text a.tit:after { position: absolute; content: ""; height: 30px; width: 2px; background: #d8242a; top: 15px; left: 0; opacity: 0; filter: alpha(opacity=100); transition: 1s; } .aboutbox .textbox .text .txt { padding-left: 30px; padding-top: 10px; padding-bottom: 15px; box-sizing: border-box; background: #fcfcfc; display: none; } .aboutbox .textbox .text .txt a { padding-left: 22px; box-sizing: border-box; height: 55px; line-height: 55px; position: relative; font-weight: normal; } .aboutbox .textbox .text .txt a:after { position: absolute; height: 5px; width: 5px; background: #999999; border-radius: 50%; content: ""; left: 5px; top: 25px; } .aboutbox .textbox .text .txt a:hover, .aboutbox .textbox .text .txt a.cur { color: #d8242a; transition: 1s; } .aboutbox .textbox .text .txt a:hover:after, .aboutbox .textbox .text .txt a.cur:after { background: #d8242a; transition: 1s; } .aboutbox .textbox .text a { display: block; color: #666666; } .aboutbox .texthexi { width: 940px; min-height: 730px; } .texthexi { background: #ffffff; border-radius: 5px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.1); *border: none; box-sizing: border-box; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); } .texthexi .texttitle { height: 60px; border-bottom: 2px solid #d8242a; } .texthexi .texttitle .left { font-size: 18px; color: #d8242a; line-height: 60px; height: 60px; padding-left: 30px; box-sizing: border-box; font-weight: bold; } .texthexi .texttitle .right { overflow: hidden; padding-right: 25px; box-sizing: border-box; } .texthexi .texttitle .right span, .texthexi .texttitle .right a { display: block; float: left; line-height: 60px; font-size: 14px; color: #666666; margin: 0 3px; } .texthexi .texttitle .right a:hover, .texthexi .texttitle .right a.cur { color: #d8242a; } .texthexi .introduction { font-size: 16px; color: #666666; line-height: 36px; padding: 20px 30px; padding-bottom: 45px; box-sizing: border-box; } .texthexi .introduction.problem { padding: 0; } .texthexi .introduction .intro .ul { height: 160px; background: #f9f9f9; margin: 23px 0; padding: 38px 0; box-sizing: border-box; } .texthexi .introduction .intro .ul .li { float: left; width: 219px; height: 100%; line-height: 1; padding-left: 60px; *padding-left: 0; *text-align: center; border-left: 1px solid #e7e7e7; padding-top: 13px; box-sizing: border-box; } .texthexi .introduction .intro .ul .li.cur { border-left: none; } .texthexi .introduction .intro .ul .li .h01 { color: #d8242a; font-size: 36px; } .texthexi .introduction .intro .ul .li .h02 { margin-top: 10px; } .honor .honortop { background: #fcfcfc; padding: 0 28px; box-sizing: border-box; font-size: 22px; color: #333333; height: 90px; line-height: 90px; text-align: center; border-bottom: 1px solid #eaeaea; } .honor .honortop .li { cursor: pointer; transition: 1s; } .honor .honortop .li:hover, .honor .honortop .li.cur { color: #ce040c; transition: 1s; } .honor .honortop .owl-buttons .owl-prev { width: 15px; height: 25px; background: url(../img/k01.png) no-repeat center; background-size: 100%; position: absolute; top: 33px; left: 28px; text-indent: -999px; overflow: hidden; transition: 1s; } .honor .honortop .owl-buttons .owl-prev:hover, .honor .honortop .owl-buttons .owl-prev.disabled { background: url(../img/k011.png) no-repeat center; background-size: 100%; transition: 1s; } .honor .honortop .owl-buttons .owl-next { width: 15px; height: 25px; background: url(../img/k02.png) no-repeat center; background-size: 100%; position: absolute; top: 33px; right: 28px; text-indent: -999px; overflow: hidden; transition: 1s; } .honor .honortop .owl-buttons .owl-next:hover, .honor .honortop .owl-buttons .owl-next.disabled { background: url(../img/k021.png) no-repeat center; background-size: 100%; transition: 1s; } .honor .honorbot .li { border-bottom: 1px solid #eaeaea; height: 70px; line-height: 70px; color: #333; font-size: 16px; padding-left: 62px; box-sizing: border-box; position: relative; cursor: pointer; } .honor .honorbot .li:hover { color: #d8242a; transition: 1s; } .honor .honorbot .li:hover span { background: url(../img/k031.png) no-repeat center; background-size: 100%; } .honor .honorbot .li span { position: absolute; display: block; background: url(../img/k03.png) no-repeat center; background-size: 100%; height: 20px; width: 20px; left: 30px; top: 25px; } .history { padding-top: 86px; padding-bottom: 125px; box-sizing: border-box; position: relative; } .history .top { width: 55px; height: 65px; background: url(../img/tou.png) no-repeat center; background-size: 100%; position: absolute; top: 20px; left: 50%; margin-left: -30.5px; } .history .bot { width: 60px; height: 75px; background: url(../img/tou01.png) no-repeat center; background-size: 100%; position: absolute; left: 50%; margin-left: -30px; } .history .ul .li { position: relative; margin-top: 2px; padding: 0 26px; box-sizing: border-box; } .history .ul .li .box { display: block; width: 16px; height: 100%; background: #d8242a; left: 50%; margin-left: -8px; position: absolute; } .history .ul .li .libot { width: 310px; font-size: 16px; color: #333; position: relative; text-align: right; top: -4px; } .history .ul .li .libot .span { position: absolute; right: -75px; top: 0; font-size: 24px; color: #d8242a; line-height: 1; } .history .ul .li .libot .h01 { font-size: 18px; color: #666666; line-height: 1; font-weight: bold; } .history .ul .li .libot .h02 { line-height: 35px; margin-top: 14px; } .history .ul .liright .libot { float: right; text-align: left; } .history .ul .liright .span { left: -75px; } .publicitybox .titop { text-align: center; color: #333333; font-weight: bold; } .publicitybox .tit { color: #333333; font-weight: bold; } .publicitybox .right { text-align: right; } .publicitybox .img { margin-top: 20px; } .publicitybox .wen { background: #f7f7f7; line-height: 30px; padding: 20px 25px; box-sizing: border-box; margin-top: 28px; } .publicitybox .wen span { color: #d8242a; } .active { padding-top: 45px; } .active .tit { text-align: center; line-height: 30px; font-size: 24px; color: #333333; padding-bottom: 43px; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; width: 880px; margin: 0 auto; margin-bottom: 2px; } .active .active_form { width: 940px; height: 330px; padding: 0 30px; padding-top: 30px; *padding: 0; box-sizing: border-box; } .active .active_form .txt { font-size: 16px; color: #ffffff; margin-bottom: 38px; } .active .active_form input[type="submit"] { border: none; background: none; outline: none; padding: 0; color: #d8242a; font-size: 16px; background: #ffffff; width: 200px; height: 50px; border-radius: 5px; margin-left: 85px; font-weight: bold; transition: 1s; } .active .active_form input[type="submit"]:hover { transition: 1s; transform: translateY(-5px); } .active .active_form .ul .li { float: left; width: 50%; /*overflow: hidden;*/ margin-bottom: 20px; position: relative; } .active .active_form .ul .li .span { font-size: 16px; color: #ffffff; line-height: 50px; float: left; position: relative; padding-left: 10px; box-sizing: border-box; margin-right: 25px; } .active .active_form .ul .li .span span { position: absolute; left: 0; } .active .active_form .ul .li .input { float: left; height: 50px; width: 320px; background: #ffffff; border-radius: 5px; } .active .active_form .ul .li .input .li { box-sizing: border-box; height: 100%; line-height: 50px; font-size: 16px; color: #666666; text-align: center; cursor: pointer; position: relative; } .active .active_form .ul .li .input .li:hover, .active .active_form .ul .li .input .li.cur { color: #d8242a; } .active .active_form .ul .li .input .li:hover span, .active .active_form .ul .li .input .li.cur span { background: #d8242a; } .active .active_form .ul .li .input .li input { opacity: 0; } .active .active_form .ul .li .input .li label { cursor: pointer; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .active .active_form .ul .li .input .li label span { height: 7px; width: 7px; border-radius: 50%; background: #c4c4c4; display: block; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -2px; } .active .active_form .ul .li .input .li01 { border-right: 1px solid #eeeeee; } .active .active_form .ul .li input[type=text] { outline: none; background: none; border: none; height: 50px; width: 320px; border: 1px solid #ffffff; background: #ffffff; font-size: 16px; color: #999999; transition: 1s; border-radius: 5px; padding-left: 15px; box-sizing: border-box; caret-color: #d8242a; } .active .active_form .ul .li input[type=text]:focus { border: 1px solid #d8242a; transition: 1s; } .active .active_form .ul .li input::-webkit-input-placeholder { color: #999999; } .active .active_form .ul .li input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999; } .active .active_form .ul .li input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; } .active .active_form .ul .li input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999999; } .formtit { text-align: center; padding-top: 5px; padding-bottom: 25px; } .formtit .h1 { font-size: 24px; color: #333333; font-weight: bold; line-height: 38px; } .formtit .h2 { color: #999999; line-height: 1; margin-top: 15px; } .formbot { padding-top: 25px; box-sizing: border-box; } .formbot input[type="submit"] { border: none; background: none; outline: none; height: 50px; width: 200px; background: #cc0000; font-size: 16px; font-weight: bold; color: #ffffff; border-radius: 5px; transition: 1s; display: block; margin: 0 auto; } .formbot input[type="submit"]:hover { transition: 1s; transform: translateY(-5px); } .formbox { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; padding-top: 6px; padding-bottom: 33px; box-sizing: border-box; } .voice { padding-top: 0; } .voice .active_form { height: 448px; } .voice .active_form .txt .h1 { font-weight: bold; } .voice .active_form .txt .h2 { text-indent: 2em; } .voice .active_form .ul .li { width: 100%; } .voice .active_form .ul .li .input { width: 795px; height: auto; } .voice .active_form .ul .li .input input { width: 100%; } .voice .active_form .ul .li .input textarea { outline: none; background: none; border: none; padding: 0; margin: 0; text-indent: 0; font-size: 16px; height: 128px; padding-top: 10px; padding-left: 20px; box-sizing: border-box; width: 100%; resize: none; caret-color: #d8242a; } .voice .active_form .ul .li .input textarea::-webkit-input-placeholder { color: #999999; } .voice .active_form .ul .li .input textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999; } .voice .active_form .ul .li .input textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; } .voice .active_form .ul .li .input textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999999; } .recruit { border: 1px solid #efefef; box-sizing: border-box; } .recruit .recruittop { color: #ffffff; height: 60px; line-height: 60px; text-align: center; background: #d8242a; font-size: 18px; font-weight: bold; } .recruit .recruitbot .ul .li { padding: 0 30px; border-bottom: 1px solid #d8242a; box-sizing: border-box; } .recruit .recruitbot .ul .li:last-child { border-bottom: none; } .recruit .recruitbot .ul .li.cur .litop { color: #ff0000; } .recruit .recruitbot .ul .li .litop { font-size: 16px; color: #777777; height: 60px; line-height: 60px; } .recruit .recruitbot .ul .li .litop .fl { width: 60%; height: 60px; overflow: hidden; } .recruit .recruitbot .ul .li .litop .fr { cursor: pointer; transition: 1s; } .recruit .recruitbot .ul .li .litop .fr:hover { color: #ff0000; transition: 1s; } .recruit .recruitbot .ul .li .libot { background: #f5f5f5; padding: 0 30px; box-sizing: border-box; display: none; } .recruit .recruitbot .ul .li .libot .tit { height: 70px; line-height: 70px; padding: 0 5px; box-sizing: border-box; } .recruit .recruitbot .ul .li .libot .tit .txt { font-size: 16px; color: #666666; } .recruit .recruitbot .ul .li .libot .tit .txt span { font-size: 18px; color: #333333; } .recruit .recruitbot .ul .li .libot .center { line-height: 30px; font-size: 14px; } .recruit .recruitbot .ul .li .libot .center .box { padding-top: 25px; padding-bottom: 22px; box-sizing: border-box; border-top: 1px solid #e5e5e5; } .recruit .recruitbot .ul .li .libot .center .h1 { font-size: 18px; line-height: 50px; color: #333333; } .recruit .recruitbot .ul .li .libot .bot { padding-bottom: 38px; padding-top: 5px; box-sizing: border-box; } .recruit .recruitbot .ul .li .libot .bot a { font-size: 16px; display: block; color: #ffffff; height: 40px; width: 150px; line-height: 40px; text-align: center; transition: 1s; background: #d8242a; } .recruit .recruitbot .ul .li .libot .bot a:hover { transition: 1s; transform: translateY(-5px); } .contact .contacttop { height: 358px; background: #fcfcfc; position: relative; } .contact .contacttop #map { width: 100%; height: 100%; } .contact .contacttop .maptit { width: 315px; height: 262px; background: rgba(219, 53, 54, 0.8); position: absolute; right: 0; top: 50%; margin-top: -131px; color: #ffffff; font-size: 16px; padding: 30px; box-sizing: border-box; } .contact .contacttop .maptit .top { line-height: 1; font-size: 18px; font-weight: bold; padding-bottom: 25px; border-bottom: 1px solid #ffffff; margin-bottom: 20px; } .contact .contactbot { margin-top: 20px; } .contact .contactbot .ul { border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; box-sizing: border-box; } .contact .contactbot .li { float: left; width: 219px; *width: 218.75px; border-left: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; height: 99px; box-sizing: border-box; } .contact .contactbot .li div { padding-left: 35px; font-size: 16px; color: #666666; line-height: 1; } .contact .contactbot .li .h1 { color: #333333; padding-top: 25px; font-weight: bold; height: 16px; overflow: hidden; } .contact .contactbot .li .h2 { margin-top: 20px; } .servebox { line-height: 1.5; } .servebox .tit01 { color: #333333; font-weight: bold; line-height: 32px; } .servebox .img { margin-top: 24px; } .servebox .tit02 { line-height: 30px; margin-top: 7px; } .servebox .tit02 .p2 { margin-top: 7px; } .servebox .tit02 span { color: #d8242a; font-weight: bold; } .servebox .tit02 a { color: #0035bd; } .servebox .tit02 a:hover { color: #d8242a; } .problem { padding: 0; } .problem .problem_ul { padding-top: 15px; box-sizing: border-box; } .problem .problem_ul .li { border-bottom: 1px solid #ebebeb; } .problem .problem_ul .li span { display: block; width: 25px; height: 25px; text-align: center; line-height: 25px; background: #c0c0c0; color: #ffffff; border-radius: 50%; position: absolute; top: 18px; left: 30px; transition: 1s; } .problem .problem_ul .li:hover .litop, .problem .problem_ul .li.cur .litop { color: #d8242a; transition: 1s; cursor: pointer; } .problem .problem_ul .li:hover .litop span, .problem .problem_ul .li.cur .litop span { background: #d8242a; transition: 1s; } .problem .problem_ul .litop { color: #333333; font-size: 16px; line-height: 1.5; padding: 18px 0; padding-left: 70px; padding-right: 50px; box-sizing: border-box; position: relative; transition: 1s; } .problem .problem_ul .libot { line-height: 30px; padding-bottom: 20px; padding-left: 70px; padding-right: 50px; box-sizing: border-box; position: relative; display: none; } .problem .problem_ul .libot span { top: 6px; } .apply { padding-top: 0; min-height: 1035px; } .apply .active_form input[type="submit"] { margin-top: 10px; margin-left: 96px; } .apply .submit span { color: #ffffff; font-size: 16px; line-height: 1; position: relative; top: 15px; left: 20px; } .apply .applybot { font-size: 16px; color: #666; line-height: 30px; padding: 22px 30px; box-sizing: border-box; } .apply .applybot p { margin-bottom: 14px; } .apply .applybot p b { font-weight: bold; } .apply .applybot p span { color: #d8242a; font-weight: bold; } .apply .active_form .ul .line { width: 100%; } .apply .active_form .ul .line .input { width: auto; background: transparent; } .apply .active_form .ul .line .input select { border: none; background: none; outline: none; width: 150px; height: 50px; font-size: 14px; color: #333333; padding-left: 13px; box-sizing: border-box; appearance: none; -moz-appearance: none; border-radius: 5px; -webkit-appearance: none; background: url("../img/l31.png") no-repeat scroll #fff; background: #f8f8f8\9; font-size: 16px; background-position: 115px 20px; cursor: pointer; color: #999999; } .explanation { min-height: 890px; } .explanation .tit { font-weight: bold; color: #333; margin-bottom: 20px; text-align: justify; } .explanation .txtbox { line-height: 30px; border-top: 1px solid #e0e0e0; padding-bottom: 10px; padding-top: 40px; box-sizing: border-box; } .explanation .txtbox p { margin-bottom: 16px; } .explanation .txtbox .h1 { color: #d8242a; font-weight: bold; height: 25px; line-height: 25px; padding-left: 17px; border-left: 2px solid #d8242a; box-sizing: border-box; margin-bottom: 23px; } .explanation .txtbox01 { padding-top: 0; border-top: none; } .down .downtop { text-align: center; height: 120px; background: #f7f7f7; padding-top: 34px; box-sizing: border-box; } .down .downtop .li { display: inline-block; width: 170px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #b8b8b8; font-size: 16px; color: #ffffff; font-weight: bold; background: #c0c0c0; border-radius: 5px; cursor: pointer; transition: 1s; margin: 0 8.5px; } .down .downtop .li:hover, .down .downtop .li.cur { background: #d8242a; border-color: #d8242a; transition: 1s; } .down .downbot { padding-bottom: 145px; box-sizing: border-box; } .down .downbot .li { padding: 0 30px; display: block; padding-top: 35px; padding-bottom: 30px; box-sizing: border-box; position: relative; min-height: 165px; border-bottom: 1px solid #ebebeb; transition: 1s; } .down .downbot .li:hover { box-shadow: 20px 0px 10px 0px rgba(0, 0, 0, 0.1); transition: 1s; } .down .downbot .li:hover .center .h1 span { color: #d8242a; transition: 1s; } .down .downbot .li .left { height: 98px; width: 98px; border: 1px solid #e4e4e4; border-radius: 5px; line-height: 98px; text-align: center; float: left; } .down .downbot .li .left img { display: inline-block; } .down .downbot .li .center { font-size: 16px; color: #666666; float: left; width: 540px; margin-left: 30px; } .down .downbot .li .center .h2 { line-height: 30px; } .down .downbot .li .center .h2 p { margin-bottom: 15px; } .down .downbot .li .center .h1 { margin-bottom: 7px; } .down .downbot .li .center .h1 span { color: #333333; font-weight: bold; transition: 1s; } .down .downbot .li .right { font-size: 14px; display: block; color: #666666; width: 155px; height: 50px; border: 1px solid #e5e5e5; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1); border-radius: 50px; position: relative; line-height: 50px; padding-left: 27px; box-sizing: border-box; cursor: pointer; overflow: hidden; position: absolute; top: 30%; margin-top: -25px; right: 30px; transition: 1s; } .down .downbot .li .right_two{ margin-top:44px; display:none; } .down .downbot .li .right_two.activet{ display:block; } .down .downbot .li .right:hover { border-color: #d8242a; box-shadow: none; color: #d8242a; transition: 1s; } .down .downbot .li .right:hover span { background: url(../img/l35.png) #d8242a no-repeat center; background-size: 100%; color: #cc0000; transition: 1s; } .down .downbot .li .right span { position: absolute; display: block; transition: 1s; width: 50px; height: 50px; border-radius: 50%; background: url(../img/l35.png) #c0c0c0 no-repeat center; background-size: 100%; right: 0; top: 0; overflow: hidden; } .process img { max-width: 100%; } .process .txtbox { border-bottom: 1px solid #ebebeb; border-top: none; padding-top: 0; } .process .txtbox .h1 { margin-bottom: 10px; } .process .txtbox01 { padding-top: 40px; border-bottom: none; } .process .process_phone { line-height: 1; height: 58px; position: relative; padding-left: 75px; box-sizing: border-box; margin-bottom: 18px; margin-top: 18px; } .process .process_phone .h1 { color: #666666; font-size: 14px; padding-top: 9px; } .process .process_phone .h2 { font-size: 24px; color: #cc0000; font-weight: bold; margin-top: 10px; } .process .process_phone .h3 { width: 58px; height: 58px; background: url(../img/l36.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 0; } .brokerage { padding: 30px 18px; } .brokerage_ul .li { float: left; border-radius: 5px; margin: 0 12px; margin-bottom: 30px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15); cursor: pointer; overflow: hidden; display: block; } .brokerage_ul .li:hover .litop img { transition: 1s; transform: scale3d(1.1, 1.1, 1); } .brokerage_ul .li:hover .libot { color: #d8242a; transition: 1s; } .brokerage_ul .li .litop { overflow: hidden; } .brokerage_ul .li .litop img { transition: 1s; } .brokerage_ul .li .libot { height: 80px; line-height: 80px; font-size: 16px; color: #333333; font-weight: bold; padding-left: 30px; box-sizing: border-box; transition: 1s; } .managementbox p { margin-bottom: 16px; } .managementbox .lu { margin-top: 25px; } .managementbox .lu .ps { width: 273px; padding: 0 10px; margin: 0 9.8333333333px; float: left; font-size: 18px; text-transform: uppercase; } .managementbox .ul .li { width: 273px; height: 240px; border: 1px solid #e3e3e3; border-radius: 5px; overflow: hidden; float: left; padding: 0 10px; box-sizing: border-box; cursor: pointer; box-sizing: border-box; margin: 0 9.8333333333px; } .managementbox .ul .li:hover .liaojie { transition: 1s; transform: translateY(-5px); } .managementbox .ul .li.ying_li .libot { padding-top: 25px; } .managementbox .ul .li.ying_li .libot .l { display: none; } .managementbox .ul .li.ying_li .libot .liaojie { display: block; } .managementbox .ul .li .litop { text-align: center; font-size: 24px; color: #333333; line-height: 44px; border-bottom: 1px solid #ebebeb; padding: 25px 0; box-sizing: border-box; } .managementbox .ul .li .libot { line-height: 1; text-align: center; padding-top: 20px; } .managementbox .ul .li .libot .liaojie { display: none; color: #ffffff; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; background: #d8242a; border-radius: 5px; margin: 0 auto; transition: 1s; } .managementbox .ul .li .libot .h1 { color: #d8242a; font-size: 36px; } .managementbox .ul .li .libot .h2 { font-size: 16px; color: #666666; margin-top: 10px; } .tankuang { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; } .tankuang .conbox { background: #ffffff; border-radius: 5px; width: 520px; height: 395px; position: absolute; top: 50%; left: 50%; margin-top: -260px; margin-left: -197.5px; padding: 40px; padding-top: 80px; box-sizing: border-box; text-align: center; color: #666666; line-height: 1; } .tankuang .conbox .box .h1 { font-size: 26px; } .tankuang .conbox .box .h2 { width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #ffffff; border-radius: 5px; background: #d8242a; margin: 0 auto; margin-top: 55px; cursor: pointer; } .tankuang .conbox .box .h3 { font-size: 16px; margin-top: 20px; } .tankuang .conbox .box .h3 span { cursor: pointer; } .tankuang .conbox span { color: #d8242a; } .tankuang .conbox .cha { height: 20px; width: 20px; background: url(../img/l37.png) no-repeat center; background-size: 100%; position: absolute; right: 20px; top: 20px; cursor: pointer; transition: .5s; } .tankuang .conbox .cha:hover { transform: rotate(90deg); transition: .5s; } .managementbox.table { padding-top: 10px; box-sizing: border-box; } .managementbox.table .title { text-align: center; font-size: 25px; color: #333333; line-height: 30px; } .managementbox.table .tbody { border: 1px solid #e5e5e5; margin-top: 30px; } .managementbox.table .tbody .tr { overflow: hidden; } .managementbox.table .tbody .tr:nth-child(2n+1) { background: #f4f4f4; } .managementbox.table .tbody .tr .td { width: 50%; height: 60px; line-height: 60px; float: left; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; padding-left: 28px; box-sizing: border-box; } .managementbox.table table { border-collapse: collapse; border-spacing: 0; border: 0; width: 100%; margin-top: 30px; } .managementbox.table table thead tr { font-size: 26px; color: #000000; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; overflow: hidden; box-sizing: border-box; } .managementbox.table tbody { width: 100%; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; box-sizing: border-box; } .managementbox.table tbody tr { width: 100%; } .managementbox.table tbody tr:nth-child(2n+1) { background: #f4f4f4; } .managementbox.table tbody tr td { width: 50%; height: 60px; line-height: 60px; float: left; box-sizing: border-box; padding-left: 28px !important; overflow: hidden; border: none; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; } .reservation { padding-top: 0; } .reservation .active_form { height: 500px; } .reservation .active_form .ul .li .input { width: 280px; } .reservation .active_form .ul .li .input input[type=text] { width: 280px; } .reservation .active_form .submit { margin-top: 20px; } .reservation .active_form .submit span { color: #ffffff; font-size: 16px; line-height: 1; position: relative; top: 15px; left: 20px; } .reservation .active_form .submit input { margin-left: 157px; } .reservation .active_form .ulbox .ul { width: 50%; float: left; } .reservation .active_form .ulbox .ul .li { width: 100%; } .reservation .active_form .ulbox .ul .li select { border: none; background: none; outline: none; font-size: 14px; width: 100%; height: 100%; color: #333333; padding-left: 13px; box-sizing: border-box; appearance: none; -moz-appearance: none; border-radius: 5px; -webkit-appearance: none; background: url("../img/l31.png") no-repeat scroll #fff; background: #f8f8f8\9; font-size: 16px; background-position: 240px 20px; cursor: pointer; color: #333333; } .reservation .active_form .ulbox .ul .li .span { width: 152px; text-align: right; margin-right: 5px; padding: 0; } .reservation .active_form .ulbox .ul .li .span span { position: static; } .conbox_denglu { width: 650px; height: 670px; background: #ffffff; border-radius: 5px; position: absolute; left: 50%; top: 50%; margin-left: -325px; margin-top: -335px; display: none; box-sizing: border-box; background: #f4f4f4; } .conbox_denglu .cha { height: 20px; width: 20px; background: url(../img/l37.png) no-repeat center; background-size: 100%; position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 10; transition: .5s; } .conbox_denglu .cha:hover { transform: rotate(90deg); transition: .5s; } .conbox_denglu .dengbox { width: 100%; height: 100%; } .conbox_denglu .dengbox .dengtop { color: #333333; font-size: 16px; /*height: 345px;*/ padding: 48px; padding-top: 40px; padding-bottom: 0; *padding: 0; box-sizing: border-box; position: relative; } .conbox_denglu .dengbox .dengtop .h1 { font-size: 26px; color: #d8242a; text-align: center; line-height: 1; margin-bottom: 38px; } .conbox_denglu .dengbox .dengtop .box { margin-top: 35px; } .conbox_denglu .dengbox .dengtop .box .xiayibu, .conbox_denglu .dengbox .dengtop .box input[type=submit] { outline: none; background: none; border: none; height: 50px; width: 160px; border-radius: 5px; background: #d8242a; color: #ffffff; font-size: 16px; transition: 1s; float: left; margin-left: 100px; line-height: 50px; text-align: center; cursor: pointer; } .conbox_denglu .dengbox .dengtop .box .xiayibu:hover, .conbox_denglu .dengbox .dengtop .box input[type=submit]:hover { transition: 1s; transform: translateY(-5px); } .conbox_denglu .dengbox .dengtop .box .boxli { text-align: right; float: right; font-size: 16px; color: #666666; line-height: 1; margin-top: 32px; } .conbox_denglu .dengbox .dengtop .box .boxli span { color: #d8242a; cursor: pointer; } .conbox_denglu .dengbox .dengtop .li { margin-bottom: 22px; overflow: hidden; position: relative; } .conbox_denglu .dengbox .dengtop .li span { float: left; display: block; width: 96px; text-align: right; overflow: hidden; line-height: 50px; height: 50px; overflow: hidden; } .conbox_denglu .dengbox .dengtop .li input[type=submit] { border: none; background: none; outline: none; width: 140px; background: #999999; height: 50px; position: absolute; right: 0; top: 0; color: #ffffff; transition: 1s; } .conbox_denglu .dengbox .dengtop .li input[type=submit]:hover { background: #d8242a; transition: 1s; } .conbox_denglu .dengbox .dengtop .li input[type=text] { outline: none; background: none; border: none; height: 50px; width: 455px; border: 1px solid #ffffff; background: #ffffff; font-size: 16px; color: #999999; transition: 1s; border-radius: 5px; padding-left: 15px; box-sizing: border-box; caret-color: #d8242a; float: right; } .conbox_denglu .dengbox .dengtop .li input[type=text]:focus { border: 1px solid #d8242a; transition: 1s; } .conbox_denglu .dengbox .dengbot { background: #ededed; font-size: 16px; line-height: 30px; color: #666666; padding: 48px; *padding: 0; padding-top: 30px; box-sizing: border-box; text-align: center; } .conbox_denglu .dengbox .dengbot .h1 { color: #333333; font-weight: bold; text-align: center; line-height: 1; margin-bottom: 23px; } .training { padding-bottom: 20px; box-sizing: border-box; } .training .ul .li { height: 75px; display: block; line-height: 75px; padding: 0 30px; font-size: 16px; color: #666; border-bottom: 1px solid #eaeaea; box-sizing: border-box; } .training .ul .li:hover { color: #d8242a; } .training .pagination { text-align: center; margin-top: 20px; } .training .pagination a { display: inline-block; font-size: 16px; color: #666666; width: 23px; padding-bottom: 10px; border-bottom: 2px solid transparent; margin: 0 5px; transition: 1s; line-height: 1; } .training .pagination a.active { padding-top: 0; } .training .pagination a:hover, .training .pagination a.active { border-bottom: 2px solid #d92b31; color: #d92b31; transition: 1s; } .infoctrl { margin-top: 30px; } .infoctrl p { height: 37px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .infoctrl a { color: #999; font-size: 14px; } .infoctrl a:hover { color: #d8242a; } .infoctrl .pageback a { color: #ffffff; background: #d8242a; border-radius: 5px; font-size: 16px; width: 160px; height: 50px; line-height: 50px; text-align: center; display: block; transition: 1s; margin-top: 35px; } .infoctrl .pageback a:hover { transition: 1s; transform: translateY(-5px); } .suggestion { padding-top: 0; } .suggestion .active_form { height: 410px; } .suggestion .active_form .ul .li .span { margin-right: 15px; width: 58px; overflow: hidden; } .suggestion .active_form .ul .li .input { width: 355px; } .suggestion .active_form .ul .li .input input { width: 100%; } .suggestion .active_form .ul .li.textarea { width: 100%; } .suggestion .active_form .ul .li.textarea .input { width: 800px; height: auto; } .suggestion .active_form .ul .li.textarea textarea { outline: none; background: none; border: none; padding: 0; margin: 0; text-indent: 0; font-size: 16px; height: 128px; padding-top: 10px; padding-left: 20px; box-sizing: border-box; width: 100%; resize: none; caret-color: #d8242a; } .suggestion .active_form .ul .li.textarea textarea::-webkit-input-placeholder { color: #999999; } .suggestion .active_form .ul .li.textarea textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999; } .suggestion .active_form .ul .li.textarea textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; } .suggestion .active_form .ul .li.textarea textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999999; } .leftding { width: 248px; height: 280px; background: url(../img/b20.jpg) no-repeat center; background-size: 100%; position: fixed; left: 45px; top: 50%; z-index: 11; font-size: 14px; color: #ffffff; line-height: 24px; padding: 20px; box-sizing: border-box; } .leftding .x { position: absolute; height: 18px; width: 18px; background: url(../img/x.png) no-repeat center; background-size: 100%; right: 20px; top: 20px; cursor: pointer; transition: .5s; } .leftding .x:hover { transform: rotate(90deg); transition: .5s; } .leftding .tit { font-size: 18px; border-left: 4px solid #ffffff; line-height: 18px; padding-left: 8px; box-sizing: border-box; margin-bottom: 20px; } .leftding .img { width: 210px; height: 115px; overflow: hidden; margin-bottom: 15px; } .leftding .img img { transition: 1s; } .leftding .imgbox { display: block; color: #ffffff; } .leftding .imgbox:hover .img img { transition: 1s; transform: scale3d(1.1, 1.1, 1); } .leftding .p { height: 72px; overflow: hidden; } .section .banner { opacity: 0; filter: alpha(opacity=0); transition: 1s; } .section.animate .banner { opacity: 1; filter: alpha(opacity=100); transition: 1s; } .section .banner_text { opacity: 0; filter: alpha(opacity=0); transform: translateY(20px); transition: 1s; } .section.animate .banner_text { transform: translateY(0); transition: 1s; opacity: 1; filter: alpha(opacity=100); } .section.wel_company .li { opacity: 0; filter: alpha(opacity=0); transition: 1s; transform: translateY(20px); } .section.animate.wel_company .li { opacity: 1; filter: alpha(opacity=100); transition: 1s; transform: translateY(0); } .section.wel_company .li02 { transition-delay: 0.3s !important; } .section.wel_company .li03 { transition-delay: 0.5s !important; } .rightding { position: fixed; top: 50%; height: 223px; margin-top: -113px; right: 0; width: 45px; background: #f7f7f7; box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1); z-index: 10; } .rightding .li { background: #ffffff; margin-bottom: 2px; cursor: pointer; position: relative; } .rightding .li .litop { height: 43px; } .rightding .li .libot { position: absolute; display: block; } .rightding .li00 .litop { background: url(../img/x22.png) no-repeat center; background-size: 100%; position: relative; transition: .5s; } .rightding .li00:hover .litop { background: url(../img/x21.png) no-repeat center; background-size: 100%; transition: .5s; z-index: 3; } .rightding .li00:hover .libot { left: -118px; transition: .5s; } .rightding .li00 .libot { background: url(../img/b22.jpg) no-repeat center; background-size: 100%; width: 163px; height: 43px; left: 50px; top: 0; font-size: 16px; color: #ffffff; padding-left: 25px; box-sizing: border-box; line-height: 43px; transition: .5s; } .rightding .li02 .litop { background: url(../img/x24.png) no-repeat center; background-size: 100%; transition: .5s; } .rightding .li02:hover .litop { background: url(../img/x23.png) #f2333a no-repeat center; background-size: 100%; transition: .5s; } .rightding .li03 .litop { background: url(../img/x26.png) no-repeat center; background-size: 100%; transition: .5s; } .rightding .li03:hover .litop { background: url(../img/x25.png) #f2333a no-repeat center; background-size: 100%; transition: .5s; } .rightding .li03:hover .libot { left: -80px; top: 0; height: 80px; width: 80px; opacity: 1; transition: .5s; } .rightding .li03 .libot { position: absolute; left: 80px; top: 0; padding: 0; background: #ffffff; transition: .5s; } .rightding .li04 .litop { background: url(../img/x28.png) no-repeat center; background-size: 100%; transition: .5s; } .rightding .li04 .libot { padding-left: 10px; } .rightding .li04:hover .litop { background: url(../img/x27.png) #f2333a no-repeat center; background-size: 100%; transition: .5s; } .rightding .li05 { margin-bottom: 0; } .rightding .li05 .litop { background: url(../img/x30.png) no-repeat center; background-size: 100%; transition: .5s; } .rightding .li05:hover .litop { background: url(../img/x29.png) #f2333a no-repeat center; background-size: 100%; transition: .5s; } .people { padding-top: 20px; box-sizing: border-box; margin-right: 30px; } .people.cur { display: none; } .people span { margin: 0 5px; } .people .tui { color: #d8242a; font-size: 16px; cursor: pointer; } .people .zi { font-size: 16px; color: #666666; } #datepicker .ui-widget-content { border: none; } #datepicker .ui-datepicker td { padding: 0; border: 1px solid #ffffff; } #datepicker .ui-datepicker td span { padding: 0; border: none; text-align: center; transition: .5s; width: 42px; height: 30px; line-height: 30px; } #datepicker .ui-datepicker td a { padding: 0; border: none; text-align: center; transition: .5s; width: 42px; height: 30px; line-height: 30px; /* &:hover,&.ui-state-active{ background:#fa8900; color:#ffffff; font-weight: bold; transition:.5s; }*/ } #datepicker .ui-datepicker td a.ui-state-highlight { background: #fa8900; color: #ffffff; } #datepicker .ui-datepicker-inline { width: 300px; margin: 0 auto; } #datepicker .ui-datepicker-inline .ui-datepicker-title { text-align: left; text-indent: 35px; } #datepicker .ui-datepicker-inline .ui-datepicker-prev { width: 45px; height: 37px; background: url(../img/left.png) no-repeat center; background-size: 100%; display: block; padding: 0; left: 0; top: 0; cursor: pointer; } #datepicker .ui-datepicker-inline .ui-datepicker-prev.ui-datepicker-prev-hover { border: none; } #datepicker .ui-datepicker-inline .ui-datepicker-next { display: block; width: 45px; height: 37px; background: url(../img/right.png) no-repeat center; background-size: 100%; padding: 0; right: 0; top: 0; cursor: pointer; } #datepicker .ui-datepicker-inline .ui-datepicker-next.ui-datepicker-next-hover { border: none; } #datepicker .ui-datepicker-inline table { background: #f9f9f9; } #datepicker .ui-datepicker-inline table thead { background: #efefef; } #datepicker .ui-datepicker-inline table thead .ui-state-default { border: none; padding: 0; } #datepicker .ui-datepicker-inline .ui-datepicker-header { background: url(../img/b23.jpg) no-repeat center; background-size: 100%; height: 37px; width: 300px; font-size: 14px; color: #ffffff; line-height: 37px; border: none; padding: 0; } #datepicker .ui-datepicker-inline .ui-datepicker-header span { display: inline; line-height: 37px; } .datetable { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 15; } .datetable .tablebox { width: 1073px; height: 650px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -325px; margin-left: -527px; opacity: 1; } .datetable .tablebox .cha { position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; background: url(../img/l37.png) no-repeat center; background-size: 100%; cursor: pointer; transition: .5s; } .datetable .tablebox .cha:hover { transition: .5s; transform: rotate(45deg); } .datetable .tablebox .table { width: 100%; height: 100%; padding: 35px; box-sizing: border-box; } .datetable .tablebox .table .top { text-align: center; font-size: 18px; color: #333333; } .datetable .tablebox .table .center { font-size: 14px; color: #c00000; } .datetable .tablebox .table .bot { width: 93%; height: 450px; overflow-y: scroll; margin: 0 auto; padding-top: 23px; box-sizing: border-box; } .datetable .tablebox .table table { border-collapse: collapse; border-spacing: 0; color: #666; line-height: 23px; font-size: 14px; } .datetable .tablebox .table table thead th { border: 1px solid #ccc; background: #FA8900; font-weight: bold; color: #fff; text-align: center; height: 47px !important; } .datetable .tablebox .table table td { padding: 0 12px; } .datetable .tablebox .table table tbody tr td { border: 1px solid #ccc; } .tablebox { width: 100%; margin: 20px auto; } .tablebox h2 { font-size: 20px; text-align: center; } .poih2 { text-align: center; } .specialdays a { background: #E17009 !important; opacity: 0.8 !important; /*濞h濮為崡濠団偓蹇旀閺佸牊鐏?/ -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 7px !important; color: #000000 !important; } /* ----------- ** 鎼存棁浠掔悰銊ュ礋 ** ----------- */ .applay-tb { margin: 0 auto; } .applay-tb .spred { font-size: 18px; font-family: Arial; color: #F00; margin-left: 12px; } .applay-tb { border: 0; border-width: 0 0 1px 1px; } .applay-tb td { padding: 8px 6px; border: 0; border-width: 1px 1px 0 0; font-size: 14px; } .applay-tb td { line-height: 1.8; } .applay-tb .applay-input { width: 180px; height: 18px; padding: 8px 10px; line-height: 18px; color: #666; border: 1px solid #dddddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; font-size: 14px; } .applay-tb select.applay-input { padding: 0; height: 34px; width: 200px; } .applay-tb textarea.applay-input { width: 820px; height: 100px; } .applay-tb .applay-input.code { width: 90px; margin-right: 8px; } .applay-tb .submit { border: none; background: none; outline: none; width: 150px; height: 35px; font-size: 16px; background: #d8242a; color: #fff; cursor: pointer; transition: 1s; } .applay-tb .submit:hover { transition: 1s; transform: translateY(-5px); } .applay-tb .error { border-color: #D70128; } .wel_company .li .libot .wen { overflow: hidden; height: 110px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .wel_company .li .libot .bot a.box { height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .wel_company .li04 .libot .wen .h2 { height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .wel_company .li.li04 .libot .bot a.box { display: block; } .wel_company .li.li04 .libot .bot a.box .fl { width: 65%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .training .ul .li .fl { height: 75px; width: 65%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } img { max-width: 100%; } .conbanner .titbox .h2 { height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .texthexi .introduction .intro .ul .li .h02 { padding-left: 1px; box-sizing: border-box; } .ui-state-default.currrr { background-color: #ffe2bf; } /*# sourceMappingURL=style.css.map */