@charset "UTF-8";

* {

    font-family: Microsoft Yahei, "黑体","Times New Roman";

    transition: all 0.6s;

    -moz-transition: all 0.6s;

    -webkit-transition: all 0.6s;

    -o-transition: all 0.6s;

    transition-property: background; }



@font-face {

    font-family: 'iconfont';

    src: url("../other/iconfont.eot");

    src: url("../other/iconfont.eot?#iefix") format("embedded-opentype"), url("../other/iconfont.svg#iconfont") format("svg"), url("../other/iconfont.woff") format("woff"), url("../other/iconfont.ttf") format("truetype"); }

/*reset*/

body,dd,dl,dt,h1,h2,h3,h4,h5,h6,html,input,ol,p,textarea,ul{margin:0;padding:0}

body,input,textarea{-webkit-text-size-adjust:100%;font-family:Microsoft Yahei,"黑体","Times New Roman";font-size:12px}

input,textarea{outline:0}

li{list-style:none}

table{border-collapse:collapse;border-spacing:0}

.img{overflow:hidden}

img{border:none;max-width:100%;vertical-align:top}

a{text-decoration:none;outline:0}

.fl{ float: left; }

.fr{ float: right; }



/*--/reset end--*/

.clearfix:after,.clearfix:before{content:"";display:table}

.clearfix:after{clear:both}

.icon{display:inline-block; *zoom:1;*display:inline;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont;font-size:16px;font-style:normal}

.container,.wrap{width:1200px;margin:0 auto}

/*--header--*/

