@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, em, b, i, u, s, dl, dt, dd, ol, ul, li, input, select, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;outline: 0 none;border: 0 none;-webkit-text-size-adjust: none}
html {_background-image: url(blank.jpg);_background-attachment: fixed;overflow-x: hidden;overflow-y: scroll}body {font-family: "Microsoft Yahei", \5FAE\8F6F\96C5\9ED1, Arial, simHei, "宋体", Helvetica;font-size: 18px;color: #000}article, aside, dialog, figure, footer, header, legend, nav, section, time {display: block}a{text-decoration: none;outline: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out}a:focus {-moz-outline-style: none;background: 0}
button{border: 0}ul, ol, li {list-style: none}h1, h2, h3, h4, h5, h6, em, b, i, u {font-style: normal;font-weight: normal;}img {border: 0;vertical-align: top;-ms-interpolation-mode: bicubic;}
input, button, ul li {vertical-align: top}input, button:focus {outline: 0;}textarea {resize: none}.clearfix {zoom: 1}.clearfix:after {visibility: hidden;display: block;clear: both;height: 0;font-size: 0;content: "."}table {border-collapse: collapse;border-spacing: 0}
a, button {cursor: pointer}.fl {float: left}.fr {float: right}.clearfix {zoom: 1}
.clearfix:after {visibility: hidden;display: block;clear: both;height: 0;font-size: 0;content: "."}
.clear {clear: both}
.ban{width: 100%; height: 641px; background: url(../imgs/img1.jpg) no-repeat center center;}
.top{ width:1200px;height: 76px; }
.top-con,.ban-con,.intro-con,.xf,.rq,.kc-con,.fs-con,.ys-con{ width: 1200px; margin: 0 auto}
.top-con{ padding-top: 20px}
.top-l img{ width: 133px; margin-top: 12px; float: left}
.top-r{ font-size: 24px; line-height: 54px; color: #fff;  margin-top: 11px;}
.top-c{ margin-left:60px;}
.top-c li { float: left;line-height: 75px;}
.top-c li a{ font-size: 20px;  margin: 0 10px; color: #fff}
.top-r{background: url(../imgs/img2.png) no-repeat left center;padding-left: 47px;background-size: 17%;}
.ban-con{ margin-top: 30px}
.ban-con h4{ font-size: 92px; font-weight: bold; color:#b03118; text-align: right }
.ban-con p{font-size: 75px; font-weight: bold; color:#fff; text-align: right; border-bottom:4px solid #f7b523;display: inline-block; float: right; padding-bottom: 15px}
/*.ban-con i{ display: block; width: 400px; height: 4px; background:#f7b523 }	*/
.ban-con span{font-size: 28px;letter-spacing: 1px; color:#fff; text-align: right;display: block;margin-top:15px}
.ban-ul{  width: 740px;float: right;overflow: hidden;margin-top:20px}
.ban-ul li{ float: left;padding: 0 15px; height:51px;line-height: 51px; text-align: center; background:#f7b523; color: #000;font-size: 23px; border-radius: 5px; margin-left:11px;  }
.intro{width: 100%; height: 328px; background: url(../imgs/img3.jpg) no-repeat center center;}
.title{ padding-top:25px}
.title h5{ font-size: 63px;font-weight: bold;background-image: linear-gradient(#7f3729, #833826); background-image: -webkit-linear-gradient(#7f3729, #833826); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-align: center}                     
.title p{font-size: 50px; font-weight: bold;color: #fff; text-align: center;margin-top: -45px;}
.title i{font-size: 24px;color: #666; display: block; text-align: center;margin-top: 5px;}
.title p::before{ content: ''; width: 34px; height: 36px; display:inline-block; background: url(../imgs/img4.png) no-repeat left center;padding-right: 12px;top: 5px;position: relative;}
.title p::after{ content: ''; width: 37px; height: 36px; display:inline-block; background: url(../imgs/img5.png) no-repeat left center;left: 12px;top: 5px;position: relative;}
.title span{ display: block; width: 290px; height: 15px; background:#7f392a; margin: -17px auto 0; }
.intro-xq{ width: 1080px; margin: 30px auto 0; font-size: 20px; color: #fff; line-height: 33px;}
.xf ul,.rq-ul{ overflow: hidden; margin-top: 35px}
.xf .title h5,.rq .title h5,.kc .title h5,.fs .title h5{ background-image: linear-gradient(#f4f4f5, #fefefe); background-image: -webkit-linear-gradient(#f4f4f5, #fefefe); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} 
.xf .title p,.rq .title p,.kc .title p,.fs .title p,.ys .title p{color: #282828;}
.fs .title p b{font-size: 25px; font-weight: bold} 
.xf .title span,.rq .title span,.kc .title span,.fs .title span,.ys .title span{background:#f0f1f5;}

.xf li{ float: left}
.xf-l{width:301px; height: 590px; background:#f9f8f8;  }
.xf-xq img{display: block; margin:160px auto 0;}
.xf-xq h5{ color: #853925; font-size: 24px; font-weight: bold;text-align: center}
.xf-xq p{ color: #282828; font-size: 20px; text-align: center; margin-top: 25px}
.xf-xq span,.xf-xq b{display: block;font-size: 18px; text-align: center; margin-top:8px}
.xf-xq span{ color: #040404;}
.xf-xq b{ color: #c46907;}
.xf-xq p::before{ content: ''; width: 65px; height: 1px; display:inline-block; background: #999;right: 15px;top: -7px;position: relative;}
.xf-xq p::after{ content: ''; width: 65px; height: 1px; display:inline-block; background: #999;left: 15px;top:-7px;position: relative;}
.xf-ad{ position: relative;}
.xf-ad div{ display: none; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);}
.xf-ad div a{ font-size: 22px; width: 200px; height: 50px; display: block; margin: 270px auto 0; text-align: center; line-height: 50px; border: 1px solid #fff; border-radius: 5px; color: #fff }
.xf-c{ width: 300px}
.xf-c .xf-xq{ height: 276px;}
.xf-c .xf-xq img{display: block; margin:20px auto 0;}
.xf-c .xf-xq p{ margin-top: 5px}
.xf-c .xf-ad div a{  margin: 130px auto 0; }
.xf-ad div a:hover{ background: #fff;color: #000}
.xf-ad:hover div{ display: block}
.rq-ul{ overflow: hidden}
.rq-ul li{ float: left; width:285px; margin-right: 20px}
.rq-xq{ padding:15px;  background: #f8f8f8; border-bottom:6px solid #853925;overflow: hidden; height: 70px;}
.rq-l{ width: 205px}
.rq-r{margin-top: 25px;}
.rq-l p{ color: #5f111e; font-size: 18px; margin-bottom: 5px}
.rq-l span{ color: #282828; font-size: 14px;}
.rq-ul li:last-child{ margin-right: 0}
.kc-con{ height: 532px;margin-top: 35px; background-color:#f8f8f8; background-image:url(../imgs/img14.jpg); background-position:right center; background-repeat: no-repeat   }
.kc-l{ width: 65px; color: #853925; font-size: 24px; text-align: center; line-height:32px;margin-top: 210px; margin-left:50px}
.kc-l i{font-size: 30px;}
.kc-r{ margin-left:50px;margin-top:60px }
.kc-r li{ overflow: hidden; margin-bottom:20px}
.kc-r li:last-child p,.fs-con .kc-r li:last-child p,.ys-ul li div p:last-child{ border-bottom:none}
.kc-r li a{float: left; padding: 0 55px; width: 250px; height: 70px; line-height: 70px; font-size: 20px; color: #fff;background: #853925}
.kc-r li p{ float: left; width: 550px; font-size: 18px; color: #fff;line-height: 30px; margin-left: 35px; border-bottom: 1px dashed #fff;padding-bottom: 20px; margin-top: 3px;margin-left: 20px;}
.fs,.kc{ margin-top: 20px}
.fs-con{height: 399px;margin-top: 35px; background-color:#f8f8f8; background-image:url(../imgs/img15.jpg); background-position:right center; background-repeat: no-repeat }
.fs-con .kc-r li a{ width: 93px; height: 73px; line-height: 73px; text-align: center; font-size:34px; font-weight: bold;padding: 0; font-style: italic }
.fs-con .kc-r li p{ color: #282828;border-bottom: 1px dashed #853925;line-height: 73px; padding-bottom: 2px; margin-bottom:10px;width: 456px; }
.fs-con .kc-r li{margin-bottom: 0}
.fs-con .kc-r {margin-left: 35px;margin-top: 30px;}
.fs-con .kc-l{width: 90px; margin-top: 170px}
.ys{ background: #f8f8f8; width: 100%; padding:20px 0 20px 0; margin-top:50px}
.ys-ul li{height: 390px;
    margin-top: 90px; }
.ys-ul li h6{ width: 347px; height: 76px; font-size: 24px; color: #fff; background: url(../imgs/img16.png) no-repeat left center;line-height: 76px;text-indent: 35px;margin-top: -395px}
.ys-ul li div{ width:580px; height: 280px; background: #fff; border-bottom-right-radius:40px; margin-top: 0px; padding:40px 0 30px 0;box-shadow:1px 1px 10px #e7e7e7 }  
.ys-ul li div p{ width: 530px;margin: 0 auto; overflow: hidden;border-bottom: 1px dashed #853925; padding-bottom: 25px;margin-top: 25px}
.ys-ul li div p i{ float: left; width: 90px; font-size: 18px; color: #853925}
.ys-ul li div p span{ float: left; width: 410px; font-size: 18px; color: #333; margin-left: 30px}
.ys-ul li div p:last-child i{letter-spacing: 25px}
.ys .title h5{ background-image: linear-gradient(#eeeeef, #f5f5f5); background-image: -webkit-linear-gradient(#eeeeef, #f5f5f5); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} 
.fs-btn{ float: left; width: 254px; height: 56px; line-height: 56px; background:#853925;text-align: center; font-size:24px; color: #fff; border-radius: 8px;margin-left: 120px;margin-top: 290px;  }
.kc-btn{ display:block;width: 300px; height: 60px; line-height: 60px; background:#853925;text-align: center; font-size:24px; color: #fff; border-radius: 8px; margin: 35px auto}
.kc-btn:hover,.fs-btn:hover{ background:#622414  }

.bd{ width:100%; height:auto; background:#f7b523; padding:35px 0; margin-top: 50px}
.bd-con{ width:900px; margin:0 auto; overflow:hidden}
.bd-con label{ float: left; font-size:22px; color:#000; line-height:50px; margin-right:10px}
.bd-con input {width: 220px;height:50px;line-height: 50px;background: #fff;border-radius: 5px;color: #666;font-size: 16px;padding-left: 20px;line-height: 100%;float: left;
margin-right: 40px;}
.bd-con button {width:200px;height: 50px;line-height: 50px;background: #853925;color: #fff;font-size: 21px;text-align: center; border-radius: 5px; margin-left: 25px;}