@charset "UTF-8";
* { padding: 0; margin: 0; max-height: 100000px; }

body { text-align: left; margin: 0px; padding: 0px; text-decoration: none; height: auto; font-weight: normal; min-width: 1350px; color: #000; background: url(images/bj.png) center 630px no-repeat #fff; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; }

.fl { float: left; }

.fr { float: right; }

a { text-decoration: none; }

ul, li, ol { list-style: none; }

.hide { display: none; }

.show { display: block; }

.blank15 { clear: both; height: 15px; font-size: 0; overflow: hidden; }

.main { width: 1200px; margin: 0 auto; padding: 0; clear: both; color: #333; }

.top { height: 80px; position: relative; }

.top .logo { display: inline-block; vertical-align: middle; width: 250px; }

.top .menu { display: inline-block; font-size: 16px; color: #000; }

.top .menu li { display: inline-block; margin-right: 25px; cursor: pointer; }

.top .menu li:last-child { margin: 0; }

.top .menu li.active { font-weight: bold; color: #d4271e; line-height: 80px; position: relative; }

.top .menu li.active::before { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 4px; border-radius: 4px; background: #d4271e; }

.banner { background: url(http://www.gjjnhb.com/Vipcom/jsruode/banner.png) no-repeat center top; height: 600px; }

.banner h1 { padding-left: 12px; font-size: 55px; color: #0066ff; padding-top: 115px; line-height: 145px; }

.banner h2 { padding-left: 12px; color: #0066ff; font-size: 28px; line-height: 90px; margin-bottom: 50px; font-weight: normal; }

.banner .btn { padding-left: 12px; }

.banner .btn button { width: 180px; height: 57px; border-radius: 5px; background: #fff; font-size: 18px; color: #000; text-align: center; border: 0; outline: none; display: inline-block; margin-right: 38px; cursor: pointer; }

.banner .btn button:hover { opacity: .9; }

.banner .btn button.red { background: #d4271e; color: #fff; }

.title { text-align: center; clear: both; padding: 20px 0; color: #000; line-height: 1.8; }

.title h3 { font-size: 46px; font-weight: bold; }

.title h4 { font-size: 20px; font-weight: normal; }

.about ul { font-size: 0; }

.about ul li { display: inline-block; width: 25%; vertical-align: top; text-align: center; line-height: 1.3; }

.about ul li img { display: block; margin: 0 auto 20px; }

.about ul li h5 { font-size: 40px; font-weight: bold; color: #333; font-family: arial; }

.about ul li p { font-size: 20px; font-weight: normal; white-space: nowrap; margin-bottom: 60px; }

.about .intr { background: #fff; padding: 28px; -webkit-box-shadow: 0 0 30px #e8e8e8; box-shadow: 0 0 30px #e8e8e8; padding-bottom: 80px; margin-bottom: 40px; }

.about .intr p { text-indent: 2em; font-size: 16px; line-height: 28px; color: #333; }

.about .intr .more { float: right; background: #d4271e; line-height: 34px; border: 1px solid #f00; border-radius: 34px; font-size: 14px; color: #fff; position: relative; padding: 0 50px 0 20px; }

.about .intr .more::before { position: absolute; right: 1px; top: 1px; content: ">"; width: 34px; height: 34px; border-radius: 34px; background: #ff5b52; text-align: center; }

.about .intr .more:hover { opacity: .9; }

.pxtx .tx { background: url(images/pxtx.png) 0 bottom no-repeat; font-size: 0; padding-bottom: 250px; }

.pxtx .tx p { display: inline-block; vertical-align: top; font-size: 36px; font-weight: bold; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding-left: 45px; }

.pxtx .tx p:nth-child(1) { margin-top: 135px; }

.pxtx .tx p:nth-child(2) { margin-top: 90px; }

.pxtx .tx p:nth-child(3) { margin-top: 45px; }

.pxtx .tx p::before { position: absolute; left: 0; top: 7px; content: ""; background: #ff5b52; width: 36px; height: 36px; }

.pxtx .tx p::after { position: absolute; left: -19px; top: 0; content: ""; background: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 52px; height: 30px; }

.pxtx ul { font-size: 0; margin-bottom: 100px; }

.pxtx ul li { display: inline-block; width: 373px; height: 372px; margin-right: 40px; vertical-align: top; text-align: center; line-height: 1.8; -webkit-box-shadow: 0 0 30px #e8e8e8; box-shadow: 0 0 30px #e8e8e8; }

.pxtx ul li:last-child { margin-right: 0; }

.pxtx ul li img { display: block; margin: 40px auto 20px; }

.pxtx ul li h5 { font-size: 36px; font-weight: normal; color: #333; font-family: arial; }

.pxtx ul li p { font-size: 24px; color: #666; font-weight: normal; margin-bottom: 60px; margin: 0 30px; }

.kcsz { background: #f6f6f5; padding: 30px 0; }

.kcsz ul { font-size: 0; padding: 50px 0 15px; }

.kcsz ul li { font-size: 20px; line-height: 57px; color: #666; display: inline-block; text-align: center; cursor: pointer; width: 25%; }

.kcsz ul li.active { background: #d4271e; color: #fff; }

.kcsz .kc { padding-bottom: 100px; }

.kcsz .kc table { width: 100%; border-collapse: collapse; }

.kcsz .kc table td { background: #fff; border: 2px solid #ebebeb; font-size: 20px; line-height: 2; color: #666; padding: 10px; text-align: center; }

.kcsz .kc table .firstRow td { background: #de655e; color: #fff; border-top: 0; border-bottom-color: #de655e; }

.jstj { margin-bottom: 50px; }

.jstj .js { position: relative; }

.jstj .js .prev { position: absolute; top: 100px; left: -50px; width: 37px; height: 37px; background: url(images/leftarr.png) 0 0 no-repeat; cursor: pointer; }

.jstj .js .prev:hover { opacity: 0.9; }

.jstj .js .next { position: absolute; top: 100px; right: -50px; width: 37px; height: 37px; background: url(images/rightarr.png) 0 0 no-repeat; cursor: pointer; }

.jstj .js .next:hover { opacity: 0.9; }

.jstj .js ul { overflow: hidden; }

.jstj .js ul li { float: left; padding-top: 50px; width: 304px; }

.jstj .js ul li div { width: 285px; height: 150px; border: 1px solid #f0f0f0; border-radius: 20px; text-align: center; }

.jstj .js ul li div:hover { -webkit-box-shadow: 0 3px 35px rgba(165, 187, 248, 0.35); box-shadow: 0 3px 35px rgba(165, 187, 248, 0.35); }

.jstj .js ul li div img { display: block; margin: 0 auto -30px; width: 100px; height: 100px; border-radius: 100px; -webkit-box-shadow: 0 0 4px #ddd; box-shadow: 0 0 4px #ddd; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); }

.jstj .js ul li div h6 { font-size: 18px; }

.jstj .js ul li div p { color: #666; font-size: 14px; }

.fwts .box { background: url(images/fwts.png) center bottom no-repeat; counter-reset: number 0; }

.fwts .box ul { font-size: 0; padding-bottom: 250px; margin-bottom: 50px; }

.fwts .box ul li { display: inline-block; vertical-align: top; width: 25%; position: relative; }

.fwts .box ul li:nth-child(1), .fwts .box ul li:nth-child(4) { margin-top: 90px; }

.fwts .box ul li::before { counter-increment: number; content: counter(number); font-size: 100px; font-weight: bold; color: #fee5e5; font-family: arial; position: absolute; left: -20px; top: 0; }

.fwts .box ul li h5 { font-size: 36px; font-weight: bold; position: relative; padding: 50px 0 20px; }

.fwts .box ul li p { font-size: 24px; line-height: 40px; color: #666; }

.fwlc ul { counter-reset: fwlc; margin-bottom: 50px; }

.fwlc ul li { border: 1px dashed #eaeaea; border-bottom: 0; border-radius: 10px; padding: 30px; position: relative; }

.fwlc ul li::before { counter-increment: fwlc; content: "0" counter(fwlc); font-size: 96px; font-family: arial; font-weight: bold; color: #eaeaea; position: absolute; }

.fwlc ul li::after { content: ""; width: 50px; height: 50px; position: absolute; z-index: 2; }

.fwlc ul li h5 { font-size: 36px; font-weight: bold; color: #d4271e; }

.fwlc ul li p { font-size: 24px; line-height: 40px; text-align: left; display: inline-block; }

.fwlc ul li img { position: absolute; }

.fwlc ul li.single::before { top: 40px !important; }

.fwlc ul li.single img { top: 2px !important; }

.fwlc ul li:nth-child(odd) { border-left: 0; padding: 50px 250px; text-align: right; }

.fwlc ul li:nth-child(odd) img { right: 50px; top: 20px; }

.fwlc ul li:nth-child(odd)::before { left: 90px; top: 50px; }

.fwlc ul li:nth-child(odd)::after { left: 230px; bottom: -25px; background: url(images/fwlcleft.png) 0 0 no-repeat #fff; }

.fwlc ul li:nth-child(even) { border-right: 0; padding: 50px 250px; text-align: left; }

.fwlc ul li:nth-child(even) img { left: 50px; top: 20px; }

.fwlc ul li:nth-child(even)::before { right: 90px; top: 50px; }

.fwlc ul li:nth-child(even)::after { right: 230px; bottom: -25px; background: url(images/fwlcright.png) 0 0 no-repeat #fff; }

.fwlc ul li:last-child { border-bottom: 1px dashed #eaeaea; }

.xyfc { background: url(images/xyfcbj.png) center bottom no-repeat; margin-bottom: 50px; }

.xyfc .box { position: relative; padding-bottom: 50px; width: 1043px; margin: 0 auto; }

.xyfc .box .prev { position: absolute; top: 300px; left: -150px; width: 37px; height: 37px; background: url(images/leftarr.png) 0 0 no-repeat; cursor: pointer; }

.xyfc .box .prev:hover { opacity: 0.9; }

.xyfc .box .next { position: absolute; top: 300px; right: -150px; width: 37px; height: 37px; background: url(images/rightarr.png) 0 0 no-repeat; cursor: pointer; }

.xyfc .box .next:hover { opacity: 0.9; }

.xyfc .box ul { font-size: 0; }

.xyfc .box ul li { display: inline-block; }

.xyfc .box ul li img { display: block; }

.hzjg { background: #f6f6f5; padding-top: 30px; margin-bottom: 30px; }

.hzjg .box img { display: block; margin: 0 auto; }

.hyzx .box .head { position: relative; padding-bottom: 20px; }

.hyzx .box .head h5 { width: 138px; line-height: 26px; background: #d4271e; text-align: center; color: #fff; border-radius: 26px; font-size: 16px; font-weight: normal; }

.hyzx .box .head a { position: absolute; right: 0; top: 0; font-size: 12px; color: #999; }

.hyzx .box ul { margin-bottom: 50px; font-size: 0; position: relative; }

.hyzx .box ul::before { content: ""; position: absolute; left: 50%; width: 1px; top: 0; bottom: 0; background: #e5e5e5; }

.hyzx .box ul li { display: inline-block; width: 550px; font-size: 14px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.hyzx .box ul li:nth-child(odd) { margin-right: 100px; }

.hyzx .box ul li a { color: #666; }

.hyzx .box ul li a:hover { color: #1985a5; }

.hyzx .box ul li span { float: right; color: #666; }

.lxwm { background: #f6f6f5; padding: 20px 0 40px; font-size: 0; }

.lxwm .box { width: 930px; margin: 0 auto; }

.lxwm .box h5 { font-size: 24px; color: #333; line-height: 2; }

.lxwm .box h6 { font-size: 14px; color: #666; font-weight: normal; line-height: 2; }

.lxwm .ly { display: inline-block; vertical-align: top; width: 400px; margin-right: 170px; font-size: 0; }

.lxwm .ly ul { margin-bottom: 20px; }

.lxwm .ly ul li { margin-bottom: 10px; }

.lxwm .ly ul li:nth-child(1), .lxwm .ly ul li:nth-child(2) { width: 213px; display: inline-block; }

.lxwm .ly ul li:nth-child(1) { margin-right: 14px; }

.lxwm .ly ul li input { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; width: 100%; background: #fff; line-height: 36px; height: 36px; border-radius: 3px; padding: 0 10px; color: #666; border: 0; outline: none; }

.lxwm .ly ul li input:focus { background: #fcfcfc; }

.lxwm .ly button { width: 110px; height: 34px; background: #d4271e; line-height: 34px; border-radius: 34px; border: 0; text-align: center; color: #fff; font-size: 14px; }

.lxwm .lx { display: inline-block; width: 355px; }

.lxwm .lx .phone { padding-bottom: 10px; }

.lxwm .lx .phone p { font-size: 18px; line-height: 28px; color: #d4271e; }

.lxwm .lx ul li { display: inline-block; width: 355px; }

.lxwm .lx ul li:first-child { margin-right: 30px; }

.sidebar { position: fixed; width: 80px; right: 10px; bottom: 200px; background: url(images/sideicon.png) center top no-repeat; padding-top: 68px; }

.sidebar ul { border: 1px solid #e5e5e5; border-radius: 10px; background: #fff; }

.sidebar ul li { font-size: 12px; color: #d4271e; padding: 40px 0 10px; border-bottom: 1px solid #f5cdcb; margin: 0 10px; text-align: center; cursor: pointer; }

.sidebar ul li:hover { opacity: .8; }

.sidebar ul li:nth-child(1) { background: url(images/side1.png) center 10px no-repeat; }

.sidebar ul li:nth-child(2) { background: url(images/side2.png) center 10px no-repeat; }

.sidebar ul li:nth-child(2) { background: url(images/side3.png) center 10px no-repeat; border-bottom: 0; }

.msg-box { display: none; }

.msg-box::before { content: ""; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); }

.msg-box .box { font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 600px; border-radius: 10px; background: #fff; }

.msg-box .box .head { position: relative; }

.msg-box .box .head .close { position: absolute; right: -60px; top: -60px; font-size: 40px; color: #ccc; font-style: normal; font-family: microsoft yahei; cursor: pointer; }

.msg-box .box .head .close:hover { opacity: .8; }

.msg-box .box h5 { font-size: 26px; line-height: 40px; position: relative; padding-bottom: 20px; }

.msg-box .box ul li { margin-bottom: 16px; }

.msg-box .box ul li input, .msg-box .box ul li select, .msg-box .box ul li textarea { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; width: 100%; background: #f5f6f7; line-height: 36px; height: 36px; border-radius: 3px; padding: 0 10px; color: #999; border: 0; outline: none; }

.msg-box .box ul li input:focus, .msg-box .box ul li select:focus, .msg-box .box ul li textarea:focus { background: #f0f0f0; }

.msg-box .box ul li input::-webkit-input-placeholder, .msg-box .box ul li select::-webkit-input-placeholder, .msg-box .box ul li textarea::-webkit-input-placeholder { color: #999; }

.msg-box .box ul li input:-ms-input-placeholder, .msg-box .box ul li select:-ms-input-placeholder, .msg-box .box ul li textarea:-ms-input-placeholder { color: #999; }

.msg-box .box ul li input::-ms-input-placeholder, .msg-box .box ul li select::-ms-input-placeholder, .msg-box .box ul li textarea::-ms-input-placeholder { color: #999; }

.msg-box .box ul li input::placeholder, .msg-box .box ul li select::placeholder, .msg-box .box ul li textarea::placeholder { color: #999; }

.msg-box .box ul li textarea { height: 100px; resize: none; }

.msg-box .box button { width: 110px; height: 34px; background: #d4271e; line-height: 34px; border-radius: 34px; border: 0; text-align: center; color: #fff; font-size: 14px; outline: none; cursor: pointer; }

.msg-box .box button:hover { opacity: .8; }

.msg-box.qybm .box ul li { display: inline-block; width: 265px; margin: 0 10px 16px 0; }

.msg-box.qybm .box ul li:nth-child(even) { margin-right: 0; }

.msg-box.qybm .box ul li:nth-child(5) { width: 100%; }

.msg-box.hqfa .box ul li:nth-child(n+5) { display: inline-block; width: 265px; margin: 0 10px 16px 0; }

.msg-box.hqfa .box ul li:nth-child(even) { margin-right: 0; }

.msg-box.hqfa .box ul li:last-child { width: 100%; margin-right: 0; }