.top{min-width:1200px;height:40px;line-height:40px;background:#2a2a2a}

.top-nav-left{float:left}

.top-nav-left a{float:left;margin-right:26px;font-size:14px;color:#cecece}

.top-nav-left a:hover,.top-nav-left a.cur{color: #fff}

.top-nav-right{float:right}

.top-nav-right>div{position:relative;z-index:100;float:left;height:40px;margin-left:26px;font-size:14px;color:#cecece}

.top-nav-right>div.number{ display: none}

.top-nav-right>div .icon{margin-right:4px;font-size:20px;color:#cecece;line-height: 1;vertical-align: middle}

.top-nav-right>div b{font-weight: normal;line-height:40px;color:#cecece;}

.top-nav-right>div>a{color:#cecece}

.top-nav-right>div:hover,

.top-nav-right>div:hover>a,

.top-nav-right>div:hover>a>i,

.top-nav-right>div:hover>a>b{color: #fff}

.top-nav-right .nation-list{display:none;position:absolute;top:40px;left:50%;padding:20px;width:460px;background:#fff;border:1px solid #f5f5f5;box-shadow:0 0 10px rgba(0,0,0,.3);margin-left:-251px}

.top-nav-right .nation-list .col{float:left;width:50%;font-size:12px;text-align:left}

.top-nav-right .nation-list .col a{display:block;height:26px;padding-left:16px;line-height:26px;background:url(../images/rect.jpg) left center no-repeat;color:#333;text-align:left;float:none;margin-left:0}

.top-nav-right .down{width:180px;padding:10px;text-align:center;line-height:30px;background:#fff;position:absolute;left:50%;margin-left:-100px;top:40px;display:none;box-shadow:0 0 10px rgba(0,0,0,.3)}

.top-nav-right .down a{padding-left:16px;background:url(../images/rect.jpg) left center no-repeat;float:none;color:#333}

.top-nav-right .down a:hover{color:red}

.top-nav-right .nation-list .col .son{padding-left:26px;background-position:10px center}

.top-nav-right .nation-list .col .gson{padding-left:46px;background-position:30px center}

.top-nav-right .nation-list .nation-tl{font-size:16px;font-weight:700;color:#222}

.top-nav-right .nation-list a:hover{color:#ff001e}

.arr_t{width:0;height:0;border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent #eee;position:absolute;bottom:0;left:50%;margin-left:-8px}

.top-nav-right .arr_t{border-color:transparent transparent #2a2a2a}

.top-nav-right>div:hover .arr_t{border-color:transparent transparent #fff}

.top-nav-right>div:hover .down,.top-nav-right>div:hover .nation-list{display:block}

#login a{color: #cecece;}

#login a:hover{color:#fff}

.nav-bar{background:#fff;min-width:1200px;border-bottom:1px solid #e5dada}

.nav-bar .container{position:relative;z-index:99;}

.nav-bar a#logo{width:312px;position:absolute;left:0;top:0;color:#000;font-size:18px;line-height:70px; height:60px;}

.nav-bar a#logo img{padding:7px 25px 8px 0; width:312px; height:60px;}

.nav-main{margin-left:279px;width:710px;height:70px}

.nav-main li{width:16.9%;height:70px;line-height:70px;text-align:center}

.nav-main li a{display:block;font-size:18px;color:#333}

.nav-main>li{float:left;position:relative}

.nav-main>li.zx {background: url(../images/zx.png) no-repeat 108% 4px;}

.nav-main>li .arr_t{display:none;border-color:transparent transparent red}

.nav-main>li>.down{display:none;z-index:99;position:absolute;left:50%;top:70px;margin-left:-110px;width:220px}

.nav-main>li .down{border-top:2px solid red;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.3)}

.nav-main>li>.down li{width:220px;height:50px;line-height:50px;border-bottom:1px solid #eee}

.nav-main>li>.down li a{height:50px;line-height:50px;}

.nav-main>li:hover .down{display:block}

/*.nav-main>li:hover .arr_t{border-color:transparent transparent #fff}*/

.nav-main>li:hover>a{color:red}

.nav-main>li:hover .arr_t{display:block}

.nav-main .down li:hover{background:red}

.nav-main .down li:hover a{color:#fff}



.user-bar{position:absolute;top:0;right:70px;width:182px;padding:0 5px;height:70px;line-height:70px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #eee}

.user-bar a{font-size:18px;color:#000}

.user-bar a .icon{margin-right:2px;vertical-align:middle;font-size:32px;color:#000}



.nav-bar .search-btn { position: absolute; top: 0; right: 0; width: 90px;height: 70px; line-height: 70px; text-align: center;cursor: pointer; }

.nav-bar .icon {text-align: center; font-size: 26px; color: #000;}

.nav-bar .search-btn i{margin-left: 5px;font-size: 16px;color: #000;font-style: normal;vertical-align: middle}

.userbar{position:relative;z-index:100;float:left;height:40px;margin-left:26px;font-size:14px;color:#cecece}

.nav-find { position: absolute; top: 0; right: 90px;width: 170px; }

.nav-find a { display: block; margin: 16px 10px;height: 37px; line-height: 37px; text-align: center; background: #f00; font-size: 18px; color: #fff; }

.nav-find ul { display: none;position: absolute;left:0;top:55px;width: 100%}

.nav-find ul a{margin: 0 10px;height: 40px; line-height: 40px;font-size: 16px;}

.nav-find:hover ul { display: block; }



#allCategory{position:absolute;z-index: 99;left:64px;top:15px;width:154px;height:40px;line-height:40px;text-align:center;font-size:18px;background:red}

#allCategory>a{display:block;color:#fff}

#allCategory .down{display:none;z-index:99;position:absolute;left:50%;top:41px;margin-left:-130px;width:260px}

#allCategory .down ul{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);overflow: hidden}

#allCategory .down li{border:none;width:260px;height:50px;line-height:50px;border-bottom:1px solid #eee}

#allCategory .down li a{height:50px;line-height:50px;}

#allCategory .arr_t{border-color:red}

#allCategory:hover .down{display:block}

#allCategory:hover .arr_t{border-color:transparent transparent #fff}

#allCategory li:hover{background:red}

#allCategory li a{display:block;font-size:16px;color:#2a2a2a;border-left:1px solid #dbdbdb}

#allCategory li:hover a{color:#fff}



/*--/header end--*/

/*--footer--*/

.footer { width: 100%; background-color: #2a2a2a; min-width: 1200px;}



.footer .footb { width: 100%; text-align: center; }



.footer .foot { display:inline-block; *zoom:1;*display:inline; padding-top: 10px; height: 220px; text-align: left; }



.footer .foot-left { float: left; width: 820px; height: 220px; }



.footer dl { padding-top: 20px; width: 164px; float: left; line-height: 24px; }



.footer dl dt { color: #ffffff; font-size: 18px; margin-bottom: 10px; }



.footer dl dd a { color: #b5b5b5; font-size: 14px; }



.footer dl dd a:hover { color: #fff; }



.footer .follow .code { margin-top: 18px; width: 90px; height: 90px; }



.footer .follow .btn { margin-top: 18px; }



.footer .follow a { display:inline-block; *zoom:1;*display:inline; }



.footer .foot-right { float: left; /*width: 250px;*/width: 260px; }



.footer .foot-right .tel { padding-top: 60px; }



.footer .foot-right .tel span { display: block; padding: 5px 0; font-size: 14px; color: #ebe8e3; }



.footer .foot-right .tel .icon { margin-right: 6px; font-size: 22px; color: #ebe8e3; }



.footer .foot-right .tel p { font-size: 22px; color: #ebe8e3; }



.footer .copyright { line-height: 40px; color: #333; background: #fff; }



.footer .copyright img { margin-top: 14px; }



.footer .copyright .url { float: right; }



.footer .copyright .url a { margin-left: 22px; color: #333; float: right; }

.footer .copyright .url a:hover {color:#f00;}

.flink{display: block;float: right;width: 80px;color: #333;text-align: center; cursor:pointer; z-index:1000; position: relative;}

.flink.cur{ background:url("../images/aa.png") no-repeat top center; transition:none;color:#f00;}

.flink .f_arr,.link_m{ display:none;}

.flink .f_arr{ width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 12px solid #f3f3f3; position: absolute; bottom: 28px; left: 50%; margin-left: -6px;}

.link_m{position:absolute;  bottom:40px;right:0; background:#f3f3f3;padding:15px 0; z-index:1000;}

.link_m strong{ font-size:15px;float:left;color:#666; line-height:30px;}

.footer .copyright .link_m a{ margin-left: 0; }

.footer .copyright .url .link_m a{ font-size:13px; color:#666; float:left; line-height:24px; width:auto; display:inline-block; margin:0 8px;}

.footer .copyright .url .link_m a.fr{ float:right;margin:0;}

.footer .copyright .url .link_m a:hover{ color:#f00;}

.width1200{ width: 1200px; margin: 0 auto;}









/*--/footer end--*/

/*--search modal--*/

.modal { position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; }



.modal-dialog { position: absolute; left: 0; top: -174px; width: 100%; background-color: #2b2b2b; }



.modal-content { width: 1200px; margin: auto; overflow: hidden}



.modal-content > div { float: left; }



.modal-content input { border: none; }



.modal-content .search-logo { margin-top: 45px; width: 162px; height: 128px; }



.modal-content .search-bar { margin: 47px 30px 47px 50px; overflow: hidden; }



.modal-content .search-tab{overflow: hidden}

.modal-content .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; }

.modal-content .search-tab .on { background: #fff; color: #fe0000; }



.modal-content .tab-panel { display: none; }

.modal-content .on { display: block; }



.modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; height: 34px; overflow: hidden; }



.modal-content .search-bar .keywords { float: left; padding-left: 10px; width: 640px; height: 34px; line-height: 34px; font-size: 16px; }



.modal-content .search-bar input[type="submit"] { float: left; width: 100px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; background: #ef011c; color: #fff; cursor: pointer; }



.modal-content .search-close { margin-left: 14px; float: left; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #2b2b2b; font-size: 18px; font-weight: 700; cursor: pointer; background: #eee; border-radius: 50%; transition: .4s all; }



.modal-content .search-close:hover { background: #ef011c; color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); }



.modal-open { overflow: hidden; padding-right: 17px; }



/*--/search modal end--*/

/*--fix-right--*/

.fix-right { position:fixed; right:0;top:50%;margin-top:-140px; color:#e60012 ;z-index:9999}

.fix-right > div { margin-top:1px; text-align:center; padding:10px 18px; background:#eee }

.fix-right > div:hover {background:#ccc;cursor:pointer}

.fix-right img { display:block; margin:auto; margin-bottom:4px;}

.fix-right a { color:inherit }

.fix-right .fix-right2 { position:relative; margin-top:1px; }

.fix-right .fix-right2 .qcode { display:none;position:absolute; left:-148px; top:0; padding:10px; background:#eee; font-size:12px; color:#222; text-align:center }

.fix-right .fix-right2 .qcode img { display:block; margin-bottom:4px; width:128px; height:128px; }

.fix-right >.fix-right2:hover .qcode{display:block}

.fix-right .go-top { padding:4px 18px; color:#fff;background:#9e9e9e}



/*#LRfloater0{display:none;}*/

/*#LR_User_Icon0{position:fixed;right:0;top:182px;z-index:100000;}*/

/*.goTop,.swt,.lxb{width:80px;cursor:pointer}*/

/*.lxbCon{width:80px;height:70px;background:#cc0212;border-top:1px solid #5b0101;display:none}*/

/*.lxbCon input{display:block;margin:7px auto;width:70px;font-size:12px;text-align:center}*/

/*.lxbCon .callBtn{display:block;text-align:center}*/

/*!*--right fixed start--*!*/

/*.right-fiexd{*/

    /*position:fixed;*/

    /*right:0;*/

    /*bottom:0.45rem;*/

    /*width:1.33rem;*/

    /*z-index:88;*/

/*}*/

/*.return-top{*/

    /*width:1.33rem;*/

    /*height:1.33rem;*/

    /*margin-bottom:0.45rem;*/

/*}*/

/*.return-top img{*/

    /*width:1.33rem;*/

    /*height:1.33rem;*/

/*}*/

/*.ask,.ask img{*/

    /*width:1.33rem;*/

    /*height:3.22rem;*/

/*}*/

/*!*--right fixed end--*!*/





/*--fix-right-new--*/

.fix-right-nav { position:fixed; right:0;top:50%; width:46px;  color:#e60012 ;z-index:9999}

.fix-right-nav li{ display: block; width: 47px; height: 47px;  margin: 5px 0; }

.fix-right-nav li a{display: block;width: 46px; height: 45px;background-image: url(../images/go-top.png);transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s;border:1px solid #eee;}

.fix-right-nav li a:hover{border:1px solid #ec1922}

.fix-right-nav a.get-prize{ background-position: 0 -100px;}

.fix-right-nav a.get-prize:hover{background-position: 0 -350px;}

/*.fix-right-nav a.get-activity{ background-position: 0 0;}

.fix-right-nav a.get-activity:hover{ background-position: 0 -300px;}

*/

.fix-right-nav a.get-activity{ background-position: 0 -300px;}

.fix-right-nav li a.get-activity{ border:1px solid #ec1922}



.fix-right-nav a.back-top{ background-position: 0 -150px;}

.fix-right-nav a.back-top:hover{ background-position: 0 -250px;}





/*--focus--*/

.focus { margin-top: 30px; }



.banner { float: right; width: 973px;}

.banner .slider{width: 973px;height: auto;overflow: hidden;position:relative;}

.banner .slider .bd{width: 973px;height: auto;position:relative;}

.banner .slider .hd{overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.banner .slider .hd ul{ overflow:hidden; zoom:1; float:left;  }

.banner .slider .hd ul li{ float:left; margin-right:4px;padding:0 4px;text-align:center; background:#fff; cursor:pointer; }

.banner .slider .hd ul li.on{ background:#f00; color:#fff; }

.banner.cateslider { float: right; width: 920px; margin-top: 20px;}

.banner.cateslider .slider{width: 920px;height: 149px;overflow: hidden;position:relative;}

.banner.cateslider .slider .bd{width: 920px;height: 149px;position:relative;}

.banner.cateslider img{width: 920px;height: 149px;}







.banner .brand { margin-top: 10px; width: 100%; height: 170px; }

.banner .brand ul { width: 1000px;}

.banner .brand li { float: left; margin-right: 11px; width: 317px; height: 170px;}



/*--banner end--*/

/*--floor-*/

.floor { padding-top: 50px; padding-bottom: 46px; }



.floor-hd { height: 26px; line-height: 26px; }

.floor-hd h2 { float: left; border-left: 4px solid #ef001d; padding-left: 10px; font-size: 24px; color: #ef001d; font-weight: normal; }

.floor-hd .link { float: right; }

.floor-hd .link a { font-size: 14px; color: #535353; }



.floor-bd { margin-top: 17px; }



.floor-banner { float: left; width: 232px; height: 361px; overflow: hidden; }

.floor-banner img { width: 100%; height: 100%; }



.floor-product { float: left; }

.floor-product .item { float: left; margin-left: 12px; width: 228px; height: 359px; border: 1px solid #c9c9c9; background: #fff; text-align: center; overflow: hidden; position: relative; }

.floor-product .item .fd{  position: absolute; right: 10px;top: 10px;width: 60px;z-index: 2; }

.floor-product .item .img { width: 228px; height: 200px; line-height: 250px; overflow: hidden;z-index: 1; position: relative;}

.floor-product .item .img img { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; vertical-align: middle; }

.floor-product .item .img:hover img { -webkit-transform: translateX(-4px); transform: translateX(-4px); }

.floor-product .item .text { margin-top: 10px; }

.floor-product .item .text h3 { font-size: 16px; color: #000; font-weight: normal; line-height:30px}

.floor-product .item .text .desc { padding: 4px 0; font-size: 14px; color: #313131; line-height:30px}

.floor-product .item .text .desc2 { font-size: 14px; color: #ef001d; line-height:30px; }



.floor-even { background: #f5f4f4; }

.floor-even .floor-hd h2 { border-color: #000; color: #000; }



/*--/floor end-*/

/*--产品列表--*/

.crumb { padding: 10px 0; }
.crumb .wrap{ font-size:20px;}
.crumb a { font-size:20px !important;}
.crumb a, .crumb span { font-size: 20px; color: #000; }



.list { padding-bottom: 100px; }

.list .wrap { overflow: hidden; }



.lift { float: left; background: #5e5e5e; }

.lift > ul { position: relative; }

.lift > ul > li:hover .nav-right { display: block; }

.lift > ul > li > a { width: 216px; display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; border-top: 1px solid #727272; }

.lift > ul > li > a:hover { background: #848484; }

.lift .nav-right { z-index: 10; display: none; position: absolute; left: 216px; top: 0; width: 282px; min-height: 588px; background: #fff; background: rgba(255, 255, 255, 0.9); }

.lift .nav-right .nav-right-title { display: block; padding: 9px 0 9px 18px; font-size: 24px; color: #000; border-bottom: 2px solid #ef001d; }

.lift .nav-right li { padding-left: 18px; }

.lift .nav-right a { margin-top: 20px; display: block; font-size: 16px; color: #535353; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.lift .nav-right a:hover { color: #ef001d; }



.list-right { float: right; width: 920px; }



.selector .selector-row { margin-bottom: 26px; }

.selector .sl-key { float: left; width: 135px; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.selector .sl-key span { font-size: 16px; color: #000; }

.selector .sl-value { padding-left: 6px; float: left; height: 25px; overflow: hidden; }

.selector .sl-value a, .selector .sl-value span { margin-left: 10px; font-size: 16px; color: #000; }

.selector .sl-value a:hover, .selector .sl-value span:hover { color: #ef001d; }

.selector .sl-value .sl-v-list, .selector .sl-value .sl-v-btns { float: left; }

.selector .sl-value .sl-v-list { width: 700px; line-height: 25px; }

.selector .sl-value .sl-v-list .on { color: #ef001d; }

.selector .sl-value .btn { display:inline-block; *zoom:1;*display:inline; width: 60px; color: #ef001d; border: 1px solid #ef001d; border-radius: 4px; text-align: center; }

.selector .sl-value .btn .icon { width: 14px; height: 14px; line-height: 14px; border-radius: 50%; background: #ef001d; color: #fff; font-size: 14px; }

.selector .choose a { display:inline-block; *zoom:1;*display:inline; padding: 0 4px; height: 22px; line-height: 22px; text-align: center; border-radius: 4px; border: 1px solid #000; }

.selector .choose .clear { display: none; }

.selector .expand { height: auto; overflow: visible; }



.sl-total { position: relative; font-size: 16px; color: #000; }

.sl-total span { margin-right: 10px; color: #ef001d; }

.sl-total b { display:inline-block; *zoom:1;*display:inline; padding: 0 10px; font-weight: normal; color: #ef001d; }

.sl-total .styles { position: absolute; right: 0; bottom: 0; }

.sl-total .styles a { display:inline-block; *zoom:1;*display:inline; padding: 0 10px; line-height: 1.6em; color: #6b6b6b; }

.sl-total .styles a .icon { vertical-align: middle; margin-right: 8px; }

.sl-total .styles a.on { color: #e50000; }

.sl-total .styles .switch-list { border-left: 1px solid #b5b5b5; }



.list-item-con { overflow: hidden; }



.grid-view { margin-left: -24px;overflow: hidden }

.grid-view .mask { position: absolute; top: 315px; width: 290px; height: 315px;background: #000;background: rgba(0, 0, 0, 0.8);}

.grid-view .mask .comment { padding: 30px 20px 0 20px; }

.grid-view .mask a.comment{ display: block; height: 275px;}

.grid-view .mask .comment p { height: 190px; line-height: 27px; overflow: hidden; text-align: left; margin-bottom: 16px; font-size: 14px; color: #fff; }

.grid-view .mask .btn ,.grid-view  .btn.s{ /*position: absolute; bottom: 30px; left: 50%;

 margin-left: -56px;*/ width: 112px; height: 35px; line-height: 35px; 

 text-align: center; font-size: 16px; color: #fff; border-radius: 6px;

  background: #ef001d; }

.grid-view  .btn.s{ display: block; margin: 0 auto;  margin-bottom: 15px;}

.grid-view .mask .btn.a1 {position: absolute; bottom: 30px; left: 15px; margin-left: 10px;}

.grid-view .mask .btn.a2 {position: absolute; bottom: 30px; left: 50%; margin-left: 10px;}

.grid-view .mask .add { position: absolute; right: 8px; bottom: 8px; color: #fff; }

.grid-view .mask .add .icon { margin-right: 2px; font-size: 16px; vertical-align: middle; }

.grid-view .mask .add .on { color: #e50000; }

.grid-view .mask .comment p span{ padding-left:5px;}

.grid-item { position: relative; float: left; margin-left: 24px; margin-top: 60px; width: 288px; border: 1px solid #dcdcdc; overflow: hidden; }

.grid-item .p-img { width: 100%; height: 193px; line-height: 193px; overflow: hidden; }

.grid-item .p-img img { width: 288px; height: 192px; }

.grid-item .p-info { position: relative; padding-top: 10px; height: 110px; text-align: center; overflow: hidden; }

.grid-item .p-info .p-name,.grid-item .p-info a.p-name { margin: auto; width: 96%; font-size: 14px; color: #000; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.grid-item .p-info a.p-name:hover{ color: #f00;}

.grid-item .p-info p { font-size: 14px; color: #000; margin-top: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.list-item { padding: 30px 0; border-bottom: 1px solid #dcdcdc; overflow: hidden;}

.list-item .p-img { float: left; width: 276px; height: 184px; overflow: hidden; position: relative; }

.list-item .mask { position: absolute; left: 0; top: 184px; width: 276px; height: 184px;background: #000; background: rgba(0, 0, 0, 0.8); }

.list-item .mask .comment { padding: 18px 24px 0 24px; }

.list-item .mask .comment p { height: 90px; line-height: 18px; font-size: 12px; color: #fff; overflow: hidden; }

.list-item .mask .btn { position: absolute; bottom: 10px; left: 56px; width: 163px; height: 52px; line-height: 52px; text-align: center; font-size: 18px; color: #fff; border-radius: 6px; background: #ef001d; }

.list-item .p-info { position: relative; float: right; width: 617px; }

.list-item .p-info .p-name a { font-size: 18px; color: #000000; }

.list-item .p-info .attr { margin-top: 14px; font-size: 14px; color: #727171; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.list-item .p-info .desc { margin-top: 19px; }

.list-item .p-info .desc a { height: 56px; font-size: 14px; line-height: 20px; color: #181818; overflow: hidden; }

.list-item .p-info .link { margin-top: 36px; }

.list-item .p-info .link a, .list-item .p-info .link span { font-size: 14px; color: #727171; }

.list-item .p-info .link .span { margin: 0 4px; }

.list-item .p-info .handbook { position: absolute; right: 0; bottom: 0; font-size: 14px; color: #e50000; }

.list-item .p-info .handbook .icon { margin-right: 6px; }

.list-item .p-info .add { position: absolute; right: 0; top: 0; font-size: 14px; color: #727171; }

.list-item .p-info .add .icon { margin-right: 6px; }

.list-item .p-info .add .on { color: #e50000; }



.pager { margin-top: 80px; text-align: center; }

.pager .page-nav { display:inline-block; *zoom:1;*display:inline; }

.pager .page-nav .page_now {padding: 0 5px;font-weight: normal; font-size: 16px; color: #e63520; }

.pager .page-nav .prev { margin-right: 25px; }

.pager .page-nav .next { margin-left: 25px; }

.pager .page-nav a {padding: 0 5px;margin: 0 2px; font-size: 16px; color: #595757; }



/*--/产品列表---*/

/*--产品详情---*/

.product-intro { margin-top: 40px; overflow: hidden}



.preview { float: left; }

.preview .bd { width: 600px; height: 450px; overflow: hidden; }

.preview .bd .img { float: left; width: 600px; height: 450px; overflow: hidden; }

.preview .hd { position: relative; width: 600px; height: 117px; overflow: hidden; }

.preview .hd ul { width: 700px; }

.preview .hd li { float: left; width: 140px; height: 93px; margin-right: 8px; border: 1px solid #f1f1f1; cursor: pointer; }

.preview .hd li img { width: 100%; height: 100%; }

.preview .hd li:hover { border-color: #ef001d; }

.preview .hd .on { border-color: #ef001d; }

.preview .hd .hd-control { display: none; position: absolute; top: 0; width: 48px; height: 93px; line-height: 93px; text-align: center; background: #2a2a2a; cursor: pointer; }

.preview .hd .hd-control .icon { width: 0; height: 0; }

.preview .hd .hd-prev { left: 0; }

.preview .hd .hd-prev .icon { border-width: 6px 6px 6px 0; border-style: solid; border-color: transparent #fff transparent transparent; }

.preview .hd .hd-next { right: 0; }

.preview .hd .hd-next .icon { border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #fff; }



.item-info { position: relative; float: right; width: 505px;}

.item-info h1 { width: 416px; font-size: 32px; color: #000; font-weight: normal;word-break: break-all; height:70px; }

.item-info .handbook { position: absolute; right: 0; top: 0; font-size: 14px; color: #e50000; text-align: center; }

.item-info .handbook > div { margin-bottom: 6px; width: 70px; height: 48px; line-height: 48px; border: 1px solid #e50000; border-radius: 4px; }

.item-info .handbook > div .icon { font-size: 30px; }

.item-info .item-select { position: relative; width: 350px; }

.item-info .item-select .name { height: 31px; position: relative; font-size: 20px; color: #000; }

.item-info .item-select .name .icon { margin-left: 8px; margin-top: -5px; width: 14px; height: 14px; line-height: 14px; text-align: center; border-radius: 50%; font-size: 14px; color: #fff; background: #ef001d; vertical-align: middle; }

.item-info .item-select ul { display: none; position: absolute; left:0;top: 41px; background: #5e5e5e; border: 1px solid #727272; border-radius: 0 0 6px 6px; }

.item-info .item-select li { width: 348px; height: 34px; line-height: 34px; text-align: center; }

.item-info .item-select li a { display: block; font-size: 18px; color: #fff; }

.item-info .item-select li:hover a { background: #848484; font-size: 20px;}

.item-info .item-select:hover { text-align: center; }

.item-info .item-select:hover .name .inner { width: 100%; line-height: 42px; position: absolute; left: 0; top: 0; border-radius: 6px 6px 0 0; background: #ef001d; color: #fff;transition-property:none;-webkit-transition-property: none }

.item-info .item-select:hover .name .inner .icon { background-color: #fff; color: #ef001d; line-height: 14px; transition: transition .1s ease-in-out; -webkit-transition: transition .1s ease-in-out; transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.item-info .item-select:hover ul { display: block; }



.summary { margin-top: 10px; padding-top: 8px; padding-bottom: 24px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }

.summary .p-desc { line-height: 24px; overflow: hidden; font-size: 16px; color: #343434; }

.summary .p-info { margin-top: 15px; overflow: hidden; }

.summary .p-info .font_c{ color:#ef001d}

.summary .p-info span { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.p-label{padding-top:15px; font-size:16px;}

.p-label span{display: inline-block;line-height: 26px;font-size: 14px;border: 1px solid #ccc;padding: 0 8px;margin-right: 5px;color: #666;}

.p-label span:hover{color: #f00;border:1px solid #f00;}

.p-btns { margin-top: 37px;overflow: hidden }

.p-btns a { float: left; height: 70px; line-height: 70px; text-align: center; border: 1px solid #ef001d; border-radius: 4px; }

.p-btns .consultation { width: 217px; background: #ef001d; font-size: 24px; color: #fff; cursor: pointer;}

.p-btns .call { margin-left: 25px; width: 143px; font-size: 24px; color: #ef001d; }

.p-btns .order-btn { width: 280px; background: #ef001d; font-size: 24px; color: #fff; cursor: pointer;margin-right: 20px;}

.p-btns .tel{ padding: 8px 0;  line-height: 27px; font-size: 16px;}

.p-btns .tel span{ font-size: 24px; color: #f00;}

.support { margin-top: 28px; height: 20px;position: relative }

.support a { float:left; margin-right: 15px; height: 20px; line-height: 20px; font-size: 16px !important; color: #000 !important; }

.support a .icon { margin-top: -1px; margin-right: 6px; width: 18px; height: 18px; font-size: 18px; color: #ef001d; }

/*.bdsharebuttonbox{}*/

/*.bdsharebuttonboxmore{height: 20px !important; line-height: 20px !important;background: none !important;margin: 0 !important;padding:0 !important;}*/

.bds_share{float:left;}

.bds_share:hover .bdsharebuttonbox{display: block}

.bdsharebuttonbox{position: absolute;right:35px;top:20px;display:none;}

.bdsharebuttonbox a{ padding:6px;background-position: center !important;display:inline-block; *zoom:1;*display:inline;}

.bdsharebuttonbox .bds_qzone{ background:url(../images/kj2.png) no-repeat center;}

.bdsharebuttonbox a.bds_qzone:hover{ background:url(../images/kj.png) no-repeat center;}

.bdsharebuttonbox .bds_sqq{ background:url(../images/qq2.png) no-repeat center;}

.bdsharebuttonbox a.bds_sqq:hover{ background:url(../images/qq.png) no-repeat center;}

.bdsharebuttonbox .bds_weixin{ background:url(../images/wx2.png) no-repeat center;}

.bdsharebuttonbox a.bds_weixin:hover{ background:url(../images/wx.png) no-repeat center;}

.bdsharebuttonbox .bds_tsina{ background:url(../images/xnwb2.png) no-repeat center;}

.bdsharebuttonbox a.bds_tsina:hover{ background:url(../images/xnwb.png) no-repeat center;}

.bdsharebuttonbox .bds_more.bt_share{ padding-left:0; font-size:14px; margin:0; background:url(../images/i_share.png) no-repeat left;}

.bdsharebuttonbox a.bds_more.bt_share:hover{background:url(../images/i_share_2.png) no-repeat left;color:#e60012;}

.bdsharebuttonbox .bds_more.s_btn{ padding-left:22px; font-size:14px; margin:6px 0; background:url(../images/ms.png) no-repeat left;}

.bdsharebuttonbox a.bds_more.s_btn:hover{background:url(../images/ms2.png) no-repeat left;color:#e60012;}







.detail { margin-top: 35px; }

.detail .tab-nav { width: 100%; }

.detail .tab-nav .wrap { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; text-align: center; }

.detail .tab-nav ul { display:inline-block; *zoom:1;*display:inline; vertical-align: top; }

.detail .tab-nav li { float: left; padding: 10px 47px; }

.detail .tab-nav a { font-size: 16px; color: #000; }

.detail .tab-nav .chat { display: none; background: red; }

.detail .tab-nav .chat a { color: #fff; }

.detail .fixed { position: fixed; top: 0; background: #000; z-index: 10; }

.detail .fixed .wrap { border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; }

.detail .fixed .wrap a { font-size: 16px; color: #fff; }

.detail .fixed .wrap .chat { display: block; }

.detail .tab-panel .tab-panel-title {font-size: 40px;color: #333;text-align: center;background: url(http://www.szrkzq.com/skin/default/images/model.png);height: 70px;padding: 0 !important;line-height: 40px;text-shadow: 0px 0px 1px #000;margin: 10px 0;}

.detail .tab-panel-content { margin-top: 40px; }

.detail .tab-panel-content .tab-series{ width: 80%; margin: 0 auto; padding-top: 40px;}

.detail .tab-panel-content .tab-series table{width: 100%; font-size: 16px;  vertical-align:middle; border-top: 1px solid #eee; border-left: 1px solid #eee; color: #555;}

.detail .tab-panel-content .tab-series table strong{ color: #333; }

.detail .tab-panel-content .tab-series td{ padding: 10px 0; border-bottom:1px solid #eee; border-right: 1px solid #eee; }

.detail .highlights { padding-top: 47px; text-align: center; }

.detail .highlights .content { margin: 0 auto; width: 950px; font-size: 16px; line-height: 1.8em; text-align: left; }

.detail .highlights .content h3{ padding:10px 0;}

.detail .highlights .content p { padding-bottom: 10px; }

.detail .parameter { padding-top: 47px; padding-bottom: 110px; }

.detail .parameter .tab-panel-content { border-top: 1px solid #dbdbdb; }





/*.detail .parameter .param-row { display: table; }*/

/*.detail .parameter .param-type { display: table-cell; padding: 50px 45px 50px 0; width: 267px; font-size: 24px; color: #000; text-align: right; border-bottom: 1px solid #dbdbdb; vertical-align: top; }*/

/*.detail .parameter .param-none { display: table; width: 48px; height: 100%; }*/

/*.detail .parameter .param-list { display: table-cell; padding: 50px 0; width: 840px; border-bottom: 1px solid #dbdbdb;overflow: hidden }*/

/*.detail .parameter .param-list > .value { float: left; width: 44%; margin-bottom: 20px; padding: 0 3%; line-height: 1.6em; font-size: 16px; color: #000; overflow: hidden; }*/





.detail .parameter .param-row {overflow: hidden}

.detail .parameter .param-row>div{float: left}

.detail .parameter .param-type {padding: 50px 45px 50px 0; width: 267px; font-size: 24px; color: #000; text-align: right; border-bottom: 1px solid #dbdbdb; vertical-align: top; }

.detail .parameter .param-none {width: 48px; height: 100%; }

.detail .parameter .param-list {padding: 50px 0; width: 840px; border-bottom: 1px solid #dbdbdb;overflow: hidden }

.detail .parameter .param-list > .value { float: left; width: 44%; margin-bottom: 20px; padding: 0 3%; line-height: 1.6em; font-size: 16px; color: #000; overflow: hidden; }











.detail .case { padding-top: 47px; padding-bottom: 110px; background: #d2d2d2; }

.detail .case .tab-panel-content { width: 1250px; margin-left: -45px; }

.detail .case .wrap { overflow: hidden; }

.detail .case .case-col { float: left; margin-left: 45px; width: 574px; height: 148px; background: #fff; }

.detail .case .case-col .img { float: left; width: 264px; height: 148px; overflow: hidden; }

.detail .case .case-col .img img{width: 100%;height: 100%;}

.detail .case .case-col .text { float: left; padding: 25px; width: 260px;height: 80px;overflow: hidden }

.detail .case .case-col .text span { display: block;font-size: 16px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.detail .case .case-col .text p { margin-top: 6px; line-height: 1.6em; font-size: 12px; color: #b1b1b1; }

.detail .parts { padding: 47px 0; overflow: hidden; }

.detail .parts ul { margin-left: -46px; }

.detail .parts li { float: left; margin-left: 46px; width: 263px; height: 330px; border: 1px solid #eee; }

.detail .parts li a { display: block; width: 100%; height: 100%; overflow: hidden; }

.detail .parts li .img { width: 100%; height: 212px; line-height: 212px; text-align: center; }

.detail .parts li .img img { vertical-align: middle; }

.detail .parts li .text { margin-top: 10px; text-align: center; }

.detail .parts li .text .name { font-size: 16px; color: #000; }

.detail .parts li .text .type { margin-top: 18px; font-size: 16px; color: #000; }

.detail .discuz { padding-top: 47px; padding-bottom: 250px; }

.detail .discuz .tab-panel-content { border: 1px solid #eee; }

.detail .discuz .tab-panel-content ul { margin-top: -20px; padding: 54px 119px; }

.detail .discuz .tab-panel-content li { float: left; margin-top: 16px; width: 480px; height: 20px; line-height: 20px; overflow: hidden; }

.detail .discuz .tab-panel-content li span { display:inline-block; *zoom:1;*display:inline; width: 14px; height: 14px; margin-right: 5px; vertical-align: middle; border-radius: 50%; background: #474747; }

.detail .discuz .tab-panel-content li a { font-size: 16px; color: #000; }

#fix-right{width: 75px;}

/*--/产品详情--*/



/*# sourceMappingURL=product.css.map */

div.grid-item:hover{ border:1px solid #e60012;}

.menu_fixed{ position: fixed; top: 0; left: 50%; z-index: 999; margin-left: -600px;}

a.bj-btn{ width: 100px; margin:10px 10px 20px;  display: inline-block;  line-height: 30px; color: #000; text-align: center;  font-size: 16px; border: 1px solid #000;}

a.bj-btn:hover{color: #fff; border: 1px solid #e60012; background: #e60012;}

a.p-img{ position: relative; text-align: center; color: #fff;}

a.p-img .pro-link{ display: none;}

a.p-img:hover .pro-link{ display: block; width: 68px; height: 40px; 

position: absolute; top: 50%; left: 50%;

margin-top: -34px; margin-left: -34px; padding: 14px 0;

line-height: 20px; font-size: 16px;}

a.p-img .circle{ display: block; border-radius: 68px; background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; z-index: 1}

a.p-img .text{ position: relative; z-index: 2;}



.clearfix{ clear: both;}

/**  page   **/
.pager {
    margin-top: 80px;
    text-align: center;
    height: 50px;
}
.pager .page-nav a {
    font-size: 16px !important;
    color: #595757;
    border: 1px solid #595757;
    padding: 5px 7px !important;
    border-radius: 5px;
    margin-right: 10px !important;
}
.pager .page-nav a:hover {
    font-size: 16px !important;
    color: #fff;
    border: 1px solid #595757;
    padding: 5px 7px !important;
    border-radius: 5px;
    margin-right: 10px !important;
	background:#595757;
}
.pager .page-nav strong {
    font-size: 16px !important;
    color: #fff;
    border: 1px solid #595757;
    padding: 5px 7px !important;
    border-radius: 5px;
    margin-right: 10px !important;
	background:#595757;
}
.pager .page-nav cite{
    display:none;
}
.pager .page-nav input{
    display:none;
}