*{font-family:'Montserrat',Microsoft YaHei,Arial,Geneva,"Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{min-width:1200px;background:#f5f5f5;font-size:12px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,strong, input, textarea, p, blockquote {margin:0;padding:0;    word-wrap: break-word;word-break: normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,button,dd,dt,dl{margin:0px;padding:0}
h1,h2,h3,h4,h5,h6,button,.btn{clear:both;font-size:14px;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;_display:block;}
form,input,select;,textarea,td,th {font-size:12px;}
img {border:none;}
em,i{font-style:normal}
li {list-style-type:none;}
button, input {height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
textarea {background:none repeat scroll 0 0 #fff;resize:none;}
a{color:#222;text-decoration:none;}
a:hover{color:#000000;}
radio{background:#ff6600;}

.top{background:white; position:relative; height:90px;padding:10px 0}

.wrap_box { margin:auto;width:1440px;}
@media(max-width:1580px){.wrap_box { width:1200px;}}
.m {margin: auto;width: 1440px;background:none;clear: both;overflow: visible;}
@media(max-width:1580px){.m {width: 1200px;}}

/*初始化 THE*/
.mbg {background:#F6F6F6;}
.m0 {width:100%;min-width:1220px;background:#F6F6F6;overflow:hidden;}
.m0 .m {background:#F6F6F6;}
.m1 {background:none;overflow:visible; display:flex;align-items: flex-start;}
.m1l {width:auto;float:none; flex:1; margin-right:20px; background:#fff;border:#eee 1px solid;border-radius:8px;}
.m1r {width:250px;float:none; margin-left:auto; background:#fff;}
.m2 {background:none;overflow:visible; display:flex;align-items: flex-start;}
.m2l {width:auto;float:none; flex:1; margin-right:20px; background:#fff;}
.m2r {width:250px;float:none; margin-left:auto; background:#fff;}
.m3 {background:none;overflow:visible; display:flex;align-items: flex-start;}
.m3l {width:auto;float:none; flex:1; margin-right:20px;}
.m3r {width:320px;float:none; margin-left:auto;}
.m5 {background:none;overflow:visible;align-items: flex-start;}
.m5l {width:20%;float:left;background:white;border-radius:0px 0px 8px 8px;}
.m5m {width:58%;float:left;padding:0px 15px;box-sizing:border-box}
.m5r {width:22%;float:right;background:white;border-radius:0px 0px 8px 8px;}

.m2 .c_b { display:none;}

.bd-b { background:#fff!important;}
.content { background:#fff!important;}
.regbox{background:white;}


/*初始化 END*/

.bd {border:none;}
/*========================================================*/
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-overflow2 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-overflow3 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.w1200 {margin:auto;width:1200px;clear:both;}
.w1380 {margin:auto;width:1380px;clear:both;}
.w1400 {margin:auto;width:1400px;clear:both;}
.w1440 {margin:auto;width:1440px;clear:both;}
.w1500 {margin:auto;width:1500px;clear:both;}

.b1 {height: 1px;font-size: 1px; clear: both;width: 100%;overflow: hidden;}
.b5 {height: 5px;font-size: 1px;clear: both;width: 100%;overflow: hidden;}
.b10 {height: 10px;font-size: 1px;clear: both;width: 100%;overflow: hidden;}
.b15 {height: 15px;font-size: 1px;clear: both;width: 100%;overflow: hidden;}
.b20 {height: 20px;font-size: 1px;clear: both;width: 100%;overflow: hidden;}
.b25 {height: 25px;font-size: 1px;clear: both;width: 100%;overflow: hidden;}
.b30 {height: 30px;font-size: 1px;clear: both;width: 100%;overflow: hidden;}
.b40 {height: 40px;font-size: 1px;clear: both;width: 100%;overflow: hidden;}
.b50 {height: 50px;font-size: 1px;clear: both;width: 100%;overflow: hidden;}

.contenttxt{line-height:30px;font-size:14px;}
.contenttxt img { max-width:100%;margin:0 auto; display:block; height:auto;}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:16px!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:15px!important;}

/*========================================================*/

/*页头 THE*/
/*头部*/
.top_head { height:36px; background:#00204F;color:#fff; font-size:14px; line-height:36px;}
.top_head a { color:#fff;font-size:14px;}
.top_head .left { float:left;}
.top_head .left i{font-weight:700;margin-right:5px;font-size:12px;}
.top_head .right { float:right;}
.top_head .left .greetings { float:left; margin-right:10px;}
.top_head .left .login { float:left;}
.top_head .left .login i { padding:0 5px;}
.top_head .left .login a { color:#FFDE00;}
.top_head .left .head_down span:before { display:none!important;}
.top_head .head_down { position:relative;z-index:1000; float:left;}
.top_head .head_down ul { position:absolute; top:37px;}
.top_head .head_down span { padding-right:8px; display: block; height:36px;display: flex;align-items: center; line-height:36px; box-sizing:border-box;border-left:1px solid transparent ;border-right:1px solid transparent;cursor:pointer; position:relative;z-index:10;}
.top_head .head_down .signnow{ display: block; height:30px;display: flex;align-items: center; line-height:30px; box-sizing:border-box;border-left:1px solid transparent ;border-right:1px solid transparent;cursor:pointer; position:relative;z-index:10;}
.top_head .head_down .signnow a{padding:0px 5px;}
.top_head .head_down:nth-child(1n+2) span:before {width: 1px;height: 10px;display: inline-block;content: '';background: #fff;margin-right:15px;}
.top_head .head_down span i { display:block; float:right; width:16px; height:16px;position:relative;transition: all .3s;}
.top_head .head_down span i:before { content:""; width:4px;height:4px;border:2px #fff solid;border-right-width:0;border-bottom-width:0;display:inline-block;transform:rotate(225deg); position:absolute;top: 4px;left: 5px;}
.top_head .head_down:hover span { color:white}
.top_head .head_down:hover span i { transform: rotate(-180deg);}
.top_head .head_down:hover span i:before { border-color:white;}
.top_head .head_down span em { position:absolute; right:0px; top:37px; display:none;}
.top_head .head_down:hover span em { display:block;}
.top_head .head_down span em:before,
.top_head .head_down span em:after { content: "";display: inline-block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #eee;position: absolute;right: 10px;}
.top_head .head_down span em:before { top: -7px;} 
.top_head .head_down span em:after { top: -6px; border-bottom: 6px solid #fff;}   
.top_head .head_down ul { position:absolute; top:36px; right:0px;  background:#fff;padding:10px 0; display:none;width:215px; box-sizing:border-box; border-radius:8px;box-shadow: 0 2px 8px 0 rgb(0 0 0 /.12);}
.top_head .head_down:hover ul { display:block;}
.top_head .head_down ul li { line-height:32px;padding:0 20px;}
.top_head .head_down ul li a { color:#222;}
.top_head .head_down ul li:hover { background:#f5f5f5;}
.top_head .head_down ul li:hover a { color:#00204F;}

/*侧导航 THE*/
.allmenu { width:278px;position:relative; background:#fff; margin-right:20px; border-radius:8px; padding-bottom:20px;border:#eee 1px solid}
.allmenu strong { font-size:15px; display:block; height:56px; line-height:56px; padding-left:20px; color:#333;}
.allmenu strong:before { content:"\e690"; display:block; float:left; width:30px; height:30px;font-family: 'iconfont';}
.allmenu .im0l_v16 ul { }
.allmenu .im0l_v16 ul li p { font-size:16px; line-height:32px; height:32px; color:#333; padding:0 10px 0 20px; position:relative; cursor:pointer;}
.allmenu .im0l_v16 ul li p a { display:inline-block; max-width:70%;}
.allmenu .im0l_v16 ul li p a:hover { text-decoration: underline;}
.allmenu .im0l_v16 ul li p:after { content:"\e729";display:block; float:right; width:20px; height:30px;font-family: 'iconfont'; color:#999; font-size:12px;}
.allmenu .im0l_v16 ul li p img {color:#000;margin-right: 10px;font-size: 22px;float: left; width:22px;margin-top:3px}

.allmenu .im0l_v16 ul li .right { width:700px; height:546px; background:#fff; position:absolute;left:280px;top:0px;overflow-y: auto;z-index: 100;padding:20px; box-shadow: 3px 3px 8px rgb(0 0 0 / 18%); display:none;}
.allmenu .im0l_v16 ul li .right::-webkit-scrollbar{ width: 6px;} /* 滚动条宽度 */
.allmenu .im0l_v16 ul li .right::-webkit-scrollbar-track{ background-color: #fff;} /* 滚动条的滑轨背景颜色 */
.allmenu .im0l_v16 ul li .right::-webkit-scrollbar-thumb{ background-color: #ddd;} /* 滑块颜色 */
.allmenu .im0l_v16 ul li:hover .right { display:block;}
.allmenu .im0l_v16 ul li .right b { color:#333;font-size:16px; display:block; margin-bottom:10px; line-height:24px;}
.allmenu .im0l_v16 ul li .right b span { float:right; margin-right:30px;}
.allmenu .im0l_v16 ul li .right b span a { font-size:16px; color:#0061af;line-height:28px;}
.allmenu .im0l_v16 ul li .right dt a { display:block; font-size:14px; color:#0061af; font-weight:700; padding:10px 0 5px; overflow:hidden;}
.allmenu .im0l_v16 ul li .right dd { overflow:hidden;}
.allmenu .im0l_v16 ul li .right dd a { font-size:14px;float:left; line-height:30px; float:left; width:33.333333%; display:block;}
.allmenu .im0l_v16 ul li .right dd a:hover { text-decoration: underline;}

/*侧导航 END*/

/*搜索区 THE*/

.top_search.fixed { position: fixed; top:0; width: 100%; z-index:9000; padding:10px 0; box-shadow:0 2px 6px rgb(0 0 0/.15); display:none;}
.top_search.fixed .top_logo a img { height:45px;}
.top_search { height:60px; padding:30px 0; background:#fff;box-shadow:0 2px 4px rgb(0 0 0/.05);}
.top_search .wrap_box { display:flex; align-items:center;}

.TopSearchFixed { height:120px;}
.top_search.on { position: fixed; top:0; width: 100%; z-index:6060; padding:15px 0; animation: slideDown 0.5s forwards;}
@keyframes slideDown{from{transform:translate(0,-100%);}to{transform:translate(0,0);}}
.top_search .top_logo { }
.top_search .top_logo>a { height: 60px;display: flex;align-items: center;}
.top_search .top_logo>a img { height:60px;}
.top_search .Shopping { }
.top_search .Shopping ul { display:flex;}
.top_search .Shopping ul li { cursor:pointer; height:42px; position:relative;}
.top_search .Shopping ul li:nth-child(1n+2) { margin-left:20px;}
.top_search .Shopping ul li span { height:42px; float:left;}
.top_search .Shopping ul li:before { content:""; display:block;float:left; width:40px; height:40px; margin-right:5px;}
.top_search .Shopping ul li:nth-child(1):before { background:url(../icon/icon-user.png) no-repeat center;}
.top_search .Shopping ul li:nth-child(2):before { background:url(../icon/icon-cart.png) no-repeat center;}
.top_search .Shopping ul li span i { display:block; line-height:20px; height:20px;}
.top_search .Shopping ul li span b { margin-left:5px;}
.top_search .Shopping ul li span b:before { content:""; width:4px;height:4px;border:2px #666 solid;border-right-width:0;border-bottom-width:0;display:inline-block;transform:rotate(225deg); position:relative; top:-2px;}

.top_search .Shopping .pull_down { position:absolute;top:42px; left:50%;transform:translate(-50%, 0);background:#fff; border-radius:8px; width:200px; padding:20px; display:none;z-index:100;box-shadow: 0 10px 20px rgb(12 41 68/.14);}
.top_search .Shopping ul li:hover .pull_down { display:block;}
.top_search .Shopping .pull_down strong { font-size: 18px;color: #333; font-weight:400;}
.top_search .Shopping .pull_down .rog a { height: 35px;display: block;background: #00204F;text-align: center;line-height: 35px;color: #fff;border-radius: 17.5px;margin: 10px 0;font-size:14px;}
.top_search .Shopping .pull_down .rog a:hover{background:#1C98DF;}
.top_search .Shopping .pull_down .reg { font-size: 12px;border-bottom: 1px solid #E9E9E9;display: block;padding-bottom: 10px; margin-bottom:10px;}
.top_search .Shopping .pull_down .reg a {  margin-left:8px;}
.top_search .Shopping .pull_down p a { line-height: 24px; font-size:14px;}
.top_search .Shopping .pull_down .p_buy { font-size: 12px;border-top: 1px solid #E9E9E9;display: block;padding-top: 10px; margin-top:10px;}
.top_search .Shopping .pull_down .hint { text-align:14px; text-align:center; margin-top:15px;}

.input_box {box-sizing:border-box; flex: 1; padding:0 8vw;}
.input_box ul { display: flex; position:relative;}
.input_box ul li.li_1,
.input_box ul li.li_3 { width:120px;}
.input_box ul li.li_2 { flex:1;}
.input_box input { border:none; background:none; height:54px; width:100%;outline:none; box-sizing:border-box;text-transform:uppercase; font-size:14px;}
.input_box ul li { float:left; position:relative; box-sizing:border-box;}
.input_box ul li.li_1 input { color:#999; text-align:center;cursor:pointer; border:2px solid #00204F; border-right:none;border-radius:30px 0 0 30px;}
.input_box ul li.li_1:hover input { border-radius:20px 0 0 0;}
.input_box ul li.li_1 i { display:block; width:16px; height:16px;transition: all .3s;position: absolute;right: 5px;top: 19px;}
.input_box ul li.li_1 i:before { content:""; width:4px;height:4px;border:2px #999 solid;border-right-width:0;border-bottom-width:0;display:inline-block;transform:rotate(225deg); position:absolute;top: 4px;left: 5px;}
.input_box ul li.li_1:hover i { transform: rotate(-180deg);}
.input_box ul li.li_2 input { padding-left:20px; color:#999; border-top:2px solid #00204F; border-bottom:2px solid #00204F;}
.input_box ul li.li_2 input::placeholder { color:#999;}
.input_box ul li.li_3 button { color:#fff;cursor:pointer; font-size:18px;background:#00204F; border-radius:0 30px 30px 0;height:54px; width:100%; border:none;}
.input_box ul li .search_mod { display:none; background:#fff; width:100%;box-sizing:border-box; border:2px solid #00204F; border-top:none;position:absolute; left:0; top:52px; z-index:1000; border-radius:0 0 20px 20px; padding:10px 0;}
.input_box ul li .search_mod p { line-height:44px; font-size:15px;text-align:center;cursor:pointer; color:#666;}
.input_box ul li .search_mod p:hover { color:#00204F;}
.input_box ul li:hover .search_mod { display:block;}
.input_box ul li.li_2 #search-cls{z-index:6060;position:absolute;top:50%;right:0;width:24px;height:24px;margin:0;background:url(../ico-cls.png) no-repeat center center;display:none;cursor:pointer;transform:translate(0,-50%)}
.input_box #search-rec{z-index:6060;position:absolute;top:56px;left:0;width:100%;overflow:hidden;margin:0;font-size:14px;color:#666;background:#fff;border:#ddd 1px solid;border-radius:10px;display:none; box-sizing:border-box;}
.input_box #search-rec .search-rec span:hover { background:#00204F;}
.input_box #search-tip{z-index:6060;position:absolute;top:56px;left:0;width:100%;overflow:hidden;margin:0;font-size:14px;color:#666;background:#fff;border:#ddd 1px solid;border-radius:10px;display:none; box-sizing:border-box;}

.header_menu { background:#fff; margin-bottom:20px;box-shadow: 0 2px 4px rgb(0 0 0/.05); padding-bottom:30px;}
.header_menu .wrap_box { display:flex; padding-left:150px; box-sizing:border-box;}
.headerMenuMedia { margin-left:auto; display:flex; height:48px; align-items:center;}
.headerMenuMedia a { }
.headerMenuMedia a:nth-child(1n+2) { margin-left:1vw;}
.headerMenuMedia a img { height:26px;}

.nav_16 { height:48px; display:flex; flex:1; justify-content:center;}
.nav_16 li { line-height:48px;font-weight:bold;}
.nav_16 li a { display:block; padding:0 1.5vw;}
.nav_16 li:nth-child(1) a { padding-left:0;}
.nav_16 li span { color:#00204F; text-transform:uppercase; font-size:16px;font-weight:600}
.nav_16 li:hover span { color:#00204F;text-decoration:underline}

/*页头 END*/






/*筛选样式 THE*/
.filter_box { background:#fff;border-radius:8px;border:#eee 1px solid;padding:20px;}
.filter_tab { overflow:hidden;}
.filter_tab ul li { float:left; height:44px; line-height:44px; color:#333; font-size:14px; font-weight:700; padding:0 20px;}
.filter_tab ul li.current { border-top:2px solid #00204F; height:42px;}
.filter_tab ul li.current a { color:#00204F;}
.filter_box dl { overflow:hidden; margin-top:10px; padding:0 0 15px 20px; }
.filter_box dl dt { font-size:14px; color:#000;}
.filter_box dl dd { overflow:hidden;}
.filter_box dl dd a { display:inline-block; padding:5px 15px; border:1px solid #e6e6e6; border-radius:3px; margin:10px 15px 0 0; color:#666; font-size:14px; float:left;}
/*筛选样式 END*/

.footer_kefu { position:fixed; top:50%; right:10px;transform: translate( 0, -50%);z-index:1000;}
.footer_kefu ul li { margin-bottom:8px; position:relative;}
.footer_kefu ul li>a { width: 50px;height: 50px;border: 1px solid #eee;border-radius: 50%;background: #fff;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.footer_kefu ul li>a i { font-size:24px;}
.footer_kefu ul li p { height:38px; line-height:38px; padding:0 16px;border-radius: 4px;box-shadow: 0 2px 8px rgb(0 0 0 / 15%); background:#fff; position:absolute; top:50%; right:60px; transform: translate( 0, -50%); display:none;}
.footer_kefu ul li:hover p { display:block;}
.footer_kefu ul li p:after {content: '';display: block;border-width: 4.5px;border-style: solid;border-color: #fff #fff transparent transparent;box-shadow: 3px -3px 7px rgb(0 0 0 / 7%);position: absolute;top: 50%;right: -4px;transform: translateY(-50%) rotate(45deg);}

/*页尾样式 THE*/
.footer_box { overflow:hidden; background:#3a3a3a; padding:50px 0 30px;color:#999;}
.footer_box_search { margin-bottom:40px; overflow:hidden;}
.footer_box_search strong { display:block;font-size: 26px;color:#fff;margin-bottom: 25px; text-align:center;}
.footer_box_search ul { display:block; width:580px; margin:0 auto;}
.footer_box_search ul li { float:left;}
.footer_box_search ul li input { width:100%; box-sizing:border-box; height:44px; font-size:14px; text-transform:uppercase;}
.footer_box_search ul li.li_1 { width:80%;}
.footer_box_search ul li.li_1 input {border:none; border-radius:30px 0 0 30px; color:#bbb; border-right:none; padding-left:25px}
.footer_box_search ul li.li_1 input:focus{outline: none;}
.footer_box_search ul li.li_2 { width:20%;}
.footer_box_search ul li.li_2 input { background:#00204F; color:#fff; border:none; border-radius:0 30px 30px 0;font-size:16px;}

.footer_box_t {  padding-bottom:25px;}
.footer_box_t dl { float:left; width:22%; box-sizing:border-box; padding-right:5%;}
.footer_box_t dl dt { font-size:19px; font-weight:700; color:#fff; margin-bottom:15px;overflow:hidden;}
.footer_box_t dl dd a { display:block; color:#999; line-height:2; font-size:16px;}
.footer_box_t dl .gz a { display:block; width:30px; height:30px; margin:0 15px 10px 0; float:left; position:relative;}
.footer_box_t dl .gz img{width:23px;}


.footer_box_b { text-align:center; font-size:12px;background:#252525;line-height:40px;color:#999;}
.footer_box_b img { height:40px; padding:0 10px;}
.footer_box_b p { color:#999; line-height:35px;}
.footer_box_b .link_box {margin:20px 0;text-align: center;line-height: 26px;}
.footer_box_b .link_box li{display: inline-block;}
.footer_box_b .link_box li a{color:#999;}
.footer_box_b .link_box li a:after{display: inline-block;content:'';width:1px;height:15px;background: #d9d9d9;position: relative;left:10px;top:3px;margin-right:15px;}
.footer_box_b .link_box li:last-child a:after{display:none;}

/*页尾样式 END*/


/* album */
.cdx-album { z-index:1000; height:618px;}
.cdx-album #mid_pos {position:absolute;}
.cdx-album #mid_div {width:520px;height:520px;cursor:crosshair;background:#F2F2F2; border-radius:8px; overflow:hidden;}
.cdx-album #zoomer {width:160px;height:120px;background:#FFFFFF url('../ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);}
.cdx-album #big_div {width:600px;height:600px;border:#DDDDDD 1px solid;background:#FFFFFF;position:relative;overflow:hidden;right:-530px;top:-618px;z-index:10000}
.cdx-album #big_pic {position:absolute;}
.cdx-album .tbs {width:520px;height:56px;margin:20px 0; display:flex; justify-content:center;}
.cdx-album .tbs img {cursor:pointer;}
.cdx-album .tbsl {width:32px;height:56px;float:left;}
.cdx-album .tbsr {width:20px;height:56px;float:left; margin-left:-7px;}
.cdx-album .tbsm {width:350px;height:56px;float:left;overflow:hidden;}
.cdx-album .ab_zoom {width:30px;height:30px;background:rgba(0,0,0,0) url(../img/ab-zoom.png) no-repeat center center;position:absolute;z-index:5;margin:480px 0 0 -30px;background-size:20px;}
.cdx-album .ab_play {width:48px;height:48px;border-radius:50%;background:url(../img/ab-play.png) no-repeat center center;position:absolute;z-index:7;margin:-265px 0 0 230px;}
.cdx-album .ab_play:hover {background:url(../img/ab-play-on.png) no-repeat center center;cursor:pointer;}
.cdx-album .ab_hide {width:40px;height:40px;background:url(../img/ab-hide.png) no-repeat center center;position:absolute;z-index:12;margin:-500px 0 0 460px;display:none;background-size:40px;}
.cdx-album .ab_hide:hover {background:url(../img/ab-hide.png) no-repeat center center;cursor:pointer;background-size:40px;opacity:.6;}
.cdx-album .ab_video {width:520px;height:520px;border:#eee 1px solid;background:#fff;position:absolute;z-index:10;margin:-522px 0 0 0;display:none;}
.cdx-album .ab_im {padding:0px;margin:0 14px 0 0;border:#e6e6e6 1px solid;float:left;width:54px;height:54px;}
.cdx-album .ab_on {padding:0px;margin:0 14px 0 0;border:#00204F 1px solid;float:left;width:54px;height:54px;background:#00204F;}
.cdx-album video{height:520px!important; width:520px!important;}

/* album */
.AlbumStl { width:500px;}
.AlbumStl .xvanfu { width:100%; height:0; position:relative;}
/*.AlbumStl .AlbumStl_image { position:relative;}*/
.AlbumStl #mid_div {width:500px;height:auto;}
.AlbumStl #mid_div img {width:100%;}
/*.AlbumStl #zoomer { position:sticky;}*/
.AlbumStl .ab_zoom {position:absolute;right:0;bottom:0;background:rgb(0 0 0/.3);width: 20px;height: 20px;line-height:20px;text-align:center;transform: translate(0, 500px);cursor:pointer;}
.AlbumStl .ab_zoom i {font-size: 12px;color:#fff;}
.AlbumStl .Video { position:absolute; top:0; left:0; width:100%; box-sizing:border-box; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.AlbumStl .ab_play {width: 48px;height: 48px;border-radius: 50%;background: url(../img/ab-play.png) no-repeat center center;position: absolute;z-index: 7;margin: 0;left: 50%;top: 50%; transform:translate(-50%,-50%);}
.AlbumStl .ab_video {width: 100%;height: auto;border:none;background: #000;position: absolute;z-index: 10;margin: 0;display: none;box-sizing: border-box;}
.AlbumStl .ab_hide {width: 40px;height: 40px;background: url(../img/ab-hide.png) no-repeat center center;position: absolute;z-index: 12;margin: 0;display: none;background-size: 40px;right: 0;top: 0;}
.AlbumStl #big_div {position:absolute;top:0;left:0;width:600px;height:600px;border:1px solid #eee;background:#fff;overflow:hidden; transform:translate(520px,0);}
.AlbumStl .tbs {width:100%;height:56px;margin:10px 0; display: flex;justify-content: space-between;}
.AlbumStl .tbsl,.AlbumStl .tbsr { width:20px;height:56px;display: flex; align-items: center;justify-content: center;float:left;}
.AlbumStl .tbsl img,.AlbumStl .tbsr img { width:20px;}
.AlbumStl .tbsl { margin-right:8px;}
.AlbumStl .tbsm {width:336px; height:56px;float:left;overflow:hidden;}
.AlbumStl .tbsm #thumbs img { padding:2px;margin-right:14px;border:none;float:left;width:56px;height:56px;box-sizing:border-box;}
.AlbumStl .tbsm .ab_on {padding:1px;margin-right:8px;border:#de2826 2px solid;width:56px;height:56px;background:#de2826;}

/* position */
.nav {padding:0 10px 15px 22px;height:auto;line-height:24px;background:url('../ico-nav.png') no-repeat 0px 3px;font-size:15px; text-transform:uppercase;position:relative}
.nav div {float:right;}
.nav i {font-style:normal;color:#999;padding:0 2px;font-family:simsun;}
.nav em {font-style:normal;color:#999;padding:0 10px;font-size:12px;}

.box{background:white;padding:10px 20px;overflow:hidden;border-radius:8px}
.box dt{font-size:16px;line-height:40px;padding:0px 0px;font-weight:normal;color:#000}
.box dt:before{content:"";background:#00204F;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}
.box dt span{float:right;font-size:14px}
.box dl{background:white;overflow:hidden;padding:15px;border:#eee 1px solid}
.box ul.rank li{line-height:28px;font-size:14px;height:28px}
.box ul.rank li:nth-child(1) em ,.box ul.rank li:nth-child(2) em ,.box ul.rank li:nth-child(3) em{background:#ff7200}
.box ul.rank li em{background:#999; display:block;width:16px; height:16px;float:left;margin-right:8px; text-align:center;line-height:16px;color:white;margin-top:7px;font-size:12px;font-style:normal}
.box ul.text li{line-height:28px;font-size:14px;height:28px}

.selector { background: #fff;  margin-bottom: 15px;overflow:hidden; font-size:14px;padding:0px 20px;border-radius:8px;border:#EEE 1px solid}
.selector dl { overflow: hidden; position:relative;}
.selector dl .s_More { position:absolute; right:30px; top:15px; line-height:35px; color:#00204F; cursor:pointer;padding-right: 10px;font-size:14px;}
.selector dl .s_More:before { content: "";width: 4px;height: 4px;border: 1px #00204F solid;border-right-width: 0;border-bottom-width: 0;display: inline-block;transform: rotate(225deg);position: absolute;right: 0;top: 14px;}
.selector dl .s_List { height:35px; overflow:hidden;}
.selector dl .s_List.active { height:auto;}
.selector dl:nth-child(1n+2) { border-top:1px dashed #eee;}
.selector dl dt { padding:15px; width:120px; float:left; text-align:center; color:#333;line-height:28px;}
.selector dl dd { background:#fff;padding:15px 140px 15px 30px; overflow:hidden;}
.selector dl dd a { color: #333; line-height: 28px; margin-right: 15px; display:block; float:left;}
.selector dl dd a:hover { color:#00204F;}
.selector dl dd a.on{color: #00204F;}
.selector dl dd.yixuan a { border:1px solid #ddd; color:#00204F; padding:0 8px 0 15px; box-sizing:border-box; height:28px; line-height:26px;}
.selector dl dd.yixuan a:before { content:'\e8a0'; display:block; width:26px; height:26px; line-height:26px; text-align:center; font-family:'iconfont'; float:right; margin-left:10px; font-size:14px;}

.ex_top_menu { overflow:hidden; margin-bottom:5px;}
.ex_top_menu a { width:120px; background:#e1e1e1;height:40px; line-height:40px; color:#333; margin-right:5px; float:left; display:block; font-size:14px; text-align:center;}
.ex_top_menu a.on { background:#00204F; font-weight:700;color:white}

.caozuo { margin-top:10px; overflow:hidden;}
.caozuo a { margin-right:10px; line-height:26px;font-size:24px;float:left; color:#666;display:block;position:relative}
.caozuo a.a_1 { padding: 0 15px;height: 24px;line-height: 24px;text-align: center;border-radius: 14px;border: 1px solid #ddd;font-size: 12px;color: #2d2d2d;background: #fff;display: inline-block;box-sizing: border-box;cursor:pointer;}
.caozuo a.a_1:hover { background:#00204F; color:#fff; border-color:#00204F;font-weight:bold}
.caozuo a.a_2:hover {color:#00204F;font-weight:bold}

/*toolbar*/
.tool {background: #fff;padding:30px; margin-bottom:20px;}
.tool table { border-collapse: collapse;}
.tool table td { ;border: none;margin: 0px;padding: 0px;}
.tool select { height:44px; border:0px; padding:0px; margin:0px; float:left;outline:none; border-right:1px solid #e6e6e6; text-align: center;text-align-last: center;width: 100px;}
.tool span { float:left; padding:10px 0; margin-left:20px;}

/*页码*/
.pages_box { text-align:center; margin:20px 0;}
.pages_box a { border: 1px solid #ddd; background:#fff;padding: 5px 6px; font-size:14px; color:#333;}
.pages_box strong { border: 1px solid #00204F; background:#00204F;padding: 5px 6px; font-size:14px; color:#fff; font-weight:400;}
.pages_box cite { display:none;}
.pages_box .pages_inp { border: 1px solid #ddd; font-size:14px;padding:3px;margin-top: -6px;outline:none}
.pages_box .pages_btn { background:#fff;border: 1px solid #ddd; font-size:16px;padding:3px;margin-top: -6px; color:#333; height:33px; width:80px; font-weight:400;}
.pages_box .pages_btn:hover { background:#00204F; color:#fff; border:1px solid #00204F;}

/*重写sort样式 THE*/
.filter_box .sort { border-bottom:none; display:flex;}
.filter_box .sort .sort-k { width:8%; font-weight:400;}
.filter_box .sort .sort-v { width:90%;color: #666;}
.filter_box .sort .sort-v b { font-weight:400;}
.filter_box .sort .sort-v .btn-blue { color:#fff; background:#00204F; border:1px solid #00204F; font-weight:700;}
.filter_box .sort .sort-v .btn { font-weight:700;}
.filter_box .sort .sort-v .on { background:#fff;}
.filter_box .sort .sort-v .on a { color:#00204F; font-weight:700;}
.filter_box .sort input,.filter_box .sort select { border:1px solid #ddd; border-radius:3px; color:#666; padding:0px 10px; height:32px;}
/*重写sort样式 END*/


/*排序选择 THE*/
.tools_box { padding:20px; background:#fff; margin-top:20px;border-radius:8px;border:#eee 1px solid}
.tools_box strong { font-size:14px; color:#000; display:block; margin-bottom:10px; font-weight:400;float:left}
.tools_box ul.ul_1 { float:left;}
.tools_box ul.ul_2 { float:right;}
.tools_box ul li { float:left; margin-right:10px; height:30px;display: flex;align-items: center;}
.tools_box ul li span { color:#0061af; padding:0 5px; line-height:30px;font-size:13px;}
.tools_box ul li input,.tools_box ul li select { padding:0 20px; height:30px; color:#666; border:1px solid #e6e6e6; border-radius:3px; float:left; cursor:pointer;}
.tools_box ul li input { background:#f9f9f9;}
.tools_box ul li select option { color:#666; line-height:26px;  height:26px;}
.tools_box ul li .iconfont { display:inline-block; font-size:14px; font-weight:700; cursor:pointer; color:#999;}
.tools_box ul li .iconfont.on { color:#00204F;}
/*排序选择 END*/


/*购物车-----*/
.grid-car{width:120px;margin-right:50px; float:right;padding:10px;margin-top:15px;font-size:14px;background: #f7f7f7;color: #000;border-radius: 5px;border: #dadada 1px solid; padding-left:15px;} 
.grid-car i { margin-right:10px; color:#00204F;font-size: 16px}
.grid-car:hover { background:#00204F; border: #00204F 1px solid;} 
.grid-car:hover span { color: #fff;}
.grid-car:hover i { color: #fff;}
.grid-car span{float:left;margin-right:6px;}
.grid-car em{color:white;font-weight:bold;margin-left:4px;background:#00204F;width:18px;height:18px;line-height:18px; text-align:center;border-radius:100%;display:block;overflow:hidden}
/* form style----- */
.cdx-form{overflow: hidden; padding:20px;border-radius:8px;border:#eee 1px solid;background:white;font-size:14px;}
.cdx-form input{font-size:14px;padding:5px;}
.cdx-form td{font-size:14px;}
.cdx-form select{font-size:14px;padding:5px;}
.cdx-box{overflow: hidden; padding:20px 30px;background:white;font-size:14px;border-radius:8px;border:#eee 1px solid}
.expo-form{overflow: hidden; padding:20px;box-shadow: 0px 0px 3px rgba(0,0,0,0.05);background:white;margin:0px auto;font-size:14px;}
.expo-form input{font-size:14px;padding:5px;}
.expo-form td{font-size:14px;}
.expo-form select{font-size:14px;padding:5px;}

.past-box{background:#fff; overflow:hidden;padding:10px 20px;margin-bottom:20px;border:#eee 1px solid;border-radius:8px;}
.past-box dt span{float:right;font-size:14px;}
.past-box dt{font-size:16px;line-height:40px;padding:0px 0px;font-weight:normal;color:#000;font-weight:bold}
.past-box dt:before{content:"";background:#001a4e;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}
.past-box dl{background:white;overflow: hidden;}
.past-box dl dd img{width:35%;margin-bottom:10px;float:left;margin-right:15px;border-radius:5px;}
.past-box dl dd { padding:5px 0px 5px; overflow:hidden; font-size:13px; line-height:24px;}
.past-box dl dd strong {font-size:16px;line-height:18px;font-weight:normal}
.past-box dl dd p { color:#999;}

/*展会分类样式*/
.pav{background:white;padding:0px 20px;overflow:hidden;border:#eee 1px solid;border-radius:8px;}
.pav dt{font-size:16px;overflow: hidden;font-weight:bold;padding:15px 0 10px}
.pav dt:before { content: "";background: #001a4e;float: left;height: 16px;width: 4px; margin:2px 10px 0 0;border-radius:2px;}
.pav dl dd{line-height: 26px;width:20%;float:left;font-size:14px}
.pav dl dd.on a{color:#001a4e;font-weight:bold}
.pav dl{padding:0px 0 15px;overflow: hidden;}


/*免责声明------*/
.state{ height:auto; margin:0 auto; margin-top:20px; background:#fff; padding:0px 20px 20px; color:#999; line-height:22px}
.state dt{font-size:16px;line-height:40px;padding:5px 0px;font-weight:normal;color:#000;overflow:hidden;border-bottom:#eee 1px solid}
.state dt:before{content:"";background:#ff6000;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}
.state b{ color:#333}
.state p{ margin-top:10px;font-size:12px}
.state p a{ color:#00204F;font-weight:bold}
.state p a:hover{ text-decoration:underline}


/*公共样式*/
.PageMain { display:flex;}
.PageMainL { overflow:hidden; flex:1;}
.PageMainR { width:250px; margin-left:30px;}


.PageBox { background:#fff; border-radius:8px; padding:26px;font-size:14px;}
.PageBox input,.PageBox select,.PageBox textarea { padding:6px 10px; border-radius:3px; border:1px solid #ddd;font-size:14px;}
.PageBox .btn,.PageBox .btn-green,.PageBox .btn-blue,.PageBox .btn-red { width:auto; border-radius: 30px; border:none; padding:6px 24px}
.PageBox .tf td { border-top:none;font-size:14px;}