/* BASIC css start */
.pplus {color:red;font-size:14px;font-weight:bold;}
#topbn_fix { position: fixed; top: 0; width:100%; height: 45px;background: #003567; display: flex; z-index:1000;}
#topbn_fix a {font-family: '³ª´®°íµñ';font-size:25px; color: white;text-align: center;padding-top:7px;width:100%}
#header {position: relative;width: 100%;background: #fff;z-index: 100;}
#header .topbn {padding-top:45px;margin: 0 auto;position: relative;width: 100%;height: 180px;background:#f2df5c;}
#header .headerTnb { padding-top:45px;margin: 0 auto;position: relative;width:100%;height: 37px;line-height: 37px;border-bottom: 1px solid #e5e5e5;*zoom: 1;}
#header .headerTnb:after {display: block;clear: both;content:''}
#header .headerTnb .Tnb_w {width: 1280px;margin: 0 auto;}
#header .headerTnb .Tnb_w img {vertical-align: middle;}
#header .headerTnb .tnbLeft {float: left}
#header .headerTnb .tnbLeft li {padding-right: 24px;float: left}
#header .headerTnb .tnbLeft li a {display: block;line-height: 37px;font-size: 11px;}
#header .headerTnb .tnbLeft li a .com {font-size:13px;font-weight:700;color:#e60012}
#header .headerTnb .tnbRight {float: right}
#header .headerTnb .tnbRight li {padding-left: 26px;float: left}
#header .headerTnb .tnbRight li a {display: block;line-height: 35px;font-weight: 300;font-size: 12px;}
#header .headerTnb .tnbRight li:first-of-type {padding-left: 0;}
#header .headerTnb .tnbRight li.cart .acount {width:19px; height:19px; margin-left:3px; display:inline-block; border-radius:100%; background:#e9e9e9; color:#333; line-height:19px; text-align:center;}
#header .headerTop {margin: 0 auto;position: relative;width: 1280px;height: 140px;overflow: hidden;*zoom: 1}
#header .headerTop:after {display: block;clear: both;content: ''}
#header .headerTop .tlogo {padding:34px 0 0; float:left;}
#header .headerTop .searchArea {position:absolute; left:450px; top:50px; width:350px;height: 37px;border: 1px solid #d6d6d6;border-radius: 50px;}
#header .headerTop .searchArea .search {position: relative;width: 350px;height: 37px}
#header .headerTop .searchArea .search input {margin-left: 20px;width: 80%;height: 37px;line-height: 37px;box-sizing: border-box;border:none;background: #fff;}
#header .headerTop .searchArea .search input::placeholder {font-size:16px;font-weight:700;color:#e60012;}
#header .headerTop .searchArea .search input:-ms-input-placeholder {font-size:16px;font-weight:700;color:#e60012;}
#header .headerTop .searchArea .search a {display: block;position: absolute;top: 7px;right: 15px;width: 22px;height: 22px;text-indent: -9999em;background: url("/design/yjm0515/new/basic/btn_search.png") center right no-repeat;}

.slider-top {width:240px; height:110px; float:right;}
.slider-top .sliderkit-go-btn { position:absolute; top:0px; z-index:10; }
.slider-top .sliderkit-btn-inner {width:240px; position:relative;margin:0 auto;}
.slider-top .sliderkit-go-prev {right:16px;}
.slider-top .sliderkit-go-next {right:16px;}
.slider-top .sliderkit-go-prev a {position:absolute; width:16px; height:16px; cursor:pointer; background:url("/design/yjm0515/new/basic/btn_up.jpg") no-repeat; margin-top:50px; }
.slider-top .sliderkit-go-next a {position:absolute; width:16px; height:16px; cursor:pointer; background:url("/design/yjm0515/new/basic/btn_down.jpg") no-repeat; margin-top:70px; }
.slider-top .sliderkit-panels {width:220px; height:110px; overflow:hidden; padding:0px; margin:30px 0 0; }
.slider-top .sliderkit-panel {width:220px; height:110px; overflow:hidden; padding:0px;margin:0px; }

