@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 }
.arial { font-family: "arial" }
article, aside, dialog, figure, footer, header, legend, nav, section, time { display: block }
a { text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur())
}
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; -ms-interpolation-mode: bicubic; }
input, button, ul li { vertical-align: top }
input, button:focus { outline: 0; }
textarea { resize: none }
.fl{ float: left}
.fr{ float: right}
.clearfix { zoom: 1 }
.clearfix:after { visibility: hidden; display: block; clear: both; height: 0; font-size: 0; content: "." }
section { width: 1000px; margin: 0 auto; }
img { -ms-interpolation-mode: bicubic; vertical-align: top; border: 0 }
.clear{ clear: both}
 .ban{ width: 100%; height:747px; background: url(../imgs/ban-bac.jpg) no-repeat center center }
.ban-con{ width: 1200px; margin: 0 auto;}
.ban-top{ padding-top: 30px;}
.ban-logo img { width: 170px; }
.ban-tel { font-size: 30px; color: #fff; background-size: 28px 38px; padding-left: 40px; margin-top: 15px; font-weight: bold; }
.ban-box{width: 901px; height:551px; background: url(../imgs/ban-img.png) no-repeat center center; margin: 30px auto 0;}
.ban-box p{ font-size: 40px; color: #fff; text-align: right; margin-right: 135px; padding-top: 80px;}
.ban-box h2{ font-size: 96px; color: #fff; font-weight: bold; text-align: right;margin-right: 135px; margin-top:-15px}
.ban-box h3{ font-size:86px; color: #fff; font-weight: bold; text-align: right;margin-right: 135px; margin-top:-15px}
.ban-box h4{ font-size:26px; color: #fff; text-align: right;margin-right: 135px;margin-top: 5px;}
.ban-box a{ display: block; width: 580px; height: 58px; line-height: 58px; background: #fff; font-size:25px; color: #f66465; text-align: center;margin-left: 189px; margin-top: 20px;}
.bd{ width: 100%; height: auto; padding: 35px 0 35px; background: #fbfbfb}
.bd-con{ width: 1130px; margin: 0 auto;}
.bd-title{ width: 560px; margin: 25px auto;}
.bd-title span{ font-size: 42px; color: #333; font-weight: bold; margin-top: -5px}
.nei_yuyue1 input,.nei_yuyue1 select{width:260px;height: 50px;line-height: 50px;background: #fff;border-radius: 8px;color: #666;font-size: 16px;padding-left: 20px;line-height: 100%; float: left; margin-right: 30px; border: 1px solid #e5e5e5
}
.nei_yuyue1 button{width:200px;height: 50px;line-height: 50px; background: #fb6768; color: #fff; font-size: 21px; text-align: center; border-radius: 8px;}
.lx{ width: 1200px; margin: 35px auto 0px;}
.lx .title{ margin-bottom: 35px}
.title h2{ font-size: 46px; color: #181818; text-align: center; font-weight: bold;}
.lx li{ float: left; width: 280px;box-shadow: 2px 3px 5px #dcdcdc; margin-right: 20px;}
.lx li img{ display: block; margin: 0 auto; width: 280px}
.lx li div{ border: 1px solid #e6e6e6; border-top: none; padding-bottom: 30px;}
.lx li div h5{ font-size: 22px; font-weight: bold; color:#fb6768; text-align: center; padding: 20px 0 }
.lx li div span{ display: block; width: 244px; height: 1px; margin: 0 auto; background:#efefef}
.lx li div p{ font-size: 18px; color: #333; text-align: center; margin-top: 20px;}
.lx li .no-mar{ margin-right: 0px}
.ys{ width: 100%; height:auto; padding: 45px 0px 35px; background: #fbfbfb; margin-top: 50px}
.ys-con{ width: 1145px; margin: 0 auto;}
.ys-con .title{ margin-bottom: 45px}
.ys-con ul{ width: 495px;}
.ys-con ul li h4{ font-size: 25px; font-weight: bold; color: #3e3e3e;padding-left: 32px}
.ys-li1 h4{ background: url(../imgs/ys-img1.png) no-repeat left center; }
.ys-li2 h4{ background: url(../imgs/ys-img2.png) no-repeat left center; }
.ys-li3 h4{ background: url(../imgs/ys-img3.png) no-repeat left center; }
.ys-con ul li p{font-size: 20px; color: #666; margin-top: 8px}
.ys-con .ys-li2{ margin: 40px 0px}
.product{ width: 1200px; margin: 35px auto;}
.product-tab{ margin-top: 30px}
.product-tab li{ width: 400px; height: 80px; line-height: 80px; color: #fff; float: left; text-align: center; font-size: 28px; cursor: pointer;}
#color1{ background: #fb6768; border-top-left-radius:25px}
#color2{ background: #73c17f;}
#color3{ background: #65a8e0; border-top-right-radius:25px}
.product-tab .product-cur{ color: #2b2b2b}
.product-r{ width: 630px; margin-left: 20px; margin-top: 5px}
.product-r h6{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 5px}
.product-r p{ font-size: 16px; color: #666; margin-bottom: 10px; line-height: 22px}
.product-tabcon{ width: 1170px; margin:0px auto;}
.product-r p span{ display: inline-block; width: 280px; text-align: left}
.product-box{ width: 1200px; background: #fbfbfb; padding: 40px 0 35px}
.product-btn{display:block;width:290px;height: 60px;line-height: 60px;background: #fb6768;color: #fff;font-size: 26px;border-radius: 8px;text-align: center;margin:35px auto 0;}
.ls{ width: 1180px; margin: 0 auto;}
.lx-box-l{ width: 247px; height: 265px;}
.lx-box-r{ width: 290px; margin-left: 15px;}
.lx-box-r h3{ font-size: 26px; color:#333; text-align: left; margin-top: 10px;}
.lx-box-r p{ font-size: 16px; color: #666; margin-top: 10px; height: 182px; line-height: 23px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;}
.ls .ls-con{ height: 320px; margin-top: 35px}
.xy{ width: 100%; height:auto; padding: 35px 0px; background:#fb6768 }
.xy-con{ width:1200px; margin: 35px auto 0; height: 340px; }

.xy-l{  border-radius: 5px; border:6px solid #f8f8f8}
.xy-r{ width:340px; margin-top: 5px; margin-left: 20px}
.fw-bj{ font-size: 22px; color: #fff; font-weight: bold; }
.fw-bj span,.fw-xy span{line-height: 16px; font-size: 18px;  border-radius: 15px; text-align: center;font-weight: normal; color:#fff  }
.fw-xy{ font-size: 20px; color: #fff; font-weight: bold; margin-top:8px; }
.fw-sd{font-size: 20px; color: #fff;  margin-top: 5px;}
.fw-bot p{ font-size: 16px;
    color: #fff;
    
    margin-left: 59px;
    line-height: 25px;
    margin-top: 10px;}
.xy .title h2{ color: #fff}

.xy .swiper-container2{ height: 400px}
.xy-box{ display: -webkit-box; height: 130px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden; }
.ls .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fb6768;
}

.xy .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fffc00;
}
.xy-btn{display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: #f5ff00;
    color: #333;
    font-size: 20px;
    border-radius: 8px;
    text-align: center;
    margin-top:53px}
.xy-box{ width:1200px; margin: 0px auto 0;height:450px; }