@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#595959;	margin:0px auto; font-family: Microsoft YaHei; font-size:14px; background:#fff; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0;transition: all 0.3s ease;max-width: 100%;}
p{ margin: 0px; line-height:1.8em}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#626262; background: transparent;  outline:none}
a:visited { color:#626262; }
a:hover{ text-decoration:none;color:#1679DB ;}
a:focus { outline:none; }
a:active{ outline:none;}

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; margin-left:0;}
button,select {text-transform: none;}
input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
i{ font-style:normal; font-weight:normal;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*浮动*/
.clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }

/*按钮*/
.btn {-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;  -o-border-radius: 0px;  border-radius: 0px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  border: 1px solid #d4d4d4; color: #666666; }
/*默认样式*/
.btn {  background-color: #6B9BD2;  color: #fff; }
.btn:hover {  background-color:#0F4E97; color:#fff;}
.btn:active {  background: #0F4E97;  color: #fff;}
/*按钮大小*/
.btn-large {font-size: 18px;  height: 34px;  line-height: 34px;  padding: 0px 22px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}
/*块按钮*/
.btn-block {display: block;}
.btnBuyNow{display:block; width:210px; height:56px; line-height:56px;font-size: 20px; color: #333; padding-left:0; background: #f5f5f5; cursor:pointer; float:left; box-sizing: border-box;
  text-align: center;margin: 0 30px 0 0 ;border-radius: 10px;}
.btnBuyNow:hover{ background: #1679DB;color: #fff; }
.btnAddCart{display:block;  width:210px; height:56px; line-height:56px;font-size: 20px;  color: #fff; background:  #1679DB; cursor:pointer; float:left;box-sizing: border-box;text-align: center;border-radius: 10px;}
.btnAddCart:hover{ background: #f5f5f5;color: #1679DB;}
.btnSellOut{display:block; height:36px; line-height:36px; color: #fff; background: #ccc; float:left; border: 1px solid #ccc; margin-right:10px; text-align:center; padding:0 30px;}

/*加入收藏*/
.btnAddFavorite{display:block; height:36px; line-height:36px; color: #fff; padding:0 16px; text-indent:16px; margin-right:0px; border: 1px solid #ff6600;
background: url(../images/favorite.png) no-repeat 8px center #ff6600; cursor:pointer; float:left;}
.btnAddFavorite:hover{ color: #ddd;}

.btnComment{display:block; width:110px; height:32px; line-height:32px; color: #fff; padding:0; border: 1px solid #6B9BD2;background: #6B9BD2; cursor:pointer; }
.btnComment:hover{ color: #ddd;}

.btnAddCart1{display:block; width:86px; height:26px; line-height:26px; border: 1px solid #ddd; color: #6B9BD2; padding-left:32px;
background: url(../images/cartred.png) no-repeat 6px center; cursor:pointer; float:left; margin-left:10px;}
.btnAddCart1:hover{  background: url(../images/cartwhite.png) no-repeat 6px center #6B9BD2; color:#fff;}
.btnSellOut1{display:block;  height:26px; line-height:26px; border: 1px solid #ccc; color: #fff;  background: #ccc; float:left; padding:0 15px; text-align:center;}
.btnExchange{display:block; padding:0 12px; height:26px; line-height:26px; border: 1px solid #6B9BD2; color: #6B9BD2;cursor:pointer; float:left; }
.btnExchange:hover{  background-color: #6B9BD2; color:#fff;}

.btnSmsCode { float:left; width:auto; height: 30px;  line-height: 30px;  padding: 0px 8px; font-size: 14px; margin: 3px 0; 
text-decoration: none; text-align: center; text-indent:0; cursor:pointer; background-color: #6B9BD2;  color: #fff; border:0;}
.btnSmsCode:hover {  background-color: #0F4E97; color:#fff;}
.btnSmsCode:active {  background: #0F4E97;  color: #fff;}
.btnReg, .btnLogin, .btnNextStep, .btnResetPwd { float:left; width:auto; height: 35px;  line-height: 35px;  padding: 0px 18px; font-size: 16px; margin: 3px 0; 
text-decoration: none; text-align: center; text-indent:0; cursor:pointer; background-color: #6B9BD2;  color: #fff; border:0;}
.btnReg:hover, .btnLogin:hover, .btnNextStep:hover, .btnResetPwd:hover {  background-color: #0F4E97; color:#fff;}
.btnReg:active, .btnLogin:active, .btnNextStep:active, .btnResetPwd:active{  background: #0F4E97;  color: #fff;}
.btnForgetPassword, .btnRegNow{  float:left; width:auto; height: 35px;  line-height: 35px;  padding: 0px 10px; font-size: 14px; margin: 3px 0; 
text-decoration: none; text-align: center; text-indent:0; cursor:pointer;color: #666666; background-color: #fff;  color: #000; border:0; }
.btnForgetPassword{float: none;}
/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border:1px solid #CCC; height:20px; line-height:20px;clip: rect; padding: 5px 3px; color: #000000; outline:0;}
.form_text {  width:95%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border:1px solid #CCC;  padding:2px; outline:0;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:5px; } /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px; height: 28px;} /*验证码图片样式*/
.overlay{position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);display: none;}

/*频道*/
/* .ChannelContent{ line-height:2.0em; font-size:14px;} */
/* .ChannelSContent, .ChannelSContent p{ line-height:1.8em}
.ChannelContent a{ color: #ff9d02}
.ChannelSContent{color:#FFF;  line-height:25px; height:200px;overflow:hidden; margin-bottom:10px;}
.ChannelSContent a{ color: #ff9d02}
.ChannelSContent img, .InfoContent img{ max-width:100% } */

/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px}
.InfoPrice{ color:#E4393C; text-align:left; font-size:15px; font-family:Verdana; padding: 5px;}
.ExchangePrice{color:#E4393C; text-align:left; font-size:15px; font-family:Verdana; padding: 5px; width:90%; margin:0 auto;}
.ExchangePrice b{ font-weight:normal; color:#333;}
.ExchangePrice em{ font-style:normal; padding:0 3px; display:inline; margin:0;}
.InfoTitle h1{ font-size:22px; line-height: 1.5em; font-weight:normal;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
/*==========@@元件 结束@@==========*/


/*==========@@模块  开始@@==========*/
/*左侧样式*/
.left_title{ height:35px; line-height:35px; border: solid 1px #e4e4e4; background:#F5F5F5;}
.left_title h2 { text-indent:1em; font-size:14px; color:#000;  }
.left_body { overflow:hidden; zoom:1;  color:#000; padding:0 10px 5px;  border: solid 1px #e4e4e4; border-top:0}
.left_bottom { height:10px; }
/*左侧样式1*/
.left_title1 { height:39px; line-height:39px; border-bottom: 1px solid #c81623; }
.left_title1 h2 { font-size:16px;  color:#333; float:left;}
.left_body1 { overflow:hidden; zoom:1; padding:0; clear:both;}
.left_bottom1 { margin:5px 0 15px 0; overflow:hidden; }

.left_title2 {text-align: left;}
.left_title2 h2 {display: flex;align-items: baseline; font-size: 50px;color:#01327e;font-family: 'Oswald', sans-serif;}
.left_title2 h2 span{font-size: 24px;color:#cf000e;margin-left:15px;}
.left_title2 .line{display: flex;align-items: center;height: 25px;}
.left_title2 .line span{width: 50px;border-top: 2px solid #0e4e8c;display: block;}
.left_title2 .content{font-size: 16px;margin:17px 0 0 0;color: #333;display: flex;justify-content: space-between;align-items: flex-end;}
.left_title2 .content p{width: 65.45%;}
.left_title2 .content .more{width: 34.55%;display: flex;justify-content: flex-end;}
.left_title2 .content .more span{max-width: 160px;width: 100%; height: 42px;border:1px solid #0e4e8c;display: block;text-align: center;
  padding: 0 20px;box-sizing: border-box;position: relative;}
.left_title2 .content .more span b{color: #0e4e8c;text-align: left;font-size: 14px; line-height: 42px;font-weight: normal;position: relative;}
.left_title2 .content .more span::before{content: '';width: 0px; height: 100%;position: absolute;background: #0e4e8c; z-index: 0;left: 0px;transition: all 0.5s ease;}
.left_title2 .content .more:hover b{color: #fff;}
.left_title2 .content .more span:hover::before{width:100%;color: #fff;}
.left_body2 { overflow:hidden; zoom:1; padding:0; clear:both;margin-top: 20px;}
.left_body2 img{overflow: hidden;display: block;width: 100%;}
.left_bottom2 { margin:5px 0 15px 0; overflow:hidden; }

.left_title3 {text-align: center;}
.left_title3 h2 { font-size: 36px;color:#cf000e;line-height: 2;}
.left_title3 .ChannelF1{font-size: 22px;color:#0e4e8c;line-height: 2;}
.left_title3 .line{width: 100%;max-width: 48px; min-width: 0px;height: auto;max-height: none;min-height: 20px;margin-top: 10px;
  margin-left: auto;margin-right: auto;margin-bottom: 10px;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;display: flex;justify-content: center;align-items: center;}
.left_title3 .line span{border-top:1px solid #333;width: 100%;display: block;}
.left_title3 .content{width: auto; max-width: 1000px;min-width: 0px; height: auto;max-height: none;min-height: 0px;margin-top: 20px;margin-left: auto;margin-right: auto;
  margin-bottom: 0px;padding-top: 0px;padding-left: 20px;padding-right: 20px;padding-bottom: 0px;font-size: 16px;line-height: 2.6;box-sizing: border-box;}

.left_title4 {text-align: left;min-height: 192px;margin-top: 80px;overflow: hidden;}
.left_title4 h2 { font-size: 26px;color:#fff;line-height: 1.8;margin-top: 10px;}
.left_title4 .ChannelF1{font-size: 40px;color:#fff;}
.left_title4 .line{max-width: 50px; min-width: 0px;height: auto;max-height: none;min-height: 35px;display: flex;justify-content: center;align-items: center;}
.left_title4 .line span{border-top:2px solid #fff;width: 100%;display: block;}
.left_title4 .content{width: auto;margin-top: 10px;font-size: 16px;color: #fff;line-height: 1.8;}
.left_title4 .more{display: flex;justify-content: flex-start;float: none;margin: 30px 0 20px 0;}
.left_title4 .more span{max-width: 160px;width: 100%; height: 42px;border:1px solid #fff;display: block;text-align: center;
  padding: 0 20px;box-sizing: border-box;position: relative;}
.left_title4 .more span b{color: #fff;text-align: left;font-size: 14px; line-height: 42px;font-weight: normal;position: relative;}
.left_title4 .more span::before{content: '';width: 0px; height: 100%;position: absolute;background: #0e4e8c; z-index: 0;left: 0px;transition: all 0.5s ease;}
.left_title4 .more:hover b{color: #fff;}
.left_title4 .more span:hover::before{width:100%;color: #fff;}

.left_body4 { zoom:1; padding:0; clear:both;overflow: hidden;margin-top: 40px;}
.left_body4::after{content: '';height: 0.1px;display: block;}
.left_bottom4 { margin:30px 0 0 0; overflow:hidden; }

.left_title5{text-align: left;}
.left_title5 h2 {display: flex;align-items: baseline; font-size: 50px;color:#fff;font-family: 'Oswald', sans-serif;}
.left_title5 h2 span{font-size: 26px;color:#cf000e;margin-left:15px;}
.left_title5 .line{display: flex;align-items: center;height: 25px;}
.left_title5 .line span{width: 50px;border-top: 2px solid #0e4e8c;display: block;}
.left_title5 .content{font-size: 14px;color: #fff;display: flex;justify-content: space-between;align-items: flex-end;}
.left_title5 .content p{width: 65.45%;}
.left_body5 { zoom:1; padding:0; clear:both;}
.left_body5 .ChannelPicture{}
.left_body5 .ChannelF2{display: none;}

.left_title6{text-align: left;}
.left_title6 h2 {display: flex;align-items: baseline; font-size: 50px;color:#01327e;font-family: 'Oswald', sans-serif;}
.left_title6 h2 span{font-size: 26px;color:#cf000e;margin-left:15px;}
.left_title6 .line{display: flex;align-items: center;height: 25px;}
.left_title6 .line span{width: 50px;border-top: 2px solid #0e4e8c;display: block;}
.left_title6 .content{font-size: 14px;color: #333;display: flex;justify-content: space-between;align-items: flex-end;}
.left_title6 .content p{width: 65.45%;}
.left_body6 { zoom:1; padding:0; clear:both;padding: 50px 20px;margin-top: 20px;overflow: hidden;}
.left_bottom6{}
.left_bottom6 .more{display: flex;justify-content: center;float: none;}
.left_bottom6 .more a{max-width: 160px;width: 100%; height: 42px;border:1px solid #0e4e8c;display: block;text-align: center;
  padding: 0 20px;box-sizing: border-box;position: relative;}
.left_bottom6 .more a b{color: #0e4e8c;text-align: left;font-size: 14px; line-height: 42px;font-weight: normal;position: relative;}
.left_bottom6 .more a::before{content: '';width: 0px; height: 100%;position: absolute;background: #0e4e8c; z-index: 0;left: 0px;transition: all 0.5s ease;}
.left_bottom6 .more a:hover b{color: #fff;}
.left_bottom6 .more a:hover::before{width:100%;color: #fff;}

.left_title7{}
.left_title7 h2 {display: flex;align-items: baseline; font-size: 50px;color:#fff;font-family: 'Oswald', sans-serif;line-height: 1;font-weight: normal;}
.left_title7 h2 span{font-size: 26px;color:#fff;margin-left:15px;line-height: 1.2;}
.left_body7{margin-top: 50px;}
.left_bottom7{margin-top:51px;}
/*右侧样式1*/
.right_title {height: 60px;text-align: center;color: #333; font-size: 28px;border-bottom: 1px solid rgba(240,240,240,1);margin-bottom: 40px;}
.right_title h2{}
.right_body { overflow:hidden; zoom:1; }

.right_title0 {border-bottom: 1px solid #d9d9d9;}
.right_title0 h1{display: flex;}
.right_title0 h1 span{margin-right: 10px;margin-top: 2px;font-weight: normal;font-size: 14px;width: 15%;text-align: center;min-width: 44px;}
.right_title0 h1 p{font-size: 26px;max-width: 80%;width: 100%;display: table-cell;font-weight: normal;text-align: center;line-height: normal;}
.right_title0 .InfoSContent{background: #f2f2f2;padding: 10px;white-space: normal;color: #595959;line-height: 1.42;margin-bottom: 30px;}
.right_title0 .InfoPicture{overflow: hidden;position: relative;}
.right_title0 .InfoPicture .swiper-button-prev,.right_title0 .InfoPicture .swiper-button-next{background: rgba(0, 0, 0, .2);width: 36px;height: 50px;display: flex;align-items: center;justify-content: center;}
.right_title0 .InfoPicture .swiper-button-next{transform: rotate(180deg);}
.right_title0 .InfoPicture .swiper-pagination{bottom: 0;display:none;}
.right_title0 .InfoPicture .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;}
.right_title0 .InfoPicture .swiper-pagination .swiper-pagination-bullet-active{background: #01327e;}
.right_title0 .InfoPicture1{overflow: hidden;position: relative;padding: 10px 0;}
.right_title0 .InfoPicture1 .swiper-slide{width: 105px !important;}
.right_body0 { overflow:hidden; zoom:1; }
.right_body0 .info_content{overflow: hidden; padding: 20px 0;}
.right_body0 .info_key{display: flex;}
.right_body0 .info_key span{min-width: 56px;line-height: 37px;}
.right_body0 .info_key .tags{display: flex;align-items: center;}
.right_body0 .info_key .tags a{padding: 8px 5px;color: #333; background-color: #fff; border:1px solid #ccc;font-size: 14px;border-radius: 4px;margin-left: 4px;}
.right_body0 .info_key .tags a:hover{background-color: #e6e6e6; border:1px solid #adadad;}
.right_bottom0 .info_previous_next_wrap{margin-top: 20px;margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px solid #d9d9d9;line-height: 20px;}
.right_bottom0 .info_previous_next_wrap b{line-height: 20px;height: 20px;}
/*右侧样式1*/
.right_title1 {border: 10px solid #eef2f5;display: flex;align-items: center;background: #01327e;}
.right_title1 h2 { font-size:26px;color:#fff;line-height: 70px;width: 160px;text-align: center;}
.right_body1{box-shadow: 0px 5px 20px 0px rgba(192, 192, 192, 0.4)}

.right_title2{display: flex;}
.right_title2 h2{float: left;font-size: 24px;color: #000;min-width: 110px;}
.right_body2 { overflow:hidden; zoom:1;padding: 10px 0 20px 0;}
.right_bottom2 {position: relative;display: flex;justify-content: center;height: 40px;margin:50px 0 0 0;}
.right_bottom2 span{width: 40px;height: 40px;background: url(../images/prev2.png) no-repeat center;background-size:100% 100%;padding: 0;border:0;left: 50%;}
.right_bottom2 span.swiper-button-prev{transform: translate(-200%,0);}
.right_bottom2 span.swiper-button-next{width: 40px;height: 40px;background: url(../images/next2.png) no-repeat center;background-size:100% 100%;left: auto;right: 50%;transform: translate(200%,0);}

/* 详情推荐 */
.right_title3{background-color: #01327e;padding: 20px 30px;display: flex;align-items: center;color:#FFFFFF;font-size:20px;line-height: normal;font-weight: bold;}
.right_body3{padding: 15px;background: #f5f5f5;overflow: hidden;}
/* .right_title3 { }
.right_title3 h2 { font-size: 30px;text-transform: uppercase;}
.right_body3 { overflow:hidden; zoom:1;margin:50px 0 0 0; }
.right_bottom { height:8px;} */
.right_title4{width: 100%;overflow: hidden;}
.right_title4 h2{ float: left;height: 70px;width: calc((100% - 4px)/3);text-align: center;padding: 0 25px;background: #01327e;cursor: pointer;line-height: 70px;
  font-size: 18px;font-weight: bold;color: #fff;border-bottom: 2px solid #f60;box-sizing: border-box;}
.right_body4{padding: 30px 35px 20px;}
.right_body4 .info_key{display: flex;}
.right_body4 .info_key span{min-width: 56px;line-height: 37px;}
.right_body4 .info_key .tags{display: flex;align-items: center;}
.right_body4 .info_key .tags a{padding: 8px 5px;color: #333; background-color: #fff; border:1px solid #ccc;font-size: 14px;border-radius: 4px;margin-left: 4px;}
.right_body4 .info_key .tags a:hover{background-color: #e6e6e6; border:1px solid #adadad;}
.right_bottom4{padding: 20px;margin-top: 40px;}
.right_title5{padding: 10px 0;}
.right_title5 h2{font-size:30px;color:#262626;line-height: normal;font-weight: normal;text-align: center;}
.right_title5 .line{display: flex;align-items: center;height: 40px;}
.right_title5 .line span{width: 100%;border-top: 1px solid #f0f0f0;display: block;}
.right_title5 p{line-height:1.6;font-size:16px;color: #595959;text-align: center;width: 60%;margin: 0 auto;}
.right_body5{margin-top:30px;}

.right_title6{background-color: #01327e;padding: 0 30px;display: flex;align-items: center;color:#FFFFFF;font-size:16px;line-height: normal;font-weight: normal;line-height: 44px;}
.right_body6{background: #f5f5f5;overflow: hidden;}
/*==========@@模块  结束@@==========*/


/*==========@@频道布局 开始@@==========*/
/*===频道公共 开始===*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.body_index{background: #fff;}
.body_login{background:url(../images/login_bg.jpg) no-repeat center top;background-size: 100% 100%;}
.body_page1{background: #F9F9F9;border-radius: 20px;}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback, .shoppingcart, .checkout, .payment, .oauth{ width:100%;max-width:94%;margin:0 auto; overflow:hidden;}
#top, #logo, #topad, #navigation, #location, #announcement,#condition, #link,#footer,#subchannel,#subchannel1,#ensure, #help, #copyright, #product_floor, #product_read_floor{ width:100%;max-width:94%;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:200px; }
#right {  width:94%;max-width: 1600px; margin:0 auto; border-left:0px solid #E5E5E5; padding-left:0px;padding: 50px 0 0 0; }
#right1 {  width:100%;max-width: 1200px; margin:0 auto; padding: 0px 24px;background: #fff; margin: 50px 0 0 0;box-sizing: border-box;}
#login_1{ margin:200px auto 0; position: relative; z-index: 1; width: 500px; padding: 32px 48px 40px; background: #fff; border-radius: 16px;box-sizing: border-box;}
#login_1 h2{font-size: 20px;color: #000;}
#right2{min-height: 500px;}
.header_pc{display: block;}
.header_wap{display: none;}
/*===频道公共 结束===*/

/*===首页频道 开始===*/
/* #floor_0_main{background:url(../images/floor_0_main.png) no-repeat center top;padding: 80px 0 50px 0;} */
#floor_0_main{position: relative;}
#floor_0{   width:100%;max-width:1200px;margin:0 auto; overflow:hidden; margin-bottom:10px;}
/* #floor_1_main{background:url(../images/floor_1_main.png) no-repeat center top;padding: 80px 0 50px 0;} */
#floor_1_main{position: relative;padding-top:80px;background: url(../images/floor_1.jpg) no-repeat right bottom #fafafa;}
#floor_1{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; padding-bottom: 90px;}

#floor_2_main{padding:80px 0;background:#f1f6fc;}
#floor_2{   width:94%;max-width:1600px;margin:0 auto; overflow:hidden; margin-bottom:10px;}
#floo_2_1{overflow: hidden;}
#floor_2_1_1{float: left;width: 570px;position: relative;overflow: hidden;padding: 0 0 32px 0;}
#floor_2_1_2{float: right;width: 570px;position: relative;overflow: hidden;padding: 0 0 32px 0;}
#floor_2_1 .wrap{border-radius: 20px; background: #F6F6F6;padding: 10px 20px;box-sizing: border-box;margin:30px 0 0 0;}
#floor_2_1 .wrap .swiper-pagination{bottom: 0;}
#floor_2_1 .wrap .swiper-pagination span{width: 40px;height: 4px;border-radius: 0;background: #CBCBCB;}
#floor_2_1 .wrap .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}
#floor_3_main{background: url(../images/floor_2.jpg) no-repeat center center;background-attachment: scroll; background-size: auto;
background-attachment: fixed;background-size: cover;}
#floor_3{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; }

#floor_4_main{position: relative;padding:52px 0;background:#01327e;}
#floor_4{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; }
#floor_5_main{position: relative;padding:52px 0 84px 0;background: url(../images/floor_5.jpg) no-repeat center center;}
#floor_5{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; }
#floor_6_main{position: relative;padding:70px 0 0 0;background: url(../images/floor_6.jpg) no-repeat center center;overflow: hidden;}
#floor_6{width:94%;max-width:1700px;margin:0 auto;padding: 0 1%;box-sizing: border-box;}

#footer_main{background-color: #01327e;border-top: 4px solid #cc0505;padding: 48px 0 0 0;}
#footer{width:94%;max-width:1600px;margin:0 auto; overflow:hidden;}
#footer_1{float: left;width: 69.5772%;padding: 32px 0;}
#footer_1 h2{color: #FCFCFC;font-size: 16px;margin:0 0 32px 0;}
#footer_2{float: left;width: 29.422800000000002%;margin:32px 0; margin-left: 1%;}
#footer_2_1{display: flex;justify-content: flex-end;flex-flow: column;text-align: right;}
#footer_2_1 h2{font-size: 24px;color: #fff;}
#footer_2_1 .info{margin-top: 20px;}
#footer_2_1 .info p{line-height: 1.6;font-size: 14px;color: #fff;}
#footer_2_1 .info span{line-height: 1.6;font-size: 22px;color: #fff;}
#footer_2_1 .info span.Address{font-size: 16px;}
#footer_2_2{display: flex;align-items: flex-end;flex-flow: column;margin-top: 10px;}
#footer_2_2 img{display: block;width: 150px;}
#footer_2_2 p{display: flex;justify-content: center;align-items: center;line-height: 54px;width: 150px;border: 1px solid #fff;border-top: 0;box-sizing: border-box;color: #fff;}
#footer_2_2 p:hover{background: rgb(254, 24, 73);}

.product_floor_1{margin:50px 0 0 0;position: relative;}
.product_floor_1{}
.TypeAttribute_main{display: none;width: 960px;background: #fff;padding:0 50px;position: fixed;left: 50%;top:50%;transform: translate(-50%,-50%);z-index: 9999;}
/*===首页频道 结束===*/
/*===单页模型1 开始===*/
.gsjj_1_main{position: relative;margin-top:80px;}
.gsjj_1{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; margin-bottom:10px;display: flex;align-items: center;justify-content: space-between;position: relative;}
.gsjj_1::before{content: '';background: rgba(235,235,235,1); width: 45%; height: 100%; right: -10%;top: 0;position: absolute;z-index: 0;box-shadow: 0px 9px 27px 4px rgba(204, 204, 204, 0);}
.gsjj_1_1{width: 53.61189999999999%;float: left;}
.gsjj_1_1 h2{font-size: 20px;color: #373c41;}
.gsjj_1_1 .line{height: 31px;width: 35px;display: flex;justify-content: center;align-items: center;}
.gsjj_1_1 .line span{border-top: 3px solid #cc0505;display: block;width: 35px;}
.gsjj_1_1 .ChannelSContent{max-width: 750px;font-size:32px;color:#000000;line-height:1.2;font-weight: bold;}
.gsjj_1_1 .ChannelContent{margin-top: 20px; font-size:16px;color:#666;line-height:1.8;}
.gsjj_1_2{width: 43.388099999999994%;float: right;position: relative;}

.gsjj_2_main{position: relative;margin-top:80px;}
.gsjj_2{position: absolute;left: 0;top:0;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;}
.gsjj_2_1{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; margin-bottom:10px;position: relative;}
.gsjj_2_1 .ChannelSContent{font-size:30px;line-height:1.6;color:#FFFFFF;text-align: center;}
.gsjj_2_1 .ChannelContent{margin:30px 0 40px 0; font-size:16px;line-height:1.6;color:#FFFFFF;text-align: center;text-indent: 20px;}
.gsjj_2_1 a{background: none;border: 1px solid #fff;max-width: 180px;display: flex;height: 46px;line-height: 46px;box-sizing: border-box;color: #fff;align-items: center;justify-content: center;margin:0 auto;}
.gsjj_2_1 a:hover{background-color: #cc0505; border: 1px solid #cc0505;}
.gsjj_3_main{position: relative;margin:64px 0;}
.gsjj_3{width:94%;max-width:1600px;margin:0 auto; overflow:hidden;position: relative;}
.gsjj_3_1{display: flex;justify-content: center;flex-flow: column;align-items: center;}
.gsjj_3_1 .ChannelName{font-size:36px;color:#000000;line-height:1.6;font-weight: bold;}
.gsjj_3_1 .ChannelSContent{ font-size:14px;color:#666;line-height:1.6;}
.gsjj_3_1 .line{height: 31px;width: 35px;display: flex;justify-content: center;align-items: center;}
.gsjj_3_1 .line span{border-top: 3px solid #cc0505;display: block;width: 35px;}
.gsjj_3_2{margin-top:30px}
.gsjj_4_main{margin-bottom: 4%;}
.gsjj_4_main a{max-width: 160px;width: 100%; height: 42px;border:1px solid #0e4e8c;display: block;text-align: center;
  padding: 0 20px;box-sizing: border-box;position: relative;margin:0 auto;}
.gsjj_4_main a b{color: #0e4e8c;text-align: left;font-size: 14px; line-height: 42px;font-weight: normal;position: relative;}
.gsjj_4_main a::before{content: '';width: 0px; height: 100%;position: absolute;background: #0e4e8c; z-index: 0;left: 0px;transition: all 0.5s ease;}
.gsjj_4_main a:hover b{color: #fff;}
.gsjj_4_main a:hover::before{width:100%;color: #fff;}
/*===单页模型2 开始===*/
.qywh_1_main{position: relative;margin:48px 0 100px 0;}
.qywh_1{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; position: relative;}
.qywh_1_1{margin: 20px 0;text-align: center;border-bottom: 1px solid #e8e8e8;padding-bottom: 20px;font-size: 32px;color: #262626;}
.qywh_1_2{overflow: hidden;}
.qywh_1_2_1{float: left;width: 54.4%;}
.qywh_1_2_2{float: right;width: 43.8%;padding: 15px 0;}
/*===单页模型4 开始===*/
.gshj_1_main{position: relative;margin:48px 0;}
.gshj_1{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; position: relative;}
.gshj_2_main{position: relative;margin:48px 0 64px 0;background: rgba(248, 248, 248, 1);}
.gshj_2{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; position: relative;}

/*===单页模型6 开始===*/
.rcln_1_main{position: relative;margin:48px 0 64px 0;}
.rcln_1{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; position: relative;}


.guest_title{font-size:26px;color:#FFFFFF;line-height: normal;font-weight: bold;}
.guest_body{}
.guest_body .line{line-height: 38px;display:flex;align-items: center;height: 38px;}
.guest_body .line span{border:1px  dashed rgba(255, 255, 255, .5);display: block;width: 100%;}
.guest_body p{font-size: 16px;line-height:2;color: #fff;}
.guest_body p a{font-size: 16px;line-height:2;color: #fff;}
.guest_bottom{max-width: 130px;}
.guest_bottom img{width: 100%;}

/* 联系我们 */
.guestbook_1_main{position: relative;margin:48px 0 64px 0;}
.guestbook_1{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; position: relative;}
.guestbook_1_1{width: 39.05%;float: left;background: #01327e;padding: 50px 40px;box-sizing: border-box;}
.guestbook_1_2{width: 60.95%;float: left;}
.guestbook_2_main{position: relative;background: rgba(248, 248, 248, 1);}
.guestbook_2{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; position: relative;padding: 80px 0 0 0;}
/*===产品模型 开始===*/
#product_floor_main{ }
#product_floor{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; margin-top: 48px; }
#product_floor_left{float: left; width: 23.7204%;}
#product_floor_right{float: left; width: 75.27959999999999%;margin:9.6px 0 9.6px 1%}

#product_read_floor {width:94%;max-width:1600px;margin:50px auto 64px;overflow:hidden; position: relative;}
#product_read_floor_1{float: left;width: 72.9828%;}
#product_read_floor_1_1{overflow: hidden;padding: 40px 35px;background: #f5f5f5;}
#product_read_floor_1_2{margin-top: 20px;background: #f5f5f5;}
#product_read_floor_2{float: right;width: 24.0172%;}
#product_read_floor .col1{ width: 41%;float: left; }
#product_read_floor .col1 .InfoPicture{ position: relative;overflow: hidden;width: 100%;height: auto; padding-bottom: 100%; box-sizing: border-box;}
#product_read_floor .col1 .InfoPicture img{position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
#product_read_floor .col1 .InfoAlbum{   border-top: 0px solid #ddd; overflow:hidden; clear:both;padding:20px 30px;position: relative;}

#product_read_floor .col2{ width: 54%; height:100%; overflow: hidden; float:right;  }
#product_read_floor .col2 h1{ font-size: 22px;font-weight: bold; white-space: normal; text-align: left;color: #262626;}
#product_read_floor .col2 .InfoSContent{font-size: 14px; line-height: 1.8; color: #666; padding: 20px 0px; border-bottom: 1px solid #eee;}
#product_read_floor .col2 .btns{ margin-top:30px;overflow: hidden;display: flex;align-items: center;}
#product_read_floor .col2 .btns a{display: block;text-align: center; background: #01327e;width: 180px; line-height: 48px; font-size: 16px; color: #fff; border: 1px solid #01327e; transition: all .36s ease;margin:0 19px 0 0;}
/*===产品模型 结束===*/

/* 新闻模型 开始 */
.article_1_main{ }
.article_1{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; margin-top: 48px; }
.article_1_1{float: left;width: 72.9828%;background: #f5f5f5;padding: 6% 10%;box-sizing: border-box;}
.article_1_2{float: right;width: 24.0172%;}
/*===招聘频道  开始===*/
.job_1_main{position: relative;margin:64px 0;}
.job_1{width:94%;max-width:1600px;margin:0 auto; overflow:hidden; position: relative;}
.job_1_1{color:#333;font-size:30px;text-align: center;}
.job_1_2{background: #f5f5f5;box-shadow: 0 0 30px rgba(150,150,150,.4);border-radius: 8px;padding: 50px 20px;margin:40px 30px;}
.job_title{overflow: hidden;color: #fff;background: #01327e;padding: 0px 20px;display: flex;justify-content: flex-start;}
.job_title p{box-sizing: border-box;font-size: 16px;line-height: 50px;height: 50px;font-weight: bold;}
.job_title .p1{width: 35%;padding-right: 10px}
.job_title .p2{width: 23%;padding-right: 10px}
.job_title .p3{width: 23%;padding-right: 10px}
.job_title .p4{width: 19%;padding-right: 10px}
.job{ }
.joblist { }
.joblist li { width: 100%; height: auto; font-size: 14px;color: #333; cursor: pointer;border-bottom: 1px solid #dadada; background: #fcfcfc;box-sizing: border-box;}
.joblist li .Info{display: flex;align-items: center;padding: 25px 20px;}
.joblist li .Info p{box-sizing: border-box;font-size: 14px;}
.joblist li .Info .p1{width: 35%;padding-right: 10px}
.joblist li .Info .p2{width: 23%;padding-right: 10px}
.joblist li .Info .p3{width: 23%;padding-right: 10px}
.joblist li .Info .p4{width: 19%;padding-right: 10px;justify-content: space-between;display: flex;}
.joblist li .Info .p4 span{font-size: 24px;}
.joblist li .content{background: #eee; padding: 15px 20px;display: none;}
.joblist li .content .body{display: flex;flex-wrap: wrap;justify-content: flex-start;padding: 16px 0rem;line-height: 1.8;border-bottom: 1px solid #fff;}
.joblist li .content .body p{width: 33.333%;padding-right: 10px; line-height: 25px;margin: 3px 0;float: left;box-sizing: border-box;}
.joblist li .content .infobottom{padding: 16px 0 48px 0;}
/*应聘*/
table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist{}
.guestbooklist li{ padding:10px; border-bottom:1px solid #e4e4e4; margin-bottom:10px; }
.guestbooklist li .MessageTitle { color:#333; line-height:1.5em; font-weight:bold;}
.guestbooklist li .MessageTitle b{ font-weight:normal; color:#900;}
.guestbooklist li .MessageContent { padding:5px; margin-bottom:10px; }
table.guestbook_table{ width:100%; }
table.guestbook_table tr{float: left;width: calc((100% - 85px)/2);box-sizing: border-box;margin: 10px 20px;}
table.guestbook_table tr.textarea{min-height: 160px;max-width: 100%;width: 100%;}
table.guestbook_table tr.btntr{width: 100%;}
table.guestbook_table th{ width:100%;display: block; text-align:left; white-space:nowrap;font-size: 16px;padding-bottom: 8px;font-weight: normal;}
table.guestbook_table td{ text-align:left;display: block;}
table.guestbook_table td input.form_text{width: 100%;max-width: 100%;height: 42px;line-height: 42px;font-size: 16px;color: #888; box-sizing: border-box;border: none;padding: 6px 10px;margin:0;}
table.guestbook_table td textarea.form_textarea{max-width: 100%;width: 100%;font-size: 16px;color: #333; text-indent: 5px;height: 150px;padding: 10px;font-size: 14px;margin:0;box-sizing: border-box;border: none;line-height: 1.42857143;}
table.guestbook_table td input.form_text_verifycode{width: 100%; font-size: 16px;color: #888; height: 42px; line-height: 42px;box-sizing: border-box;border: none;margin:0;padding: 6px 10px;}
table.guestbook_table td .code_image{width: 120px;height: 42px;padding: 0;}
table.guestbook_table td .form_button{width: 100%; height: 42px;background: #222;color: #fff;font-size: 16px;border: none;margin:30px 0;}
table.guestbook_table .operation{ text-align:left; }
table.guestbook_table tr.Verifycode td{display: flex;}

/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*留言表单*/
.message_title{}
.message_title h2{text-align:center;font-size:32px;color: #595959;font-weight: normal;}
.message_title .f1{text-align:center;line-height:1.6;color:#cccccc;font-size:20px;}
.message_title .ChannelSContent{text-align:center;font-size: 14px;line-height: normal;color: #595959;}
.message_title .line{display: flex;align-items: center;height: 25px;justify-content: center;}
.message_title .line span{width: 50px;border-top: 4px solid rgba(51, 51, 51, 1);display: block;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

/*===反馈频道 开始===*/
.feedback{ }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table th{ width:120px; text-align:left; font-weight:bold; white-space:nowrap;}
table.feedback_table td{  text-align:left;}
table.feedback_table .operation{text-align:center}
/*===反馈频道 结束===*/
/*==========@@频道布局 结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { height:38px; line-height:38px;  background:#000;}
#top { height:38px; line-height:38px; text-align:right;color:#fff; }
#top_1 { float:right;  text-align:left;}
#top_2 { float:left; text-align:left; }
#top_3 { float:right;  text-align:right;}
#top .MobileEdition{ font-weight: normal; color:red;}
#top a { color:#fff;  }
#top a:hover { color:#000; text-decoration:none}

/*首页顶部广告位 */
#topad_main {overflow:hidden;}
#topad {overflow:hidden; padding:0;}
#topad a{ overflow:hidden; display:block;}
#topad a img{ width:100%;}

/*Logo*/
#logo_main { transition: all .5s ease;background: rgba(1,50,126,.7);position: fixed;top:0;width: 100%;z-index: 999999 !important;height: 100px;display: flex;align-items: center;}
#logo_main.scrollfixed{background: #fff;}
#logo {overflow:inherit; display: flex;}
#logo .WebLogo{ float:left;margin:0 0 0 0;width: 100%;display: flex;align-items: center;}
#logo .WebLogo .Logo img{ max-width: 220px;width: 100%;}
#logo .WebLogo .Logo1 img{ max-width: 220px;}
#logo .WebLogo .Telephone{float: left;display: flex;align-items: center;color: #fff;padding: 0 0 0 30px;background: url(../images/tel2.png) no-repeat left center;background-size: 24px;font-size: 28px;}
#logo_main.scrollfixed .WebLogo .Telephone{background: url(../images/tel3.png) no-repeat left center;background-size: 24px;font-size: 28px;color: #cf000e;}
#logo .WebLogo .Telephone img{float: left;margin:0 3px 0 0;}
.logo_2_2{float: left;text-align: center;display: flex;justify-content: center;align-items: center;position: relative;height: 100%;}
.logo_2_2 img{color: #6B9BD2;width: 16px;}
.toplist1{position: absolute;top: 50px;background: #fff; border-radius: 12px;box-shadow: 0 0 12px rgba(0,0,0,0.075);padding: 8px;display: block;left: 50%;transform: translateX(-50%);display: none;}
.toplist1 li{display: block; padding: 0 16px; line-height: 40px; white-space: nowrap; border-radius: 8px; text-align: center;}
.toplist1 li a{color: #000;display: block;}
.toplist1 li:hover {background:#6B9BD2;}
.logo_2_2:hover::before{
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: #fff;
  margin-left: -8px;
  transform: rotate(45deg);
}
.logo_2_2:hover .toplist1{
  display: block;
}
#logo #logo_1{width: 15.4%; max-width: 160px;padding-left:30px; box-sizing: border-box; float: left;margin:8px 0 0 0;}
#logo .WebLogo .Logo{width: 22%;}
#logo .WebLogo .Logo1{width: 22%;display: none;}
#logo_main.scrollfixed .Logo{display: none;}
#logo_main.scrollfixed .Logo1{display: block;}
#logo #logo_2{ float:right; display: flex;align-items: center;width: 21.6%;justify-content: space-between;padding:0 0 0 30px;box-sizing: border-box;}
#logo_2_1{margin:0 0 0 0;float: left;display: flex;align-items: center;}
#logo_2_1 img{float: left;margin:0 2px 0 0;min-width: 16px;height: 16px;}
#logo_2_1 .icon-ziyuan{float: left;background: #f4c664;border-radius: 50% 50%;width: 50px;height: 50px;font-size: 26px;color: #fff;line-height: 50px;text-align: center;margin:0 10px 0 0;}
.logo_2_1_1 {padding: 0 0 0 0;float: left;line-height: 48px;}

.logo_2_1_1 a{font-size: 14px;color: #666;display: block;float: left;}
.logo_2_1_1 span{font-size: 14px;color: #666;display: block;float: left;max-width: 60px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#logo_2 .mycart {margin:0 0 0 0;float: left;}
#logo_2 .mycart .icon-gouwuche{float: left;background: #1679DB;border-radius: 50% 50%;width: 50px;height: 50px;font-size: 26px;color: #fff;line-height: 50px;text-align: center;margin:0 10px 0 0;}
#logo_2 .mycart .right{  top: 11px;right: 10px;width: 7px; height: 13px; overflow: hidden;font: 400 13px/13px simsun; color: #999;}
#logo_2 .mycart a {padding: 0px 0 0 0;display: block;float: left;}
#logo_2 .mycart a p{font-size: 14px;color: #666;line-height: 16px;margin-bottom: 4px;}
#logo_2 .mycart a span{font-size: 16px; }
#logo_2 .mycart a span.TotalItemCount{color: red;}
#logo_2 .mycart a img{display: block;width: 16px;}
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30}

/*导航*/
#logo_main.scrollfixed ul.navigationlist>li>a{color: #333;}
#navigation_main { box-shadow: 0 3px 4px rgba(0, 0, 0, 0);width: 65%;}
#navigation { overflow: hidden;max-width: 100%;margin: initial;}
#navigation ul.navigationlist{display: flex;align-items: center;}
#navigation ul.navigationlist li { float:left; line-height:100px; text-align:center;position: relative;width: 16%;}
#navigation ul.navigationlist>li::before{
content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: block;width: 0;height: 3px;background-color: #cc0505;opacity: 0; transition: all .5s ease;
}
#navigation ul.navigationlist>li:hover::before{width: 100%;opacity: 1;}
#navigation ul.navigationlist li.first{ background:#B1191A; width:210px; color:#fff; cursor:pointer; text-align:left; }
#navigation ul.navigationlist li a { display:block;  font-size:16px; color:#fff; border:0px dashed red;font-weight: bold;position: relative;transition: all .5s ease;}
#navigation ul.navigationlist>li>a::after{
  content: attr(alt);position: absolute;top: 0;left: 0;transform: translateY(100%);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #cc0505;display: none;;
}
#navigation ul.navigationlist>li:hover .depth1{ transform: translateY(-100%); }
#navigation ul.navigationlist>li:hover .depth1::after{display: block;}
#navigation ul.navigationlist .current {  color:#B1191A;}
#navigation ul.navigationlist .current::before{ width: 100%;opacity: 1;}
/*导航栏下拉*/
.subnav_main{
  position: fixed;left: 0;right: 0;width: 100%;min-width: 1024px;overflow: hidden;z-index: 110;margin: 0 auto;padding: 60px 0px 40px;transition: all .5s ease;background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.075);border-top: 1px solid #f5f5f5;display: none;
}
.subnav_1{float: left; width: 65%;margin-left: 8%;height: auto;overflow: hidden;font-size: 0;white-space: nowrap;}
.subnav_2{position: relative;width: 19%;margin-right: 8%;height: auto;float: left;text-align: right;overflow: hidden;}
#navigation ul.subnavigationlist{ }
#navigation ul.subnavigationlist li {width: 20%;
  float: left;font-size: 16px;margin-top: 11px;color: #01327e;position: relative;text-align: left;margin-bottom: 20px;}
#navigation ul.subnavigationlist li a { display: block; color: #01327e;  line-height: 30px;font-weight: bold;padding-top: 15px;font-size: 18px;}
#navigation ul.subnavigationlist li::before{content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 1px; background: #000; transition: all .5s ease; -webkit-transition: all .5s ease;}
#navigation ul.subnavigationlist li:hover::before{width: 72px;background: #cc0505;}
#navigation ul.subnavigationlist li:hover a{color:#cc0505 ;}


/*商品分类*/
#navigation #classlist{ display:block; }
#navigation ul.navigationlist li .AllGoodsClassification{ text-align: center; background:url(../images/class.png) 25px center no-repeat; width:210px;}
#navigation ul.navigationlist li .AllGoodsClassification a{color:#fff;}
#navigation ul.navigationlist li .AllGoodsClassification a:hover{color:#fff;}
#navigation ul.navigationlist li .classlist { text-align:left; position:absolute; width:210px; height:460px; z-index:1000; background:#c81623; display:none; margin-top:2px; }
#navigation ul.navigationlist li .classlist li { line-height:26px;  padding:2px 8px; cursor:pointer; float:none; text-align:left;}
#navigation ul.navigationlist li .classlist li h3{ color:#fff; }
#navigation ul.navigationlist li .classlist li h3 a{ font-size:14px; font-weight:bold; }
#navigation ul.navigationlist li .classlist li  i { float:right;font:9px/2em consolas; }
#navigation ul.navigationlist li .classlist li a { padding:5px 5px; color:#fff; font-size:12px; color:#fff; display:inline;}
#navigation ul.navigationlist li .classlist li a:hover { color:#B61D1D; }
#navigation ul.navigationlist li .classlist li p{ text-indent:0;}
#navigation ul.navigationlist li .classlist li p a:hover{ color: #000;}
#navigation ul.navigationlist li .classlist li.on { background:#f7f7f7; }
#navigation ul.navigationlist li .classlist li.on a{ color:#B61D1D; }
/*分类子菜单*/
#navigation ul.navigationlist li .classlist .subclass {display: none; position: absolute; left: 210px; top: 0;  height:460px;
width: 990px; padding: 0; color: #333; z-index:1000; background:#f7f7f7;}
#navigation ul.navigationlist li .classlist .subclass .ChannelPicture{ position: absolute; top:0; right:0; height:460px; width:205px; overflow:hidden;}
#navigation ul.navigationlist li .classlist .subclass .ChannelPicture img{ width:100%; height:100%;}
#navigation ul.navigationlist li .classlist .subclass dl { line-height:2em; overflow:hidden; clear:both;}
#navigation ul.navigationlist li .classlist .subclass dl a { padding:3px 5px; color:#666; font-size:12px;}
#navigation ul.navigationlist li .classlist .subclass dl a:hover { color:#B61D1D;}
#navigation ul.navigationlist li .classlist .subclass dl dt{ font-weight:bold; width: 88px; text-align:left; float:left; text-indent:10px;}
#navigation ul.navigationlist li .classlist .subclass dl dd{ font-weight:normal; width: 678px; float:left; padding:3px 8px; padding-bottom:5px;
margin:0; border-bottom:1px solid #e0e0e0; line-height:1.5em; white-space:nowrap;  }
#navigation ul.navigationlist li .classlist .subclass dl dd a { border-left: 1px solid #e0e0e0; padding: 1px 8px; margin-bottom:8px; float:left; }

/*公告*/
#announcement { margin-top:5px;  height:35px; line-height:35px;background-color:#f0f0f0; color:#0B3B7D;}
#announcement .announcement_title{ float:left;font-weight:bold; text-indent:35px; background:url(../images/announcement_title.gif) no-repeat 8px center; width:150px;}
#announcement .announcement_body{float:left; width:750px;}
#announcement .announcement_bottom{float:right; width:100px; }
.announcementlist{ }
.announcementlist li { line-height:35px; }

/*幻灯片*/
#banner_main {position:relative; border:0px solid blue; overflow:hidden;}
#banner {  border:0px solid red; margin:0 auto; overflow:hidden;  }
#banner_1{width:210px; height:460px; float:left; background:#c81623; position:relative;}
#banner_2{ width:730px; float:left; margin: 5px 10px 0 10px; _margin-left:4px; /*解决ie6右侧文字重复*/}
#banner_2 img{ width: 730px; height:455px;}
#banner_3{ width:240px; float:right; margin-top:5px;  overflow:hidden; }
#banner .swiper-wrapper{}
#banner .swiper-wrapper .swiper-slide{overflow: hidden;}
#banner .swiper-wrapper .swiper-slide .InfoPicture{padding-bottom: 49%;overflow: hidden;}
#banner .swiper-wrapper .swiper-slide img{display: block;width: 100%;transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 100px);object-fit: cover;left: 0px;top: 0px;position: absolute;}
#banner .swiper-wrapper .swiper-slide-active img{transform:perspective(1000px) translate3d(0, 0, 0px)}
#banner span{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);font-size: 58px;color: #fff;}
/*幻灯片分类*/
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block;position: relative;}
.bannerlist li img{ margin:0 auto; display:block; }
#banner_main{}
#banner_main .hd{ width:100%; position:relative; bottom:20px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; 
background:#646464; margin-right:15px; overflow:hidden; font-size:0px; border-radius: 5px;}
#banner_main .hd ul li.on{  background:#c81623;}
.bannertext{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.bannertext .bannertext_1{display: flex;align-items:center;justify-content: center;flex-flow: column;height: 100%;}
.bannertext .bannertext_1 h2{color: #fff;text-align: left;font-size: 30px;}
.bannertext .bannertext_1 p{color: #fff;text-align: left;margin:20px 0;}
.bannertext .bannertext_1 a{color: #fff;text-align: left;width: 100px;height: 30px;border-radius: 5px;border:1px solid #1679DB;display: block;text-align: center;line-height: 30px;margin:20px 0 0 0;}
.bannertext .bannertext_1 a:hover{background: #1679DB;color: #fff;}
/*当前位置*/
#location_main { margin: 0;background: #eef2f5;padding: 30px 0;} 
#location { width:94%;max-width:1600px;margin:0 auto; overflow:hidden;}
#location b{color: #555;padding-left: 25px;background: url(../images/location.png) no-repeat left center;background-size: 20px;font-weight: normal;}
#location a {color:#555;}

#location_main1 { margin: 0;background: #eef2f5;} 
#location1 { width:94%;max-width:1600px;margin:0 auto; overflow:hidden;}
#location_1{float: left;width: 69.6366%;overflow:hidden;}
#location_1 .swiper-slide{width: auto; position: relative;font-size: 15px; height: 40px; line-height: 40px; margin: 20px 8px; padding: 0px 30px; background: #01327e;  border-radius: 5px; display: block; transition: 0.3s ease 0s;}
#location_1 .swiper-slide a{color: #fff;}
#location_1 .swiper-slide:hover{background: #cc0505;}
#location_1 #current{background: #cc0505;}
#location_2{float: right;width: 29.363399999999995%;margin: 25px 0px;line-height: 30px;display: flex;justify-content: flex-end;}
#location1 b{color: #555;padding-left: 25px;background: url(../images/location.png) no-repeat left center;background-size: 20px;font-weight: normal;}
#location1 a {color:#555;}
#location_1 span{display: none;}
/*文章相关信息*/
.info_from_wrap{ overflow: hidden; padding-top: 20px; margin: 20px 0;border-top: 1px solid #d9d9d9;}
.info_from_wrap a { color:#707070; }
.info_from_wrap a:hover { color:#60a9d7; }
.info_from_wrap span{margin-left: 20px;}
/*标签*/
.Tag{ text-align: left; font-weight:bold; }
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
#ReadLevelTip{ font-weight:bold; color:red;}

/*上一文章、下一文章*/
.info_previous_next_wrap{overflow: hidden;line-height: 40px;margin:0 0 0 0;}
.info_previous_next_wrap b{font-weight: normal;font-size: 14px;width: 66px;height: 38px;opacity: 1;border-radius: 5px;float: left;line-height: 40px;
  text-align: center;margin:0 20px 0 0;}
.Previous {float: left;}
.Next {float: right;}
/* .Next a{font-size: 15px;color:#000;float: right;line-height: 15px;width: 50%;text-align: right;}
.Previous a{font-size: 15px; color:#000;float: left;line-height: 15px;width: 50%;text-align: left;display: flex;align-items: center;} */
.Previous img{float: left;height: 15px;padding: 0px 2% 0 0;}
.Previous span{float: left;height: 15px;font-size: 15px;line-height: 15px;}
.Next img {float: right;height: 15px;padding: 0px 0 0 2%;}
.Next span{float: right;height: 15px;font-size: 15px;line-height: 15px;}

/*电梯*/
#elevator{ position:absolute; left:30px; top:80px; overflow:hidden; display:none;}
.elevatorlist li .floorid, .elevatorlist li.current .floorname, .elevatorlist li a:hover .floorname{ display: block; }
.elevatorlist li .floorname, .elevatorlist li.current .floorid, .elevatorlist li a:hover .floorid{ display: none; }
.elevatorlist li a{ font-size:14px; display:block; color:#625351; text-align:center; width:38px; height:30px; line-height:30px; 
border-bottom:1px solid #C4C4C4; margin:3px 0; font-family: Arial;}
.elevatorlist li a:hover, .elevatorlist li.current a{ background:#c81623; color:#fff;}

/*子频道列表*/
#subchannel{max-width: 100%;padding:10px 0;}
.subchannel_wrap .close{display: none;}
.subchannel_wrap_bottom{display: none;}
.subchannellist {}
.subchannellist li { }
.subchannellist li .wrap{border-bottom: 1px solid #e8e8e8;padding-left: 20px;position: relative;line-height: 50px;}
.subchannellist li .wrap a{color: #7b8a96;font-size: 18px;transition: all .5s ease; }
.subchannellist li .wrap span{position: absolute;right: 45px;top: 0px;bottom: 0px;width: 50px;color: #7b8a96;display: flex;align-items: center;justify-content: center;background: url(../images/arrow.png) no-repeat center;}
.subchannellist li .wrap span.up{ transform:rotate(270deg);}
.subchannellist li .wrap::before{content: '';display: block;width: 3px;height: 50px; background-color: #04abf4; position: absolute;left: 0;top: 0;opacity: 0;transition: all .5s ease;}
.subchannellist li:hover .wrap::before {opacity:1}
.subchannellist li:hover .wrap{background: #f5f8fa;}
/* .subchannellist #current a { color:#1679DB; text-decoration:none;background: #fff; } */
.subchannellist .depth1{ }


.subchannellist_main {overflow: hidden;display: none;}
.subchannellist1 li{width: 100%;border-bottom: 1px solid #e8e8e8;padding-left: 50px;position: relative;line-height: 50px;}
.subchannellist1 li a{font-size: 16px;}
.subchannellist1 li:hover{background: #f5f8fa;}


/*筛选条件*/
#condition{   border: 0px solid #ddd; width:1198px; overflow:hidden;}
#condition .row{ display:block; overflow: hidden; zoom:1;border-bottom:1px solid #ddd; padding:8px 0; line-height:22px;}
#condition .left{ width: 98px;  color: #6B9BD2;float: left; text-indent:10px; font-size:12px;}
#condition .right{ width: 1100px; background: #fff; float: left; text-indent:10px;}
/*已选择条件*/
.selectedlist { text-align:center; text-indent:0;}
.selectedlist li { float:left; }
.selectedlist li a { display:block; position:relative; border: 1px solid #DDD; font-size:12px; height:22px; line-height:22px; margin-right:8px; float:left; padding:0 25px 0 0;}
.selectedlist li a b{ font-weight:normal; margin-right:5px; margin-left:5px;}
.selectedlist li a em{ color:#6B9BD2; font-style:normal; margin-right:5px;}
.selectedlist li a:hover { border: 1px solid #6B9BD2; }
.selectedlist li a i{ background:url(../images/xred.png) #fff no-repeat center center; display:block; position:absolute; top:0; right:0; width:25px; height:22px; cursor:pointer;}
.selectedlist li a:hover i{ background:url(../images/xwhite.png) #6B9BD2 no-repeat center center; }
.selectedlist li.operator a{ color:#000; border:0;}
.selectedlist li.operator a:hover{ color:#6B9BD2; border:0;}
/*类型列表*/
.typelist { text-align:left; text-indent:0; overflow:hidden;}
.typelist li { float:left;}
.typelist li a { background:#FFF; padding:3px 5px; margin-right:10px; color:#666; font-size:12px;}
.typelist li a:hover { background:#6B9BD2; color:#FFF;text-decoration:none; _background:#fff;_color:#6B9BD2;}
/*品牌列表*/
.brandlist { text-align:left; text-indent:0; overflow:hidden;}
.brandlist li { overflow:hidden; float:left; margin-right:8px; margin-top:3px; line-height:0;}
.brandlist li img { border:1px solid #ddd; width:100px; height:40px; }
.brandlist li a:hover img{ border:1px solid #6B9BD2; }
/*属性列表*/
.typeattributelist { text-align:left; text-indent:0; overflow:hidden}
.typeattributelist li { overflow:hidden; float:left; }
.typeattributelist li a { background:#FFF; padding:3px 5px; margin-right:10px; color:#666; font-size:12px; }
.typeattributelist li a:hover { background:#6B9BD2; color:#fff; text-decoration:none; _background:#fff;_color:#6B9BD2;}
/*价格列表*/
.pricerangelist { text-align:left; text-indent:0; overflow:hidden}
.pricerangelist li { overflow:hidden; float:left; }
.pricerangelist li a { background:#FFF; padding:3px 5px; margin-right:10px; color:#666; font-size:12px; }
.pricerangelist li a:hover { background:#6B9BD2; color:#fff; text-decoration:none; _background:#fff;_color:#6B9BD2;}

/*侧边栏*/
/* #sidebar_main{ width:35px; height:100%; position:fixed; top:0; right:-35px; z-index:99999; background: #000; box-shadow:1px 2px 5px #999;
_position:absolute; _top: expression((document.documentElement.scrollTop)); _right:0; _height:expression((document.documentElement.clientHeight));} */
#sidebar{ top:50%;right: 0;transform: translate(0,-50%);position: fixed;height: 203px;display: block;z-index: 1003;}
.sidebarlist{display: flex;justify-content: flex-end;flex-flow: column;align-items: flex-end;}
.sidebarlist li{margin-bottom: 1px;width: 50px;}
/* .sidebarlist li{position: absolute;}
.sidebarlist li.n1{top:0;}
.sidebarlist li.n2{top:51px;}
.sidebarlist li.n3{top:102px;}
.sidebarlist li.n4{top:153px;} */
.sidebarlist li a{display: block; color: #FFF; font-size: 14px; height: 50px; line-height: 50px; overflow: hidden; background-color: #01327e; opacity: 0.8; border-radius: 6px;}
.sidebarlist li a img{width: 24px;height: 24px;float: left;margin: 12px 12px 14px 14px;}
.sidebarlist li a span{float: left;padding-right: 20px;}
.sidebarlist li .wrap{display: none; position: absolute;left: -130px; padding-bottom: 9px;width: 130px;transform: translate(0,-50%);}
.sidebarlist li:hover a{background: #cc0505;}
/*浮动提示*/
#sidebar p{ display:none; position:absolute; right:60px;font-size: 12px; text-align: center; margin:0;}
#sidebar .message p{ width:80px; height:35px; line-height:35px; background:#494949;  bottom: 70px;}
#sidebar .qrcode p{  width:115px; height:132px; bottom: 1px; background:#fff; padding:3px; border:1px solid #ddd;}
#sidebar .qrcode p .WxQrcode{ width:100%; cursor:default;}
#sidebar .qrcode p .WxName{ color:#000; padding:3px 0; text-align:center; overflow:hidden; cursor:default;}
#sidebar .gotop p{ width:80px; height:35px; line-height:35px; background:#494949;  bottom: 0; }
#sidebar p i{ position: absolute; width: 16px;height: 16px;line-height: 16px;text-align: center; font-size: 16px; top: 10px; right: -8px; color: #494949;}

/*搜索 */
table.search_table{ width:100%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:right; padding:0px;}
table.search_table td{ vertical-align:middle; text-align:right; width:90px; padding:0px;}
.search{ position: relative;width: 100%; height: 32px;background: rgba(255,255,255,0.2);border-radius: 15px;overflow: hidden;}
button.btn-search{ background-color: transparent;position: absolute; right: 0px;top:0px;width: 40px; height: 100%; border: unset; border-top-right-radius: 21px; border-bottom-right-radius: 21px;margin:0;cursor: pointer;}
input.btn-keywords{margin:0;padding: 0 60px 0 20px;background:transparent;border: none;line-height: 32px;color: #a6a6a6;outline: none;box-sizing: border-box;}
button.btn-search i{width: 35px;height: 35px;line-height: 35px;font-size: 20px;text-align: center;background: #87bae7;color: #fff;display: block;border-radius: 50%;}
/*联系我们*/
.contact_wrap{ line-height:1.8em; }
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }
.contact_title{ height:35px; line-height:35px; border: solid 1px #e4e4e4; background:#F5F5F5;}
.contact_title h2 { text-indent:1em; font-size:14px; color:#000;  }
.contact_body { overflow:hidden; zoom:1;  color:#000; padding:5px;  border: solid 1px #e4e4e4; border-top:0; }
.contact_bottom { height:10px; }

/*订购*/
.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
table.order_table{ width:98%;  }
table.order_table th{ width:100px; text-align:left;}
table.order_table td{text-align:left}
table.order_table .operation{ text-align:center}

/* 友情链接 */ 
#link_main { background:url(../images/foot_2.jpg); }
#link { padding:0; }
.link_title { line-height:69px; height:69px;  color:#fff;  }
.link_title h2 { font-size:20px; color:#fff; font-weight: normal; text-indent:40px;}
.link_body { color:#000; border-top:0px; border-bottom:0px; }
.link_bottom{}
.link_pic { overflow:auto; zoom:1;  }
.link_pic ul li { float:left; padding:1px 5px; text-align:center; width:112px;}
.link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; }
.link_pic ul li a:hover img { border:1px solid #6C9ACC; }
.link_text { overflow: hidden; zoom:1; padding:8px 0 0 0; }
.link_text ul li { float:left; text-align:center; padding:1px 15px; overflow:hidden;white-space:nowrap;}
.link_text a { line-height:22px; color:#b7b7b7; }
.link_text a:hover { line-height:22px; color:#fff; }

/* 服务保障 */
#ensure_main { background:#F5F5F5;}
#ensure { text-align:center;}
#ensure img{ padding:15px 25px;}

/* 帮助信息 */
#help_main {  }
#help { text-align:left; }
#help dl{ margin:5px 0px; width:200px;  float:left;}
#help dl dt{ font-size:16px; padding:6px 0;}
#help dl dt.last{ text-align:center; }
#help dl dt .WxName{ font-size:12px; }
#help dl dt img{ width: 120px; height:120px; margin-bottom:5px;}
#help dl dd{ margin:0; padding:0;}
#help dl dd a{ display: block; padding:3px 0; font: 12px/150% Arial,Verdana;}

.share_main{padding: 15px 0;overflow: hidden;}
.sharelist{text-align: center;}
.sharelist li{display: inline-block; margin:0 5px 5px 0;}
.sharelist li img{width:32px;display: block;}
.sharelist li a {display: block;}
.sharelist li a .iconfont{font-size:32px;display: block;}
.sharelist li:hover{margin-top:-5px; }
.sharelist1{text-align: center;}
.sharelist1 li{display: inline-block; margin:0 5px 5px 0;}
.sharelist1 li img{width:32px;display: block;}
.sharelist1 li:hover{margin-top:-5px; }

.sharelist2{text-align: left;}
.sharelist2 li{display: inline-block; margin:0 5px 5px 0;}

.sharelist2 li img{width:32px;display: block;}
.sharelist2 li a {display: block;}
.sharelist2 li a .iconfont{font-size:32px;display: block;color: #666 !important;}
/* .sharelist2 li.n2 a .iconfont{font-size:40px;} */
.sharelist2 li:hover{margin-top:-5px; }
/* 版权信息 */
#copyright_main { color:#6b94d4; background:#01327e; overflow: hidden;border-top: 1px solid rgba(255,255,255,.1);padding: 16px 0;}
#copyright { color:#6b94d4; background:#01327e; }
#copyright .bottom_navigation{text-align: center;padding: 5px 0px; }
#copyright .line{ padding:0px 8px;}
#copyright a {color: #6b94d4; text-decoration: none; font-size: 14px;color: #6b94d4;padding: 0 20px;}
#copyright a:hover {color: #6b94d4; text-decoration: none;}
#copyright .bottom_info{ text-align:center;display: flex;justify-content: center;align-items: center;}
#copyright .TechnicalSupport{ text-align:center;}
#copyright p{display: flex;justify-content: center;align-items: center;}
#copyright .Authentication{ text-align:center;}
#copyright .Authentication img{padding:8px 5px; }

/*分页样式*/
.page { padding:25px 0px;  clear:both;text-align: center;}
.page a, .page span { border:1px #cecece solid; display:inline-block; *display:inline; *zoom:1; font-size:14px; height:33px; line-height:33px; overflow:hidden; background:#fff; vertical-align:top; margin:0 4px; border-radius:4px;
   -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width: 32px;}
.page a:link, .page a:visited { text-decoration:none; }
/* .page a:hover { border-bottom: 1px solid #000;padding: 0 2px 10px 2px; } */
.page .current{  background: #333; color: #fff; cursor: default;}
.page #total{color:red}
.page .pageup{ padding: 0 25px;font-size: 14px;width: auto;}
.page .pagedown{padding: 0 25px;font-size: 14px;width: auto;}
.page .pageinfo{display: none;}
.page .pagefirst{display: none;}
.page .pageend{display: none;}
.page .pagenum:first-child{margin: 0;}
.page .pagenextall{display: none;}

/*会员登录*/
/* table.login_table{ width:90%; text-align:center; margin:5px auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;  white-space:nowrap;}
table.login_table td{ text-align:left; width:200px;}
table.login_table .operation{text-align:left}
table.login_table .quick_login td{text-align:left; padding:10px 0;}
table.login_table .quick_login td img{ margin-right:8px; float:left;} */
table.login_table{ width:100%; text-align:center; margin:5px auto;}
table.login_table th{ width:100%; text-align:left; font-weight:normal;  white-space:nowrap;display: block;font-size: 14px; color: #555; margin-bottom: 4px;padding: 12px 0 0 0;}
table.login_table td{display: block;width:100%; text-align:left; }
table.login_table td input{width: 100%;margin:0;padding: 16px 7px;line-height: 20px;height: 52px;border-radius: 0;color: #333;font-size: 14px;border:none; border-bottom: 1px solid #ccc;
  box-shadow:none;box-sizing: border-box;background: #fff;margin:36px 0 0 0;}
table.login_table td input:hover{padding: 16px 7px;height: 52px;line-height: 20px;border:none; border-bottom: 1px solid #ccc;}
table.login_table td.MemberCode{overflow: hidden;}
table.login_table td .form_text_verifycode{float: left;width: 70%;}
table.login_table td .code_image{float: right;width: 28%;max-width: 120px;height: 52px;margin:36px 0 0 0;}
table.login_table .operation{text-align:left}
table.login_table .operation .form_button{background: #6B9BD2;color: #fff;border-bottom: 1px solid transparent;border-radius: 6px;}
table.login_table .operation p{overflow: hidden;}
table.login_table .operation p span:last-child{float: right;}
table.login_table .quick_login td{text-align:left; padding:10px 0;}
table.login_table .quick_login td img{ margin-right:8px; float:left;}
/*会员注册*/
/* table.reg_table{ width:90%; text-align:center; margin:5px auto;}
table.reg_table th{ width:120px; text-align:left; font-weight:bold;  white-space:nowrap;}
table.reg_table td{  text-align:left; }
table.reg_table .MemberCode{  text-align:left; width:70px;}
table.reg_table .operation{ text-align:left;}
table.reg_table #SmsCode{width:50px;} */
table.reg_table{ width:100%; text-align:center; margin:5px auto;}
table.reg_table th{ width:100%; text-align:left; font-weight:normal;  white-space:nowrap;display: block;font-size: 14px; color: #555; margin-bottom: 4px;padding: 12px 0 0 0;}
table.reg_table td{display: block;width:100%; text-align:left; }
table.reg_table td input{width: 100%;margin:0;padding: 0 7px;line-height: 44px;height: 44px;border-radius: 3px;color: #333;font-size: 16px;
  box-shadow: 0 1px 0 rgba(255,255,255,.8),inset 0 1px 2px rgba(0,0,0,.06);box-sizing: border-box;background: #fffcc8;border:1px solid #ebd5aa;}
table.reg_table td input:hover{padding: 0 7px;line-height: 44px;height: 44px;}
table.reg_table td.MemberCode{overflow: hidden;}
table.reg_table td.MemberCode .form_text_verifycode{float: left;width: 70%;}
table.reg_table td.MemberCode .code_image{float: right;width: 28%;max-width: 120px;height: 44px;}
table.reg_table .operation{text-align:left}
table.reg_table .operation input{background: #6B9BD2;color: #fff;}
table.reg_table .quick_login td{text-align:left; padding:10px 0;}
table.reg_table .quick_login td img{ margin-right:8px; float:left;}
table.reg_table tr td dl{}
table.reg_table tr td dl dt{font-size: 16px;color: #333;margin: 0 0 10px 0;}
table.reg_table tr td dl dd{padding-left: 18px; line-height: 24px; font-size: 13px; color: #757575; background: url(../images/point2.gif) no-repeat 5px 10px; letter-spacing: -0.5px;margin:0;}
/*忘记密码 第一步*/
/* table.forget_table1{ width:90%; text-align:center; margin:5px auto;}
table.forget_table1 th{ width:120px; text-align:left; font-weight:bold; white-space:nowrap;}
table.forget_table1 td{ text-align:left;  }
table.forget_table1 .operation{text-align:left} */
table.forget_table1{ width:100%; text-align:center; margin:5px auto;}
table.forget_table1 th{ width:100%; text-align:left; font-weight:normal;  white-space:nowrap;display: block;font-size: 14px; color: #555; margin-bottom: 4px;padding: 12px 0 0 0;}
table.forget_table1 td{display: block;width:100%; text-align:left; }
table.forget_table1 td input{width: 100%;margin:0;padding: 0 7px;line-height: 44px;height: 44px;border-radius: 3px;color: #333;font-size: 16px;
  box-shadow: 0 1px 0 rgba(255,255,255,.8),inset 0 1px 2px rgba(0,0,0,.06);box-sizing: border-box;background: #fffcc8;border:1px solid #ebd5aa;}
table.forget_table1 td input:hover{padding: 0 7px;line-height: 44px;height: 44px;}
table.forget_table1 td.MemberCode{overflow: hidden;}
table.forget_table1 td .form_text_verifycode{float: left;width: 70%;}
table.forget_table1 td .code_image{float: right;width: 28%;max-width: 120px;height: 44px;}
table.forget_table1 .operation{text-align:left}
table.forget_table1 .operation input{background: #6B9BD2;color: #fff;}
table.forget_table1 .quick_login td{text-align:left; padding:10px 0;}
table.forget_table1 .quick_login td img{ margin-right:8px; float:left;}
/*忘记密码 第二步*/
/* table.forget_table2{ width:90%; text-align:center; margin:5px auto;}
table.forget_table2 th{ width:120px; text-align:left; font-weight:bold; white-space:nowrap;}
table.forget_table2 td{ text-align:left; }
table.forget_table2 .operation{text-align:left}
table.forget_table2 #SmsCode{ width:60px;}
table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;} */
table.forget_table2{ width:100%; text-align:center; margin:5px auto;}
table.forget_table2 th{ width:100%; text-align:left; font-weight:normal;  white-space:nowrap;display: block;font-size: 14px; color: #555; margin-bottom: 4px;padding: 12px 0 0 0;}
table.forget_table2 td{display: block;width:100%; text-align:left; }
table.forget_table2 td input{width: 100%;margin:0;padding: 0 7px;line-height: 44px;height: 44px;border-radius: 3px;color: #333;font-size: 16px;
  box-shadow: 0 1px 0 rgba(255,255,255,.8),inset 0 1px 2px rgba(0,0,0,.06);box-sizing: border-box;background: #fffcc8;border:1px solid #ebd5aa;}
table.forget_table2 td input:hover{padding: 0 7px;line-height: 44px;height: 44px;}
table.forget_table2 td.MemberCode{overflow: hidden;}
table.forget_table2 td .form_text_verifycode{float: left;width: 70%;}
table.forget_table2 td .code_image{float: right;width: 28%;max-width: 120px;height: 44px;}
table.forget_table2 .operation{text-align:left}
table.forget_table2 .operation input{background: #6B9BD2;color: #fff;}
table.forget_table2 .quick_login td{text-align:left; padding:10px 0;}
table.forget_table2 .quick_login td img{ margin-right:8px; float:left;}

/*第三方账号登录*/
.oauth{}
.oauth_title{  overflow:hidden; padding-left:15em; font-size:16px; position:relative; margin-bottom:-1px; z-index:1;}
.oauth_title .create_user, .oauth_title .bind_user{ float:left; padding:10px 20px; cursor:pointer; margin-right:10px; background:#f0f0f0; border:1px solid #e0e0e0; }
.oauth_title .current{ background:#fff; border-bottom:1px solid #fff;}
.oauth_body{ overflow:hidden; border-top: 1px solid #f0f0f0; position:relative; padding:10px 0;} 
table.oauth_table{ width:350px; text-align:center; margin:5px auto;}
table.oauth_table th, table.oauth_table td{ padding:3px 0;}
table.oauth_table th{ width:100px; text-align:left; }
table.oauth_table td{  text-align:left; width:200px;}
table.oauth_table .operation{text-align:center}

/*公共百度地图*/
#Map{ overflow:hidden; width:100%;  }
#Map .MapInfo{ float:left;width: 100%;}
#Map .MapInfo #MapContainer{ width:100%; height:469px; }
#Map .ContactInfo{ width:300px; float:right; line-height:2.7em;}
#Map .ContactInfo .Company{ font-size:24px; margin-bottom:8px;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}


/*网站地图列表*/
.maplist{ }
.maplist li { padding:1px; }
.maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; }
.maplist li a:hover { text-decoration:none; background:#FFF; }
.maplist .depth1{font-weight:bold;text-indent:0px; font-weight:bold}
.maplist .depth2{text-indent:2em}
.maplist .depth3{text-indent:4em}
.maplist .depth4{text-indent:6em}
.maplist .depth5{text-indent:8em}
.maplist .depth6{text-indent:10em}

/*商品所有分类页标题*/
.all_title{ height:35px; line-height:35px; border: solid 1px #efefef; background:#fafafa;}
.all_title h2 { text-indent:1em; color:#000;  }
.all_title h2 a{ border-left:3px solid #ff2832; padding-left:8px; font-size:15px; font-weight:bold;}
.all_body { overflow:hidden; zoom:1;  color:#000; padding:8px 5px;  border: solid 1px #efefef; border-top:0}
.all_body .brand{ overflow:hidden; zoom:1; margin-bottom:10px;}
.all_body .brand a{ display:block; width:10%; float:left; text-align:center; margin-bottom:5px;}
.all_body .brand a img{ width:90%; border: 1px solid #efefef;}
.all_body dl, .all_body dt, .all_body dd{ padding:0; margin:0; overflow:hidden; zoom:1; }
.all_body dl{ margin:8px 0; clear:both;}
.all_body dt{ float:left; width:120px; text-align:center; }
.all_body dd{ float:left; width:1050px; }
.all_body dt a{ color:#000; font:12px/150% Arial,Verdana; font-weight:bold;}
.all_body dd a{ padding-right: 22px; font:12px/160% Arial,Verdana; text-align:left; }
.all_bottom { height:12px; }

/*===商品评论 开始===*/
/*评论结果：好评率*/
.GoodsComment{}
.GoodsCommentResult{ border-bottom:1px solid #e4e4e4; overflow:hidden; height:100px; padding:8px 0;}
.GoodsCommentResult .GoodRate{ width:180px;height:100%;  float:left; border-right:0px solid #e4e4e4; overflow:hidden;}
.GoodsCommentResult .GoodRate .GoodRatue{ color:#e01d20; text-align:center; }
.GoodsCommentResult .GoodRate .GoodRatue b{ font-size: 53px; }
.GoodsCommentResult .GoodRate .GoodRatue .PercentSign{font-family: Arial,Helvetica,sans-serif;font-size: 33px;}
.GoodsCommentResult .GoodRate .GoodRateText{ text-align:center; height:25px;}
/*评论结果：好评、中评、差评*/
.GoodsCommentResult .StatResult{ width:150px;height:100%; float:left; border-right:0px solid #e4e4e4; }
.GoodsCommentResult .StatResult dl{ margin:0;}
.GoodsCommentResult .StatResult dt{ font-size:12px;}
.GoodsCommentResult .StatResult dt em{ font-style:normal; color:#999; padding:0 5px;}
.GoodsCommentResult .StatResult dd{ margin:0; background:#ddd; height:6px;}
.GoodsCommentResult .StatResult dd div{ background:#e01d20;  height:6px; width:0;}
.GoodsCommentResult .Tip{  width:600px; height:100%; float:right;}
/*评论选项卡*/
.GoodsCommentTab{overflow:hidden; border-bottom:1px solid #e4e4e4; }
.GoodsCommentTab li{ float:left; padding:0 12px; overflow:hidden; height:42px; line-height:42px; }
.GoodsCommentTab li.current{border-bottom:1px solid #e01d20; }
.GoodsCommentTab li a{ color:#666; }
.GoodsCommentTab li a i{ font-style:normal;}
.GoodsCommentTab li a:hover, .GoodsCommentTab li.current a{ color:#e01d20; }

/*评论列表*/
.GoodsCommentContent{}
.goodscommentlist{ font-size: 12px; font-family: Arial,Verdana; overflow:hidden; }
.goodscommentlist li{ overflow:hidden; border-bottom:1px solid #e4e4e4; padding:10px 0; }
.goodscommentlist li .MemberAvatar{ float:left; width:120px; text-align:center;}
.goodscommentlist li .MemberAvatar img{ border: 1px solid #dedede;vertical-align: top; width: 70px; height: 70px;}
.goodscommentlist li .GuestName{ padding:5px 0;}
.goodscommentlist li .CommentContent{ float:left; width:710px; display:block; line-height:1.6em;}
.goodscommentlist li .CommentTime{float:right; color:#999; width:140px; text-align:center; padding-top:15px;}
.goodscommentlist li .CommentTime b{ font-weight:normal; color:#e01d20; display:block; padding:5px 0;}
/*评论回复*/
.GoodsCommentReply{ color: #F90; line-height:1.8em; background: #f5f5f5; padding: 5px 8px; margin:8px 10px;}
.GoodsCommentReply .replycommentlist li{ border-bottom:1px solid #ddd; padding:5px 0;}
.GoodsCommentReply .replycommentlist li .GuestName{ display:inline; }
.GoodsCommentReply .replycommentlist li .CommentContent{ display:inline; float:none;}
.GoodsCommentReply .replycommentlist li .CommentTime { float: none;color: #999; text-align: center; margin:0 1px;}

/*评论分页*/
.GoodsCommentPage{ overflow:hidden; float:right; padding:10px 0; }
.GoodsCommentPage li{ float:left; border-radius: 2px;  background: #f7f7f7; padding: 4px 1em;border: 1px solid #ddd; margin-left: 3px; vertical-align: middle; cursor:pointer;}
.GoodsCommentPage li a{ color: #333; }
.GoodsCommentPage li a:hover{ color: #e33b3d; }
.GoodsCommentPage li.active{ border: 0;cursor: default; background: none;}
.GoodsCommentPage li.active a{ color: #e33b3d; font-weight: bold; cursor: default; }
.GoodsCommentPage li.disabled{ cursor:not-allowed; }
.GoodsCommentPage li.disabled a{ color: #999;cursor:not-allowed;}

/*评论表单*/
.GoodsCommentForm{ margin-top:15px; overflow:hidden; clear:both;}
table.goods_comment_table{ width:99%; text-align:center; margin:0 auto; border-spacing:0; font-size: 12px; }
table.goods_comment_table th{ width:80px; text-align:left; white-space:nowrap; font-weight:normal;  }
table.goods_comment_table td{  text-align:left; padding:3px 0;}
table.goods_comment_table .operation{text-align:left;}
table.goods_comment_table #CommentContent{ height:70px; border: 1px solid #e0e0e0;}
table.goods_comment_table  label{ float:left; margin-right:30px;}
table.goods_comment_table  label .form_radio{ float:left; }
/*===商品评论 结束===*/
/*==========@@公共板块  结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist li {display: flex;padding: 30px;border-bottom: 1px solid #DDD; background: #fff; margin-bottom: 30px;}
.textlist li .info_left{display: flex;width: calc( 100% - 165px );}
.textlist li .info_left .InfoTime{width: 100px;position: relative;height: auto;padding: 0;}
.textlist li .info_left .InfoTime p{display: block; color: #999; font-size: 24px; font-weight: normal; margin: 0px 0 30px 0; transition: all .5s ease;}
.textlist li .info_left .InfoTime span{width: 38px;height: 29px;box-sizing: border-box; border: 1px solid transparent;transition: all .5s ease;color: #ccc;background: url(../images/arrow_r.png) no-repeat center;display: block;}
.textlist li .info_left .content{position: relative;width: calc( 100% - 100px);transition: all .5s ease;padding: 0 30px 0 60px;box-sizing: border-box;}
.textlist li .info_left .content::before{content: '';position: absolute; left: 0px; top: 16px; display: block; width: 40px; height: 1px; background: #aaa; transition: all .5s ease;}
.textlist li .info_left .content .InfoTitle{margin-bottom: 10px;display: block;width: 100%; font-size: 16px; color: #000;padding: 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: left;}
.textlist li .info_left .content .InfoSContent{line-height: 24px;height: 48px; font-size: 14px;overflow: hidden; color: #999;transition: 600ms;}
.textlist li .info_right{width: 165px;height: 110px;}
.textlist li:hover .info_left .content .InfoTitle{color: #01327e;}
.textlist li:hover .InfoTime span{border-color: #01327e; margin-top: 10px; background: #01327e url(../images/arrow_r.png) no-repeat center;}
.textlist li:hover .content{padding-left: 80px;}
.textlist li:hover .content::before{width: 60px;}
/* .textlist li:hover .InfoPicture img{transform: scale(1.4);transition: all 0.3s ease;} */

.textlist1{}
.textlist1 li{max-width: 50%;}
.textlist1 li .InfoTime{font-size: 14px;color: #fff;line-height: 20px;padding: 0;height: 20px;}
.textlist1 li .InfoTitle{color: #fff;margin: 30px 0 10px;font-size: 38.5px;text-align: left;padding: 0;line-height: 1.1;}
.textlist1 li .InfoSContent{color: rgba(255, 255, 255,.8); margin: 20px 0 45px 0;font-size: 15px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.6;overflow: hidden;}
.textlist1 li a{max-width: 140px;width: 100%; height: 40px;border:1px solid rgba(255,255,255,0.3);display: block;text-align: center;
  padding: 0 20px;box-sizing: border-box;position: relative;}
.textlist1 li a b{color: #fff;text-align: left;font-size: 14px; line-height: 40px;font-weight: normal;position: relative;}
.textlist1 li a::before{content: '';width: 0px; height: 100%;position: absolute;background: #0e4e8c; z-index: 0;left: 0px;transition: all 0.5s ease;}
.textlist1 li a:hover b{color: #fff;}
.textlist1 li a:hover::before{width:100%;color: #fff;}

.textlist2{display: flex;border-left: 1px solid rgba(255, 255, 255, .3); position: relative;flex: 0 0 30%;}
.textlist2::before{content: ''; width: 1920px; height: 100%; position: absolute; left: 50%; background: rgba(255,255,255,0.08); margin-left: -960px;}
.textlist2 li{display: flex; flex-basis: calc(100% / 3);flex-shrink: 0; flex-grow: 0; border-right: 1px solid rgba(255, 255, 255, .3); background-color: rgba(255,255,255,0);padding: 0 5%;box-sizing: border-box; position: relative;align-items: center;transition: all 0.5s ease;}
.textlist2 li a{display: flex; flex-direction: column;padding: 12% 0;}
.textlist2 li .InfoTime{font-size: 14px;color: #fff;line-height: 20px;padding: 0;height: 20px;}
.textlist2 li .InfoTitle{margin-top: 12px; color: #fff;font-size: 18px;transition: all 0.5s ease;display: -webkit-box;overflow: hidden; -webkit-line-clamp: 1;-webkit-box-orient: vertical;
  text-overflow: ellipsis;padding: 0;text-align: left;}
.textlist2 li .InfoSContent{color: rgba(255, 255, 255,.5); margin: 20px 0 0 0;font-size: 14px;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;line-height: 1.6;overflow: hidden;transition: all 0.5s ease;}
.textlist2 li:hover{background: rgba(1, 50, 126, 0.8);}  

.textlist3{}
.textlist3 li{border-bottom: 1px dashed #ccc;padding: 20px 30px; margin:5px 0;}
.textlist3 li a{}
.textlist3 li a p{display: block; width: 100%; overflow: hidden; color: #333; font-weight: bold; margin: 5px 0px; white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}
.textlist3 li a span{font-size: 12px;color: #928f88;display: block;width: 100%;margin-top: 5px;}

.textlist4{}
.textlist4 li{}
.textlist4 li .AlbumTitle{font-size: 18px;color: #01327e;padding: 15px 0;line-height: 1.1;font-weight: 700;}
.textlist4 li .AlbumDescription{font-size: 16px;color: #666;padding-bottom: 15px;line-height: 30px;}
/* .textlist1{}
.textlist1 li{float: left;margin:0 0 0 80px;font-size: 16px;line-height: 40px;}
.textlist1 li.on{color: #6B9BD2;}

.textlist2{}
.textlist2 li{float:left;width: 25%;}
.textlist2 li b{line-height: 24px;display: block;color: #333;font-size: 14px;}
.textlist2 li b i{display: none;}
.textlist2 li .body p{line-height: 24px;display: block;color: #333;font-size: 12px;}
.textlist2 li ul{}
.textlist2 li ul li{float: none;width: 100%;}
.textlist2 li ul li a{line-height: 28px;display: block;color: #333;font-size: 12px;}

.textlist3{ display: flex; line-height:54px;height:54px;border:1px solid transparent;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.textlist3 li { color:#fff; font-weight:700; border:1px solid transparent; max-width:280px;line-height:54px;height:54px;font-size:16px;flex: 1;display: flex;align-items: center;justify-content: center;cursor: pointer;}
 .textlist3 li.on{background: #fff;border-radius: 50px;color: #6B9BD2;} */
/*带缩略图文字列表*/
.thumblist{}
.thumblist li {}

/*橱窗列表*/
.gridlist{  }
.gridlist li { width: calc(100% / 3);  height: auto;  float: left;position: relative;overflow: hidden;  padding: 20px 10px;box-sizing: border-box;}
.gridlist li a{display: block;position: relative;}
.gridlist li .InfoPicture{position: relative; overflow: hidden; width: 100%;  height: auto;padding-bottom: 100%;border:1px solid #ddd;border-bottom: none;box-sizing: border-box;}
.gridlist li img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; }
.gridlist li .InfoTitle{position: relative;width: 100%;background: #01327e;height: auto; padding: 20px; font-size: 16px; color: #fff; 
  overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap;text-align: center; box-sizing: border-box;}
.gridlist li .content{position: absolute;top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; background: rgba(1, 50, 126, 0.8); transition: all 0.5s ease;}
.gridlist li .content .InfoSTitle{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); display: block; width: 60%; color: #fff; text-align: center; font-size:16px; padding: 8px 0;}
.gridlist li .content .InfoSTitle::before{content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff; transition: all .5s ease;}
.gridlist li .content .InfoSTitle::after{content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff; transition: all .5s ease;}
.gridlist li:hover img{transform: translate( -50% ,-50%) scale(1.1);}
.gridlist li:hover .content{opacity:1;}
.gridlist li:hover .content .InfoSTitle::before,.gridlist li:hover .content .InfoSTitle::after{width: 16px;}

.gridlist0{  }
.gridlist0 li { width: calc(100% / 2); height: auto; float: left;box-sizing: border-box;padding: 10px;}
.gridlist0 li a{display: block;position: relative;}
.gridlist0 li .InfoPicture{position: relative; overflow: hidden; width: 100%;  height: auto;padding-bottom: 100%;border:1px solid #ddd;border-bottom: none;box-sizing: border-box;}
.gridlist0 li img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; }
.gridlist0 li .InfoTitle{position: relative;width: 100%;height: auto; padding:10px 20px; font-size: 14px; color: #333; 
  overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap;text-align: center; box-sizing: border-box;}
.gridlist0 li .content{position: absolute;top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; background: rgba(1, 50, 126, 0.8); transition: all 0.5s ease;}
.gridlist0 li .content .InfoSTitle{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); display: block; width: 60%; color: #fff; text-align: center; font-size:14px; padding: 8px 0;}
.gridlist0 li .content .InfoSTitle::before{content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff; transition: all .5s ease;}
.gridlist0 li .content .InfoSTitle::after{content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff; transition: all .5s ease;}
.gridlist0 li:hover img{transform: translate( -50% ,-50%) scale(1.1);}
.gridlist0 li:hover .content{opacity:1;}
.gridlist0 li:hover .content .InfoSTitle::before,.gridlist li:hover .content .InfoSTitle::after{width: 16px;}
/*商品主页模板的商品缩略图显示*/
.goodsalbumlist{ overflow:hidden; width:90%; margin:0 auto; margin-top:6px;}
.goodsalbumlist li { float:left; width:37px; height:37px; margin-right:5px; border:0; padding:0;}
.goodsalbumlist li:hover{ border:0; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow:none;}
.goodsalbumlist li img{ width:32px; height:32px; border:1px solid #ccc; display:block; padding:1px;}
.goodsalbumlist li img.current{ border-width: 2px; border-color: #e4393c; padding:0;}

/*橱窗列表1*/
.gridlist1{  }
.gridlist1 li { overflow:hidden;width:200px;float: left;margin:0 50px 30px 0;position: relative;}
.gridlist1 li a{display: block;width:200px;height: 200px;border-radius: 10px;overflow: hidden;}
.gridlist1 li a .InfoPicture{height: 200px;width: 200px;}
.gridlist1 li img { width:100%; display:block; object-fit: cover;height: 100%;}
.gridlist1 li .InfoSTitle{position: absolute;width: 100%;height:100%; left: 0;line-height: 200px; bottom: 0;text-align: center;padding: 0;z-index: 999;font-size: 18px;color: #fff;}
.gridlist1 li .wrap{ position: absolute;width: 100%;left: 0;bottom: -120px;text-align: center;padding: 0;z-index: 999;transition: all 0.3s ease;height: 117px;}
.gridlist1 li .wrap .InfoTitle{font-size: 18px;color: #fff;}
.gridlist1 li .wrap .InfoSContent{font-size: 14px;color: #fff;overflow: hidden;padding: 0 10px;}
.gridlist1 li::before{content: '';position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.75);opacity: 0;transition: opacity .3s ease;}
.gridlist1 li:hover::before{opacity: 1;}
.gridlist1 li:hover .wrap{bottom:0;transition: all 0.3s ease;}
.gridlist1 li:hover .InfoSTitle{display: none;}
.gridlist1 li:nth-child(5n){margin:0 0 30px 0;}
/* .gridlist1 li:hover .InfoTitle{color: #1679DB;} */
/* .gridlist1 li:hover .wrap .InfoSContent{height: 78px;} */
/*橱窗列表2*/
.gridlist2{  }
.gridlist2 li { width: calc(100% / 4);  height: auto;  float: left;position: relative;overflow: hidden;  padding: 20px 10px;box-sizing: border-box;}
.gridlist2 li a{display: block;position: relative;}
.gridlist2 li .InfoPicture{position: relative; overflow: hidden; width: 100%;  height: auto;padding-bottom: 100%;}
.gridlist2 li img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; }
.gridlist2 li .InfoTitle{position: relative;width: 100%;background: #01327e;height: auto; padding: 20px; font-size: 16px; color: #fff; 
  overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap;text-align: center; box-sizing: border-box;}
.gridlist2 li .content{position: absolute;top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; background: rgba(1, 50, 126, 0.8); transition: all 0.5s ease;}
.gridlist2 li .content .InfoSTitle{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%); display: block; width: 60%; color: #fff; text-align: center; font-size:16px; padding: 8px 0;}
.gridlist2 li .content .InfoSTitle::before{content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff; transition: all .5s ease;}
.gridlist2 li .content .InfoSTitle::after{content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff; transition: all .5s ease;}
.gridlist2 li:hover img{transform: translate( -50% ,-50%) scale(1.1);}
.gridlist2 li:hover .content{opacity:1;}
.gridlist2 li:hover .content .InfoSTitle::before,.gridlist2 li:hover .content .InfoSTitle::after{width: 16px;}


.gridlist3{display: flex;}
.gridlist3 li { overflow:hidden;width:20%;float: left;position: relative;padding: 40px 20px; border-left: 1px solid rgba(255,255,255,.3); transition: all 0.8s ease;box-sizing: border-box;background: rgba(255,255,255,.08);}
.gridlist3 li img {  }
.gridlist3 li .wrap{text-align: center;}
.gridlist3 li span{ margin-top: 10px;color: #fff;font-size: 16px;display: block;}
.gridlist3 li:hover img{transform: rotateY(180deg);transition: all 0.8s ease;}
.gridlist3 li:hover{background:rgba(1, 50, 126, 0.9) ;}
.gridlist3 li:last-child{ border-right: 1px solid rgba(255,255,255,.3);}

.gridlist3_1{  }
.gridlist3_1 li { overflow:hidden;width:224px;float: left;position: relative;margin:0 20px 0 0;}
.gridlist3_1 li a{display: block;}
.gridlist3_1 li img { width:100%; display:block; margin:0 auto; }
.gridlist3_1 li .InfoTitle{ position: absolute;width: 90%;left: 5%;bottom: 10px;background: rgba(0,0,0,0.2); text-align: center;font-size: 12px;color: #fff;padding: 16px 0;border-radius: 10px;}
.gridlist3_1 li:nth-child(5n){margin:0 0 30px 0;}
.gridlist3_1 li:hover .InfoTitle{color: #1679DB;}
/*橱窗列表4*/
.gridlist4{display: flex;}
.gridlist4 li { width:16.66%;float: left;position: relative;padding: 5px;box-sizing: border-box;}
.gridlist4 li .wrap{transition: 0.5s;background: #fff;overflow:hidden;}
.gridlist4 li .wrap .InfoPicture{margin:20px 0;}
.gridlist4 li img {}
.gridlist4 li .wrap{text-align: center;}
.gridlist4 li span{ margin: 10px; color: #595959;font-size: 14px;display: block;overflow: hidden;}
.gridlist4 li:hover .wrap{box-shadow:rgba(0,0,0,0.2) 0px 17px 30px 0px;}

.gridlist5{}
.gridlist5 li { width: 31.996799999999997%;margin-right: 2%;float: left;position: relative;}
.gridlist5 li::before{}
.gridlist5 li .wrap{position: absolute;left: 0;top:0;height: 100%;width: 100%;background: linear-gradient(to top, #01327e 5%, rgba(1, 50, 126, 0.98) 7%, rgba(1, 50, 126, 0) 100%);display: flex;flex-flow: column; justify-content: flex-end;}
.gridlist5 li .wrap .content{padding: 48px 8%;}
.gridlist5 li .wrap .content .AlbumTitle{font-size:20px;line-height:1.6;display: block;font-weight: bold;color:#FFFFFF;}
.gridlist5 li .wrap .content .AlbumDescription{font-size:16px;line-height:1.6;display: block;font-weight: normal;color:#FFFFFF}
.gridlist5 li .InfoPicture{overflow: hidden;}
.gridlist5 li img{transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.gridlist5 li .wrap .content .line{height: 30px;width: 50px;display: flex;justify-content: center;align-items: center;}
.gridlist5 li .wrap .content .line span{border-top: 1px solid #fff;display: block;width: 50px;}
.gridlist5 li:hover .wrap{background: linear-gradient(to top, #cc0505 5%, rgba(204, 5, 5, 0.98) 7%, rgba(204, 5, 5, 0) 100%)}
.gridlist5 li:hover img{transform: scale(1.1);}
.gridlist5 li:nth-child(3n){margin:0}
/* .gridlist5{  }
.gridlist5 li { overflow:hidden;width:285px;float: left;margin:0 20px 30px 0;position: relative;}
.gridlist5 li a{display: block;}
.gridlist5 li img { width:100%; display:block; margin:0 auto; }
.gridlist5 li:nth-child(4n){margin:0 0 30px 0;}
.gridlist5 li:hover img{transform: scale(1.5);transition: all 0.3s ease;} */

.gridlist6{}
.gridlist6 figure{width: 23%;font-size: 16px;transition: 0.3s ease 0s;margin-bottom: 2.5%;width: 23%;margin-right: 2.6%; background: #f6f6f6; padding: 10px;box-sizing: border-box;float: left;}
.gridlist6 figure .InfoPicture{height: auto;padding-bottom: 70%;position: relative;}
.gridlist6 figure .InfoPicture .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.gridlist6 figure img{display:block;transition: 0.5s linear 0s; width: auto; height: auto; max-height: 87%; max-width: 90%; margin-left: 0px; transform: scale(1); object-fit: cover;}
.gridlist6 figure .AlbumTitle{color: #666;white-space: nowrap;transition: 0.3s ease 0s;display: block;width: 100%;text-align: center;overflow: hidden;text-overflow: ellipsis;font-size: 16px;padding: 3% 10px;box-sizing: border-box;border: none;}
.gridlist6 figure:nth-child(4n){margin-right: 0;}
.gridlist6 figure:hover img{transform: scale(1.1);}

.gridlist7{}
.gridlist7 li{width: calc((100% - 50px)/5);border-radius: 10px;margin-right: 10px; margin-bottom: 20px;float: left; background: #fff; overflow: hidden; padding: 10px; 
  transition: all .5s ease; border: 1px solid #eee;box-sizing: border-box;}
.gridlist7 li .InfoPicture{position: relative;height: 0px; padding-bottom: 50%; margin: 15px 0px; overflow: hidden;}
.gridlist7 li img{position: absolute; top: 0px; left: 0px; width: 100%;height: 100%;transition: all .8s ease;}
.gridlist7 li .AlbumTitle{position: relative;transition: all .36s ease;padding: 10px 0px 5px;border-top: 1px solid #eee; font-size: 14px;font-weight: bold;color: #333;text-align: center;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gridlist7 li .AlbumTitle::before{content: ''; position: absolute; top: 0px; left: 0px; width: 0%; height: 1px; background: #be1a1f; z-index: 1; transition: all .5s ease;}
.gridlist7 li:hover .AlbumTitle::before{width: 100%;}
.gridlist7 li:hover .AlbumTitle{color: #be1a1f;}
.gridlist7 li:hover img{transform: scale(1.1);}

.gridlist8{}
.gridlist8 li{float: left;width: 48.5%;}
.gridlist8 li.n1{float: right;}
.gridlist8 li .InfoPicture{overflow: hidden;}
.gridlist8 li .InfoPicture img{transition: all .8s ease;}
.gridlist8 li .wrap{padding: 32px 5%;background: rgba(246, 246, 246, 1);}
.gridlist8 li .wrap .AlbumTitle{font-size:24px;color:#333;line-height: normal;}
.gridlist8 li .line{display: flex;align-items: center;height: 26px;}
.gridlist8 li .line span{width: 20px;border-top: 1px solid #006ab2;display: block;}
.gridlist8 li .wrap .AlbumDescription{color:#666;line-height:1.8;font-size:16px}
.gridlist8 li:hover img{transform: scale(1.1);}

.footerlist{}
.footerlist li{width: calc(70% / 5);float: left;margin-right: 5%;line-height: 24px;}
.footerlist li span{display: block;font-size: 16px;margin-bottom: 12px; color: #fff;transition: all .3s ease;}

.footerlist1{}
.footerlist1 li{float: none;margin-right:0;width: 100%;}
.footerlist1 li a{display: block;font-size: 14px;line-height: 30px;margin-bottom: 0px;color: #6b94d4;}

/*相关信息列表*/
.inforelationlist{}
.inforelationlist li{float: left;width: 23.5%;box-sizing: border-box;margin-bottom: 40px;margin-left: 2%;margin-bottom: 40px;}
.inforelationlist li.n0{margin-left: 0;margin-bottom: 40px;}
.inforelationlist li.right{float: left;width: 33.33%;padding:0 30px 0 0;}
.inforelationlist li .InfoPicture{display: block;background: rgba(0,0,0,.5);}
.inforelationlist li .f1{height: 16px;line-height: 16px;}
.inforelationlist li .f1 i{font-size: 14px;}
.inforelationlist li .InfoTitle{display: block;max-height: 54px;line-height:18px;margin-top: 10px;font-size: 14px;
  padding: 0; overflow: hidden;text-align: left;overflow:hidden;position: relative; text-overflow:ellipsis; white-space:nowrap;}
.inforelationlist li .price {overflow: hidden;padding: 5px 0 0 0;}
.inforelationlist li .price p{float: left;line-height: 24px;font-size: 16px;color: #000;}
.inforelationlist li .price span{float: left;line-height: 24px;font-size: 16px;color: #999;margin:0 0 0 8px;text-decoration:line-through}

/*相册列表*/
.albumlist{ float:left;  outline:0px dashed red;}
/* .albumlist li { float:left; text-align:center; overflow:hidden;width: 90px; padding:0 4px;} */
.albumlist li img {  cursor:pointer; border: 1px solid transparent;object-fit: cover;}
.albumlist li.on img{ border: 1px solid #01327e; }
.InfoAlbum .myalbum { float: left;width: 100%;overflow: hidden;}
/* .InfoAlbum .sPrev{float: left; display: block; width: 16px; height: 54px;background: url(../images/prev3.png) no-repeat center; cursor: pointer; 
  margin:0; outline:0px dashed red;position: absolute;top:50%;transform: translate(0,-50%);}
 .InfoAlbum .sNext {float: left; display: block; width: 16px; height: 54px;background: url(../images/next3.png) no-repeat center; cursor: pointer; 
  margin:0; outline:0px dashed red;position: absolute;top:50%;transform: translate(0,-50%);}
.InfoAlbum .sPrev{  left:0;}
.InfoAlbum .sPrev:hover{  }
.InfoAlbum .sNext{ float: right; right:0;}
.InfoAlbum .sNext:hover{  } */
.InfoAlbum .swiper-button-next{background: url(../images/next3.png) no-repeat center;right: 0;}
.InfoAlbum .swiper-button-prev{background: url(../images/prev3.png) no-repeat center;left: 0;}

.channelalbumlist{display: flex;flex-wrap: wrap;}
.channelalbumlist li{padding: 24px;width: 50%; display: flex;box-sizing: border-box;}
.channelalbumlist li a{display: flex;}
.channelalbumlist li.mod1{float: right;}
.channelalbumlist li.n5,.channelalbumlist li.n6{margin:0}
.channelalbumlist li img{min-width: 220px;max-width: 220px;height: 100%;object-fit: cover;}
.channelalbumlist li .wrap{}
.channelalbumlist li .wrap h2{font-size: 20px; line-height: 48px;color: #333333;display: block;width: 100%;}
.channelalbumlist li .wrap p{color: #999;line-height: 24px;display: block;width: 100%;max-height: 72px;}
.channelalbumlist li .wrap span{color: #6b9bd2;margin-top: 12px;display: block;}
.channelalbumlist li .InfoPicture{min-width: 220px;max-width: 220px;overflow: hidden;margin:0 30px 0 0;height: 160px;border-radius: 8px;}
.channelalbumlist li:hover .InfoPicture img{transform: scale(1.4);transition: all 0.3s ease;}
/*商品参数选项卡*/
.producttablist{ overflow:hidden; }
.producttablist li { float:left; text-align:center; overflow:hidden;  padding:0 20px; cursor:pointer;font-size: 24px;}
.producttablist li.current{ color:#333;border-bottom-color: #FFF; padding-top: 0;}
.GoodsSpecification{ display:none;}
.specification_table{ width: 100%; border-collapse:collapse; font-family:宋体; font-size:12px; color:#666;}
.specification_table .TypeGroupName{ border-bottom:1px solid #e4e4e4; color:#333; text-align:left; padding:8px 0px; }
.specification_table .TypeAttributeName{ width: 135px; text-align:left; padding:5px 0px; white-space:nowrap;}
.specification_table .Attributue{}

/*视频列表*/
.videolist{ }
.videolist li { width:475px; float:left; margin:0 5px; text-align:center; overflow:hidden;}
.videolist li img { border:1px solid #E1E1E1; width:100%; }
.videolist li a { white-space:nowrap; }
.videolist li a.InfoTitle{ display: block; text-align:center; padding:8px 0;}

/*选项卡切换列表*/
.tablist { overflow: hidden; zoom:1; float:right; }
.tablist  li { float:left;  overflow:hidden; white-space:nowrap; border-top: solid 3px #fff; height:36px; border-left: solid 1px #fff;border-right: solid 1px #fff;}
.tablist  li a{  border-left: solid 1px #ededed; padding:0px 12px;  }
.tablist  li a.n1{ border:0;}
.tablist  li.on{ border-left: solid 1px #c81623;border-right: solid 1px #c81623; border-top: solid 3px #c81623; border-bottom:1px solid #fff; background:#fff;}

/*浏览历史*/
.historylist{  }
.historylist li { overflow:hidden; border-bottom: 1px solid #e4e4e4; margin-bottom:5px; padding:5px 0;}
.historylist li a.InfoPicture{ float:left;}
.historylist li img { width:80px; height:80px; display:block; border:1px solid #fff; }
.historylist li img:hover{ border:1px solid #e9e9e9;}
.historylist li .InfoTitle{ display:block;width:100%; overflow:hidden; text-align:left;  line-height:30px; font: 12px/150% Arial,Verdana; margin:0 auto;}
.historylist li .InfoPrice{ line-height:80px; float:right; height:80px; padding:0; padding-right:5px;}
.historylist li.last{border:0; text-align:right; margin-bottom:0;}

/*销售排行榜*/
.toplist{  }
.toplist li { overflow:hidden; border-bottom: 1px solid #e4e4e4; margin-bottom:5px; padding:5px 0;}
.toplist li a.InfoPicture{ float:left;}
.toplist li img { width:80px; height:80px; display:block; border:1px solid #fff; }
.toplist li img:hover{ border:1px solid #e9e9e9;}
.toplist li .InfoTitle{ display:block;width:100%; overflow:hidden; text-align:left;  line-height:30px; font: 12px/150% Arial,Verdana; margin:0 auto;}
.toplist li .InfoPrice{ line-height:30px; float:right; height:30px; padding:0; padding-right:5px;}
.toplist li .Quantity{ line-height:30px; float:right; height:30px; padding:0; padding-right:5px;}
.toplist li.last{border:0; text-align:right; margin-bottom:0;}
/*==========@@通用列表  结束@@==========*/


/*==========@@购物车 开始@@==========*/
/*公共*/
.cart_price{ font-weight:normal; color:#F00;}

/**购物进度*/
.progress{ overflow:hidden; margin:8px 0;}
.progresslist li{ width: 33.3%; height: 35px; line-height:35px; float:left; text-align:center; background: #f1f1f1; color:#999;}
.progresslist li i{ display: block;background: url(../images/progresslist.png) no-repeat;float: right;width: 22px; height: 35px;}
/*step1*/
.progress #step1 li.n1 { color: #6B9BD2; background: #ffe6bc; }
.progress #step1 li.n1 i {background-position: 0px -35px;}
/*step2*/
.progress #step2 li.n1 i { background-position: 0px -70px; }
.progress #step2 li.n2 { color: #6B9BD2; background: #ffe6bc; }
.progress #step2 li.n2 i{ background-position: 0px -35px; }
/*step3*/
.progress #step3 li.n2 i{ background-position: 0px -70px; }
.progress #step3 li.n3 { color: #6B9BD2; background: #ffe6bc; }

/*购物车列表*/
.cart_table{ width: 100%; border-collapse:collapse; }
.cart_table thead{ background: #F5F5F5;}
.cart_table td, .cart_table th{ padding:8px 0px; text-align:center; }
.cart_table, .cart_table th, .cart_table td{ border:1px solid #e4e4e4; }
.cart_table .tImage{ width: 180px; }
.cart_table .tProductName{}
.cart_table .tPrice{ width: 100px;  }
.cart_table .tQuantity{ width: 120px; }
.cart_table .tTotalItemPrice{ width: 110px;  padding-left:10px;}
.cart_table .tOperation{ width: 110px;}
.cart_table .tTotalPrice{ text-align:right; padding-right:10px;}
.cart_table .tTotalPrice i{ color:red; font-style:normal;}
.cart_table .tTotalPrice .TotalPrice{color:red;}
.cart_table tfoot th{ text-align:right; font-weight:normal;}
.cart_table tfoot td{ text-align:right; padding-right:15px;}
.cart_table tfoot .trCartCheckout th{ padding:0;}
.cart_table tfoot i{ font-style:normal; color:red;}
.cart_table tfoot .OrderTotalPrice{ color:red; font-size:20px;}
/*值*/
.cart_table .form_quantity{ width: 45px; height: 24px;border: 1px solid #e9e9e9;float: left; line-height: 24px;text-align: center;padding: 0;margin: 0;outline: none;}
.cart_table .TotalPrice{font-weight:normal; font-size:16px;}
.cart_table .TotalItemPrice{font-weight:normal; }
.cart_table .TotalCount,  .TotalItemCount{color:red; }
.cart_table .IncQuantity, .cart_table .DecQuantity{ width: 26px; height: 26px;float: left; color: #ccc; padding:0; cursor:pointer; }
.cart_table .IncQuantity { background: url(../images/increase.png) #e9e9e9 center center no-repeat;}
.cart_table .DecQuantity { background: url(../images/decrease.png) #e9e9e9 center center no-repeat; margin-left:10px;}
.cart_table .InfoPicture{ height: 100px;}
.cart_table .ProductName{ padding: 5px;word-break: break-all;}
.cart_table .CartEmptyText{ font-weight:bold; color:red; text-align:left; padding-left:5px; float:left; display:none;}
/*按钮*/
.cart_table .btnGoShoping{ cursor: pointer; background:#e4e4e4; padding:10px 12px; color:#666; float:right;}
.cart_table .btnGoShoping:hover{ color: #0F4E97;}
.cart_table .btnClearCart{ cursor: pointer;  background:#e4e4e4; padding:10px 12px; color:#666; float:right;}
.cart_table .btnClearCart:hover{ color: #0F4E97;}
.cart_table .btnCheckout{ cursor: pointer; background:#6B9BD2; padding:10px 35px; color:#fff; float:right;}
.cart_table .btnCheckout:hover{ color: #eee; background:#0F4E97;}
/*收货人信息*/
.cart_title{ padding:15px 0px; font-weight:bold; font-size:14px;}
.consigneelist{}
.consigneelist li{ padding-bottom:8px; padding-left:15px;}
.consigneelist li b{ margin-right:5px; font-weight:normal;}
.consigneelist li .ConsigneeAddressAlias{ padding:1px 8px; margin-right:3px; border:1px solid #e4e4e4; background:#fafafa;}
.consigneelist li .ConsigneePostcode{ display:none;}
.consignee_title{ padding:15px 0px; font-weight:bold; font-size:14px;}
.consignee_table{ width: 100%; border-collapse:collapse; margin-top:8px;}
.consignee_table tbody{ display:none;}
.consignee_table td , .consignee_table th{ padding:2px 1px;}
.consignee_table th{ width: 120px;min-width: 80px; text-align:right; font-weight:normal;}
.consignee_table td{ }
.consignee_table, .consignee_table th, .consignee_table td{ border:0px solid #e4e4e4; }
.consignee_table tfoot{ border-top:1px solid #e4e4e4; background:#fafafa;}
.consignee #ConsigneeRealName, .consignee #ConsigneeEmail, .consignee #ConsigneeMobile, 
.consignee #ConsigneeTelephone, .consignee #ConsigneePostcode{ width:150px; }
.consignee #ConsigneeAddress{ width:450px; }
.consignee #ConsigneeRemark{ width:98%; height:80px;}
/*配送方式*/
.shipping_title{ padding:15px 0px; font-weight:bold; font-size:14px;}
.shipping_title .FreeShippingTip{ margin-left:20px; color:#FF3300; font-weight:normal;}
.shipping_bottom{  margin:10px auto; text-align:center;}
.shipping_bottom .form_button{ margin:10px auto;}
.shipping_table{ width: 100%; border-collapse:collapse;}
.shipping_table th{ width: 200px; text-align:left; padding-left: 15px; background:#F5F5F5;}
.shipping_table td{ text-align:left; line-height:1.8em; padding:5px 10px;}
.shipping_table i{ color:red; font-style:normal;}
.shipping_table, .shipping_table th, .shipping_table td{ border:1px solid #e4e4e4; }
.shipping_table .ShippingDescription{ font-size:12px; color:#999; line-height: 20px; }
/*支付方式*/
.pay_title{ padding:15px 0px; font-weight:bold; font-size:14px;}
.pay_body{}
.pay_table{ width: 100%; border-collapse:collapse; }
.pay_table tr.current td{ background:#F5F5F5;}
.pay_table th{ width: 200px; text-align:left; padding-left: 15px; background:#F5F5F5;}
.pay_table td{ text-align:left; line-height:1.8em; padding:5px 10px;}
.pay_table, .pay_table th, .pay_table td{ border:1px solid #e4e4e4; }
.pay_table .PayDescription{ font-size:12px; color:#999; line-height: 20px; }
.pay_bottom{ padding:15px 0;}
/*优惠券*/
.coupon{}
.coupon_title{ padding:15px 0px; font-weight:bold; font-size:14px;}
.coupon_body{ padding-left:15px;}
.coupon_bottom{ padding:0;}
.coupon_body .btnCoupon{border:1px solid #ccc; margin-left:3px; padding:3px 8px; cursor:pointer;}
.coupon_body .btnCoupon:hover{ border:1px solid #aaa; color:#000;}
.coupon_body .form_text{ width:125px; padding:2px 3px;}
.coupon_body #CouponSendID{ margin-right: 30px;}
/*积分*/
.point{}
.point_title{ padding:15px 0px; font-weight:bold; font-size:14px;}
.point_body{ padding-left:15px;}
.point_bottom{ padding:0;}
.point_body .btnPoint{border:1px solid #ccc; margin-left:3px; padding:3px 8px; cursor:pointer;}
.point_body .btnPoint:hover{ border:1px solid #aaa; color:#000;}
.point_body #Point{ width:82px; padding: 2px 3px; margin-left:3px;}
.point_body .YourTotalPoint{ margin-left:10px;}
.point_body .YourTotalPoint i{ font-style:normal; color:#F00;}
.point_body .MaxUsePoint{ margin-left:10px;}
.point_body .MaxUsePoint i{ font-style:normal; color:#F00;}
/*在线支付*/
.orderinfo{ overflow:hidden;}
.orderinfo .OrderNumber{color:#00F;}
.orderinfo .TotalPrice, .orderinfo .ShippingPrice, .orderinfo .PayPrice, .orderinfo .TotalOrderPrice, .orderinfo .DiscountPrice, 
.orderinfo .CouponPrice, .orderinfo .PointPrice{ color:#F00;}
.orderinfo i{ color:red; font-style:normal;}
.orderinfo_title{}
.orderinfo_body{ line-height:2em; font-size:16px;}
.orderinfo_bottom{ text-align:center; }
.payment .pay_title{ font-size:16px; font-weight:normal;}
.payment .OrderOnlinePayFinish{ color:#F00; }
/*==========@@购物车 结束@@==========*/


/*==========@@jQZoom Version 2.2 样式开始@@==========*/
.jqzoom{ border:0px solid black;float:left;position:relative;padding:0px;cursor:pointer;}
.jqzoom img{ float:left;height: 100%;object-fit: cover;}
div.zoomdiv { z-index : 100; position: absolute; top:0px; left:0px; width: 200px; height: 200px;
background: #ffffff;border:1px solid #CCCCCC;display:none;text-align: center;overflow: hidden; }
div.jqZoomPup {z-index : 100;visibility : hidden;position: absolute; top:0px; left:0px; width : 50px;height : 50px;border: 1px solid #aaa;
background: #ffffff; opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50); }
/*==========@@jQZoom Version 2.2 样式结束@@==========*/
.layui-layer.layui-layer-iframe.layui-layer-rim{border:none;padding: 25px 20px;border-radius: 6px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);max-width: 470px;box-sizing: border-box;height: auto !important;background: #fff;}
.layui-layer.layui-layer-iframe.layui-layer-rim .layui-layer-title{
  background: transparent;padding-bottom: 10px;color: #333;height: auto;border:none;font-size: 24px;padding: 0;
}
.layui-layer-iframe iframe{min-height: 200px;}
#dlgReg{min-height: 400px;}
#dlgReg .layui-layer-iframe iframe{min-height: 400px;}