@charset "utf-8";
/* CSS Document */
body,html{ width:100%;min-width:1100px; height:100%; font-size:14px; font-family:Arial,Gotham, "Helvetica Neue", Helvetica,sans-serif; padding:0; margin:0; background-color:#f2f2f2; }
.wrappar{ width:1100px; margin:0 auto; clear:both;  }
#header{ min-width:1100px; height:50px;  background-color:#fff; position:absolute; top:0; left:0; right:0; z-index:199999; border-bottom:2px rgba(255,255,255,.1) solid;}
#header h1{ float:left; background-color:transparent !important; width:230px; height:30px; background-position:0 center; overflow:hidden; background-image:url(../images/pc_logo.png); background-repeat:no-repeat;  margin:10px 0; padding:0;}
#header h1 a{ display:block; text-indent:-999999px; }
#header ul{ margin:0 40px; margin-right:10px;  width:720px; padding:0; list-style:none; float:left;}
#header ul li{ margin:0; padding:0;height:50px; float:left; width:90px;}
#header a{font-size:1.1rem; text-align:center; height:50px;line-height:50px; display:block;}
#header a:hover,#header .hover{ background-color:#eee;}
#header h1 a:hover{ background-color:transparent;}
#header ul.subbox{ display:none; text-align:center; background-color:rgba(217,217,217,.75); margin:0; width:100%; position:absolute; left:0; right:0;}
#header ul.subbox a{ color:#000;padding:0 1rem;}
#header ul.subbox li{ display:inline-block; width:auto; padding:0; margin:0 auto; float:none;}
.swiper-wrapper{ width:100%;}

.swiper-button-prev,.swiper-button-next{ background-image:url(../images/lr.png); opacity:.8; width:48px; height:93px; background-size:96px 93px; background-repeat:no-repeat; background-position:0 0;}
.swiper-button-next{ background-position:right 0;}
.swiper-pagination-bullet{ height:15px; width:15px; background-color:transparent; border:1px #fff solid; opacity:.8;}
.swiper-pagination-bullet-active{ background-color:#fff;}
.lsr { float:right; width:100px;}
.lsr a{ float:right; width:70px; text-align:center;}
.lsr .span{ float:left; width:30px; height:50px; line-height:50px; background-image:url(../images/search.png); background-repeat:no-repeat; background-position:center center; text-indent:-9999px;}
.threedbox{margin:auto; width:100%;-webkit-box-orient:horizontal; -moz-box-orient:horizontal;box-orient:horizontal}
.threedbox .fx{ float:left; width:33.3%; height:auto; border:4px #fff solid; border-bottom:8px #fff solid;overflow:hidden; text-align:center;}

.threedbox img{ max-width:100%; display:block; transition:all 0.3s;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-transform:scale(1,1);
}
.threedbox img:hover{
-webkit-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-transform:scale(1.2,1.2);
}
#footer{ text-align:center; background-color:#f2f2f2; padding:50px 0; padding-top:0;}
#footer p{ line-height:40px; margin:0; padding:0;}
#footer p a{ font-size:1.1rem; padding:5px 1rem;}
#footer p.copyright{ font-size:13px; color:#aaa; text-shadow:1px 1px 0 #fff;}
#footer p.bnavline{ border-bottom:1px #ccc solid;}
#footer p.bnav{ border-top:1px #fff solid; padding-top:40px;}
#footer p.bnav a:hover,#footer p.bnav .hover{ color:red; border-radius:10px; background-color:#fff;}
.pagenav a,.pagenav strong{ font-weight:normal; cursor:pointer; font-size:1.2rem; display:block; border:1px #aaa solid; width:216px; margin-right:5px; float:left; position:relative; text-align:center; height:40px; line-height:40px; margin-bottom:10px; background-color:#fff;}
.pagenav a:last-child,.pagenav strong:last-child{ margin-right:0;}
.pagenav a.hover,.pagenav a:hover,.pagenav strong.hover,.pagenav strong:hover{transition:all 0.5s ease-out 0s;   background-color:#7C7C7C; color:#fff;}
.pagenav a.hover:after,.pagenav strong.hover:after{ content:""; background-image:url(../images/p_hover.png); z-index:99999; width:15px; height:9px; position:absolute; top:37px; left:50%; margin-left:-7px;}
.newsbox{ margin:20px 40px; margin-bottom:0; padding-bottom:40px; min-height:600px; padding-top:20px;}
.newsbox h2{ text-align:center; font-size:1.6rem; margin:0; margin-top:20px; padding:0; line-height:2;}
.newsbox .ninfo{ text-align:center; border-top:1px #ccc dotted; color:#aaa; line-height:2;}
.newsbox img{ display:block; margin:0 auto;}
.newsbox video{display:block; margin:0 auto; max-width: 100%; height: auto;}
#wrappar form{ width:100%; display:block; text-align:center;}
#wrappar form .input{ border:0; min-width:360px; border:2px red solid; float:right; margin-top:10px;}
#wrappar form .sbtn{ position:absolute; background-image:url(../images/bsearch.png); right:0; background-repeat:no-repeat; text-indent:-999px; background-position:center center; width:35px; height:31px; border:0; margin-top:12px; outline:0; background-color:red; box-shadow:none;}
.pagenav form .sbtn{ position:absolute; background-image:url(../images/bsearch.png); right:0; background-repeat:no-repeat; text-indent:-999px; background-position:center center; width:35px; height:31px; border:0; margin-top:12px; outline:0; background-color:red; box-shadow:none;}

.prolists{ margin-left:-530px;position:absolute; top:0; left:50%; z-index:999999; top:135px;}
.prolists .p{ width:180px;}
.prolists .p h2{ background-color:#000; height:55px; color:#fff; text-align:center; line-height:55px; font-weight:normal; font-size:1.2rem; margin:0; padding:0;}
.prolists .p ul{  position:relative;line-height:42px; list-style:none;  color:#fff; display:block; text-indent:30px; margin:0; padding:0;}
.prolists .p ul a{ color:#fff; display:block;height:42px; width:180px; border-bottom:1px #333 solid; background-color:rgba(0,0,0,.8);}
.prolists .p ul a:hover,.prolists .p .hover a{background-color:rgba(255,0,0,.8);}
.prolists .p ul li{}
.prolists .p ul .subbox{ display:none; position:absolute; width:360px; height:346px;background-color:rgba(255,255,255,.6); top:0; left:180px; }
.prolists .p ul .subbox li{ float:left; width:auto;}
.prolists .p ul .subbox a{ background-color:transparent;  width:auto; padding:0 1rem; text-align:center; text-indent:0; text-align:center; color:#333; border:0;}
.plist{ list-style:none; margin:0 18px; margin-left:20px; margin-top:15px; padding:0;}
.prolists .p ul .subbox a:hover{background-color:rgba(255,255,255,1);}
.plist li{ float:left; width:212px; text-align:center; margin-bottom:10px;}
.plist .pimg{ height:190px; margin:0 2px; background-color:#fff; background-size:contain; background-repeat:no-repeat; background-position:center center;}

.plistcenter{ list-style:none; margin:0; padding:0;}
.plistcenter li{ float:left; width:250px; text-align:center; margin-bottom:10px;}
.plistcenter .pimg{ height:190px; margin:0 5px;background-size:contain; background-repeat:no-repeat; background-position:center center;}

.plistcenter .pimg1{ max-width:100%; display:block; transition:all 0.3s;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-transform:scale(1,1);
}
.plistcenter .pimg1:hover{
-webkit-transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-transform:scale(1.2,1.2);
}
.newlistr{ list-style:none; margin:0; min-height:500px; padding:30px; padding-top:10px;;}
.newlistr li{ clear:both;  border-bottom:1px #ccc solid; margin-top:20px; padding-bottom:20px; margin-bottom:10px;}
.newlistr li:last-child{ border:0;}
.newlistr .img{ float:left; width:240px; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-right:20px; height:160px; background-color:#298ad9;}
.newlistr .title{ font-size:1.2rem; text-shadow:0 0 2px rgba(0,0,0,.1); margin:0; padding:0;}
.newlistr p{ margin:10px 0; font-size:1rem; padding:0;}
.newlistr .nline, .nline { background-image: url("../images/clock.png"); background-position: 0 1px; background-repeat: no-repeat;background-size: 16px auto;  color: #666;font-size: 12px; margin: 15px 0;padding: 0 15px 8px 25px;}
.newlistr .trbox{ float:left; width:780px;}
.probox{ padding:20px; position:relative;}
.probox #imgb{ float:left; width:560px; height:450px; margin-right:20px;}
.probox .infob{ float:left; width:480px;}
.probox .infob h2{ margin:0; padding:0 10px; font-size:1.8rem; font-weight:normal;}
.probox .infob h3{ margin:0; padding:0 10px; font-size:1.2rem; font-weight:normal;}
.tabs { clear:both; float:left; width:100%; margin:0; margin-top:10px; padding:0; line-height:40px; height:40px; background-color:#eee;}
.tabs strong{ float:left; font-size:1rem; padding:0 2.5rem;}
.tabs .hover,.tabs strong:hover{ background-color:#ccc; cursor:pointer;}
.fixed{ position:fixed; left:50%; margin:0; width:1060px; margin-left:-530px; top:0; z-index:999999;}
.prodesc{ min-height:200px; float:left; clear:both; width:100%;}
.local{ border-radius:15px; background-color:rgba(255,255,255,.6); padding:5px 1.8rem; box-shadow:0 0 3px rgba(0,0,0,.1); line-height:28px; height:28px; margin:0 5px;}
.fidbopx{ border:1px #ccc solid; padding:15px 10px; border-left:0; border-right:0;}
.bimg { display: flex; }
.bimg a{ flex: 1; margin:0 15px; background-image:url(../images/blubtn.jpg); height:47px; line-height:47px; color:#fff; text-align:center;}
.bimg a:last-child{ background-image:url(../images/redbtn.jpg);}
.aboutcebox{ padding:40px;}

#timeline {
    background: rgba(0, 0, 0, 0) url("../images/dot.gif") repeat-x scroll left 790px;
    float: left;
    height: 800px;
    overflow: hidden;
    position: relative;
    width: 1020px;
}
#dates {
    float: left;
    height: 100px;
    margin: 10px 0 0;
    overflow: hidden;
    width: 1020px;
}
#dates li {
    background: rgba(0, 0, 0, 0) url("../images/biggerdot.png") no-repeat scroll center center;
    float: left;
    font-size: 14px;
    height: 100px;
    list-style: outside none none;
    text-align: center;
	width:200px;
}
#dates a {
    color: #666666;
	border-radius:5px;
    line-height: 24px;
    padding:10px 20px;
	display:block;
    text-decoration: none;
}
#dates .selected {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0 10px;
	background-color:blue;
	background-size:contain;
    color: #fff;
	border-radius:5px;
	overflow:hidden;
    padding: 10px;
	display:inline-block;
    text-decoration: none;
}
#issues {
    float: left;
    height: 730px;
    margin: 0 0 0 50px;
    overflow: hidden;
    width: 960px;
}
#issues li {
    float: left;
    height: 650px;
    list-style: outside none none;
    width: 960px;
}
#grad_left, #grad_right {
    height: 650px;
    position: absolute;
    top: 0;
    width: 40px;
}
#grad_left {
    left: 0;
}
#grad_right {
    right: 0;
}
#next, #prev {
    background-color: #ffffff;
    font-size: 70px;
    height: 63px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 340px;
    width: 19px;
}
#next:hover, #prev:hover {
    background-position: 0 -126px;
}
#next {
    background-image: url("../images/next.png");
    right: 0;
}
#prev {
    background-image: url("../images/prev.png");
    left: 0;
}
#next.disabled, #prev.disabled {
    opacity: 0.2;
}
.shijian {
    color: #7c7c7c;
    float: left;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 48px;
    font-weight: 400;
    height: 70px;
    line-height: 70px;
    margin-bottom: 5px;
    padding: 0 0 0 0;
    text-align: left;
    width: 100%;;
}
h3.shijian {
    color: #7c7c7c;
    float: left;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 38px;
    font-weight: 600;
    height: 70px;
    line-height: 70px;
    margin-bottom: 5px;
    padding: 0 0 0 0;
	margin:0;
    text-align: left;
    width: 100%;;
}

.cebox{ padding:30px 0; position: relative; overflow-x: hidden;}
.boxslider{ padding:30px 0;}
.boxslider h3{ cursor:pointer; background-image:url(../images/hiden.png); background-color:#f1f1f1;  background-size:auto 2.4rem; background-repeat:no-repeat; background-position:0; font-size:1.1rem; font-weight:normal; line-height:2.2; height:2.4rem; margin:0; padding:0;padding-left:40px; }
.boxslider h3.hover{ background-image:url(../images/show.png);}
.canbox{padding:0; display:none; border-top:1px #ccc solid;}

.bline{border:1px #ccc solid; border-radius:8px; overflow:hidden; margin-bottom:8px;}
.cantab{ width:1048px; border:1px #ccc solid; border-collapse:collapse; margin:5px;}
.cantab td,.cantab tr{border:1px #ccc solid; border-collapse:collapse;}
.cantab td{ padding:5px;}
.cantab td.trbe{ background-color:#f1f1f1; text-align:left; width:260px;}

.gnbpx{ margin:0; padding:0; list-style:none;}
.gnbpx li{ margin:0; padding:0; float:left;}
.spbpx li{ margin:0; padding:0; clear:both; line-height:28px; border-bottom:1px #ccc dotted; margin-top:6px; list-style-position:inside; list-style-type:circle;}
.gnbpx li .imgs{  text-align:center; border-radius:5px; margin-bottom:5px; overflow:hidden; padding:2px;  width:100px; height:100px;  float:left; margin-right:1rem;}
.gnbpx li .imgs img{ display:block; margin:0; width:100px; max-height:100px; padding:0; border-radius:5px; overflow:hidden;}
.cur .imgs{ box-shadow:0 0 3px rgba(0,0,0,1); overflow:hidden; background-color:red;}
.clarlist li{ clear:both; width:100%;position: relative;}
.clarlist li .imgs,.clarlist_ris li .imgs{ width:150px; height:150px;}
.clarlist li .imgs img,.clarlist_ris li .imgs img{ width:150px; max-height:150px;}
#showthey,#hidethey{ background-image:url(../images/jtxx.png); background-size:100% auto; background-position:center top;}
.gnshuoming{ height:98px; overflow:hidden;}
#showogn{position:absolute; right:10px; width:35px; top:0; background-image:url(../images/moregn.png); background-size:contain; background-repeat:no-repeat; background-position:center center; padding-top:50px;}
.inro{ height:60px;}
.clarlist_ris{ margin:0; padding:0;}
.clarlist_ris li{ width:175px;}
#wen { text-align:center; float:left; width:300px;}
#wen p{ margin:0; margin-top:5px; padding:0;}
.cebox img{ margin:0; margin-top:0; margin-left:0; }
.taocan{ height:42px; margin-bottom:0; line-height:42px; background-color:#eee; clear:both; border:1px #060001 solid;}
.taocan strong{ background-color:#da251d; float:left; padding:0 1rem; color:#fff; margin-right:10px;}
.taocan span{ cursor:pointer; float:left; font-weight:normal; padding:0 1rem;}
.taocan span.cur{ font-weight:bold; color:#da251d; height:38px;}
.taocanbox{ border:1px #060001 solid; border-top:0;}
.taocanbox .abc{ display:none; clear:both;}
.taocanbox .abc:first-child{ display:block;}
.abcitem { background-image:url(../images/shizi.png); background-repeat:no-repeat; background-position:right center; padding-right:30px;}

.abcitem .pimg{ height:140px;}
.abcitem .pimg img{ width:100%;}
.abcitem{ float:left; height:160px; width:200px; text-align:center; margin:10px;}
.pricesh{ float:right; width:200px; height:160px; text-align:center;}
.abc{ background-image:url(../images/denghao.png); background-repeat:no-repeat; background-position:800px center;}
.pricesh a{ display:inline-block; margin:0 auto; margin-top:10px; background-image:url(../images/blubtn.jpg); width:181px; height:30px; line-height:30px; color:#fff; text-align:center;}
.pricesh a:last-child{ background-image:url(../images/redbtn.jpg);}
.abcitem:last-child{ padding-right:0;}
.abbors{ float:left; width:700px;}
.notop{ float:left; margin-left:15px; width:830px; text-align:left;}
.fenleir{ overflow:auto; padding:0;}
.fenleir a{ float:left; padding:10px 20px; background-color:#fff;}
.pmcc{ text-align:center; background-color:rgba(255,255,255,.3); height:32px; line-height:32px; margin:0;}
.pmcc a{ padding:0 7px;}
.histview{ border:1px #afafaf solid; border-radius:8px; overflow:hidden;}
.histview h3{ margin:0; padding:0; border-bottom:1px #afafaf solid; line-height:36px; height:36px; font-size:14px; padding:0 1rem; margin-bottom:20px;}
.histview .cell2 li{ width:200px;}
#shogn img{ max-width:100%;}
.xuanpeibiaopei{margin:0; padding:0; line-height:28px; border-bottom:1px #afafaf solid; margin-bottom:15px;}
.pagenavsb{height:32px; line-height:32px;  border-bottom:1px #ccc solid; background-image:url(../images/shopline.png); background-repeat:repeat-x; background-size: auto 100%;}
#gotop{ position:fixed; bottom:250px; left:50%; margin-left:550px; cursor:pointer; z-index:9999999999999999; opacity:0;}

strong.radeprice{ font-size:1.5rem; color:red; font-weight:normal; }
#qqbox{ float:right; width:100px; text-align:left;}
#qqbox a{ margin-bottom:8px;}
.plist .ticode,.plist .title{ display:block;}
.plist .title{ display:block; height:42px; overflow:hidden;}
#cartbox{ display:inline-block; margin-bottom:1px;  height:30px;line-height:30px;background-color:#fff; border-left:1px #ccc solid; padding:0 0.5rem; border-right:1px #ccc solid; margin-left:1rem;}
#cartbox i{ font-style:normal;}

.cartitembox{border-bottom:1px #ddd solid; padding:0;}
.items{ margin:0; padding:0; list-style:none; font-size:12px; overflow:hidden;}
.items li{ height:80px; padding:10px; margin-bottom:10px; border-bottom:1px #ccc solid;}
.items li:last-child{ border-bottom:0; margin-bottom:0;}
.items .img{ float:left; width:50px; height:60px; margin-right:10px;}
.items .img img{ padding:1px; box-shadow:0 0 3px rgba(0,0,0,.3); background-color:#fff;}
.items .info{ }
.items strong{ font-weight:normal; font-size:12px; }
.items .edit{ float:right; width:90px; padding:10px 0;}
.items cut,.items add,.items .catnum{ cursor:pointer; float:left; border:1px #ccc solid; display:inline-block; width:24px; height:24px; line-height:20px; text-align:center;}
.items .catnum{ line-height:22px; height:24px; font-size:11px; border-radius:0; box-shadow:none; border-left:0; border-right:0; width:40px !important; }
.items .info strong,.items .info span{ display:block;}
.items .info strong{ font-weight:bold; color:#000;}
.items .info span{ color:#999;}

.videobox{ margin:0 auto;}

.radeprice{ display:block;}
/*
#action7 > a{ text-indent:-999px; overflow:hidden; background-image:url(../images/action.png); background-position:center center; background-size:contain; background-repeat:no-repeat;}
*/
.txtbox p{font-size:1.1em;ling-height:210%;}
.txtbox img{ max-width:640px;height:auto;}