@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
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;}
html, body { width: 100%; height: 100%; font-size:calc(100vw / 19.2); position: relative;}
body{color:#595757;	margin:0px auto; font-family: 'adobe-garamond-pro', sans-serif; font-size:0.16rem; background:#FFFFFF; }
.container { width: 100%; padding-left: 0.3rem; padding-right: 0.3rem; font-size: 0.16rem;  margin-right: auto;  margin-left: auto;}
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0;vertical-align: middle; }
img[src=""]{ display: none; } /*隐藏没有src的img 在ie8 会显示分裂图 并且站高度*/
video{display: block;}
p{ margin: 0px; line-height: 1.7em;}
b,strong{ font-weight: bold; }
table{ border-collapse: collapse; border-spacing: 0; }
li{ list-style: none outside none;}
i{ font-style: normal;}
/*链接 ，作为容器不需要hover等*/
a{ text-decoration:none; outline:none; color: inherit; }
/*标题*/
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;}
@font-face {
	font-family: "iconfont";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/iconfont.ttf") format("truetype");
  }

@font-face{font-family:"socialshare";src:url("../fonts/share.eot");src:url("../fonts/share.eot?#iefix") format("embedded-opentype"),url("../fonts/share.woff") format("woff"),url("../fonts/share.ttf") format("truetype"),url("../fonts/share.svg#share") format("svg")}
.social-share{font-family:"socialshare" !important;font-size:0.16rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
[class*='webicon-']{ font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.red {
    color: #F00 !important;
}
/*loader样式*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eee;
    z-index: 1000;
}
#preloader #preloader-inner {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #c1c6c9;
    animation: spin 2s linear infinite;
}
#preloader #preloader-inner:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #eae3e3;
    animation: spin 3s linear infinite;
}
#preloader #preloader-inner:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #d6d6d6;
    animation: spin 1.5s linear infinite;
}
@keyframes spin {
    0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}
/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;  font-family: inherit; font-size: inherit; margin: 0; outline: none; box-sizing: border-box; }
button,select {text-transform: none;}
input,textarea{font-size: 0.16rem; width: 100%; padding: 0.05rem;color: #000000; border: 1px solid #c1c1c1; background-color: #FFFFFF; background-image: none; -webkit-user-select:auto; /*webkit浏览器*/  user-select:auto; -o-user-select:auto; -ms-user-select:auto;}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:0.1rem; display:none; } /*more链接*/
.more a{ color:#167312}
.code_image{ cursor: pointer; margin:0.05rem;} /*验证码图片样式*/
.ViewMore { text-align:center;font-size: 0.16rem; font-weight:bold; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
/*必须输入，主要*/
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:0.6rem; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
/**表单通用样式**/
.text_table li{ width:100%; margin-bottom:0.1rem;display: -webkit-flex; /* Safari */ display: flex;align-items:center;justify-content: flex-start;}
.text_table span{flex-shrink: 0; font-weight:bold; text-align: right; width:1rem; margin-right:0.1rem;}
.text_table span i{ font-style:normal;}
.text_table li > div{text-align:left;width:-webkit-calc(100% - 1.1rem);width:-moz-calc(100% - 1.1rem); width:calc(100% - 1.1rem); }
.text_table li > div.MemberCode{ width:auto;}
.text_table li.smscode{}
.text_table li.smscode > div{ width:auto;}
.text_table .operation{text-align:center; }
.text_table #Detail{ height:2rem;}
.text_table .operation{ text-align:center }
/*按钮*/
.btn { display: inline-block;  padding: 0.1rem 0.4rem; font-weight: 400; overflow: hidden; background: #0256ac; color: #FFF;
	text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;
	cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	background-image: none; border: 1px solid transparent; border-radius: 0.04rem;; -webkit-appearance: none; appearance: none; }
/*默认样式*/
.btn:hover { opacity: .8; }
.btn:active { box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
/*按钮大小*/
.btn-large {font-size: 0.16rem;  height: 0.4rem;  line-height: 0.4rem;  padding: 0rem 0.25rem;}
.btn-small { padding: 0.05rem 0.15rem; font-size: 0.14rem; line-height: 1.5; border-radius: 0.03rem; }
.btn-tiny {  font-size: 0.12rem;  height: 0.25rem;  line-height: 0.25rem; padding: 0rem 0.1rem;}
/*块按钮*/
.btn-block {display: block;}
/*==========@@元件 开始@@==========*/
/*导航开始*/
/*导航*/
.main_body{ width: 100%; display: -webkit-flex;  display: flex; justify-content: flex-end;}
.head-nav{ width: 2.8rem; height: 100vh; z-index: 1; position: fixed; top: 0; left: 0; transition: all 0.3s linear; display: -webkit-flex;  display: flex; flex-direction: column; justify-content: space-between;}
.body_right{width:-webkit-calc(100% - 2.8rem);width:-moz-calc(100% - 2.8rem); width:calc(100% - 2.8rem); position: relative; overflow: hidden;display: -webkit-flex;  display: flex;flex-direction: column; justify-content: flex-end;}
.body_righttop{}
.header-down{ width: 100%; position: relative; padding: 0.15rem 0.1rem;}
.navfloat{ width:100%; background: #FFFFFF; position: relative;}
.head-nav.notTop .navfloat{position: fixed; top: 0; left: 0; right: 0; z-index: 10000; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); transition-duration: .8s;}
.head-navk{ width: 100%; position: relative; display: -webkit-flex;  display: flex; flex-direction: column;}

.headtop-left{ width: 100%; padding: 0.1rem 0.2rem; display: inline-block; position: relative; overflow: hidden;}
.header-right{ width: auto; flex-shrink: 0; padding-left: 0.4rem; }
.head-logo{ width: 100%; position: relative; overflow: hidden; cursor:pointer;}
.head-logo img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.header_menuico{ margin-left: 0.3rem; display: none; position: relative; overflow: hidden;}
.webicon-wap::before{ cursor: pointer; content: "\A013"; color: #120e18; font-size: 0.3rem; position: absolute; z-index: 999;}
.header_menuico .waptc-menu{cursor: pointer;float: right; width: 0.3rem; height: 0.3rem; overflow: hidden; }
.header_menuico.on .waptc-menu::before{content: "\E470"; color: #FFFFFF;}

.navbar{ width: 100%; display: block; position: relative;}
.navbar_list{ width: 100%; position: relative;}
.navbar_list > ul{ width: 100%;}
.navbar_list > ul > li{ position: relative; font-size: .2rem;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.navbar_list > ul > li > a{ padding: 0.3rem 0.2rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex;  align-items:center; color: #120e18;}
.navbar_list > ul > li > a:hover{color: #eca604;}
.navbar_list > ul > li > a.curr{color: #eca604;}
.navbar_list > ul > li.dropdownpc > a::after{ content: "\E479"; font-family: "iconfont"; position: absolute;right: 0; font-size: 0.14rem;}
.dropdown-menupc{ min-width: 100%; width: auto; z-index: 16; position: absolute; top: 100%; left: 0; opacity: 0;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s; pointer-events: none; padding: 0.1rem 0.2rem; }
.dropdown-menupc li{ width: 100%; position: relative; overflow: hidden;}
.navbar_list > ul > li.dropdownpc:hover .dropdown-menupc { opacity: 1; pointer-events: all; position: relative;}
.navbar_list > ul > li.dropdownpc:hover > a:after{  content: "\E476";}
/*.dropdownpc::after { z-index: 16; content: ''; width: 100%; height: 0.3rem; position: absolute; left: 0rem; bottom: -0.2rem;}*/
.dropdown-menupc li a{ display: block;white-space:nowrap; padding: 0.15rem 0.1rem; font-size: 0.16rem; color: #120e18;}
.dropdown-menupc li a:hover{color: #eca604;}
.dropdown-menupc li a.curr{color: #eca604;}
/*语言切换*/

.header-language{flex-shrink: 0;  margin-left: 0.15rem; margin-right: 0.15rem; position: relative;}
.language-current {display: -webkit-flex; /* Safari */ display: flex; align-items: center;  font-size: 15px; cursor: pointer; color: #FFFFFF;}
.language-current::after { content: '\E505'; font-family: "iconfont"; margin-left: 0.05rem;}
.language-current span{ flex-shrink: 0; padding: 0rem 0.1rem;}
.language-switch p a { display: block; padding: 0.05rem 0.15rem; border-bottom: 1px solid #ddd; color: #333;}
.language-switch a img {
    width: 0.3rem;
    height: 0.2rem;
    vertical-align: middle;
    border-radius: 3px;
    margin-right: 5px;
}
.language-switch p { top: 0.35rem;
    overflow: hidden;
    display: none;
	width: 100%;
    position: absolute;
    padding: 0;
    z-index: 9999;
    background: #fafafa;
    border-radius: 5px;
}
.language-switch::after { content: ''; width: 100%; height: 0.2rem; position: absolute; left: 0rem; top: 0.15rem;}
.language-switch:hover p {
    display: block;
}
.language-switch p a:hover {
    background: #e5e5e5;
    color: red;
}
/*select*/
.jumpMenucss {display: inline-flex; position: relative; text-align: center;}
.jumpMenucss dt{cursor:pointer;overflow:hidden;position:relative;z-index:99; color:#FFFFFF; display: -webkit-flex;  display: flex;  align-items:center;}
.webicon-jumpico::after { padding-left: 0.1rem; content: "\E479"; float:right; font-size: 0.16rem; font-weight:normal;}
.jumpMenucss dd{ width: 100%; position:absolute;left:0;top:0.35rem;display:none;}
.jumpMenucss dd ul{ background: #363636; position:relative; overflow: hidden;}
.jumpMenucss dd ul li a{ color: #FFFFFF; display:block; padding: 0.05rem 0rem;}
.jumpMenucss dd ul li a:hover{ color: #FFFFFF; background-color: #571016;}
/*主体通用样式*/

.ermenu{ width:100%; background:#fff; position: relative; margin-top: 0.3rem;}
.ermenu_k{font-size: 0.2rem; width:100%; margin:0 auto; position:relative; display: -webkit-flex;
    display: flex; flex-wrap: wrap;}
.ermenu_k span{ display: none; margin: 0 auto; font-size: 0.28rem;}
.ny_subnav{ width: 100%; display: -webkit-flex;  display: flex;  align-items:flex-start; justify-content: center; flex-wrap: wrap;}
.ny_subnav li{ color:#FFF;  position:relative; overflow:hidden;}
.ny_subnav li a{ display:block; padding:0.1rem 0.3rem; color:#666666;}
.ny_subnav a:hover,.ny_subnav li a.current{ background:#0256ac; color: #FFFFFF;}

.webicon-down::before{ content: "\e479"; font-size: 0.24rem;transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;}
.info_menusubnav{ flex-shrink: 0; padding-bottom: 0.2rem; cursor: pointer; display: none;}


/*==========@@模块  结束@@==========*/
/*===首页 开始===*/
/*橱窗列表*/
.gridlist_list{ width: 100%; margin: 0 auto; position: relative;}
.gridlist{width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.gridlist ul{ display: -webkit-flex;  display: flex; flex-wrap: wrap;}
.gridlist li {width:25%; padding: 0.2rem 0.05rem; position: relative; overflow: hidden;}
.gridlist_pic{width:100%; height: 2.2rem; position:relative; overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; align-items:center;justify-content:center;}
.gridlistk{ width: 100%; border-bottom: #d5d5d5 solid 1px; position: relative; overflow: hidden;}
.gridlist li:last-of-type .gridlistk{ border-bottom: none;}
.gridlist li img { display:block; width:100%; min-height: 100%; object-fit: cover; transition: 400ms;  -webkit-transition: 400ms; -ms-transition: 400ms;}
.gridlist li a {display:block; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.gridlisttext{ width:100%; padding: 0.2rem 0rem; position:relative; overflow:hidden;}
.gridlisttxt{ width:100%; color: #787878; line-height: 1.6; position:relative; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.gridlistTitle{ font-size:0.2rem; font-weight: bolder; color: #333333; position:relative;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:0.1rem; }
.gridlisttime{ font-size: 0.14rem; color: #7b7b7b; margin-top: 0.15rem; display: -webkit-flex; /* Safari */ display: flex; align-items:baseline;}
.gridlisttime em{ position: relative; overflow: hidden; margin: auto 0.1rem;}
.gridlisttime span{ display: -webkit-flex; /* Safari */ display: flex; align-items:center;}
.gridlistk:after {
    content: '';
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    right: auto;
    height: 1px;
    width: 0px;
    background-color: #a1371c;
    transition: all 0.6s ease 0s;
}
.gridlist li:hover .gridlistk:after { width: 100%;}
.gridlist li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.gridlist li:hover .gridlistTitle { color:#a1371c; }
/*橱窗列表3*/
.gridlist3{ width: 100%; position: relative; overflow: hidden;}
.gridlist3 .left_title1{ margin-top: 0.25rem; margin-bottom: 0.35rem;}
.gridlist3_con{ width: 100%; position: relative; overflow: hidden;display: -webkit-flex; /* Safari */ display: flex;/*align-items:center;*/justify-content:start; flex-wrap: wrap;}
.gridlist3_con li{ padding: 0.1rem; width: 33.33333%; position: relative; overflow: hidden; margin-bottom: 0.15rem;}
.gridlist3_list{ width: 100%; position: relative; overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.gridlist3_list a{ position: relative; overflow: hidden; display: -webkit-flex; /* Safari */ display: flex; align-items: center; justify-content:center;}
.gridlist3_list dt{ width: 100%; height: 3.2rem; position: relative; overflow: hidden; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.gridlist3_list dt img{ width: 100%; transition: all 2s;}
.iconk{ z-index:2; position:absolute; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:center;}
.gridlist3_list:after {
    content: "";
    width: 0;
    height: 1px;
    background: #0270ce;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.gridlist3_list:hover:after{ width:100%;}
.gridlist3_list:hover dt:after{content: ''; top: 0; left: 0; width:100%; height:100%;position: absolute; background:rgba(0,0,0,0.5);}
.gridlist3_list:hover .iconk b{position: absolute; background:url(../images/bn7.png) center center; background-size:cover; width: 1rem; height: 1rem;  border-radius: 50%; flex-wrap: wrap;     animation: myloop 10s infinite;
    animation-timing-function: linear;
    -webkit-animation: myloop 10s infinite;
    -webkit-animation-timing-function: linear;}
.gridlist3_list:hover .webicon-lianjie:before{content: "\A002"; font-size:0.16rem; color:#FFF;border-radius: 50%; padding:0.05rem; border:#FFF solid 1px;}
.gridlist3_list:hover img{ transform: translateY(-30%);}
.gridlist3_txt{ width: 100%; padding: 0.1rem; position: relative; overflow: hidden;}
.gridlist3_txt .InfoTitle{ width: 100%; font-size: 0.18rem; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.gridlist3_txt p{ height: 0.5rem; position:relative; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
@keyframes myloop {0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
@-webkit-keyframes myloop /* Safari and Chrome */ {0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
/*===首页 结束===*/
/**二级页面**/
.sublocation{ width: 100%; position: relative; overflow: hidden; margin-top: 0.4rem; padding-bottom: 0.4rem; border-bottom: #bdbdbd solid 2px;}
#location{  width: 100%; font-size: 0.24rem; color: #595757; position: relative; overflow: hidden; }
#location{}

/*banner带文字*/
.erbanner{ width:100%; position:relative; overflow:hidden; display: -webkit-flex;  display: flex;align-items: center;}
.erbanner_pic{ width:100%; height: 3.8rem; position:relative; overflow:hidden;}
.erbanner img{ width:100%; height: 100%; object-fit: cover;}
.erbanner_k{ width:100%; position:relative; overflow:hidden; text-align: center;}
.erbanner_txt{ padding: 0.1rem 0.5rem; position: relative; overflow: hidden;}
.erbanner_title{ width:100%; position:absolute; overflow:hidden;background: url(../images/dott.png)repeat 0px 0px;
    background-size: 3px;
    -webkit-background-size: 3px;
    -moz-background-size: 3px;
    -o-background-size: 3px;
    -ms-background-size: 3px;}
.erbanner_txt h3{ font-size:0.4rem; color:#FFF; text-transform: uppercase; font-weight: normal;}
.erbanner_txt h3:first-line{ color:#FFF; margin-bottom:0.15rem;font-weight: bold;}
/*slide不带文字*/
.subslide{ width:100%; position:relative; overflow:hidden;}
.subslide_pic{ width:100%; height: 6.8rem; position:relative; overflow:hidden;}
.subslide_pic img{ width:100%; height: 100%; object-fit: cover;}


.procase{ width: 100%; position: relative; overflow: hidden;}
/*模板*/
#filter_main{ width: 100%; background-color: #f8f8f8; padding: 0.1rem; position: relative; overflow: hidden;}
#form_text_search { margin-left:0.15rem; border:1px solid #CCC; padding:0.05rem; width:2.4rem; vertical-align: middle;}
#form_submit_search { margin-left:0.1rem; width:0.6rem;  border:1px solid #CCCCCC; background:#FFF; cursor:pointer; vertical-align: middle;}
.form_select { border:1px solid #CCC; }
.form_textarea { width:100%; height:1.8rem; padding:5px; border:1px solid #CCC; }
.form_checkbox { }
.form_submit { background:url(/App/Tpl/Home/Default/Public/images//submit_button.jpg) no-repeat; width:79px; height:31px; border:none; color:#FFF; font-weight:bold; cursor:pointer}
.form_file { padding:3px 5px; border:1px solid #CCC; background:#FFF; }
.common_form { }
.common_form li { padding:2px; overflow: auto; zoom:1;}
.common_form label { float:left; width:80px; display:block; height:28px; line-height:28px; }
#filter_1{ width: 100%; position: relative; overflow: hidden; margin-bottom: 0.1rem;}
#bykeyword{ padding:0.05rem; float:left; width:40%; border:0px dashed #00bd68;}
#bykeyword form{display: -webkit-flex; /* Safari */ display: flex; align-items:center; }
.leftline{ width: 3px; height: 0.2rem; display: inline-block; margin-right: 0.1rem; background-color: #008ed6;}
#bykeyword .title{width: 2rem; font-size: 0.18rem; border:0px dashed green; float:left;font-weight:bold;display: -webkit-flex; /* Safari */ display: flex; align-items:center;}

#bycolor{ padding:0.05rem; float:right; border:0px dashed blue; width:50%; position: relative; overflow: hidden;}
#bycolor .colortitle{ font-size: 0.18rem; float:left; font-weight:bold;display: -webkit-flex; /* Safari */ display: flex; align-items:center;}
/*8:红  9:紫  7:黄   26:绿   27:蓝  28:黑*/
#bycolor a,#bycolor li{ background:url(../images/color.jpg) no-repeat left top; background-size: 0.6rem 2.7rem;  display:block; width:0.3rem; height:0.3rem; float:left; margin-right:10px;}
#bycolor a.current,#bycolor li.current{background-position:-0.3rem 0rem;}
#bycolor a.c1,#bycolor li.c1{background-position:0rem -0.9rem; }
#bycolor a.current1,#bycolor li.current1{  background-position:-0.3rem -0.9rem;}
#bycolor a.c2,#bycolor li.c2{background-position:0px -0.3rem; }
#bycolor a.current2,#bycolor li.current2{  background-position:-0.3rem -0.3rem;}
#bycolor a.c3,#bycolor li.c3{background-position:0px -0.6rem; }
#bycolor a.current3,#bycolor li.current3{  background-position:-0.3rem -0.6rem;}

#bycolor a.c4,#bycolor li.c4{background-position:0px -1.2rem; }
#bycolor a.current4,#bycolor li.current4{  background-position:-0.3rem -1.2rem;}
#bycolor a.c5,#bycolor li.c5{background-position:0px -1.5rem; }
#bycolor a.current5,#bycolor li.current5{  background-position:-0.3rem -1.5rem;}
#bycolor a.c6,#bycolor li.c6{background-position:0px -1.8rem; }
#bycolor a.current6,#bycolor li.current6{  background-position:-0.3rem -1.8rem;}

#bycolor a.c7,#bycolor li.c7{background-position:0px -2.1rem; }
#bycolor a.current7,#bycolor li.current7{  background-position:-0.3rem -2.1rem;}
#bycolor a.c8,#bycolor li.c8{background-position:0px -2.4rem; }
#bycolor a.current8,#bycolor li.current8{  background-position:-0.3rem -2.4rem;}


.speciallist { width: 100%; position: relative; overflow: hidden; display: -webkit-flex; /* Safari */ display: flex; align-items: flex-start; flex-wrap: wrap;}
.speciallist ul{width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem); width:calc(100% - 2rem); position: relative; overflow: hidden; display: -webkit-flex; /* Safari */ display: flex; align-items: flex-start; flex-wrap: wrap;}
.speciallist li.title{width: 2rem; flex-shrink: 0; font-size: 0.18rem; font-weight:bold; border:0px dashed red; padding-left:0.05rem;display: -webkit-flex; /* Safari */ display: flex; align-items:center;}
.speciallist li { font-size: 0.16rem; float:left; width:2.17rem; border:0px dashed blue; margin-bottom:0.05rem; position: relative; overflow: hidden;}
.speciallist li a{ display: inline-block; color:#000000; padding: 0.05rem 0.15rem; border-radius:0.03rem;}
.speciallist li a:hover{ color:#FFF; background:#008ed6; border-radius: 0.02rem; }
.speciallist li a.current{ background:#008ed6; color:#FFF}
.body_tp{ background: #e4e5e9; }
.tp_header_main{ background: #313131; color: #FFF; }
.tp_header_main .container{  display: -webkit-flex; display: flex; align-items: center;}
.tp_btn{ flex-shrink: 0;}
.tp_header{ width: 100%; margin: 0 auto; overflow: hidden; display: -webkit-flex; /* Safari */ display: flex; align-items: center; }
.tp_logo{ float: left; margin-right: 0.15rem; }
.tp_tabbar{ float: left; border-radius: 0.5rem; border: 1px solid #545454;  display: -webkit-flex; display: flex; align-items: center;}
.tp_tabbar span{ float: left;  display: -webkit-flex; display: flex; align-items: center; padding: 0.05rem 0.15rem; text-align: center; color: #FFF; cursor: pointer; }
.tp_tabbar span.on{ background: #008edc; border-radius: 0.5rem; box-shadow: 0 0 0.1rem 0 rgba(0,0,0,8); }
.tp_tabbar span img{ width: 0.15rem; vertical-align: middle; margin-right: 5px; }
.tp_body{ width: 100%; margin: 0 auto; }
.tp_body .wap{ display: none; width: 4.8rem; margin: 0 auto; }
.tp_body .container{ width: 100%; position: relative; }
.tp_body .container img{ width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }
.tp_body .container img.iPhoneBox{margin-top:0.17rem;}
.tp_body .iframe_wrap{position: absolute; width: 3.8rem; top: 0.4rem; left: 0.48rem; bottom: 0.18rem; border-radius: 0.3rem; z-index: 2; overflow: hidden; }
.tp_body .iframe_wrap iframe{ width: calc(100% + 0.17rem); }
.tp_body span{display: inline-block; font-size: 0.18rem; padding-top: 0.2rem; padding-left: 0.15rem;}

.tp_body .pc{ display: none; position: fixed; left: 0; right: 0; bottom: 0; top: 0.9rem; }
.tp_body .pad{ display: none; width: 9.2rem; margin: 0 auto; }
.tp_body .pad .iframe_wrap{ width: 7.2rem; height: auto; left: 1rem; top: 0.8rem; padding-top: 0; bottom: 0.8rem; border-radius: 0.1rem; overflow: hidden; }

.show{ display: block !important; }
/*微信列表*/
.wxlist{ display: none; width: 100%; position: relative; overflow: hidden;}
.wxlist #bycolor{ width: 100%;}
.wxlist li{ position: relative; overflow:hidden; border:0px solid #d0d1d4; padding: 0.1rem;}
.ui-btn-submit{background: #008ed6; color: #FFF;}
.condition table{ width:100%; text-align:center}
.condition tr{ }
.condition td{padding:5px 0px;}
.condition th { font-weight:bold; text-align:left; width:30%}
.condition select { height:30px; }
/*电脑模板列表*/
.pcmobanlist  { width: 100%; position: relative; overflow: hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap: wrap; margin-left:10px; margin-top:10px;}
.pcmobanlist li { float:left; text-align:center; color:#393939; padding: 0.1rem; border:0px solid red; width:25%; position: relative; overflow: hidden;}
.pcmobanlist li dd{ width: 100%; height: 4.2rem; position: relative; overflow: hidden; display: -webkit-flex; /* Safari */ display: flex; align-items: flex-start;}
.pcmobanlist li img { width:100%; padding:0px}
.pcmobanlist li .wrap{ position: relative; border:1px solid #eee; overflow: hidden; transition-duration: .3s; }
.pcmobanlist .LinkUrl{ position: absolute; left: 0; right: 0; bottom: -0.7rem; border:0px solid red;
    margin-top:3px; background: #FFF; padding: 0.1rem 0; box-shadow: 0 -5px 12px 0 rgba(0,0,0,.1); transition-duration: .3s; }
.pcmobanlist .InfoTitle{  border:0px dashed red; float: left; padding-top: 0.1rem; font-size: 0.16rem; }
.pcmobanlist .f1{ float: right; padding-top: 0.1rem; color: #777; }
.pcmobanlist .LinkUrl a,.pcmobanlist .LinkUrl span{ display: inline-block; color: #FFF; margin: 0 5px; text-align: center; padding: 0.1rem 0.2rem; border-radius: 0.5rem;
cursor: pointer; }
.pcmobanlist .LinkUrl a.pc_btn{ background: #ff6022; }
.pcmobanlist .LinkUrl .wap_btn{ background: #008ed6; }
.pcmobanlist .pc{ width:19px; height:16px; border:0px solid red;}
.pcmobanlist .wap{ width:10px; height:16px; border:0px solid red;}
.pcmobanlist li .wrap:hover{ box-shadow: 0 5px 15px 0 rgba(0,0,0,.15); transform: translateY(-5px); }
.pcmobanlist li .wrap:hover .LinkUrl{ bottom: 0rem; }
/*模板完*/
/**联系**/
.webicon-tel:before{ content: "\e691";}
.webicon-email:before{ content: "\e475";}
.webicon-add:before{ content: "\e63e";}
.webicon-mobile:before{ content: "\e463";}
/*公共百度地图*/
#Map{ overflow:hidden; width:100%; position: relative;}
#Map .MapInfo{ width:100%;  height: 5.4rem; border: 1px dashed #ccc; padding:8px;}
#Map .MapInfo img{ width:100%;  height: 100%; object-fit:cover; }
#Map .ContactInfo{ width:45%; line-height:0.27em;}
#Map .ContactInfo .Company{ font-size:0.24rem; margin-bottom:8px;}
#Map .ContactInfo img{ width: 0.18rem; vertical-align:middle; margin-right:8px;}

/*===招聘频道  开始===*/

/*===招聘频道  结束===*/
/*搜索 */
.seachwrap{ padding: 20px 0; }
.seachwrap form { max-width: 5.5rem; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; }
.seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.seachwrap input.Keywords { padding: 0 0 0 15px; width: 80%; float: left; }
.seachwrap input.btnSearch { width: 50px; padding: 0; background:url(../images/searchbtn.png) no-repeat center; float: right; opacity: .5; }
/*筛选*/
.infosearch_list{ width: 100%; position: relative; overflow: hidden;}
.infosearch_list ul{ position: relative; overflow: hidden;display: -webkit-flex;  display: flex; align-items: center;}
.infosearch_list li{ float: left;  width: 33.33333%;  padding: 0 0.1rem; position: relative; overflow: hidden;}
.infosearch_listk{ width: 100%; border-bottom: #0351b1 solid 0.03rem; position: relative; overflow: hidden;display: -webkit-flex;  display: flex;}
.infosearch_list select {font-size: 0.16rem;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    padding: 0.1rem;
    background: none;
    border: none;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    z-index: 99;
    color: #8e8e8e;
}
.infosearch_list select option{ font-size: 0.16rem;}
.infosearch_listbutton{display: -webkit-flex;  display: flex; align-items: center;}
.fa-search:before{ content: "\f002"; font-size: 0.12rem;}
.infosearch_listbutton input {font-size: 0.16rem;
    width: 100%; background: none;
    height: 40px;
    outline: none;
    box-sizing: border-box; padding: 0.1rem 0.6rem 0.1rem 0.1rem;
}
.infosearch_listbutton input::-webkit-input-placeholder {
       /* placeholder颜色  */
       color: #8e8e8e;
    }
.infosearch_listbutton button { position: absolute; right: 0; width: 0.55rem; height: 40px;line-height: 40px; color:#0351b1; background: none; border-style: none; outline: none;}
.infosearch_listbutton button .webicon-search:before{ font-size: 0.24rem;}
.infosearch_listbutton button .webicon-search{display: -webkit-flex;  display: flex; align-items: center; justify-content: center;}
/*----------全局搜索列表----------*/
.searchlist{ }
.searchlist li { line-height:40px; height:40px;text-indent:8px; background:url(../images/textlist.gif) no-repeat 0 center; border-bottom: 1px solid #eee; overflow:hidden;width:100%;/*解决ie6bug*/}
.searchlist li a{  }
.searchlist li .InfoTime{ float:right;}
/*----------全局搜索列表----------*/
/*===留言频道  开始===*/
/*===留言频道  开始===*/
.infoguesttitle{ width: 100%; position: relative; overflow: hidden; padding: 0.2rem; margin-top: 0.4rem; margin-bottom: 0.4rem;}
.infoguesttitle h4{ font-size: 0.16rem; color: #777777; font-weight: normal; line-height: 0.4rem; width: 100%; padding: 0.2rem 0.5rem; position: relative; overflow: hidden;}
.infoguesttitle i{display: inline-block; width: 0.44rem; height: 0.27rem; background-size: 100% 100%;}
.infoguesttitle i img{ width: 100%; height: 100%;}
.yinhaotop{ background: url("../images/yinhaotopico.png") center center; position: absolute; top: 0.2rem; left: 0.15rem;}
.yinhaodown{ background: url("../images/yinhaodownico.png") center center; position: absolute; bottom: 0.2rem; right: 0.15rem;}
.infoguestdown{ width: 100%; position: relative; overflow: hidden;display: -webkit-flex; /* Safari */ display: flex; flex-wrap: wrap;}
.infoguest_pic{ width: 5rem; height: 6.7rem; position: relative; overflow: hidden;}
.infoguest_pic img{object-fit: cover;cursor: pointer; width: 100%; height: 100%;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.infoguest_pic img:hover{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.infoguest_form{ width:-webkit-calc(100% - 5rem);width:-moz-calc(100% - 5rem); width:calc(100% - 5rem); padding: 0.25rem 0.35rem; background-color: #FFFFFF; border: #ededed solid 1px; padd-left: 0.2rem; position: relative;}
.infoguest_form:before{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        left: -16px;
        top:61px;
        padding:0;
        border-bottom:8px solid transparent;
        border-top:8px solid transparent;
        border-left:8px solid transparent;
        border-right:8px solid #FFFFFF;
        display: block;
        content:'';
        z-index: 12;
    }
    .infoguest_form:after{
        box-sizing: content-box;
        width: 0px;
        height: 0px;
        position: absolute;
        left: -18px;
        top:60px;
        padding:0;
        border-bottom:9px solid transparent;
        border-top:9px solid transparent;
        border-left:9px solid transparent;
        border-right:9px solid #ededed;
        display: block;
        content:'';
        z-index:10
    }
.infoguest_bt{ font-size: 0.24rem; color: #222222; margin-bottom: 0.18rem;display: -webkit-flex; /* Safari */ display: flex; align-items: center;}
.infoguest_bt:before{ width: 0.35rem; height: 0.35rem; margin-right: 0.15rem; content:'';display: inline-block; background: url("../images/wenbenico2.png") no-repeat center center; background-size: 100% 100%;}

.infoguest_ul{ width: 100%; position: relative; overflow: hidden;}
.infoguest_ul ul{ margin: auto -0.1rem;}
.infoguest_ul ul li{ float: left;}
.showbook_50{ width: 50%; padding: 0.1rem; position: relative; overflow: hidden;}
.showbook_100{ width: 100%; padding: 0.1rem; position: relative; overflow: hidden;}
.showbooklist{ background: #fafafa; min-height: 0.6rem; padding: 10px 10px; border: #e1e1e1 solid 1px; border-radius: 3px;display: -webkit-flex; /* Safari */ display: flex; align-items: center;}
.showbooklist span{font-size: 0.16rem;flex-shrink:0; margin-right: 10px;}
.showbooklistsex input{ padding: inherit; margin-left: 0.1rem;}
.showbooklistsex label{font-size: 0.16rem; margin: auto 0.05rem;}
.showbooklistsex{display: -webkit-flex; /* Safari */ display: flex; align-items: center;}
.showbooklistcode{display: -webkit-flex; /* Safari */ display: flex; align-items: center;}
.showbooklistcode .code{ margin-left: 0.1rem;}
.showbooklist .btnSmsCode{ margin-left: 0.1rem; padding: 0.05rem 0.1rem;}
.showbooklistsex a{ font-size: 0.12rem;flex-shrink: 0;}
.login_menu{ width: 100%; position: relative; overflow: hidden; margin-top: 0.3rem;display: -webkit-flex; /* Safari */ display: flex; align-items: center; justify-content: center;}
.code{ width: 0.8rem; height: 0.3rem; position: relative; overflow: hidden;}
.code img{ width: 100%; height: 100%;}
.login_menu .btn{ width: auto;}
.refresh:active img{animation: myrevolve 0.5s;
    -moz-animation: myrevolve 0.5s;
    -webkit-animation: myrevolve 0.5s;
    -o-animation: myrevolve 0.5s;}
@keyframes myrevolve
{
	0%   {transform: rotateZ(0deg);}
	25%  {transform: rotateZ(180deg);}
	50%  {transform: rotateZ(360deg);}
	75%  {transform: rotateZ(540deg);}
	100% {transform: rotateZ(720deg);}
}

@-moz-keyframes myrevolve /* Firefox */
{
	0%   {transform: rotateZ(0deg);}
	25%  {transform: rotateZ(180deg);}
	50%  {transform: rotateZ(360deg);}
	75%  {transform: rotateZ(540deg);}
	100% {transform: rotateZ(720deg);}
}

@-webkit-keyframes myrevolve /* Safari and Chrome */
{
	0%   {transform: rotateZ(0deg);}
	25%  {transform: rotateZ(180deg);}
	50%  {transform: rotateZ(360deg);}
	75%  {transform: rotateZ(540deg);}
	100% {transform: rotateZ(720deg);}
}

@-o-keyframes myrevolve /* Opera */
{
	0%   {transform: rotateZ(0deg);}
	25%  {transform: rotateZ(180deg);}
	50%  {transform: rotateZ(360deg);}
	75%  {transform: rotateZ(540deg);}
	100% {transform: rotateZ(720deg);}
}


/*管理员回复*/
.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{ width: 100%; text-align: center; font-size:0.24rem; margin-bottom: 0.2rem; color:#333; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

/*===反馈频道 开始===*/
.erinfoshow{ position: relative; overflow: hidden;}

/*===反馈频道 结束===*/
/*会员*/
/*会员登录*/
.login_table{ width:40%; text-align:center; margin:0 auto;}
.login_table .operation{text-align:center}
.login_table .quick_login div{text-align:left; padding:0.1rem 0;}
.login_table .quick_login div img{ margin-right:8px; float:left;}

/*会员注册*/
.reg_table{ width:40%; text-align:center; margin:0 auto;}
.reg_table .MemberCode{  text-align:left; width:70px;}
.reg_table #SmsCode{width:50px;}

/*忘记密码 第一步*/
.forget_table1{ width:40%; text-align:center; margin:0 auto;}
/*忘记密码 第二步*/
.forget_table2{ width:40%; text-align:center; margin:0 auto;}
.forget_table2 #SmsCode{ width:0.6rem;}
.forget_table2 .PasswordQuestion, .forget_table2 .MemberMobile, .forget_table2 .FindPwdWay{ padding:3px 0;}
/*视频转码*/
.sub_video_title{ width: 100%; text-align: center; position: relative; overflow: hidden; padding-top: 0.5rem; padding-bottom: 1rem;}
.sub_video_title h2{ font-size: 0.42rem;color: #0256ac;}
.sub_video_title p{ font-size: 0.2rem;}
.sub_video{ width: 100%; position: relative; overflow: hidden;}
.sub_video_sp{ width: 7.2rem; height: auto; margin: 0 auto; position: relative; overflow: hidden;}
.sub_videotitlist{ width: 100%; margin-top: 0.25rem; position: relative; overflow: hidden;}
.sub_videotitlist ul{ display: -webkit-flex;  display: flex; flex-wrap: wrap; position: relative; overflow: hidden;}
.sub_videotitlist li{ width: 33.3333%; padding: 0.25rem; position: relative; overflow: hidden;}
.sub_videolistk{ width: 80%; margin: 0 auto; text-align: center; position: relative; overflow: hidden;}
.sub_videolistk i{ width: 0.4rem; height: 0.4rem; display: block; margin: 0 auto; position: relative; overflow: hidden;}
.sub_videolistk i img{ width: 100%; height: 100%;}
.sub_videolistk dt{ margin-top: 0.15rem; font-weight: bold;}
.sub_videolistk dd{ margin-top: 0.15rem;}
/*==========@@通用列表 开始@@==========*/

/*底部区域*/
/*foot部分*/
.foot{ width: 100%; padding: 0.4rem 0rem; background: #0256ac; position: relative; overflow: hidden;}
.footer_top{ width: 100%; padding-bottom: 0.25rem; border-bottom: #506da4 solid 1px; position: relative; overflow: hidden;}
.footer_top ul{ margin: 0.1rem -0.1rem; display: -webkit-flex;  display: flex; align-items:center; justify-content:space-between;}
.footer_top li{ float: left; padding: 0 0.1rem; font-size: 0.18rem; color: #ffffff;display: -webkit-flex;  display: flex; align-items:center;}
.footer_top li h3{ font-size: 0.18rem; font-weight: normal;font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: -webkit-flex;  display: flex; align-items:center;}
.footer_tel h3 span{ margin-right: 0.2rem;}
.footer_tel h3 span:last-of-type{ margin-right: 0rem;}
.footer_top li i{  display: -webkit-flex;  display: flex; align-items:center; justify-content:center;}
.footer_top li i:before{ display: inline-block;width: 0.35rem; height: 0.35rem; margin-right: 0.05rem; background-size: 100% 100%;}
.footer_tel i:before{ content: " "; background: url("../images/dianhua.png") no-repeat;}
.footer_add i:before{ content: " "; background: url("../images/dingwei.png") no-repeat;}
.footer_email i:before{ content: " "; background: url("../images/youjian.png") no-repeat;}
.footer_down{ width: 100%; padding-top: 0.35rem; padding-bottom: 0.2rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; align-items:center; justify-content:space-between;flex-wrap: wrap;}
.copycon{ width: 100%;position: relative; overflow: hidden; display: -webkit-flex;  display: flex; align-items:center; justify-content:space-between;}
.copyconleft{ float: left;font-size: 0.14rem; color: #FFFFFF; display: -webkit-flex;  display: flex; align-items:center;}
.copyconleft a{ color: #FFFFFF;}
.copyconleft strong{ font-weight: normal;}
.copyconleft span{ padding: 0 0.04rem;display: -webkit-flex;  display: flex;}
.copyconleft span i{ float: left; width: 0.2rem; margin-right: 0.05rem; position: relative; overflow: hidden;display: -webkit-flex;  display: flex; align-items:center;}
.copyconleft span i img{ width: auto; height: auto; max-width: 100%; max-height: 100%;}
.copyconright{ float: left; margin-left: 0.1rem; color: #5494e2; font-size: 0.14rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; align-items:center;}
.copyconright .footcnzz{ width: 0.5rem;}
.copyconright img{ width: 0.5rem;}
.jszc{ margin-left: 0.1rem;}
.jszc,.jszc a{ color: #5494e2; font-size: 0.14rem;}
/*分享*/
.social-share{ text-align: center; color:#fff;font-style:normal; -webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale; position: relative; display: -webkit-flex;  display: flex; justify-content: center;}
.social-share *{font-family: "socialshare" !important;}
.social-share a{margin-left:0.4rem;color:#fff; position: relative;}
.social-share .social-share-icon{ border-radius: 100%; color: #8f8f8f; border: none;}
.social-share a:nth-child(1){ margin-left: 0rem;}
.social-share .icon-wechat:before {
    content: "\f09a";
}
.social-share .icon-weibo:before {
    content: "\f12a";
}
.social-share .icon-qq:before {
    content: "\f11a";
}
.social-share .icon-facebook:before {
    content: "\f03a";
}
.social-share .icon-douban:before {
    content: "\f10a";
}
.social-share .social-share-icon {
    position: relative;
    width: 0.4rem;
    height: 0.4rem;;
    font-size: 0.24rem;
    border-radius: 50%;
    color: #120e18;
	border: #120e18 solid 1px;
    text-align: center;
	display: -webkit-flex;  display: flex; align-items: center; justify-content: center;
    transition: background 0.6s ease-out 0s;
}
.social-share .icon-wechat .wechat-qrcode {
	display: none;
	border: 1px solid #eee;
	position: absolute;
	z-index: 9;
	bottom: 0.5rem;
	left: -84px;
	width: 200px;
	height: 192px;
	color: #666;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 2px 10px #aaa;
	transition: all 200ms;
	-webkit-tansition: all 350ms;
	-moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qrcode.bottom {
	top: 40px;
	left: -84px
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
	display: none
}

.social-share .icon-wechat .wechat-qrcode h4 {
	font-weight: normal;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
	width: 105px;
	margin: 10px auto
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
	margin: 0 !important
}

.social-share .icon-wechat .wechat-qrcode .help p {
	font-weight: normal;
	line-height: 16px;
	padding: 0;
	margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -13px;
	width: 0;
	height: 0;
	border-width: 8px 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
	display: block
}
/*分页样式*/
.page_main{ clear: both; text-align: center; padding: 20px 0; }
.page { display: inline-block; border-right: 1px solid #ddd; border-radius: 6px; overflow: hidden; }
.page a, .page span {float: left; padding: 0 5px; min-width: 35px; line-height:35px; text-align: center; border: 1px solid #ddd; border-right: 0; color: #888; }
.page a{ color: #333; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { color:#FFF; background: #0256ac; }
.page .page-num-current{ color:#FFF; background: #0256ac; border-color: #0256ac; border-left: 1px solid #ddd; }
.page #total{color:red}
/*分站*/
.floor_other5{ width: 100%; position: relative; overflow: hidden;}
.sitenet_body{ width: 100%; padding: 0.15rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; flex-wrap: wrap;}
.site_name{ flex-shrink: 0; background-color: #00A1E7; font-size: 0.16rem; color: #FFFFFF; padding: 0.1rem 0.1rem; position: relative; overflow: hidden;}
.sitelist{ display: -webkit-flex;  display: flex; flex-wrap: wrap;}
.sitelist li{ padding:0.1rem 0.15rem; position: relative; overflow: hidden; display: -webkit-flex;  display: flex; align-items: center;}
.sitelist li::after{ content: "/"; position: absolute; right: 0; color: #c7c7c7;}
.sitelist li:last-of-type::after{ content: "";}
.sitelist li a:hover{ color: #0066CC;}
/*图片弹窗*/
/*==========@@通用列表  结束@@==========*/
#topcontrol{ z-index: 4;}
/**比例控制**/
@media(max-width:992px){
	html, body {  font-size: calc(100vw / 9.9); }
	#banner_main{ height: auto;}
	.container,.topcontainer{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
	.gridlist li{ width: 50%;}
	.channelalbumlist1 li{ width: 50%;}
	.footer_top ul{ flex-wrap: wrap;margin:0;}
	.footer_top li{ width: 100%; margin-bottom: 15px;font-size: 0.14rem;}
	.footer_top li h3,.copycon,.copyconleft{ flex-wrap: wrap;}
	.footer_tel h3 span{ width: 100%;}
	.footer_top li h3:before{width: 0.25rem; height: 0.25rem;}
	.copyconleft{ text-align: center; justify-content: center;}
	.copyconright{ text-align: center; width: 100%;justify-content: center;}
	.copyconleft span{ margin-bottom: 10px;}
	.copyconleft strong{ display: none;}
	.gridlist4_list{ width: 100%;}
	.gridlist5k{ height: 5.5rem;}
	.printing_2_title h2{ font-size: 0.3rem;}
	.main_body{flex-direction: column;}
	.headtop-left{ width: 50%;}
	.head-nav{width: 100%; position: relative; height: auto; flex-direction: row;}
	.header-down{ display: none;}
	.body_right{ width: 100%;}
	.head-navk{justify-content: space-between; flex-direction: row;  align-items: center; padding: 0.2rem 0;}
	.header_menuico{ display: block;}
	.navbar{ width: 100%; height: 100vh; background: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: -1; transform: scale(1.1); opacity: 0;	pointer-events: none; visibility: hidden; transition: .7s; -webkit-transition: .7s;}
	.navbar_list{ width: 85%; height: 100vh; background: #fff; display: -webkit-flex;  display: flex; align-items: flex-start; justify-content: space-between;visibility: hidden;}
	.navbar_list > ul{ height: 100%; background-color: #fff; pointer-events: none; overflow-x: hidden; overflow-y: hidden;  position: relative;}
	.navbar.on .navbar_list{visibility: visible;}
	.navbar.on .navbar_list > ul{pointer-events: auto; overflow-y: auto;}
	.navbar.on{ opacity: 1; z-index: 100; pointer-events: auto; visibility: visible; transform: scale(1);}
	.navbar_list > ul > li > a{ color: #333333;}
	.navbar_list > ul > li > a.curr, .navbar_list > ul > li > a:hover{ color: #333333;}
	.dropdown-menupc{ width: 100%; opacity: 1; background: none; padding-left: 0.2rem; position: relative; top: auto; left: auto; display: -webkit-flex;  display: flex; flex-wrap: wrap; pointer-events: auto;}
	.dropdown-menupc li{ width: auto;}
	.dropdown-menupc li a{ color: #333333;}
	.dropdown-menupc li a:hover, .dropdown-menupc li a.curr{ color: #571016;}
	.navbar_list > ul{flex-direction:column;}
	.navbar_list > ul > li{ width: 100%; margin-bottom: 10%; display: -webkit-flex;  display: flex; flex-wrap: wrap;flex-direction:column; border-bottom: 1px solid #e6e6e6;  padding-bottom: 10%;}
}

@media(max-width:767px){
	html, body {  font-size: calc(100vw / 7.8); }
	#filter_main{ display: none;}
	.info_menusubnav{ display: -webkit-flex; display: flex;}
	.ermenu_k{ justify-content: flex-end; border-bottom: #e5e5e5 dashed 1px;}
	.ermenu_k span{ display: block;}
	.ermenu_k ul {
    width: max-content;
    visibility: hidden;
    opacity: 0;
    flex-direction: column;
    position: absolute;
    top: 100%;
    right: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    background: #FFFFFF;
    box-shadow: 0 0.02rem 0.0625rem rgb(0 0 0 / 10%);
}
	.ny_subnav li{ width: 100%; text-align: center;}
	.ermenu_k.open ul { z-index: 1; visibility: visible; opacity: 1;}
	.ermenu_k.open .webicon-down::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
	.wxlist{ display: block;}
	.page_main .pageinfo, .page_main .pagefirst, .page_main .pageend, .page_main .pageup, .page_main .pagedown{ display: none; }	
	.pcmobanlist li{ width: 50%;}
	.sub_video_sp{ width: 100%;}
	.sub_videotitlist li{ width: 50%; padding: 0.1rem;}
	.infoguest_pic{ display: none;}
	.infoguest_form{ width: 100%;}
	.showbook_50{ width: 100%;}
}
@media(max-width:480px){
	html, body {  font-size: calc(100vw / 5); }	
	.pcmobanlist li{ width: 100%;}
}