#header .headerGnb {width:100%;border-top: 1px solid #646464;border-bottom: 1px solid #ebebeb;}
#header .headerGnb .gnbInner {width: 1280px;height: 50px;margin: 0 auto;position: relative;}
#header .headerGnb .gnbInner > ul.gnb > li {float: left;margin-right: 90px;line-height: 50px;position: relative;}
#header .headerGnb .gnbInner > ul.gnb > li:last-child {float: left;margin-right:0;line-height: 50px;position: relative;}
#header .headerGnb .gnbInner > ul.gnb > li > a {position: relative;
display: block;color: #3e3e3e;line-height: 50px;font-size: 18px;font-weight: 600;transition: all 0.3s ease-in-out;-khtml-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
#header .headerGnb .gnbInner > ul.gnb > li:hover ul.lnb {opacity: 1;top: 50px;}
#header .headerGnb .gnbInner ul > li > ul.lnb {position: absolute;width: 100px;box-sizing: border-box;top: 70px;background: #fff;border: 1px solid #ebebeb;visibility: hidden;padding: 15px 15px 6px;left: 50%;margin-left: -100px;opacity: 0;transition: all 0.3s ease-in-out;-khtml-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
#header .headerGnb .gnbInner ul > li > ul.lnb > li {position: relative;margin-bottom: 14px;line-height: 1;}
#header .headerGnb .gnbInner ul > li > ul.lnb > li > a {position: relative;left: 0;font-size: 12px;color: #555;transition: all 0.3s ease-in-out;}
#header .headerGnb .gnbInner ul > li > ul.lnb.on {visibility: visible;}

.headerGnb .gnbInner .all-cate > a {display: block;width: 20px;height: 50px;font-size: 0;margin-right: 70px;background: url(/design/yjm0515/new/basic/icon_bars.png) center no-repeat}
.headerGnb .gnbInner .all-cate {float: left}
.headerGnb .gnbInner .all-cate .all-cate-layer {position: absolute;top: 50px;left: 50%;width: 1278px - 100px);border: 1px solid #ebebeb;margin-left: -640px;background: #fff;height: 300px;overflow: auto;visibility: hidden;padding: 40px 25px 15px 100px; z-index: 10;opacity: 0;-khtml-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.headerGnb .gnbInner .all-cate:hover .all-cate-layer {opacity: 1}
.headerGnb .gnbInner .all-cate .all-cate-layer {overflow: auto}
.headerGnb .gnbInner .all-cate .all-cate-layer.on {opacity: 1;visibility: visible}

.all-cate-layer > ul > li.all-depth-one {width: calc(25% - 90px);margin-right: 90px;height:135px;float: left;}
.all-cate-layer > ul > li.all-depth-one > strong > a {font-size: 14px;color: #333;font-weight: 600;display: block;margin-bottom: 13px;padding: 7px 0 7px 20px;background: #f5f5f5;}
.all-cate-layer > ul > li.all-depth-one > ul > li.all-depth-two {margin-bottom: 3px;padding-left:35px;}
.all-cate-layer > ul > li.all-depth-one > ul > li.all-depth-two > a {font-size: 12px;color: #3e3e3e;font-weight: 300;}
.all-cate-layer ul li a:hover {opacity: .7}

.noticeb{width:100%; height:25px; overflow:hidden; background-color:#fff;float:left;}
.rolling{position:relative; width:100%; height:auto;}
.rolling li{width:100%; height:50px; line-height:20px;}
.rolling_stop{display:block; width:100px; height:20px; background-color:#000; color:#fff; text-align:center;}
.rolling_start{display:block; width:100px; height:20px; background-color:#000; color:#0f0; text-align:center;}
/* BASIC css end */