/* stone web public */
@font-face { font-family: fz_01; src: url('/Content/font/fz_fB.TTF'); }
@font-face { font-family: fz_02; src: url('/Content/font/fz_co.TTF'); }
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, pre, a, big, cite, code, del, em, img, q, s, samp, small, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tr, th, td, canvas, footer, header, menu, nav, section, summary, time, mark, audio, video, p { border: none; margin: 0; padding: 0; outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe { display: block; }
fieldset, img { border: 0; max-width: 100%; }
address, caption, cite, code, dfn, em, var, i { font-weight: normal; font-style: normal; }
ol, ul, dl { list-style: none; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input, textarea { outline: none; }
input:focus, textarea:focus { outline: none; }
ul:after, dl:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
body { font: 13px/1.5 fz_01,'Microsoft YaHei', Helvetica, Arial, sans-serif; outline: none; background-color: #FFF; color: #666; min-width: 960px; -webkit-text-size-adjust: none; }
a { color: #666; text-decoration: none; outline: none; }
a:hover { color: #666; outline: none; }
.lt { float: left; }
.rt { float: right; }
.clear { clear: both; overflow: hidden; height: 0; }
.clx:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
* html .clfix { height: 1%; }
* + html .clfix { min-height: 1px; }
.both { clear: both; overflow: hidden; height: 2em; }
.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.transi { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; }
.opaci { filter: alpha(opacity=0); opacity: 0; }
.wrap { margin: 0 auto; max-width: 1440px; min-width: 960px; height: auto; }
body { color: #666; }

    table{border:0;margin:0;border-collapse:collapse;border-spacing:0;    border: 1px solid #ccc; }
/*控制cellspacing*/
table td{padding:0;   border: 1px solid #ccc; }                                                                
/*控制cellpadding*/

#Header ul.menu li a, .webbox .colum .box-grid-cont h1, .webbox .colum .grid .gr_t a { font-family: fz_02; }


/* Header */
#Header { height: 52px; background: #000; position: relative; z-index: 10000; }
#Header .colu { height: 52px; padding: 0 0%; }
#Header .menu-left, #Header .menu-right { height: 100%; }
#Header ul.menu { height: 100%; }
#Header ul.menu li { float: left; height: 100%; line-height: 52px; margin-right: 1px; }
#Header ul.menu li a { display: block; height: 100%; color: #FFF; padding: 0 12px; position: relative; }
#Header ul.menu li a.home { background: #000; margin-left: 10px; }
#Header ul.menu li a:hover, #Header ul.menu li a.current { background: #FFF; color: #333; }
#Header ul.menu li a.home { background: #000; color: #FFF; }
#Header ul.menu li span { display: block; width: 20px; height: 100%; background: url(/Content/images/home.png) no-repeat 50% 46%; }
#Header ul.menu li img { margin-top: 17px; display: block; }
#Header ul.menu li a:hover { }
#Header .menu-right ul.menu { float: left; }
#Header .menu-right dl { float: right; height: 52px; margin-left: 20px; padding-right: 22px; }
#Header .menu-right dd { float: left; height: 100%; margin-left: 8px;padding-left:8px;position: relative;}
#Header .menu-right dd a { display: block; width: 17px; height: 100%; }
#Header .menu-right dd a.sina { background: url(/Content/images/sina.png) no-repeat center; }
#Header .menu-right dd a.wechart { background: url(/Content/images/wechart.png) no-repeat center; }
#Header .menu-right dt { float: right; height: 100%; margin-left: 16px; color: #bfbfbf; margin-right: 20px; }
#Header .menu-right dt a { display: inline-block; height: 100%; color: #bfbfbf; line-height: 52px; }
#Header .menu-right dt em { display: inline-block; padding: 0 5px; }
.logo-seek { width: 100%; margin: 23px 0px; height: 33px; position: relative; }
.logo-seek .colu { height: 33px; margin: 0 20px; position: relative; }
.logo-seek a.logo { display: block; width: 500px; height: 100%; margin: 0 auto; }
.logo-seek .seek { position: absolute; top: -3px; right: 0px; border: 1px solid #d2d2d2; border-radius: 1px; width: 160px; height: 37px; }
.logo-seek .ui-text { border: none; height: 100%; line-height: 33px; float: left; padding: 0 5px; width: 114px; }
.logo-seek .ui-ton { border: none; width: 40px; height: 100%; float: left; cursor: default; padding: 0 5px; background: url(/Content/images/icon-find.png) no-repeat center; position: absolute; right: 0px; top: 0px; }
/* Footer */
#Footer { padding: 30px; background: #F6F6F6; text-align:center }
#Footer .colu { max-width: 1120px; margin: 0 auto; }
#Footer .foot-left { float: left; width: 70%; height: auto; padding: 10px 0px; position: relative; }
#Footer .foot-left dl { float: left; display: block; margin: 0px 14% 0px 0px; box-sizing: border-box; }
#Footer .foot-left dt { font-size: 16px; color: #000; margin-bottom: 5px; }
#Footer .foot-left dt p { display: block; padding-bottom: 5px; }
#Footer .foot-left dt i { display: block; width: 26px; height: 1px; background: #999; }
#Footer .foot-left dd { display: block; line-height: 26px; font-size: 12px; }
#Footer .foot-left dl.contact { width: 240px;margin-right: 3%;}
#Footer .foot-left dl.blogroll_dl {
    margin: 0px;
    width: 94px;
    white-space: nowrap;
}
#Footer .foot-left dl.contact dd { height: 27px; }
#Footer .foot-left dl.contact dd span { display: block; width: 19px; height: 20px; padding-top: 2px; float: left; overflow: hidden; }
#Footer .foot-left dl.contact dd p { margin-left: 25px; min-height: 24px; }
#Footer .foot-left dl.contact dd.adder { height: 60px; line-height: 20px; }
#Footer .foot-left em { display: block; width: 1px; height: 178px; position: absolute; right: 0px; top: 50%; margin-top: -89px; background: #0b0b0b; }
#Footer .foot-right { width: 30%; }
#Footer .contactUs { float: right; }
#Footer .contactUs .c-top { font-size: 16px; color: #000; margin-bottom: 15px; }
#Footer .contactUs .c-top p { display: block; padding-bottom: 5px; }
#Footer .contactUs .c-top i { display: block; width: 26px; height: 1px; background: #999; }
#Footer .contactUs .QR-code { text-align: center; }
#Footer .contactUs .QR-code p { display: block; width:107px; }
#Footer .contactUs .QR-code p.rt { margin-left: 25px; }
#Footer .contactUs .QR-code img, #Footer .contactUs .QR-code span { display: block; width: 100%; }
#Footer .contactUs .QR-code span { padding: 10px 0px; color: #666; }
#Footer .copyright { border-top: 1px solid #e4e4e4; text-align: center; padding: 20px 0px; color: #3e3e3e; margin-top: 30px; font-size: 12px; }
#Footer .copyright span, #Footer .copyright a { margin: 0 15px; }
/* webbox */
.webbox { width: 100%; }
.webbox .wrap { position: relative; }
.webbox .colum { margin: 0 20px; height: auto;padding-bottom: 1px;}
.webbox .banner { width: 100%; margin-bottom: 3%; position: relative; margin-top:50px; }
.webbox .banner ul { width: 100%; height: 578px; position: relative; }
.webbox .banner li { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.webbox .banner li a { display: block; width: 100%; }
.webbox .banner .prev, .webbox .banner .next { display: block; width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 100; }
.webbox .banner .prev { left: 10px; background: url(../images/b-prev.png) no-repeat;cursor: pointer;}
.webbox .banner .next { right: 10px; background: url(../images/b-next.png) no-repeat;cursor: pointer;}
.webbox .banner .butn { width: 100%; height: 15px; text-align: center; position: absolute; left: 0px; bottom: 20px; z-index: 100; display: none; }
.webbox .banner .butn span { display: inline-block; height: 13px; width: 13px; margin: 0 3px; border-radius: 100%; background: #FFF; text-indent: 999rem; overflow: hidden; opacity: 0.5; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; cursor: pointer; }
.webbox .banner .butn span.curr { opacity: 1; }
.webbox .colum .row { width: 100%; margin-bottom: 3%; overflow: hidden; }
.webbox .colum .row-grid { margin: 0 -15px; margin-bottom: 2%; }
.webbox .colum .col { width: 33.33%; float: left; display: inline-block; vertical-align: top; position: relative; box-sizing: border-box; }
.webbox .colum .grid { margin: 0 15px; }
.webbox .colum .grid-nav { width: 100%; height: 44.4%; min-height: 200px; text-align: center; background-color: #f6f6f6; }
.webbox .colum .col-home .grid-nav { height: 100%; }
.webbox .colum .grid-nav:before { content: ""; display: inline-block; width: 0px; height: 100%; vertical-align: middle; }
.webbox .colum .grid-nav-cont { display: inline-block; vertical-align: middle; position: relative; text-transform: uppercase; }
.webbox .colum .grid-nav-cont h1 { display: block; width: 100%; }
.webbox .colum .grid-nav-cont i { display: block; width: 20px; height: 1px; margin: 10px auto; background: #bfbfbf; }
.webbox .colum .grid-nav-cont .grid-link { display: block; height: 30px; line-height: 30px; }
.webbox .colum .grid-cont { width: 100%; margin-top: 6%; }
.webbox .colum .grid-notop { margin-top: 0%; }
.webbox .colum .grid a { display: block; font-size: 14px; }
.webbox .colum .grid .gr_t a { font-size: 15px; color: #333; }
.webbox .colum .grid p { width: 100%; overflow: hidden; margin-bottom: 10px; }
.webbox .colum .grid p img { display: block; height: auto; width: 100%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.webbox .colum .grid h1 { font-weight: normal; display: block; margin-bottom: 5px; }
.webbox .colum .grid h2 { display: block; font-size: 15px; color: #000; }
.webbox .colum .grid a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.webbox .colum .store-video { border-top: 1px solid #bfbfbf; margin-bottom: 3%; padding-top: 3%; }
.webbox .colum .sv-main { margin: 0 -15px; }
.webbox .colum .box-grid { width: 33.33%; float: left; }
.webbox .colum .box-grid-cont { margin: 0 15px; display: block; }
.webbox .colum .box-grid-cont h1 { display: block;  font-size: 20px; color: #fff; background:#70cafe; padding:20px; }
.webbox .colum .store-list { width: 100%; overflow: hidden; position: relative; }
.webbox .colum .store-list ul { width: 100%; }
.webbox .colum .store-list li { float: left; }
.webbox .colum .store-list li a { display: block; width: 100%; position: relative; }
.webbox .colum .store-list li img { display: block; width: 100%; }
.webbox .colum .store-list li .player { display: block; width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; z-index: 5; background: url(../images/tv-player.png) no-repeat center; }
.webbox .colum .store-list .sld-prev, .webbox .colum .store-list .sld-next { width: 26px; height: 26px; position: absolute; top: 50%; margin-top: -13px; z-index: 10; }
.webbox .colum .store-list .sld-prev { left: 10px; }
.webbox .colum .store-list .sld-next { right: 10px; }
.webbox .locus { width: 100%; margin-bottom: 10px; color: #676767; }
.webbox .locus a { color: #676767; }
.webbox .locus em { padding: 0 5px; }
.webbox .product-intrno { width: 100%; margin-bottom: 3%; }
.webbox .intrno-left { max-width: 637px; float: left; }
.webbox .intrno-left h1 { font-size: 26px; font-weight: normal; margin-bottom: 10px; }
.webbox .intrno-left .intrno-text { line-height: 24px; }
.webbox .intrno-right { float: right; }
.webbox .intrno-right .tv-grid { float: left; width: 171px; margin-left: 30px; cursor:pointer; }
.webbox .intrno-right .tv-grid p { display: block; width: 100%; overflow: hidden; margin-bottom: 10px; }
.webbox .intrno-right .tv-grid p img { display: block; width: 100%; }
.webbox .product-nav { height: 55px; margin-bottom: 3%; border-left: 1px solid #ccc; }
.webbox .product-nav a { display: block; float: left; height: 55px; line-height: 55px; padding: 0 18px; border-right: 1px solid #ccc;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.webbox .product-nav a.curr, .webbox .product-nav a:hover { background: #000; color: #FFF; }
.webbox .product-list { width: 100%; padding-bottom: 3%; }
.webbox .product-list h1 { display: block; margin-bottom: 1%; }
.webbox .product-list .list-cont { width: 100%; overflow: hidden; }
.webbox .product-list .list-cont ul { margin: 0px -10px; }
.webbox .product-list .list-cont li { width: 33.33%; float: left; margin-bottom: 30px; }
.webbox .product-list .list-cont li a { display: block; margin: 0 10px; }
.webbox .product-list .list-cont li p { display: block; width: 100%; overflow: hidden; margin-bottom: 10px; }
.webbox .product-list .list-cont li p img { display: block; width: 100%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.webbox .product-list .list-cont li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.webbox .type-link { text-align: center; margin-bottom: 1%; }
.webbox .type-link a { margin: 0px 1%; border-bottom: 1px solid #FFF; }
.webbox .type-link a:hover, .webbox .type-link a.curr { border-bottom: 1px solid #666; }
.webbox .pro-detail { width: 100%; margin-bottom: 2%; }
.webbox .pro-detail-img { width: 65.71%; max-width: 920px; float: left; }
.webbox .pro-detail-img ul { width: 100%; position: relative; }
.webbox .pro-detail-img li { width: 100%; display: none; }
.webbox .pro-detail-img li img { display: block; width: 100%; }
.webbox .pro-detail-size { width: 31.42%; max-width: 440px; float: right; }
.webbox .pro-det-name { width: 100%; border-bottom: 1px solid #CCC; font-size: 20px; padding-bottom: 5%; margin-bottom: 3%; }
.webbox .pro-det-type { width: 100%; margin-bottom: 6%; }
.webbox .pro-det-type p { display: block; margin-bottom: 5px; }
.webbox .pro-det-type span { font-weight: bold; }
.webbox .pro-det-type em { color: #606060; font-size: 24px; }
.webbox .prod-color, .webbox .prod-size, .webbox .prod-notice { width: 100%; margin-bottom: 5%; }
.webbox .prod-color h1, .webbox .prod-size h1, .webbox .prod-notice h1 { display: block; width: 100%; margin-bottom: 5px; }
.webbox .prod-color span, .webbox .prod-size span { display: block; float: left; width: 70px; height: 34px; line-height: 34px; text-align: center; cursor: default; margin-right: 13px; margin-top: 5px; border: 1px solid #bfbfbf; }
.webbox .prod-color span.curr, .webbox .prod-size span.curr { border: 1px solid #000; cursor: default; }
.webbox .prod-size .type-cont { width: 260px; }
.webbox .prod-color span a { display: block; }
.webbox .pro-detail a.buy { display: block; height: 32px; width: 90px; line-height: 32px; text-align: center; background: #000; color: #FFF; }
.webbox .pro-detail a.buy:hover { background: #000; }
.webbox .prod-imgs-list { width: 100%; border-bottom: 1px solid #666; margin-bottom: 3%; }
.webbox .prod-imgs-list ul { margin: 0px -10px;position: relative;}
.webbox .prod-imgs-list li { width: 33.33%; float: left; margin-bottom: 30px; }
.webbox .prod-imgs-list li p { display: block; margin: 0 10px; background: #f6f6f6; border: 1px solid #e6e6e6; text-align: center; overflow: hidden; }
.webbox .prod-imgs-list li i { display: inline-block; height: 100%; vertical-align: middle; }
.webbox .prod-imgs-list li img { display: inline-block; vertical-align: middle; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.webbox .prod-imgs-list li p:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.webbox .borm { border-bottom: 1px solid #CCC; margin-bottom: 3%; }
.webbox .browse-list { width: 100%; margin-bottom: 3%; }
.webbox .browse-list h1 { width: 100%; display: block; margin-bottom: 1%; font-size: 16px; position: relative; }
.webbox .browse-list h1 span { display: block; height: 100%; background: url(../images/close.png) no-repeat center left; padding-left: 20px; position: absolute; right: 0px; top: 0px; font-size: 14px; cursor: default; }
.webbox .browse-list .browse-cont { width: 100%; overflow: hidden; }
.webbox .browse-list ul { margin: 0px -10px; }
.webbox .browse-list li { width: 25%; float: left; margin-bottom: 20px; }
.webbox .browse-list li a { display: block; margin: 0 10px; }
.webbox .browse-list li p { display: block; width: 100%; overflow: hidden; margin-bottom: 10px; }
.webbox .browse-list li p img { display: block; width: 100%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.webbox .browse-list li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } 
.webbox .about-nav { text-align: center; margin-bottom: 2%; }
.webbox .about-nav a { margin: 0 20px; }
.webbox .about-nav a.curr { text-decoration: underline; }
.webbox .about-main { width: 100%; margin-bottom: 3%; position: relative;  margin-top:53px;}
.webbox .about-img, .webbox .about-img img { display: block; width: 100%; }
.webbox .about-intron{width:100%;height:100%;position:absolute;top:0px;left:0px;background:url(../images/yelBg.png) repeat center;z-index:200;}
.webbox .box-intron{width:660px;height:100px;position:absolute;left:50%;top:50%;margin-left:-330px;margin-top:-100px;line-height:24px; }
.webbox .box-intron-buttom{width:248px;position:absolute;left:50%;bottom:50px;margin-left:-124px;text-align:center;font-size:14px;}
.webbox .box-intron-buttom em{display:block;cursor:default;margin-bottom: 20px;cursor: pointer;}
.webbox .box-intron-buttom em img{animation:rogd 20s linear infinite} 
.webbox .ring{width:0%;max-width:615px;height:75%;position:absolute;top:12%;left:50%;margin-left:0%;z-index:100;visibility:hidden }
.webbox .ring.show{visibility:visible}
.webbox .ring p{display:block;color:#FFF;height:50%;width:1px;position: absolute;-webkit-transform-origin:0% 100%;transform-origin: 0% 100%; transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s; }
.webbox .ring p span { display: block; width: 64px; height: 32px; line-height: 32px; position: absolute; top: -32px; left: -32px; cursor: pointer; text-align: center; }
.webbox .ring p i { display: block; width: 10px; height: 10px; border-radius: 100%; background: #FFF; position: absolute; top: 5px; left: -5px; }
.webbox .ring p.curr span { font-size: 24px; top: -45px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
.webbox .ring p.curr i { top: 5px; }
.webbox .ring-cont { width: 25%; position: absolute; right: 0%; top: 10%; z-index: 100; top: 50%; z-index: 100; margin-top: -178px; }
.webbox .ring-cont .course { margin-right: 20px; position: absolute; right: 0%; top: 0%; visibility: hidden; }
.webbox .ring-cont .course.show { visibility: visible; }
.webbox .ring-cont .r-year { font-size: 54px; line-height: 54px; color: #FFF; margin-bottom: 20px; border-bottom: 1px solid #FFF; }
.webbox .ring-cont .r-context { color: #FFF; line-height: 28px; text-align: justify; margin-bottom: 20px; }
.webbox .ring-cont .r-img { width: 100%; text-align: justify; }
.webbox .ring-cont .r-img li { width: 41%; float: left; margin-right: 18%; }
.webbox .ring-cont .r-img li.nom, .webbox .ring-cont .r-img li:last-child { margin-right: 0%; }
.webbox .ring-img { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 85; background: url(../images/wallImg.png) repeat; display: none; }
.webbox .ring-img ul { width: 100%; height: 100%; position: relative; }
.webbox .ring-img ul li { width: 100%; height: 100%; text-align: center; overflow: hidden; position: absolute; left: 0px; top: 0px; display: none; }
.webbox .about-main .adu { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 10; background: url(../images/cli.png) no-repeat; }
.ri_imgBlock { position: relative; width: 100%; height: 100%; }
.ri_bgBlock { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(/content/images/b_1.png); z-index: 80; }

@-webkit-keyframes an_02 
{
	0%{ -webkit-transform:translate(0,10px);opacity: 0;}
	100%{ -webkit-transform:translate(0,0);opacity: 1;}
}
.wc_block {
    position: absolute;
    top: 52px;
    right: -2px;
    width: 100px;
    border: 1px solid #eee;
    height: 100px;
    display: none;
    -webkit-animation:an_02 0.4s ease-in-out backwards;
}

#Header .menu-right dd:hover .wc_block {display: block;}

.main-grid{margin:0px 55px;}
.news-title-box{font-size:26px;color:#262626;margin-bottom:2%;margin-top:35px;}
.news-infor-box{border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;padding:10px 0px;height:24px;line-height:24px;margin-bottom:3%;}
.news-infor-box span{float:left;display:block;margin-right:20px;}
.news-infor-box .share-box,.news-infor-box .bshare-custom{float:left;}
.news-infor-box .share-box em{float:left;display:block;}
.news-infor-box .back{float:right;display:block;}
.news-detail{line-height:30px;text-align:justify;color: #666;font-size: 16px;margin-bottom:45px;}
.news-detail img {margin: 10px 0}



@keyframes rogd{
    0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
    100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
}

@media screen and (min-width: 320px) and (max-width: 640px) {
}


.page { text-align:center;}
.page a{height:30px;display:inline;padding-left:0;list-style:none}
.page a{line-height:28px}
.page a{padding:0px 8px;display:inline-block}
.page a:hover{background-color:#000;color:#FFF}
.page a.current{background-color:#000;color:#FFF}

body .webbox .colum .gr_t h2 {
    font-weight: 100;
    color: #666;
}


@media screen and (max-width: 700px) {
    #Footer .colu {width:96%;}
}

.nrq{ background:#f7f7f7; padding:30px; min-height:300px; margin-bottom:30px;}
.nrt_t{ border-bottom:1px solid #d9d9d9; padding:0px 20px 20px 0px;}
.nrt_c{ padding:30px; line-height:30px}