@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input  {margin: 0;padding: 0;border: none;outline: 0; /*font-size:100%;*/ font: inherit;vertical-align: baseline;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { /*font-size:100%;*/ font-size:14px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

body { background:#fff;}

a{color:#444;text-decoration:none;}

.ln { text-align:left; }
.cn { text-align:center; }
.rn { text-align:right; }

.left { float:left; }
.right { float:right; }

.p5 { padding:5px; }
.p10 { padding:10px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pt68 { padding-top:68px; }
.pt80 { padding-top:80px; }
.pt100 { padding-top:100px; }
.pt120 { padding-top:120px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }

.pbl30 { padding-left:30px; }

.mr10 { margin-right:10px; }
.ml10 { margin-left:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
input[type=button], input[type=submit], input[type=reset],button,input[type=text] { -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
.cclear:after,.cclear .after {content: ""; display: block; clear: both;}
.clear { clear:both; height:0; font-size:0;line-height:0; overflow:hidden;}
button { padding:0px; outline:none; border:none;}


/*begin*/
.leading { position:relative; z-index:10; font-family:"Microsoft Yahei"; font-weight:500;}

.batten { position:absolute; z-index:50; left:0; top:33px; right:0; height:59px; border:1px solid rgba(112,112,112,0.2); background:rgb( 255, 255, 255); background:rgba( 255, 255, 255, 0.6); filter:alpha(opacity=60); /*opacity:0.60;*/}
.batten .wp { width:1200px; height:59px; margin:0 auto;}
.batten .wp .logo { float:left; width:156px; height:87px; line-height:84px; overflow:hidden; margin-top:-14px; border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.batten .wp .logo img { max-width:100%; max-height:100%; vertical-align:middle;}
.batten .wp .links { float:right; height:59px; overflow:hidden;}
.batten .wp .links .item { float:left; width:64px; height:59px; line-height:59px; text-align:center; overflow:hidden; margin:0 0 0 60px; font-size:16px; color:#333;}
.batten .wp .links .itemcur { height:55px; line-height:55px; border-bottom:4px solid #BF1920;}.batten .wp .links .item:hover { height:55px; line-height:55px; border-bottom:4px solid #BF1920;}

.banner { position:relative; z-index:20; height:auto; overflow:hidden; margin:0 auto;}
.banner .bd { position:relative; z-index:30;}
.banner .bd ul { width:100% !important;}
.banner .bd ul li { width:100% !important; height:auto; overflow:hidden; margin:0 auto;}
.banner .bd ul li img { width:100%;}

.banner .hd { position:absolute; z-index:40; bottom:40px; left:0; width:100%; height:30px; line-height:30px; text-align:center;}
.banner .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 8px; line-height:9999px; overflow:hidden; border-radius:10px; background:rgb( 255, 255, 255); background:rgba( 255, 255, 255, 0.8); filter:alpha(opacity=80);}
.banner .hd ul li.on { background:#BF1920;}

.search { position:absolute; z-index:50; left:50%; bottom:-34px; width:740px; height:68px; overflow:hidden; margin-left:-370px; border-radius:10px; box-shadow:0px 10px 30px rgba(0,0,0,0.14); background:#fff;}
.search form { position:relative; height:68px; overflow:hidden; margin:0 auto;}
.search form .seabtn { position:absolute; right:15px; top:10px; display:block; width:118px; height:48px; line-height:48px; text-align:center; overflow:hidden; text-indent:20px; font-size:16px; color:#fff; border-radius:5px; background:#BF1920 url(../images/icon_search.png) no-repeat 30px center;}
.search form .inp { height:48px; overflow:hidden; margin:10px 165px 10px 30px;}
.search form .inp input { width:100%; height:22px; line-height:22px; overflow:hidden; margin:13px auto; font-size:16px; color:#353535;}

.about { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.ptitle { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.ptitle h1 { height:40px; line-height:40px; text-align:center; overflow:hidden; margin:0 auto 10px; text-transform:uppercase; font-size:34px; color:#333;}
.ptitle h2 { height:30px; line-height:30px; text-align:center; overflow:hidden; margin:0 auto 35px; font-size:26px; color:#333;}
.ptitle p { width:45px; height:4px; overflow:hidden; margin:0 auto; border-radius:2px; background:#BF1920;}

.about .aboutimg { height:auto; overflow:hidden; margin:30px auto 0px; text-align:center;}
.about .aboutimg img { display:block; width:100%; margin:0 auto 50px;}
.about .aboutimg p { width:900px; line-height:28px; height:auto; overflow:hidden; margin:0 auto; text-align:justify; text-justify:inter-ideograph; text-align:center; font-size:16px; color:#4D4D4D;}

.advant { width:730px; height:auto; overflow:hidden; margin:100px auto 0;}
.advant .item { float:left; width:130px; height:auto; overflow:hidden; margin:0 170px 0 0;}
.advant .item:nth-child(3n) { margin:0 0 0 0;}
.advant .item .img { height:60px; overflow:hidden; margin:0 auto 40px;}
.advant .item .img1 { background:url(../images/icon_advant_01.png) no-repeat center center; background-size:58px;}
.advant .item .img2 { background:url(../images/icon_advant_02.png) no-repeat center center; background-size:58px;}
.advant .item .img3 { background:url(../images/icon_advant_03.png) no-repeat center center; background-size:58px;}
.advant .item h3 { height:25px; line-height:25px; text-align:center; overflow:hidden; margin:0 auto 12px; font-size:20px; color:#4D4D4D;}
.advant .item p { height:20px; line-height:20px; text-align:center; overflow:hidden; margin:0 auto; font-size:14px; color:#4D4D4D;}

.more { display:block; width:104px; height:36px; line-height:36px; text-align:center; overflow:hidden; margin:90px auto 60px; border-radius:5px; font-size:16px; color:#fff; background:#BF1920;}

.bgfa { background:#FAFAFA;}
.product { width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.product .list { width:1160px; height:auto; overflow:hidden; margin:0 auto;}
.product .list .item { float:left; width:300px; height:auto; overflow:hidden; margin:0 40px 0 0; padding:30px 30px 30px;}
.product .list .item:nth-child(3n) { margin:0 0 0 0;}
.product .list .item .info { position:relative; height:484px; overflow:hidden; margin:0 auto; box-shadow:0px 0px 6px rgba( 0, 0, 0, 0.16); -moz-box-shadow:0px 0px 6px rgba( 0, 0, 0, 0.16); -webkit-box-shadow:0px 0px 6px rgba( 0, 0, 0, 0.16);}
.product .list .item .info .img { height:484px; line-height:484px; text-align:center; overflow:hidden; margin:0 auto; background:url(../images/icon_product_bg.png) no-repeat top center; background-size:100%;}
.product .list .item .info .img img { max-width:100%; max-height:100%; vertical-align:middle;}
.product .list .item .info p { position:absolute; left:0; right:0; bottom:0; height:62px; line-height:62px; text-align:center; overflow:hidden; font-size:18px; color:#fff; background:rgb( 0, 0, 0); background:rgba( 0, 0, 0, 0.62); filter:alpha(opacity=62);}
.product .list .item .borbtm { width:40px; height:4px; overflow:hidden; margin:5px auto 0; border-radius:2px; background:#BF1920;}

.product .list .itemcur .info { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; box-shadow:0px 0px 30px rgba( 0, 0, 0, 0.20); -moz-box-shadow:0px 0px 30px rgba( 0, 0, 0, 0.20); -webkit-box-shadow:0px 0px 30px rgba( 0, 0, 0, 0.20);}
.product .list .itemcur .borbtm { transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; width:100px;}

.product .w1160 { width:1160px; margin:0 auto;}
.product .more { margin:60px auto;}

.news { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500; background:url(../images/icon_newsbg.png) no-repeat bottom center; background-size:1200px;}
.newslist { width:1200px; height:auto; overflow:hidden; margin:0 auto; }
.newslist .item { height:auto; overflow:hidden; margin:0 auto;}
.newslist .item a { display:block; position:relative; height:auto; overflow:hidden; margin:30px auto 0px;}
.newslist .item .date { position:absolute; left:0; top:0; width:106px; height:106px; overflow:hidden; background:#F5F5F5;}
.newslist .item .date h3 { height:50px; line-height:50px; text-align:center; overflow:hidden; margin:13px auto 5px; font-weight:bold; font-size:47px; color:#666;}
.newslist .item .date p { height:20px; line-height:20px; text-align:center; overflow:hidden; margin:0 auto; font-size:15px; color:#666;}
.newslist .item .info { margin:0 0 0 106px; height:auto; overflow:hidden; padding:0 0 30px 30px; border-bottom:1px solid #E6E6E6;}
.newslist .item .info h3 { height:40px; line-height:40px; overflow:hidden; margin:0 auto 10px; font-size:18px; color:#333;}
.newslist .item .info p { line-height:28px; height:56px; overflow:hidden; margin:0 auto; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:16px; color:#999;}

.newslist .item a:hover .info h3 { color:#BF1920;}

/*底部*/
.footdiv { height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500; background:#383838;}
.footdiv .wp { width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.footdiv .wp .basic { height:auto; overflow:hidden; margin:0 auto; padding:40px 0; border-bottom:1px solid #666;}
.footdiv .wp .basic .fl { float:left; height:auto; overflow:hidden;}
.footdiv .wp .basic .fl h3 { height:30px; line-height:30px; overflow:hidden; margin:0 auto 5px; font-size:22px; color:#ccc;}
.footdiv .wp .basic .fl h4 { height:20px; line-height:20px; overflow:hidden; margin:0 auto 15px; text-transform:uppercase; font-size:14px; color:#ccc;}
.footdiv .wp .basic .fl h5 { height:30px; line-height:30px; overflow:hidden; margin:0 auto 35px; font-size:18px; color:#ccc;}
.footdiv .wp .basic .fl .ps { height:auto; overflow:hidden; margin:0 auto;}
.footdiv .wp .basic .fl .ps p { height:28px; line-height:28px; overflow:hidden; margin:0 auto; font-size:16px; color:#ccc;}

.footdiv .wp .basic .fr { float:right; width:100px; height:auto; overflow:hidden; margin:20px 0 0 0;}
.footdiv .wp .basic .fr .img { height:100px; line-height:95px; text-align:center; overflow:hidden; margin:0 auto;}
.footdiv .wp .basic .fr .img img { max-width:100%; max-height:100%; vertical-align:middle;}
.footdiv .wp .basic .fr p { height:20px; line-height:20px; text-align:center; overflow:hidden; margin:5px auto; font-size:14px; color:#ccc;}
.footdiv .wp .cp { height:46px; line-height:46px; overflow:hidden; margin:0 auto; font-size:14px; color:#ccc;}

/*新闻页*/
.optitle { position:absolute; z-index:50; left:50%; top:45%; width:1000px; margin-left:-500px;}
.coord { width:1200px; height:65px; overflow:hidden; margin:0 auto 10px; font-size:16px; color:#666;}
.coord .fl { float:left; height:65px; line-height:65px; overflow:hidden;}
.coord .fl a { float:left; display:inline-block; width:auto; padding:0 22px 0 0; margin:0 12px 0 0; height:65px; line-height:65px; overflow:hidden; font-size:16px; color:#666; background:url(../images/icon_coord.png) no-repeat right center; background-size:11px;}
.coord .fl a:hover { color:#BF1920;}

.coord .fr { float:right; height:65px; overflow:hidden;}
.coord .fr .item { width:104px; height:46px; line-height:46px; text-align:center; overflow:hidden; margin:9.5px auto; font-size:16px;}
.coord .fr .itemcur { color:#fff; background:#BF1920;}


.pages { width:1200px; height:30px; line-height:30px; text-align:center; overflow:hidden; margin:40px auto;}
.pages a { display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; overflow:hidden; margin:0 5px; border:1px solid #BF1920; font-size:16px; color:#BF1920;}
.pages .prev { background:url(../images/icon_page_prev.png) no-repeat center center; background-size:10px;}
.pages .next { background:url(../images/icon_page_next.png) no-repeat center center; background-size:10px;}
.pages .this { color:#fff; background:#BF1920;}

.ndetails { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500; background:#fff;}
.ndetails h1 { height:40px; line-height:40px; text-align:center; overflow:hidden; margin:80px auto 20px; font-size:30px; color:#333;}
.ndetails .sps { height:30px; line-height:30px; text-align:center; overflow:hidden; margin:0 auto 5px;}
.ndetails .sps span { display:inline; margin:0 20px; font-size:16px; color:#999;}
.ndetails .ts { line-height:28px; height:auto; overflow:hidden; margin:60px 100px 80px; text-align:justify; text-justify:inter-ideograph; font-size:16px; color:#333;}
.ndetails .ts p { line-height:28px; height:auto; overflow:hidden; margin:0 auto; text-indent:2em; font-size:16px; color:#333;}

.other { height:auto; overflow:hidden; margin:0 100px 50px;}
.other .item { height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.other .item a { font-size:16px; color:#666;}
.other .item span { font-size:16px; color:#666;}
.other .item a:hover { color:#BF1920;}

/*关于瑶池*/
.brief { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.brief .img { float:left; width:450px; height:260px; overflow:hidden;}
.brief .img img { width:100%;}
.brief .info { float:left; width:710px; height:auto; overflow:hidden; margin:0 0 0 40px;}
.brief .info h3 { height:30px; line-height:30px; overflow:hidden; margin:10px auto 0px; font-size:22px; color:#333;}
.brief .info h4 { height:20px; line-height:20px; overflow:hidden; margin:0 auto 24px; text-transform:uppercase; font-size:16px; color:#E6E6E6;}
.brief .info p { line-height:28px; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#4D4D4D;}

.spirit { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.spirit .toptit { height:auto; overflow:hidden; margin:0 auto;}
.spirit .toptit h2 { height:30px; line-height:30px; text-align:center; overflow:hidden; margin:0 auto 3px; font-size:22px; color:#333;}
.spirit .toptit p { height:20px; line-height:20px; text-align:center; overflow:hidden; margin:0 auto; text-transform:uppercase; font-size:16px; color:#E6E6E6;}

/*联系我们*/
.contact { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500;}
.contact .list { height:auto; overflow:hidden; margin:0 auto;}
.contact .list .item { position:relative; float:left; width:400px; height:auto; overflow:hidden;}
.contact .list .item .line { position:absolute; top:51.5px; right:0; width:1px; height:86px; overflow:hidden; background:#E0E0E0;}
.contact .list .item .fl { height:auto; overflow:hidden; margin:0 1px 0 0;}
.contact .list .item .fl .img { height:70px; overflow:hidden; margin:0 auto 35px;}
.contact .list .item .fl .img1 { background:url(../images/icon_contact_01.png) no-repeat center center; background-size:45px;}
.contact .list .item .fl .img2 { background:url(../images/icon_contact_02.png) no-repeat center center; background-size:58px;}
.contact .list .item .fl .img3 { background:url(../images/icon_contact_03.png) no-repeat center center; background-size:87px;}
.contact .list .item .fl .ps { height:auto; overflow:hidden; margin:0 auto;}
.contact .list .item .fl .ps p { height:28px; line-height:28px; text-align:center; overflow:hidden; margin:0 auto; font-size:16px; color:#333;}
.contact .list .item .fl .ewm { width:100px; height:100px; line-height:95px; text-align:center; overflow:hidden; margin:0 auto;}
.contact .list .item .fl .ewm img { max-width:100%; max-height:100%; vertical-align:middle;}
.contact .map { height:350px; overflow:hidden; margin:80px auto 60px;}

/*产品详情*/
.pdetails { width:1200px; height:auto; overflow:hidden; margin:0 auto; font-family:"Microsoft Yahei"; font-weight:500; background:#fff;}
.pdetails .pdet { height:auto; overflow:hidden; margin:90px auto 70px;}
.Picture { position:relative; float:left; width:398px; height:398px; overflow:hidden; margin:0px 0 0 100px; border:1px solid #E6E6E6;}
.Picture ul { height:auto; overflow:hidden; margin:0 auto; zoom:1;}
.Picture ul li { float:left; width:398px; height:398px; line-height:395px; text-align:center; overflow:hidden; margin:0 auto;}
.Picture ul li img { max-width:100%; max-height:100%; vertical-align:middle;}
.Picture .btn { position:absolute; top:182px; width:22px; height:34px; overflow:hidden; cursor:pointer;}
.Picture .prev { left:20px; background:url(../images/icon_pic_prev_hover.png) no-repeat center center; background-size:20px;}
.Picture .next { right:20px; background:url(../images/icon_pic_next_hover.png) no-repeat center center; background-size:20px;}

.Picture .prevStop { background:url(../images/icon_pic_prev.png) no-repeat center center; background-size:20px;}
.Picture .nextStop { background:url(../images/icon_pic_next.png) no-repeat center center; background-size:20px;}

.pdetails .info { float:left; width:560px; height:auto; overflow:hidden; margin:0px 0 0 40px;}
.pdetails .info h2 { height:35px; line-height:35px; overflow:hidden; margin:0 auto; padding:0 0 20px 0; font-size:30px; color:#333; border-bottom:1px solid #BF1920;}
.pdetails .info .ps { height:auto; overflow:hidden; margin:23px auto 0;}
.pdetails .info .ps p { height:27px; line-height:27px; overflow:hidden; margin:0 auto; font-size:16px; color:#333;}