@charset "UTF-8";
body {
  font-size: 100px;
}
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}
html {
  width: 100%;
  min-height: 100%;
}
body {
  width: 100%;
  min-height: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
  font: 0.26rem/1.5 "microsoft yahei", Tahoma, Arial, sans-serif;
  color: #333333;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #f6f6f6;
  position: relative;
}
img {
  border: 0;
}
em {
  font-style: normal;
}
s,
i {
  font-style: normal;
}
ul,
ol {
  list-style-type: none;
}
li {
  list-style: none outside none;
}
/*表单*/
input,
button,
select,
textarea {
  outline: none;
  font-family: "Microsoft Yahei", Arial;
  font-size: .24rem;
  -webkit-appearance: none !important;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}
/*链接*/
a,
a:link,
a:visited,
a:hover,
a:active {
  color: #333;
  text-decoration: none;
}
a:focus {
  outline: none;
}
a:hover,
a:active {
  color: #333333;
  outline: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.por {
  position: relative;
}
.poa {
  position: absolute;
}
.hide {
  display: none !important;
}
.mt5 {
  margin-top: .5rem;
}
.mt3 {
  margin-top: .3rem;
}
/*清除浮动*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.clear,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.icon {
  background: url(../g-images/icon.png) no-repeat;
  display: block;
  background-size: 4rem auto;
  vertical-align: middle;
}
/****有psd文件****/
.in_ico {
  background: url(../images/in_ico.png) no-repeat;
  display: block;
  background-size: 4rem auto;
  vertical-align: middle;
}
.g-ico,
.g-ico:before,
.g-ico:after {
  background: url(../g-images/g-ico.png) no-repeat;
  display: block;
  background-size: 4rem auto;
  vertical-align: middle;
}
.g-ico:before,
.g-ico:after {
  content: "\20";
  display: block;
}
body:before,
body:after {
  content: "";
  width: 100%;
  display: block;
}
body:after {
  height: 1rem;
}
body.indexbody:before {
  height: .9rem;
}
.pfont {
  font-family: 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
}
.red {
  color: #b82420 !important;
}
/******HTML默认结束******/
/***************top and bottom css*********************/
/**head**/
.head_main {
  box-sizing: border-box;
  width: 100%;
  height: .9rem;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.head_main .logo {
  display: block;
  font-size: .34rem;
  line-height: .9rem;
  color: #b82420;
  width: 100%;
  padding-left: 3%;

}
.head_main .logo img {
  display: block;
  margin-top:.1rem;
  max-width: 80%;
}
.head_main .logo em {
  display: inline-block;
  width: .22rem;
  height: .15rem;
  background-position: -0.4rem -0.32rem;
  margin-left: .2rem;
}
.head_main .search_ico {
  display: block;
  position: absolute;
  right: 14%;
  top: 0;
  text-align: center;
  cursor: pointer;
  width: 18%;
  height: .9rem;
  z-index: 6;
  padding-top: .28rem;
}
.head_main .search_ico span {
  width: .36rem;
  height: .36rem;
  margin: 0 auto;
  background-position: -1.35rem -0.89rem;
}
.head_main .search_ico.on {
  background: #f5f5f5;
}
.head_main .search_ico.on span {
  background-position: -0.5rem -0.9rem;
}
.head_main .tsearch {
  width: 100%;
  height: 1rem;
  padding: .2rem 3%;
  position: absolute;
  left: 0;
  top: .9rem;
  z-index: 1122;
  background: #f5f5f5;
  display: block;
}
.head_main .tsearch .txt {
  width: 75%;
  color: #000;
  text-indent: .3rem;
  color: #666;
  font-size: .22rem;
  height: .6rem;
  background: #fff;
  border: none;
  position: absolute;
  left: 3%;
  top: .2rem;
  border-bottom-left-radius: .5rem;
  border-top-left-radius: .5rem;
}
.head_main .tsearch .btn {
  color: #fff;
  font-size: .22rem;
  width: 20%;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  border: 0px;
  background: url(../g-images/sou.png) no-repeat center #b82420;
  position: absolute;
  right: 3%;
  top: .2rem;
  border-bottom-right-radius: .5rem;
  border-top-right-radius: .5rem;
  background-size: .4rem auto;
}
.head_main .navbtn {
  width: 20%;
  height: .9rem;
  padding-top: .28rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.head_main .navbtn s {
  width: .4rem;
  height: .4rem;
  display: block;
  margin: 0 auto;
  background-position: 0 -0.9rem;
}
.head_main .navbtn.cur s {
  background-position: 0 -0.9rem;
}
.head_main .goBack {
  width: 1rem;
  height: .9rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.head_main .goBack:before {
  width: 0.22rem;
  height: 0.36rem;
  margin: .28rem auto 0;
  background: url(../g-images/g-ico.png) no-repeat;
  background-size: 4rem auto;
  background-position: -0.98rem -0.9rem;
  content: '';
  display: block;
}
.head_main.head_main1 {
  position: relative;
  background: #b82420;
  box-shadow: none;
}
.head_main.head_main1 .logotext {
  text-align: center;
  color: #fff;
  display: block;
  height: 0.9rem;
  line-height: 0.9rem;
}
.head_main.head_main1 .navbtn s {
  background-position: 0 -0.9rem;
}
.head_main.head_main1 .navbtn.cur s {
  background-position: -0.5rem -0.9rem;
}
/*subNav*/
.subNav {
  position: fixed;
  width: 100%;
  height: 100%;
  right: -100%;
  top: 0;
  z-index: 999;
  max-width: 640px;
  min-width: 320px;
  background-color: rgba(0, 0, 0, 0.6);
}
.subNav .subNavCon {
  margin: 0px;
  width: 100%;
  height: 100%;
}
.subNav .c_clos {
  width: 100%;
  position: fixed;
  left: 0;
  top: 1.0rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
  display: none;
}
.subNav ul {
  background: #fff;
  height: 100%;
  position: relative;
  z-index: 10;
}
.subNav li {
  width: 100%;
  display: block;
  line-height: 0.8rem;
  margin: 0 auto;
  border-bottom: 1px solid #f0efef;
  text-indent: 3%;
  position: relative;
}
.subNav li a {
  display: block;
  color: #333;
  font-size: 0.26rem;
  width: 92%;
  margin: 0 auto;
}
.subNav .title {
  height: 1rem;
  position: relative;
  padding-top: .04rem;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.subNav .title .logo {
  height: 1rem;
  line-height: 1rem;
  padding: 0 3% 0 5%;
  display: block;
}
.subNav .title .logo img {
  height: 0.75rem;
  padding-top: .14rem;
  display: block;
}
.subNav .title .close {
  position: absolute;
  width: 1rem;
  height: 0.98rem;
  top: 0;
  right: 0px;
}
.subNav .title .close:before,
.subNav .title .close:after {
  width: .4rem;
  height: .03rem;
  display: block;
  content: "\20";
  right: .3rem;
  top: .4rem;
  z-index: 11;
  position: absolute;
  background: #666666;
}
.subNav .title .close:before {
  transform: rotate(45deg);
  top: 50%;
}
.subNav .title .close:after {
  transform: rotate(-45deg);
  top: 50%;
}
.subNavShow2 {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.subNav.show {
  right: 0 !important;
}
.subNavShow {
  -webkit-transform: translateX(-48%);
  -moz-transform: translateX(-48%);
  -ms-transform: translateX(-48%);
  transform: translateX(-48%);
  display: block;
}
/***footer****/
.footer_main {
  text-align: center;
  color: #666;
  font-size: .2rem;
  padding: .2rem 0;
  line-height:.42rem;
}
.footer_main a{  color: #666;}
#toolbar {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 888;
  height: 1rem;
  background: #fff;
  left: 0;
  border-top: 1px solid #ddd;
}
#toolbar .list {
  width: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
}
#toolbar .list li {
  float: left;
  width: 25%;
  text-align: center;
}
#toolbar .list li a {
  display: block;
  height: 1rem;
  line-height: 0.24rem;
  font-size: 0.26rem;
  color: #666;
  padding-top: 0.2rem;
}
#toolbar .list li a s {
  margin-left: auto;
  margin-right: auto;
  width: 0.34rem;
  height: 0.36rem;
  display: block;
}
#toolbar .list li a span {
  text-align: center;
  padding-top: 0.1rem;
  display: block;
}
#toolbar .list li a .too-home {
  background-position: 0 0;
}
#toolbar .list li a .too-tel {
  background-position: -0.5rem 0;
}
#toolbar .list li a .too-qiao {
  background-position: -1rem 0;
}
#toolbar .list li a .too-map {
  background-position: -1.5rem 0;
}
#toolbar .list li a.hover {
  color: #b82420;
}
#toolbar .list li a.hover .too-home {
  background-position: 0 -0.4rem;
}
#toolbar .list li a.hover .too-tel {
  background-position: -0.5rem -0.4rem;
}
#toolbar .list li a.hover .too-qiao {
  background-position: -1rem -0.4rem;
}
#toolbar .list li a.hover .too-map {
  background-position: -1.5rem -0.4rem;
}
/*悬浮工具*/
.g_top {
  width: 0.68rem;
  height: 0.68rem;
  padding-top: 0.12rem;
  background: #000;
  border-radius: 100%;
  position: fixed;
  right: 0.1rem;
  bottom: 1.4rem;
  display: block;
  z-index: 999;
  opacity: 0.89;
}
.g_top:before {
  width: 0.4rem;
  height: 0.36rem;
  margin: 0.08rem auto 0;
  background-position: -3.42rem -0.9rem;
}
.g_top:hover {
  background: #b82420;
}
/***************top and bottom css end*********************/
/***banner****/
#banner_main {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.banner {
  margin: 0 auto;
  width: 100%;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.banner .list {
  width: 100%;
  overflow: hidden;
}
.banner .list li {
  float: left;
  width: 100%;
  overflow: hidden;
}
.banner .list li img {
  width: 100%;
  height: auto;
  display: block;
}
#banner .tip {
  width: 100%;
  height: 0.32rem;
  line-height: 0.32rem;
  text-align: center;
  clear: both;
  z-index: 2;
  font-size: 0;
  position: absolute;
  left: 0;
  bottom: 5%;
}
#banner .tip span {
  display: inline-block;
  width: 0.4rem;
  height: 0.05rem;
  margin: 0 0.025rem;
  vertical-align: middle;
  background: #fff;
  border-radius: .3rem;
}
#banner .tip span.cur {
  background: #b82420;
}
/***************index css start*********************/
.iQuick_nav {
  background: #fff;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #e9e9e9;
  box-shadow: 0 1px 3px #e7e7e7;
}
.iQuick_nav ul {
  padding: .25rem 0;
}
.iQuick_nav li {
  float: left;
  width: 25%;
  text-align: center;
  display: block;
}
.iQuick_nav li a {
  display: block;
}
.iQuick_nav li .tb {
  width: .8rem;
  height: .8rem;
  margin: 0 auto;
  background: url(../images/menu.png) no-repeat 0 0;
  background-size: 3.4rem auto;
  display: block;
}
.iQuick_nav li h3 {
  line-height: .66rem;
  font-size: .24rem;
  font-weight: normal;
}
.iQuick_nav li:nth-child(2) .tb {
  background-position: -0.86rem 0;
}
.iQuick_nav li:nth-child(3) .tb {
  background-position:0 -0.94rem;
}
.iQuick_nav li:nth-child(4) .tb {
  background-position: -2.58rem 0;
}
.iQuick_nav li:nth-child(5) .tb {
 background-position: -1.72rem -0.94rem;
}
.iQuick_nav li:nth-child(6) .tb {
  
   background-position: -1.72rem 0;
}
.iQuick_nav li:nth-child(7) .tb {
 
  background-position: -2.58rem -0.94rem;
}
.iQuick_nav li:nth-child(8) .tb {
  background-position: -0.86rem -0.94rem;
}
/*iFree-quote*/
.iFree-quote {
  padding: .6rem 3% .4rem;
}
.iFree-quote .imegbox .item {
  height: 0.7rem;
  line-height: 0.7rem;
  border: 1px solid #dcdcdc;
  color: #999;
  overflow: hidden;
  position: relative;
  margin-bottom: .2rem;
  border-radius: 3px;
}
.iFree-quote .imegbox .item .txt {
  border: none;
  height: 0.7rem;
  line-height: 0.7rem;
  width: 100%;
  font-size: .24rem;
  padding-left: 3%;
}
.iFree-quote .imegbox .item em {
  position: absolute;
  right: 3%;
  top: 0;
  color: #333333;
}
.iFree-quote .imegbox .submit {
  border: none;
  height: 0.7rem;
  line-height: 0.7rem;
  width: 100%;
  text-align: center;
  background: #b82420;
  color: #fff;
  border-radius: 3px;
}
/*iksnav*/
.iksnav {
  padding: 0 3%;
}
.iksnav .item {
  float: left;
  width: 49%;
  margin-left: 2%;
  height: 1.3rem;
  border-radius: .1rem;
  background: #ebf0f5;
  position: relative;
  margin-bottom: .2rem;
}
.iksnav .item a {
  display: block;
  padding: .2rem;
}
.iksnav .item img {
  max-width: 80%;
  max-height: 1.0rem;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  border-bottom-right-radius: .1rem;
}
.iksnav .item h3 {
  color: #000;
  font-weight: normal;
}
.iksnav .item p {
  color: #999;
  font-size: .2rem;
}
.iksnav .item:first-child {
  margin-left: 0;
  margin-bottom: 0;
  background: #586370;
  height: 2.8rem;
}
.iksnav .item:first-child h3 {
  font-size: .32rem;
  color: #fff;
}
.iksnav .item:first-child p {
  color: #d5d5d5;
}
.iksnav .item:first-child img {
  max-height: 1.6rem;
}
.iksnav .item:nth-child(3) img {
  height: .5rem;
}
.index {
  width: 100%;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
}
.index .title {
  text-align: center;
  padding-bottom: .1rem;
}
.index .title h3 {
  font-size: .32rem;
  font-weight: normal;
}
.index .title h3 b {
  font-weight: bold;
  color: #b82420;
}
.index .title h4 {
  color: #999;
  font-size: .24rem;
  font-weight: normal;
  text-transform: uppercase;
}
.index .more {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ddd;
  height: .4rem;
}
.index .more a {
  display: block;
  position: absolute;
  width: 3.2rem;
  height: .5rem;
  background: #fff;
  left: 50%;
  margin-left: -1.6rem;
  top: .2rem;
  text-align: center;
  color: #999;
}
.index .floor_1_main {
  padding: .3rem 0;
}
.index .floor_1_main .imenu {
  padding: 0 3%;
}
.index .floor_1_main .imenu a {
  display: inline-block;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 10px #e4e4e4;
  border-radius: .4rem;
  padding: 0;
  margin: 0 1% .2rem 0;
  width: 23%;
}
.index .floor_1_main .imenu a.hover {
  background: #b82420;
  color: #fff;
}
.index .floor_2_main {
  width: 100%;
  background: #fff;
  padding: .8rem 0;
}
.index .teamlist {
  padding: 0 3%;
}
.index .teamlist .item {
  float: left;
  width: 47%;
  margin-right: 2%;
  margin-bottom: .2rem;
}
.index .teamlist .item:nth-child(2n) {
  margin-right: 0;
}
.index .teamlist .item a {
  display: block;
}
.index .teamlist .item figure {
  width: 100%;
  padding-top: 133%;
  position: relative;
  overflow: hidden;
  border-radius: .1rem;
  z-index: 2;
}
.index .teamlist .item figure img {
  width: 100%;
 
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.index .teamlist .item .txt {
  border: 1px solid #ddd;
  padding: .2rem 3%;
  text-align: center;
  position: relative;
  height: 1.3rem;
  overflow: hidden;
  border-top: none;
  top: -0.06rem;
  z-index: 1;
  border-bottom-right-radius: .1rem;
  border-bottom-left-radius: .1rem;
}
.index .teamlist .item .txt h3 {
  font-size: .3rem;
  font-weight: normal;
}
.index .teamlist .item .txt p {
  color: #666;
  font-size: .24rem;
  height: .4rem;
  overflow: hidden;
}
.index .teamlist .item .ewm {
  width: 100%;
  height: 1.8rem;
  display: none;
  font-size: .2rem;
  padding: .08rem 0 0;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 5%;
  text-align: center;
  background: #b82420;
}
.index .teamlist .item .ewm img {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  border: 1px solid #fff;
  margin: .1rem auto 0;
}
.index .floor_3 {
  padding: .8rem 0 .2rem;
}
.index .liuc {
  padding: 3%;
}
.index .liuc .item {
  float: left;
}
.index .liuc .item .Piece {
  width: 2.8rem;
  height: 1.2rem;
  background: #fff;
  box-shadow: 0 0 10px #e4e4e4;
  float: left;
  padding: .24rem;
  border-radius: .05rem;
}
.index .liuc .item .Piece figure {
  width: 30%;
  display: block;
  float: left;
}
.index .liuc .item .Piece figure img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
}
.index .liuc .item .Piece p {
  position: relative;
  padding-top: .4rem;
  float: right;
  width: 60%;
}
.index .liuc .item .Piece p i {
  font-size: .5rem;
  color: #ccc;
  line-height: .5rem;
  font-family: arial;
  font-weight: bold;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.index .liuc .item .Piece p span {
  position: relative;
  z-index: 3;
  background: #fff;
  padding-top: .1rem;
  font-size: .26rem;
}
.index .liuc .item:nth-child(3),
.index .liuc .item:nth-child(7) {
  float: right;
  padding-bottom: .4rem;
}
.index .liuc .item:nth-child(3) .Piece,
.index .liuc .item:nth-child(7) .Piece {
  float: right;
}
.index .liuc .item:nth-child(3) .jtou,
.index .liuc .item:nth-child(7) .jtou {
  width: .41rem;
  height: 1.2rem;
  background: url(../images/jt3.png) no-repeat center;
  background-size: .41rem auto;
  float: left;
}
.index .liuc .item:nth-child(1) .jtou {
  width: .41rem;
  height: 1.2rem;
  background: url(../images/jt.png) no-repeat center;
  background-size: .41rem auto;
  float: left;
}
.index .liuc .item:nth-child(5) .jtou {
  width: .41rem;
  height: 1.2rem;
  background: url(../images/jt.png) no-repeat center;
  background-size: .41rem auto;
  float: left;
}
.index .liuc .item:nth-child(2) .jtou,
.index .liuc .item:nth-child(6) .jtou {
  display: block;
  width: 100%;
  height: .4rem;
  background: url(../images/jt2.png) no-repeat center;
  background-size: .18rem auto;
  float: left;
}
.index .liuc .item:nth-child(4) .jtou {
  display: block;
  width: 100%;
  height: .4rem;
  background: url(../images/jt2.png) no-repeat center;
  background-size: .18rem auto;
  float: left;
}
.index .floor_4 {
  padding: .8rem 0 .2rem;
  background: #fff;
}
.index .youshi .item {
  background: url(../images/ty.jpg) no-repeat center bottom;
  background-size: 6.4rem auto;
  padding-bottom: .7rem;
  position: relative;
  display: block;
  width: 100%;
}
.index .youshi .item a {
  display: block;
  padding: 3%;
}
.index .youshi .item .txt {
  position: relative;
}
.index .youshi .item .txt span {
  display: block;
  width: .8rem;
  height: .8rem;
  text-align: center;
  line-height: .8rem;
  color: #ccc;
  border: .03rem solid #ccc;
  font-size: .32rem;
  vertical-align: middle;
  margin: 0 .2rem;
}
.index .youshi .item .txt h3 {
  display: inline-block;
  font-size: .32rem;
  vertical-align: middle;
}
.index .youshi .item .txt h3 b {
  color: #b82420;
  display: block;
}
.index .youshi .item .txt p {
  color: #999;
  font-size: .24rem;
}
.index .youshi .item figure {
  position: absolute;
  top: 0;
  width: 40%;
}
.index .youshi .item figure img {
  width: 100%;
  display: block;
}
.index .youshi .item.it0 figure {
  right: 0;
}
.index .youshi .item.it0 .txt {
  text-align: left;
  width: 70%;
}
.index .youshi .item.it0 .txt span {
  float: left;
}
.index .youshi .item.it1 figure {
  left: 0;
}
.index .youshi .item.it1 .txt {
  text-align: right;
  padding-left: 40%;
}
.index .youshi .item.it1 .txt span {
  float: right;
}
.index .youshi .item:nth-child(1) figure {
  width: 30%;
  top: -0.2rem;
}
.index .floor_5 {
  padding: .52rem 0 .2rem;
  background: #fff;
}
.index .floor_5 .list {
  padding: 0 3%;
}
.index .floor_5 .list li {
  width: 100%;
  display: block;
  padding: .2rem 0;
  border-top: 1px solid #eee;
}
.index .floor_5 .list li:first-child {
  border-top: 0;
}
.index .floor_5 .list li a {
  display: block;
}
.index .floor_5 .list li figure {
  width: 30%;
  padding-top: 16%;
  position: relative;
  overflow: hidden;
  z-index: 2;
  float: left;
  margin-right: 2%;
  margin-top: .1rem;
}
.index .floor_5 .list li figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.index .floor_5 .list li h3 {
  font-size: .26rem;
  color: #000;
  height: .8rem;
  overflow: hidden;
  font-weight: normal;
}
.index .floor_5 .list li p {
  color: #999;
  font-size: .2rem;
}
.index .floor_5 .list li:hover .txt h3 {
  color: #b82420;
}
.hbk {
  width: 100%;
  height: .2rem;
  background: #f5f5f5;
}
/*icase*/
.icase .list {
  padding: 3%;
}
.icase .list .item {
  float: left;
  width: 49%;
  margin-right: 2%;
  background: #fff;
  box-shadow: 0 0 10px #e4e4e4;
  border-radius: .1rem;
  margin-bottom: .2rem;
}
.icase .list .item a {
  display: block;
}
.icase .list .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
}
.icase .list .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.icase .list .item h3 {
  height: 0.7rem;
  line-height: 0.7rem;
  display: block;
  text-align: center;
  overflow: hidden;
  font-weight: normal;
  font-size: .26rem;
}
.icase .list .item:nth-child(2n) {
  margin-right: 0;
}
.icase .list .item:hover h3 {
  color: #b82420;
}
.xunpan {
  width: 100%;
  height: 2.93rem;
  background: url(../images/xunpan.jpg) no-repeat center;
  background-size: 6.4rem auto;
  color: #fff;
  text-align: center;
}
.xunpan p {
  font-size: .2rem;
}
.xunpan .bigtxt {
  font-size: .32rem;
  padding-top: .6rem;
  display: block;
}
.xunpan .bigtxt b {
  font-size: .32rem;
  font-weight: bold;
}
.xunpan .btn {
  padding-top: .28rem;
}
.xunpan .btn a {
  display: inline-block;
  width: 2.6rem;
  height: .65rem;
  line-height: .65rem;
  text-align: center;
  color: #fff;
  border-radius: .3rem;
}
.xunpan .btn a i {
  width: .32rem;
  height: .32rem;
  display: inline-block;
  margin-right: .2rem;
}
.xunpan .btn a.zx {
  border: 1px solid #fff;
  margin-right: .2rem;
}
.xunpan .btn a.zx i {
  background-position: -1.1rem -1.06rem;
}
.xunpan .btn a.tel {
  background: #b82420;
}
.xunpan .btn a.tel i {
  background-position: -1.56rem -1.06rem;
}
/***************index css end*********************/
/******common css 内页共用*******/
/*内页头部公用开始*/
.head_main1 {
  background: #b82420;
  width: 100%;
  height: 1.01rem;
  z-index: 100;
  overflow: hidden;
}
.head_main1 .navbtn {
  width: .8rem;
  height: 1rem;
  padding-top: .33rem;
  position: absolute;
  right: .15rem;
  top: 0;
  z-index: 10;
}
.head_main1 .navbtn s {
  width: .45rem;
  height: .4rem;
  display: block;
  margin: 0 auto;
  background-position: -1.09rem -0.44rem;
}
.head_main1 .search_ico {
  width: 0.8rem;
  height: 0.9rem;
  padding-top: .33rem;
  position: absolute;
  left: .15rem;
  top: 0;
  cursor: pointer;
  z-index: 10;
}
.head_main1 .search_ico a {
  width: .42rem;
  height: .42rem;
  display: block;
  margin: 0 auto;
  background-position: -0.66rem -0.44rem;
}
.head_main1 .bt {
  width: 2.17rem;
  display: block;
  margin: 0 auto;
  text-align: center;
  height: 1rem;
}
.head_main1 .bt p {
  display: inline-block;
  font-size: 0.34rem;
  color: #fff;
  line-height: 1rem;
}
/*内页头部公用结束*/
.wrapper {
  width: 100%;
  position: relative;
}
.wrapper .menubox {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  padding: 4% 3%;
  text-align: center;
  margin-bottom: .2rem;
}
.wrapper .menubox a {
  width: 48%;
  display: block;
  float: left;
  margin-right: 3%;
  margin-bottom: .2rem;
  height: 0.7rem;
  line-height: 0.7rem;
  border: 1px solid #ddd;
  border-radius: .1rem;
}
.wrapper .menubox a:nth-child(2n) {
  margin-right: 0;
}
.wrapper .menubox a:hover,
.wrapper .menubox a.hover {
  background: #b82420;
  border: 1px solid #b82420;
  color: #fff;
}
.wrapper .g-btn a {
  color: #fff;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #333;
  text-align: center;
  display: block;
  width: 49%;
  float: left;
  border-radius: .1rem;
}
.wrapper .g-btn a em {
  width: .24rem;
  height: .24rem;
  display: inline-block;
  margin-right: .1rem;
  background-position: 0 -0.56rem;
}
.wrapper .g-btn a.baojia {
  background: #b82420;
  margin-left: 2%;
}
.wrapper .g-btn a.baojia em {
  background-position: -0.36rem -0.56rem;
  width: .32rem;
}
.wrapper .title3 {
  width: 100%;
  position: relative;
  height: 0.4rem;
  line-height: 0.4rem;
  margin-bottom: .3rem;
  margin-top: .2rem;
}
.wrapper .title3 h4 {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: .3rem;
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  padding: 0 .6rem 0 0;
  background: #fff;
  border-right: 1px solid #ccc;
  font-weight: normal;
}
.wrapper .title3 .line {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  border-top: 1px solid #ccc;
}
.wrapper .title2 {
  width: 100%;
  position: relative;
  height: 0.4rem;
  line-height: 0.4rem;
  margin-bottom: .3rem;
  margin-top: .2rem;
}
.wrapper .title2 .g-ico {
  width: .3rem;
  height: .3rem;
  position: relative;
  display: inline-block;
  z-index: 2;
  background-color: #fff;
  background-position: -3.3rem 0;
  vertical-align: middle;
}
.wrapper .title2 h4 {
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: .3rem;
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  padding: 0 .6rem 0 .14rem;
  background: #fff;
  border-right: 1px solid #ccc;
  font-weight: normal;
}
.wrapper .title2 .line {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  border-top: 1px solid #ccc;
}
.wrapper .gdtitle {
  text-align: center;
  margin: 0 auto .3rem;
  background: url(../g-images/gdtitle.png) no-repeat center bottom;
  padding-bottom: .4rem;
  background-size: 2.0rem auto;
}
.wrapper .gdtitle h2 {
  font-size: .32rem;
  font-weight: normal;
}
.zxtk_style {
  background: #fff;
}
.zxtk_style .section {
  position: relative;
  background: #fff;
}
.zxtk_style .zxtk_p1 {
  height: 0.7rem;
  display: flex;
}
.zxtk_style .zxtk_p1 span {
  flex: 1;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.3rem;
  color: #666;
  padding-left: 0.2rem;
  border-bottom: #dddddd solid 1px;
  border-left: #dddddd solid 1px;
  text-align: center;
}
.zxtk_style .zxtk_p1 span:first-child {
  margin-left: 0;
  border-left: none;
}
.zxtk_style .zxtk_p1 span.on {
  height: 0.7rem;
}
.zxtk_style .zxtk_p1 span em {
  display: inline-block;
  width: .26rem;
  height: .18rem;
  background-position: -0.74rem -0.32rem;
  margin-left: .1rem;
  margin-top: .06rem;
}
.zxtk_con {
  position: absolute;
  left: 0;
  top: 0.7rem;
  background: #fff;
  z-index: 10;
}
.zxtk_con .zxtk_ul {
  display: none;
  padding: 0.1rem 0.06rem;
}
.zxtk_con .zxtk_ul.on {
  display: inline-block;
  width: 100%;
}
.zxtk_con .zxtk_ul li {
  float: left;
  width: 24%;
  border: 1px solid #dfdfdf;
  color: #666;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.24rem;
  text-align: center;
  margin: 0 0 0.14rem 0.06rem;
}
.zxtk_con .zxtk_ul li.on {
  background: #dadada;
}
.person_case_anli {
  overflow: hidden;
}
.fall-box {
  width: 100%;
}
.fall-box .item {
  width: calc(100%);
  padding-bottom: 0.4rem;
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 0 3px #e4e4e4;
  margin-bottom: .2rem;
}
.person_case_anli dl dt,
.person_case_anli dl dd {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
}
.person_case_anli dl dt {
  padding-top: 0.2rem;
  overflow: hidden;
}
.person_case_anli dl dt figure {
  width: 100%;
  padding-top: 72%;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.person_case_anli dl dt figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
  border-radius: 0.08rem;
}
.fall-box .item-img {
  width: 100%;
  display: block;
}
.person_case_anli dl dd {
  height: 1.1rem;
  position: relative;
}
.person_case_anli dl dd .dd_p1 {
  line-height: 0.3rem;
  font-size: 0.3rem;
  padding-top: 0.3rem;
  color: #333333;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.person_case_anli dl dd .dd_p2 {
  display: block;
  font-size: 0.24rem;
  padding-top: 0.18rem;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.22rem;
  color: #999999;
}
.person_case_anli dl dd .dd_p2 span {
  display: inline-block;
  padding-right: 0.24rem;
  border-left: 1px solid #eee;
}
.person_case_anli dl dd .dd_p2 span:first-child {
  border-left: none;
}
.person_case_anli dl dd .dd_p2 span:nth-child(2),
.person_case_anli dl dd .dd_p2 span:nth-child(3) {
  padding-left: 0.24rem;
}
.person_case_anli dl dd .Renovation {
  position: absolute;
  right: 0;
  top: 0.3rem;
  width: 2rem;
  height: 0.7rem;
  background: #333333;
  color: #fff;
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.7rem;
}
.person_case_anli dl dd .Renovation span {
  display: inline-block;
  width: 0.3rem;
  height: 0.26rem;
  background-position: -3.7rem -0.54rem;
  padding-left: 0.42rem;
}
.person_case_anli dl dd .Renovation:hover {
  background-color: #b82420;
}
/*catemore*/
.catemore {
  display: block;
  text-align: center;
  color: #868686;
  font-size: .22rem;
  height: 0.7rem;
  line-height: 0.7rem;
}
.catemore:active,
.catemore:hover {
  color: #b82420;
}
.iocp {
  background-size: 100%;
  padding: 0.1rem 0;
  background: #fff;
  box-shadow: 0 0 3px #e4e4e4;
}
.g-box {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  margin-bottom: .2rem;
  padding: .2rem;
}
.ny_an {
  background: #fff;
}
/*装修百科*/
.tabcon {
  box-sizing: border-box;
  width: 100%;
  height: .9rem;
  overflow: hidden;
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 0 3px #e4e4e4;
}
.tabcon .as_box {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 6;
  display: block;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tabcon .as_box .x_scroll {
  width: 145%;
}
.tabcon .nav_btn.cur {
  color: #b82420;
}
.tabcon .nav_btn {
  box-sizing: border-box;
  display: inline-block;
  height: .9rem;
  width: 1.54rem;
  font-size: 0.24rem;
  text-align: center;
  color: #636363;
  line-height: .9rem;
  position: relative;
}
.tabcon .nav_btn.cur::before {
  display: block;
}
.tabcon .nav_btn::before {
  content: '';
  display: none;
  width: 100%;
  height: 2px;
  left: 0;
  position: absolute;
  bottom: 0;
  background: #b82420;
}
.tabcon h3 {
  font-weight: normal;
}
.ny_nav {
  width: 100%;
  padding: 0.2rem 0.2rem .26rem;
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
}
.ny_nav a.hover {
  border: 1px solid #b82420;
  color: #fff;
  background: #b82420;
}
.ny_nav a {
  width: 48%;
  height: .68rem;
  display: block;
  float: left;
  line-height: .68rem;
  text-align: center;
  border-radius: .04rem;
  color: #333;
  background: #fff;
  margin: 0 1% 2.2%;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}
.thumblist {
  background: #fff;
  box-shadow: 0 0 3px #e4e4e4;
  padding-bottom: 0.55rem;
  margin-bottom: .2rem;
}
.thumblist .list {
  width: 93%;
  margin: 0 auto;
  padding: 0;
}
.thumblist li:first-child {
  border-top: 0;
}
.thumblist li {
  width: 100%;
  display: block;
  border-top: 1px solid #e0e0e0;
  padding: .3rem 0;
}
.thumblist li a {
  display: block;
  clear: both;
}
.thumblist li figure {
  width: 33.6%;
  padding-top: 24%;
  position: relative;
  overflow: hidden;
  z-index: 2;
  float: left;
  margin-right: 4%;
  margin-top: .05rem;
}
.thumblist li figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.thumblist li h3 {
  font-size: .26rem;
  color: #333333;
  height: 1.1rem;
  overflow: hidden;
}
.thumblist li p {
  font-size: 0.2rem;
  color: #999999;
}
.tj_sj {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  margin-bottom: .2rem;
  padding-top: .3rem;
  position: relative;
  padding-bottom: .5rem;
}
.tj_sj .tuijian {
  height: 0.4rem;
  position: relative;
  margin-bottom: .3rem;
}
.tj_sj .tuijian p {
  font-size: 0.3rem;
  color: #333333;
  line-height: 0.3rem;
  float: left;
  background: #fff;
  border-right: 1px solid #ccc;
  padding: 0 .3rem 0 3%;
  position: relative;
  z-index: 3;
}
.tj_sj .tuijian p span {
  background-position: -1.98rem 0rem;
  display: inline-block;
  width: 0.34rem;
  height: 0.25rem;
}
.tj_sj .tuijian i {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  border-top: 1px solid #ccc;
}
/*设计团队*/
.jb_list {
  position: relative;
  padding-top: .2rem;
}
.jb_list li {
  padding: .4rem .2rem;
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  padding-bottom: 0.56rem;
  margin-bottom: .2rem;
}
.jb_list li .left {
  width: 26%;
  float: left;
}
.jb_list li .left figure {
  width: 100%;
  padding-top: 134%;
  position: relative;
  overflow: hidden;
  border-radius: 0.07rem;
}
.jb_list li .left figure img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.jb_list li .right {
  width: 68%;
  float: left;
  padding-left: 3%;
}
.jb_list li .right h3 {
  font-weight: 500;
  line-height: .35rem;
  font-size: 0.3rem;
  color: #333333;
  padding-top: 0.04rem;
}
.jb_list li .right i {
  display: block;
  line-height: .35rem;
  font-size: 0.24rem;
  color: #666666;
  padding-top: 0.14rem;
}
.jb_list li .right h4 {
  display: block;
  line-height: .35rem;
  font-size: 0.24rem;
  color: #666666;
  padding-top: 0.14rem;
  font-weight: normal;
}
.jb_list li .right h4 span {
  display: inline-block;
  padding-right: 0.2rem;
}
.jb_list li .right p a {
  display: inline-block;
  width: 1.48rem;
  height: 0.48rem;
  border: #999999 solid 0.01rem;
  border-radius: 0.06rem;
  margin-top: 0.2rem;
  text-align: center;
}
.jb_list li .right p a.yt {
  margin-left: 0.2rem;
}
.jb_list li .right p a span {
  font-size: 0.2rem;
  color: #333333;
  display: inline-block;
  line-height: 0.48rem;
  background-position: -2.74rem 0rem;
  padding-left: 0.28rem;
}
.jb_list li .right p a.yt span {
  font-size: 0.2rem;
  color: #333333;
  display: inline-block;
  line-height: 0.48rem;
  background-position: -3.73rem 0rem;
  padding-left: 0.4rem;
}
/****推荐设计师***/
.tj-designerbox {
  padding-bottom: .4rem;
}
.tj-designerbox .tj-designer {
  overflow: hidden;
  padding-bottom: .6rem;
}
.tj-designerbox .tj-designer .item {
  float: left;
  width: 2.1rem;
  height: 3.8rem;
  margin-right: .2rem;
}
.tj-designerbox .tj-designer .item a {
  display: block;
}
.tj-designerbox .tj-designer .item figure {
  width: 100%;
  padding-top: 133%;
  position: relative;
  overflow: hidden;
  border-radius: .1rem;
  z-index: 2;
}
.tj-designerbox .tj-designer .item figure img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.tj-designerbox .tj-designer .item .txt {
  border: 1px solid #ddd;
  padding: 0 3%;
  text-align: center;
  position: relative;
  height: 1rem;
  overflow: hidden;
  border-top: none;
  top: -0.06rem;
  z-index: 1;
  border-bottom-right-radius: .1rem;
  border-bottom-left-radius: .1rem;
}
.tj-designerbox .tj-designer .item .txt h3 {
  font-size: .28rem;
  font-weight: normal;
  padding-top: .1rem;
}
.tj-designerbox .tj-designer .item .txt p {
  color: #666;
  font-size: .24rem;
  height: .4rem;
  overflow: hidden;
}
.tj-designerbox .tj-designer .tip {
  padding: .2rem 0;
  text-align: center;
}
.tj-designerbox .tj-designer .tip span {
  display: inline-block;
  width: .14rem;
  height: .14rem;
  background: #ccc;
  margin-right: .2rem;
  border-radius: .2rem;
}
.tj-designerbox .tj-designer .tip span.cur {
  background: #b82420;
  width: .4rem;
}
.tj-designerbox .tj-designer .swiper-pagination-bullet {
  width: .14rem;
  height: .14rem;
  background: #ccc;
  border-radius: .3rem;
  opacity: 1;
}
.tj-designerbox .tj-designer .swiper-pagination-bullet-active {
  background: #b82420;
  width: .4rem;
}
/*推荐案例*/
.tj-case {
  overflow: hidden;
  padding-bottom: .3rem;
}
.tj-case .list {
  width: 210%;
}
.tj-case .item {
  float: left;
  width: 3.73rem;
  height: 3.68rem;
  margin-right: .2rem;
}
.tj-case .item a {
  display: block;
  padding-bottom: .1rem;
}
.tj-case .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  z-index: 2;
}
.tj-case .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.tj-case .item .txt {
  border: 1px solid #ddd;
  padding: 0 3%;
  text-align: center;
  position: relative;
  height: .78rem;
  overflow: hidden;
  border-top: none;
  top: -0.06rem;
  z-index: 1;
  border-bottom-right-radius: .1rem;
  border-bottom-left-radius: .1rem;
}
.tj-case .item .txt h3 {
  font-size: .28rem;
  font-weight: normal;
  padding-top: .2rem;
}
.tj-case .tip {
  padding: .2rem 0;
  text-align: center;
}
.tj-case .tip span {
  display: inline-block;
  width: .14rem;
  height: .14rem;
  background: #ccc;
  margin-right: .2rem;
  border-radius: .2rem;
}
.tj-case .tip span.cur {
  background: #b82420;
  width: .4rem;
}
.tj-case .swiper-pagination-bullet {
  width: .14rem;
  height: .14rem;
  background: #ccc;
  border-radius: .3rem;
  opacity: 1;
}
.tj-case .swiper-pagination-bullet-active {
  background: #b82420;
  width: .4rem;
}
/*案例详情*/
.anlei .list li:first-child {
  margin-left: 1.2rem;
}
.anlei .list li {
  width: 3.92rem;
  text-align: center;
  float: left;
}
.anlei .list li .gd_z {
  position: relative;
  width: 3.72rem;
  height: 3.6rem;
  display: inline-block;
}
.anlei .list li img {
  display: inline-block;
  width: 3.72rem;
  height: 2.8rem;
  overflow: hidden;
}
.ny_x,
.ny_xinwen {
  width: calc(100%);
  padding-bottom: 0.5rem;
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;

}
.ny_an h1 {
  font-size: 0.34rem;
  color: #333333;
  padding-top: 0.4rem;
  line-height: 0.34rem;
  text-align: center;
}
.ny_an .ny_x1 {
  padding-top: 0.28rem;
  width: 6rem;
  margin: 0 auto;
}
.ny_an .ny_x1 ul {
  display: inline-block;
  border-top: #dddddd solid 1px;
}
.ny_an .ny_x1 ul li {
  width: 3rem;
  height: 0.6rem;
  border-bottom: #dddddd solid 1px;
  float: left;
  line-height: 0.6rem;
  border-left: #dddddd solid 1px;
}
.ny_an .ny_x1 ul li.x1 {
  width: 6rem;
  border-right: #dddddd solid 1px;
}
.ny_an .ny_x1 ul li.x1 i {
  width: 4rem;
}
.ny_an .ny_x1 ul li:nth-child(3),
.ny_an .ny_x1 ul li:nth-child(5),
.ny_an .ny_x1 ul li:nth-child(7),
.ny_an .ny_x1 ul li:nth-child(9) {
  border-right: #dddddd solid 1px;
}
.ny_an .ny_x1 ul li span {
  display: inline-block;
  width: 1.39rem;
  border-right: #dddddd solid 1px;
  background-color: #f6f6f6;
  height: 0.58rem;
  line-height: 0.58rem;
  text-align: center;
  font-size: 0.2rem;
  color: #666666;
  float: left;
}
.ny_an .ny_x1 ul li i {
  width: 1.56rem;
  display: inline-block;
  height: 0.58rem;
  line-height: 0.58rem;
  padding-left: 0.20rem;
  font-size: 0.2rem;
  color: #666666;
  float: left;
}
.ny_an .ny_x1 ul li.x9 {
  width: 6rem;
}
.ny_an .ny_x1 ul li.x9 i {
  border-right: #dddddd solid 1px;
  width: 4.59rem;
}
.ny_x2 {
  margin-top: 0.4rem;
  padding: 0 0.2rem;
  height: 4.5rem;
  position: relative;
}
.ny_x2 .bd {
  width: 6rem;
}
.ny_x2 .bd ul {
  display: inline-block;
}
.ny_x2 .bd ul li {
  float: left;
  width: 6rem;
  height: 4.5rem;
  overflow: hidden;
}
.ny_x2 .bd ul li img {
  width: 6rem;
  height: 4.5rem;
  background-size: 100%;
  border-radius: 0.08rem;
}
.ny_x2 .hd {
  width: 6rem;
  height: 0.14rem;
  text-align: center;
  position: absolute;
  left: 0.2rem;
  bottom: 0.3rem;
}
.ny_x2 .hd ul {
  display: inline-block;
}
.ny_x2 .hd ul li {
  display: inline-block;
  float: left;
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 0.07rem;
  background-color: #fff;
  margin: 0 .04rem;
  vertical-align: middle;
  text-indent: -9999px;
}
.ny_x2 .hd ul li.on {
  background: #b82420;
  width: 0.38rem;
}
.ny_x3 {
  padding: .4rem 0.2rem 0;
}
.ny_x3 li .left {
  width: 26%;
  float: left;
}
.ny_x3 li .left figure {
  width: 100%;
  padding-top: 134%;
  position: relative;
  overflow: hidden;
  border-radius: 0.07rem;
}
.ny_x3 li .left figure img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.ny_x3 li .right {
  width: 74%;
  float: left;
  padding-left: 6%;
  position: relative;
}
.ny_x3 li .right h3 a {
  display: block;
  font-weight: 500;
  line-height: .35rem;
  font-size: 0.3rem;
  color: #333333;
  padding-top: 0.1rem;
}
.ny_x3 li .right i {
  display: block;
  line-height: .35rem;
  font-size: 0.24rem;
  color: #666666;
  padding-top: 0.2rem;
}
.ny_x3 li .right h4 {
  display: block;
  line-height: .35rem;
  font-size: 0.24rem;
  color: #666666;
  padding-top: 0.16rem;
  font-weight: normal;
}
.ny_x3 li .right h4 span {
  display: block;
  padding-bottom: 0.12rem;
}
.ny_x3 li .right p.cly {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ny_x3 li .right p a {
  text-align: center;
}
.ny_x3 li .right p a span {
  display: inline-block;
  background-position: -2.74rem -0.14rem;
  width: .22rem;
  height: .22rem;
  vertical-align: middle;
}
.ny_x3 li .right p a {
  display: block;
  width: 1.48rem;
  height: 0.48rem;
  line-height: 0.48rem;
  border: #999999 solid 0.01rem;
  border-radius: 0.06rem;
  margin-top: 0.2rem;
  text-align: center;
  font-size: 0.2rem;
  color: #333333;
}
.ny_x3 li .right p a.yt span {
  display: inline-block;
  background-position: -3.73rem -0.12rem;
  width: .28rem;
  margin-right: .1rem;
}
.ny_x4 {
  padding: 0 0.2rem;
}
.ny_x4 h3 {
  height: 0.62rem;
  margin-top: 0.36rem;
}
.ny_x4 h3 span {
  display: block;
  float: left;
  font-size: 0.3rem;
  color: #333333;
  width: 1.78rem;
  height: 0.3rem;
  line-height: 0.3rem;
}
.ny_x4 h3 i {
  display: block;
  float: left;
  background: url(../images/a15_03.jpg) left no-repeat;
  width: 4.22rem;
  height: 0.28rem;
  background-size: 100%;
}
.ny_x4 p {
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.45rem;
}
.ny_x4 ul {
  display: inline-block;
  width: 6rem;
}
.ny_x4 ul li {
  display: block;
  width: 6rem;
  text-align: center;
  padding-top: 0.3rem;
}
.ny_x4 ul li img {
  width: 6rem;
  height: auto;
  display: inline-block;
}
/*新闻详情*/
.ny_xinwen .ny_xin1 {
  margin: 0 0.2rem;
  border-bottom: #dddddd solid 1px;
  padding-bottom: .4rem;
}
.ny_xinwen .ny_xin1 h1 {
  font-size: 0.3rem;
  color: #333333;
  padding-top: 0.42rem;
}
.ny_xinwen .ny_xin1 .xw_r {
  padding-top: 0.18rem;
}
.ny_xinwen .ny_xin1 .xw_r p {
  font-size: 0.24rem;
  color: #666666;
  font-family: "Arial";
  padding-right: 0.22rem;
  display: inline-block;
  line-height: 0.24rem;
  float: left;
}
.ny_xinwen .ny_xin1 .xw_r p span {
  width: 0.22rem;
  height: 0.28rem;
  background-position: -3.48rem -2.18rem;
  padding-left: 0.36rem;
  display: inline-block;
}
.ny_xinwen .ny_xin1 .xw_r p:nth-child(2) span {
  width: 0.22rem;
  height: 0.28rem;
  background-position: -3.12rem -2.18rem;
  padding-left: 0.30rem;
  display: inline-block;
}
.ny_xinwen .xw_w {
  margin: 0 0.2rem;
  padding-top: 0.3rem;
  overflow: hidden;
}
.ny_xinwen .xw_w img {
  max-width: 100% !important;
}
/*设计师详情*/
.ny_x4 .person_case_anli dl dt,
.ny_x4 .person_case_anli dl dd {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.ny_x4 .person_case_anli {
  overflow: hidden;
  padding-top: 0.36rem;
}
.ny_oly {
  width: calc(100%);
  padding-bottom: 0.5rem;
  background: url(../images/a14.jpg) bottom no-repeat;
  background-size: 100%;
}
.sj_lb .ny_x4 {
  padding: 0;
}
.sj_lb .ny_ly1,
.sj_lb .ny_ly2 {
  padding: 0 0.2rem;
}
.sj_lb .person_case_anli {
  padding: 0 0.2rem;
}
.sj_lb .person_case_anli .fall-box .item {
  background: none;
  padding-bottom: 0.2rem;
  box-shadow: none;
}
.sj_lb .ny_x3 li .left {
  width: 33%;
}
.sj_lb .ny_x3 li .right {
  width: 67%;
  position: relative;
}
.sj_lb .ny_x3 li .right h3 a {
  font-weight: bold;
}
.sj_lb .ny_x3 li .right em {
  display: block;
  line-height: .35rem;
  font-size: 0.24rem;
  color: #666666;
}
.sj_lb .ny_x3 li .right h4 {
  padding-top: 0.12rem;
  font-weight: normal;
}
.sj_lb .ny_x3 li .right i {
  padding-top: 0.16rem;
}
.sj_lb .ny_x3 li .right p.ewm {
  width: 1.2rem;
  display: block;
  position: absolute;
  right: 0;
  top: 0.1rem;
  text-align: center;
  font-size: 0.18rem;
}
.sj_lb .ny_x3 li .right p.ewm img {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  padding-bottom: 0.1rem;
}
.sj_lb .ny_x3 li .right p.ewm span {
  display: inline-block;
  line-height: 0.24rem;
}
.yue_t {
  clear: left;
  display: block;
}
.yue_t a {
  display: inline-block;
  width: 3.2rem;
  height: 0.74rem;
  border: #dddddd solid 0.01rem;
  margin-top: 0.4rem;
  text-align: center;
  border-bottom: none;
}
.yue_t a span {
  display: inline-block;
  background-position: -2.74rem -0.11rem;
  padding-left: 0.28rem;
  width: 0.24rem;
  height: 0.24rem;
  float: left;
}
.yue_t a.zp span {
  margin-top: 0.22rem;
}
.yue_t a.yt span {
  width: 0.31rem;
  height: 0.34rem;
  display: inline-block;
  background-position: -3.73rem 0rem;
  padding-left: 0.4rem;
  margin-top: 0.11rem;
}
.yue_t a i {
  font-size: 0.2rem;
  color: #333333;
  display: inline-block;
  line-height: 0.74rem;
  float: left;
}
.yue_t a.zp {
  border-left: none;
}
.yue_t a.yt {
  border-right: none;
  border-left: none;
}
.yue_t a p {
  display: inline-block;
}
.sj_lb .ny_x {
  padding-bottom: 0.5rem;
}
.nybanner {
  width: 100%;
  min-height: 100px;
}
.nybanner img {
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}
/*品牌实力*/
.icon1 {
  background: url(../images/icon1.png) no-repeat;
  background-size: auto 4rem;
  vertical-align: middle;
}
.Brand_strength {
  background: #f7f7f7 url(../images/b1_02.jpg) bottom no-repeat;
  background-size: 100%;
  padding-bottom: .7rem;
}
.Brand_strength .title {
  text-align: center;
  padding-bottom: .3rem;
}
.Brand_strength .title h3 {
  font-size: .32rem;
  font-weight: normal;
}
.Brand_strength .title h3 b {
  font-weight: bold;
  color: #b82420;
}
.Brand_strength .title h4 {
  color: #999;
  font-size: .24rem;
  font-weight: normal;
}
.Brand_strength .Brand_1 {
  width: 6rem;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  margin-top: -0.6rem;
  box-shadow: 0px 2px 11px #e5e4e3;
  border-radius: 0.04rem;
  padding-bottom: .4rem;
}
.Brand_yu {
  text-align: center;
}
.Brand_yu h3 {
  font-size: 0.32rem;
  color: #222222;
  line-height: 0.32rem;
}
.Brand_yu h3 em {
  background-position: -3.3rem 0;
  width: .3rem;
  height: .3rem;
  vertical-align: middle;
  display: inline-block;
  margin-right: .1rem;
}
.Brand_yu p {
  font-size: 0.2rem;
  color: #999999;
  line-height: 0.2rem;
  padding-top: 0.14rem;
}
.Brand_yu {
  padding-left: 0.2rem;
}
.Brand_strength .Brand_1 .Brand_yu {
  padding-left: 0.48rem;
  padding-top: 0.58rem;
  text-align: left;
}
.Brand_strength .Brand_1 .Brand_wen {
  text-align: left;
  width:100%;
  margin: 0 auto;
}
.Brand_strength .Brand_1 .Brand_wen img{ width:100%; height:auto;}
.Brand_strength .Brand_1 .Brand_wen .iyou_4 {
  width: 5.16rem;
  margin-top: 0.3rem;
}
.Brand_strength .Brand_1 .Brand_wen .iyou_4 a {
  display: inline-block;
  width: 5.14rem;
  height: 0.74rem;
  font-size: 0.3rem;
  color: #333333;
  line-height: 0.74rem;
  border: #b82420 solid 0.03rem;
  border-radius: 0.37rem;
}
.iyou_4 a span {
  display: inline-block;
  width: 0.42rem;
  height: 0.13rem;
  background-position: -0.76rem 0rem;
  margin-left: 0.1rem;
}
.Brand_strength .Brand_1 .Brand_wen i {
  display: inline-block;
  width: 1.79rem;
  height: 2.74rem;
  padding-top: 0.4rem;
}
.Brand_strength .Brand_1 .Brand_wen i img {
  display: inline-block;
  width: 1.79rem;
  height: 2.74rem;
  background-size: 100%;
}
.Brand_strength .Brand_1 .Brand_wen p {
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.38rem;
  text-align: left;
  padding-top: 0.24rem;

}
.Brand_strength .Brand_2 {
  width: 100%;
  padding-top: 0.5rem;
}
.Brand_strength .Brand_2 .Brand_yu {
  padding-top: 0.26rem;
}
.Brand_strength .Brand_2 .Brand_yu h3 {
  color: #fff;
}
.Brand_strength .Brand_2 .Brand_yu p {
  color: #fff;
}
.Brand_strength .Brand_2 .Brand_2_1 {
  width: 100%;
  background: url(../images/qywhbg.jpg) no-repeat center bottom;
  background-size: 6.4rem auto;
}
.Brand_strength .Brand_2 .Brand_2_1 img {
  width: 6.0rem;
  margin: 0 auto;
  display: block;
  border-radius: .1rem;
}
.Brand_strength .Brand_2 .Brand_2_1 .qywh {
  color: #fff;
  padding: .3rem;
}
.Brand_strength .Brand_3 {
  background-color: #fff;
  padding-top: 0.48rem;
  padding-bottom: 0.6rem;
}
.Brand_strength .Brand_3 .Brand_3_1 {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.Brand_strength .Brand_3 .Brand_3_1 .iseven_1 {
  margin-top: .1rem;
  height: 3.58rem;
}
.Brand_strength .Brand_3 .Brand_3_1 .iseven_1 .list {
  width: 700%;
  display: inline-block;
}
.Brand_strength .Brand_3 .Brand_3_1 .iseven_1 .list li:first-child {
  margin-left: 0.92rem;
}
.Brand_strength .Brand_3 .Brand_3_1 .iseven_1 .list li {
  position: relative;
}
.Brand_strength .Brand_3 .Brand_3_1 .iseven_1 .list li {
  width: 4.6rem;
  text-align: center;
  float: left;
}
.Brand_strength .Brand_3 .Brand_3_1 .iseven_1 .list li .gd_z {
  position: relative;
  width: 4.4rem;
  height: 3.12rem;
  display: inline-block;
  background: url(../images/t4_03.jpg) no-repeat;
  background-size: 100%;
  text-align: center;
}
.Brand_strength .Brand_3 .Brand_3_1 .tip {
  background: url(../images/t4_05.jpg) no-repeat;
  width: 6.4rem;
  height: 0.45rem;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.Brand_strength .Brand_3 .Brand_3_1 .iseven_1 .list li h3 {
  font-size: 0.6rem;
  color: #999999;
  font-family: "Arial";
  padding-top: 0.5rem;
  line-height: 0.6rem;
}
.Brand_strength .Brand_3 .Brand_3_1 .iseven_1 .list li span {
  display: inline-block;
  font-size: 0.26rem;
  color: #333333;
  padding-top: 0.10rem;
}
.Brand_strength .Brand_3 .Brand_3_1 .iseven_1 .list li p {
  display: inline-block;
  font-size: 0.22rem;
  color: #666666;
  padding-top: 0.10rem;
  line-height: 0.30rem;
  width: 3.46rem;
}
.Brand_strength .Brand_3 .Brand_3_1 .tip span {
  display: none;
}
.Brand_strength .Brand_4 {
  padding-top: 0.6rem;
  background: #fff;
}
.Brand_strength .Brand_4 .Brand_4_1 {
  width: 6rem;
  margin: 0 auto;

}
.Brand_strength .Brand_4 .Brand_4_1 .bd {
  display: block;
  width: 6rem;
}
.Brand_strength .Brand_4 .Brand_4_1 .bd li {
  float: left;
  width: 6rem;
  background-color: #fff;
  border-radius: 0.04rem;
  padding-bottom: .4rem;
}
.Brand_strength .Brand_4 .Brand_4_1 .bd li .dengs em {
  width: .64rem;
  height: .64rem;
  display: block;
  float: left;
  margin-right: .1rem;
}
.Brand_strength .Brand_4 .Brand_4_1 .bd li .dengs .tel em {
  background-position: -2.56rem -1.4rem;
}
.Brand_strength .Brand_4 .Brand_4_1 .bd li .dengs .address em {
  background-position: -3.24rem -1.4rem;
}
.Brand_strength .Brand_4 .Brand_4_1 .bd li img {
  width: 6rem;
  height: 3.5rem;
  background-size: 100%;
}
.Brand_strength .Brand_4 .Brand_4_1 .bd li h3 {
  font-size: 0.27rem;
  color: #333333;
  padding-top: 0.34rem;
  line-height: 0.27rem;
}
.Brand_strength .Brand_4 .Brand_4_1 .bd li p {
  font-size: 0.24rem;
  color: #666666;
  padding-top: 0.26rem;
}
.Brand_strength .Brand_4 .Brand_4_1 .bd li p span {
  display: block;
  font-size: 0.24rem;
  color: #666666;
}
.Brand_strength .Brand_4 .Brand_4_1 .bd li p a {
  display: block;
  font-size: 0.24rem;
  color: #b82420;
}
.Brand_strength .Brand_4 .Brand_4_1 .bd li i {
  display: block;
  font-size: 0.24rem;
  color: #666666;
  line-height: 0.28rem;
  padding-top: 0.14rem;
  padding-left: 0.42rem;
}
.Brand_strength .Brand_4 .Brand_4_1 .hd {
  padding-top: 0.2rem;
  text-align: center;
  width: 6rem;
  display: none;
}
.Brand_strength .Brand_4 .Brand_4_1 .hd ul {
  display: inline-block;
}
.Brand_strength .Brand_4 .Brand_4_1 .hd ul li {
  float: left;
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  background-color: #cacaca;
  border-radius: 0.09rem;
  margin: 0 0.03rem;
  vertical-align: middle;
  text-indent: -9999px;
}
.Brand_strength .Brand_4 .Brand_4_1 .hd ul li.on {
  width: 0.38rem;
  background-color: #296ce0;
}
.g_wximg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  max-width: 640px;
  min-width: 320px;
  display: none;
}
.g_wximg .close {
  background: url(../images/close.png) no-repeat center;
  background-size: .4rem auto;
  width: .4rem;
  height: .4rem;
  cursor: pointer;
  position: fixed;
  right: 18%;
  top: 18%;
  text-align: center;
  display: block;
  z-index: 12;
}
.g_wximg .bdtel img {
  width: 4.0rem !important;
  display: block;
}
.bdtel {
  position: fixed;
  top: 22%;
  z-index: 10;
  padding: 0 0 .1rem;
  max-width: 640px;
  min-width: 320px;
}
.bdtel .upIn {
  width: 6.4rem;
  display: block;
  text-align: center;
  color: #fff;
  padding: 4%;
  margin: 0 auto;
}
.bdtel p {
  padding: 2%;
  text-align: center;
  color: #fff;
}
.bdtel img {
  margin: 0 auto;
  display: block;
  max-width: 80% !important;
}
.bdtelbg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  max-width: 640px;
  min-width: 320px;
  display: none;
}
#bdtel .close {
  background: url(../images/close.png) no-repeat center;
  background-size: .4rem auto;
  width: .4rem;
  height: .4rem;
  cursor: pointer;
  position: fixed;
  right: 18%;
  top: 18%;
  text-align: center;
  display: block;
  z-index: 12;
}
.bga {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}
.ny_tou {
  text-align: center;
  width: 100%;
}
.ny_tou i {
  display: inline-block;
  width: 0.55rem;
  height: 0.14rem;
  background-position: -3.21rem -1.59rem;
  overflow: hidden;
}
.ny_tou h3 {
  font-size: 0.36rem;
  color: #333333;
  font-weight: bold;
  line-height: 0.36rem;
  padding-top: 0.08rem;
}
.ny_tou h3 span {
  display: inline-block;
  font-size: 0.36rem;
  color: #b82420;
  font-weight: bold;
}
.ny_tou h3 em {
  display: inline-block;
  font-weight: normal;
}
.ny_tou p {
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.24rem;
  padding-top: 0.14rem;
}
.ny_tou p span {
  display: block;
  font-size: 0.2rem;
  color: #666666;
  padding-top: 0.1rem;
}
.guangjia {
  background: #fff;
  padding: .4rem 0;
}
.gj_1 {
  text-align: center;
  display: inline-block;
}
.gj_1 .gj_2 {
  padding-top: 0.4rem;
  margin: 0 auto;
}
.gj_1 .gj_2 ul {
  display: inline-block;
}
.gj_1 .gj_2 ul li {
  float: left;
  width: 1.58rem;
  height: 1.58rem;
  text-align: center;
  margin-top: 0.5rem;
  margin: 0 0.27rem;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: #f0efef 0px 3px 10px 0px;
}
.gj_1 .gj_2 ul li a {
  font-size: 0.3rem;
  color: #fff;
  display: inline-block;
}
.gj_1 .gj_2 ul li a span {
  display: block;
  font-size: 0.2rem;
  color: #333333;
  text-transform: uppercase;
  line-height: 0.2rem;
  padding-top: 0.04rem;
}
.gj_1 .gj_2 ul li i {
  display: inline-block;
  background: url(../images/icon1.png) no-repeat;
  background-size: auto 4rem;
  background-position: 0rem 0rem;
  width: 0.48rem;
  height: 0.52rem;
  margin-top: 0.32rem;
}
.gj_1 .gj_2 ul li:nth-child(2) i {
  display: inline-block;
  background: url(../images/icon1.png) no-repeat;
  background-size: auto 4rem;
  background-position: 0rem -0.69rem;
  width: 0.5rem;
  margin-top: 0.32rem;
}
.gj_1 .gj_2 ul li:nth-child(3) i {
  display: inline-block;
  background: url(../images/icon1.png) no-repeat;
  background-size: auto 4rem;
  background-position: 0rem -1.37rem;
  margin-top: 0.32rem;
  width: .52rem;
}
.gj_3 {
  width: 6.12rem;
  margin: 0 auto;
  margin-top: 0.5rem;
  text-align: center;
  clear: left;
  display: block;
}
.gj_3 .item {
  width: 100%;
  height: 0.74rem;
  line-height: 0.74rem;
  margin-bottom: .3rem;
  border: 1px solid #dddddd;
  background-color: #fff;
  clear: left;
  position: relative;
}
.gj_3 .item span {
  width: 0.72rem;
  height: 0.72rem;
  display: inline-block;
  float: left;
  background-color: #b82420;
  text-align: center;
}
.gj_3 .item span.mj i {
  background: url(../images/icon1.png) no-repeat;
  background-size: auto 4rem;
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  background-position: -1.56rem 0rem;
}
.gj_3 .item span.hx i {
  background: url(../images/icon1.png) no-repeat;
  background-size: auto 4rem;
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  background-position: -2.29rem 0rem;
}
.gj_3 .item span.fg i {
  background: url(../images/icon1.png) no-repeat;
  background-size: auto 4rem;
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  background-position: -3.02rem 0rem;
}
.gj_3 .item span.dz i {
  background: url(../images/icon1.png) no-repeat;
  background-size: auto 4rem;
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  background-position: -3.75rem 0rem;
}
.gj_3 .item span.xm i {
  background: url(../images/icon1.png) no-repeat;
  background-size: auto 4rem;
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  background-position: -4.47rem 0rem;
}
.gj_3 .item span.dh i {
  background: url(../images/icon1.png) no-repeat;
  background-size: auto 4rem;
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  background-position: -5.19rem 0rem;
}
.gj_3 .item input {
  float: left;
  width: 4.5rem;
  height: 0.74rem;
  line-height: 0.74rem;
  border: 0;
  background: none;
  color: #999;
  padding-left: 0.22rem;
}
.gj_3 input.submit {
  width: 2.02rem;
  height: 0.73rem;
  line-height: 0.73rem;
  text-align: center;
  display: block;
  background: #847364;
  color: #fff;
  font-size: .32rem;
  border: 0;
  border-radius: 4px;
  float: right;
}
.gj_3 .item .select {
  float: left;
  width: 5.36rem;
  height: 0.74rem;
  line-height: 0.74rem;
  border: 0;

  background: none;
  color: #999;
  padding-left: 0.22rem;
}
.gj_3 .item s {
  width: 0.14rem;
  height: 0.1rem;
  background-position: -0.48rem -2.57rem;
  position: absolute;
  right: 0.2rem;
  top: 0.3rem;
}
.col-vopv {
  width: 3.75rem;
  float: left;
  height: 0.73rem;
  background-color: #f8f8f8;
  border: #e5e5e5 solid 1px;
  border-radius: 6px;
}
.col-vopv p span {
  width: 3rem;
  height: 0.73rem;
  line-height: 0.73rem;
  font-size: 0.6rem;
  color: #333333;
  font-family: "Arial";
  margin-left: 0.36rem;
  float: left;
}
.col-vopv p i {
  float: left;
  font-size: 0.2rem;
  color: #333;
  padding-top: 0.3rem;
}
.gj_1 .iyou_4,
.hy_1 .iyou_4,
.xixin .iyou_4 {
  margin-top: 0.5rem;
}
.gj_3 .item .select {
  float: left;
  width: 5.36rem;
  height: 0.74rem;
  line-height: 0.74rem;
  border: 0;
  background: none;
  color: #999;
  padding-left: 0.22rem;
}
.Brand_news {
  background: #f7f7f7;
  width: 100%;
  padding: .6rem 0;
}
.Brand_news .list {
  padding: 0 3%;
}
.Brand_news .list li {
  width: 100%;
  display: block;
  padding: .2rem 0;
  border-top: 1px solid #ddd;
}
.Brand_news .list li:first-child {
  border-top: 0;
}
.Brand_news .list li a {
  display: block;
}
.Brand_news .list li figure {
  width: 30%;
  padding-top: 16%;
  position: relative;
  overflow: hidden;
  z-index: 2;
  float: left;
  margin-right: 2%;
  margin-top: .1rem;
}
.Brand_news .list li figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.Brand_news .list li h3 {
  font-size: .26rem;
  color: #000;
  height: .8rem;
  overflow: hidden;
  font-weight: normal;
}
.Brand_news .list li p {
  color: #999;
  font-size: .2rem;
}
.Brand_news .list li:hover .txt h3 {
  color: #b82420;
}
.Brand_news .more {
  width: 3.0rem;
  height: 0.66rem;
  line-height: 0.66rem;
  display: block;
  margin: 0 auto;
  text-align: center;
  background: #b82420;
  color: #fff;
}
/****reLink***/
.reLink {
  border: 1px solid #ddd;
  width: 94%;
  margin: 0 auto;
}
.reLink .prevLink,
.reLink .nextLink {
  height: 0.68rem;
  line-height: 0.68rem;
  overflow: hidden;
  font-size: .24rem;
  display: block;
  padding: 0 3%;
  position: relative;
}
.reLink .prevLink:after,
.reLink .nextLink:after {
  content: '';
  position: absolute;
  right: 3%;
  top: .2rem;
  width: .14rem;
  height: .23rem;
  background: url(../g-images/g-ico.png) no-repeat -1rem -0.32rem;
  background-size: 4.0rem auto;
}
.reLink .prevLink {
  border-bottom: 1px solid #ddd;
}
/****设计师***/
.Designerlist .item {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  margin-bottom: .2rem;
  display: block;
  padding: .4rem .2rem;
}
.Designerlist .item a {
  display: block;
}
.Designerlist .item .img {
  width: 35%;
  padding-top: 46%;
  position: relative;
  overflow: hidden;
  float: left;
  border-radius: .1rem;
}
.Designerlist .item .img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.Designerlist .item .txt {
  width: 60%;
  position: relative;
}
.Designerlist .item .txt h3 {
  font-size: .24rem;
  color: #666;
  font-weight: normal;
}
.Designerlist .item .txt h3 b {
  font-size: .36rem;
  display: inline-block;
  width: 1.62rem;
  color: #333;
  font-weight: normal;
}
.Designerlist .item .txt .desc {
  padding-top: .3rem;
  color: #666;
  height: 1.6rem;
  overflow: hidden;
}
.Designerlist .item .txt .hj {
  width: .62rem;
  height: .62rem;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-position: 0 -1.4rem;
}
.Designerdetail .sjsinfo {
  padding: .4rem .2rem;
}
.Designerdetail .sjsinfo .shj {
  padding-bottom: .2rem;
}
.Designerdetail .sjsinfo .desc {
  width: 55%;
  padding-top: .1rem;
}
.Designerdetail .sjsinfo .desc .stit {
  font-size: .4rem;
  padding-bottom: .28rem;
}
.Designerdetail .sjsinfo .desc p {
  height: 2.14rem;
  overflow: hidden;
  color: #666;
  font-size: .24rem;
}
.Designerdetail .sjsinfo .desc p span {
  display: block;
}
.Designerdetail .sjsinfo .desc p .sx {
  color: #333;
}
.Designerdetail .sjsinfo figure {
  width: 40%;
  padding-top: 53%;
  position: relative;
  overflow: hidden;
  border-radius: .1rem;
  float: left;
}
.Designerdetail .sjsinfo figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.Designerdetail .sjsinfo .g-btn a {
  height: 0.75rem;
  line-height: 0.75rem;
}
.Designerdetail .baseinfo {
  padding-bottom: .4rem;
}
.Designerdetail .baseinfo .con {
  color: #666;
}
.Designerdetail .Related-works {
  padding-bottom: .4rem;
}
.Designerdetail .Related-works .title3 h4 {
  color: #b82420;
}
.Designerdetail .Related-works .list li {
  width: 100%;
  margin-bottom: .3rem;
  display: block;
}
.Designerdetail .Related-works .list li a {
  display: block;
}
.Designerdetail .Related-works .list li figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  border-radius: .1rem;
}
.Designerdetail .Related-works .list li figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.Designerdetail .Related-works .list li h3 {
  font-size: .3rem;
  font-weight: normal;
  padding-top: .2rem;
}
.Designerdetail .Related-works .list li p {
  font-size: .24rem;
  color: #999;
}
.Designerdetail .Related-works .list li p span {
  height: 0.26rem;
  line-height: 0.26rem;
  padding-right: .2rem;
  border-right: 1px solid #ddd;
  display: inline-block;
  margin-right: .2rem;
}
/****案例***/
.casepage .selectbox select {
  width: 33%;
}
.Caselist .item {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  margin-bottom: .2rem;
  display: block;
  padding: .4rem .2rem;
  position: relative;
  text-align: center;
}
.Caselist .item a {
  display: block;
}
.Caselist .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.Caselist .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.Caselist .item h3 {
  font-size: .3rem;
  font-weight: normal;
  padding-top: .2rem;
}
.Caselist .item p {
  font-size: .24rem;
  color: #999;
}
.Caselist .item p span {
  height: 0.26rem;
  line-height: 0.26rem;
  padding-right: .2rem;
  border-right: 1px solid #ddd;
  display: inline-block;
  margin-right: .2rem;
}
.Caselist .item .hj {
  width: .52rem;
  height: .54rem;
  display: block;
  position: absolute;
  right: .3rem;
  top: .4rem;
  background-position: -1.42rem -1.4rem;
}
.Caselist .item .g-btn {
  padding-top: .2rem;
}
.Caselist .item .g-btn a {
  height: 0.75rem;
  line-height: 0.75rem;
  border-radius: 5px;
}
.showcase .sctit {
  text-align: center;
  font-weight: normal;
  padding: .1rem 0;
  font-size: .4rem;
}
.showcase .mark {
  text-align: center;
  color: #999;
  font-size: .22rem;
  padding-bottom: .3rem;
}
.showcase .mark span {
  padding-right: 3%;
}
.showcase .imgtable {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  margin-bottom: .3rem;
  color: #666;
  font-size: .22rem;
}
.showcase .imgtable tr {
  width: 100%;
}
.showcase .imgtable td {
  border: 1px solid #ddd;
  padding: .1rem;
  text-align: center;
}
.showcase .imgtable .td1 {
  background: #f5f5f5;
}
.showcase .casephoto {
  position: relative;
  overflow: hidden;
}
.showcase .casephoto .hd {
  width: 100%;
  height: 14px;
  position: absolute;
  z-index: 1;
  bottom: 5%;
  text-align: center;
}
.showcase .casephoto .hd li {
  display: inline-block;
  width: .14rem;
  height: .14rem;
  -webkit-border-radius: .2rem;
  -moz-border-radius: .2rem;
  border-radius: .2rem;
  background: #fff;
  margin: 0 .05rem;
  vertical-align: top;
  overflow: hidden;
  text-indent: -1000px;
}
.showcase .casephoto .hd li.on {
  background: #b82420;
  width: .4rem;
}
.showcase .casephoto .bd {
  position: relative;
  z-index: 0;
}
.showcase .casephoto .bd li img {
  width: 100%;
  height: 4.5rem;
  border-radius: 5px;
}
.showcase .sjsinfo .shj {
  padding-bottom: .2rem;
}
.showcase .sjsinfo .desc {
  width: 55%;
  padding-top: .1rem;
}
.showcase .sjsinfo .desc h3 {
  font-weight: normal;
  color: #666;
  font-size: .24rem;
}
.showcase .sjsinfo .desc h3 b {
  font-size: .36rem;
  font-weight: normal;
  color: #333;
  width: 50%;
  display: inline-block;
}
.showcase .sjsinfo .desc p {
  height: 1.8rem;
  overflow: hidden;
  color: #666;
  font-size: .24rem;
  padding-top: .2rem;
}
.showcase .sjsinfo .desc p span {
  display: block;
}
.showcase .sjsinfo figure {
  width: 40%;
  padding-top: 53%;
  position: relative;
  overflow: hidden;
  border-radius: .1rem;
  float: left;
}
.showcase .sjsinfo figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.showcase .sjsinfo .g-btn a {
  font-size: .24rem;
}
.showcase .baseinfo {
  padding-bottom: .4rem;
}
.showcase .baseinfo img {
  max-width: 100% !important;
}
.showcase .baseinfo .con {
  padding-bottom: .4rem;
}
/****推荐案例***/
.re_casebox {
  padding-bottom: .4rem;
}
.re_casebox .tj-case {
  overflow: hidden;
  padding-bottom: .3rem;
}
.re_casebox .tj-case .list {
  width: 210%;
}
.re_casebox .tj-case .item {
  float: left;
  width: 3.73rem;
  height: 3.68rem;
  margin-right: .2rem;
}
.re_casebox .tj-case .item a {
  display: block;
  padding-bottom: .1rem;
}
.re_casebox .tj-case .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  z-index: 2;
}
.re_casebox .tj-case .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.re_casebox .tj-case .item .txt {
  border: 1px solid #ddd;
  padding: 0 3%;
  text-align: center;
  position: relative;
  height: .78rem;
  overflow: hidden;
  border-top: none;
  top: -0.06rem;
  z-index: 1;
  border-bottom-right-radius: .1rem;
  border-bottom-left-radius: .1rem;
}
.re_casebox .tj-case .item .txt h3 {
  font-size: .28rem;
  font-weight: normal;
  padding-top: .2rem;
}
.re_casebox .tj-case .tip {
  padding: .2rem 0;
  text-align: center;
}
.re_casebox .tj-case .tip span {
  display: inline-block;
  width: .14rem;
  height: .14rem;
  background: #ccc;
  margin-right: .2rem;
  border-radius: .2rem;
}
.re_casebox .tj-case .tip span.cur {
  background: #b82420;
  width: .4rem;
}
.re_casebox .tj-case .swiper-pagination-bullet {
  width: .14rem;
  height: .14rem;
  background: #ccc;
  border-radius: .3rem;
  opacity: 1;
}
.re_casebox .tj-case .swiper-pagination-bullet-active {
  background: #b82420;
  width: .4rem;
}
/****新闻***/
.thumblist .item {
  border-top: 1px solid #ddd;
  padding: .2rem 0;
}
.thumblist .item:first-child {
  border-top: none;
}
.thumblist .item a {
  display: block;
}
.thumblist .item figure {
  width: 35%;
  padding-top: 20%;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 3%;
}
.thumblist .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.thumblist .item h3 {
  font-size: .26rem;
  height: .8rem;
  overflow: hidden;
  font-weight: normal;
}
.thumblist .item .time {
  font-size: .2rem;
  color: #999;
  padding-top: .16rem;
}
.thumblist.khpingjia .item figure {
  width: 27%;
  padding-top: 20%;
}
.shownews .Article-title {
  padding: 3% 0;
  border-bottom: 1px solid #ddd;
}
.shownews .Article-title h1 {
  font-size: .4rem;
  font-weight: normal;
}
.shownews .Article-title .mark {
  color: #666;
  font-size: .22rem;
}
.shownews .Article-title .mark span {
  padding-right: .2rem;
  display: inline-block;
}
.shownews .Article-title .mark span s {
  width: .3rem;
  height: .22rem;
  display: inline-block;
  margin-right: .1rem;
}
.shownews .Article-title .mark span.liul s {
  background-position: 0 0;
}
.shownews .Article-title .mark span.time s {
  background-position: -0.34rem 0;
}
.shownews .newsinfo {
  padding: 3% 0;
}
.shownews .newsinfo img {
  max-width: 100% !important;
}
/*招聘*/
.joblist .item {
  border-bottom: 1px solid #ddd;
}
.joblist .item a {
  display: block;
  padding: .4rem 0;
}
.joblist .item .money {
  display: block;
  color: #b82420;
  font-size: .3rem;
}
.joblist .item h3 {
  font-weight: normal;
  font-size: .28rem;
  height: 0.5rem;
  line-height: 0.5rem;
}
.joblist .item p {
  color: #666;
  font-size: .2rem;
}
.joblist .item p i {
  padding: 0 .2rem;
  color: #666;
  font-family: arial;
}
/*装修规划*/
.planning {
  background: #fff;
  padding: .4rem 3% ;
}
.planning img {
  max-width: 100% !important;
}
.planning .msg-box {
  border: 1px solid #ddd;
  height: 0.68rem;
  line-height: 0.68rem;
  padding: 0 .2rem;
  position: relative;
  margin-bottom: .2rem;
  border-radius: 5px;
}
.planning .msg-box .txt {
  height: 0.68rem;
  line-height: 0.68rem;
  border: 0 none;
  background: none;
  outline: none;
  width: 100%;
  display: block;
}
.planning .msg-box s {
  width: .26rem;
  height: .26rem;
  display: block;
  position: absolute;
  right: .2rem;
  top: .2rem;
}
.planning .msg-box s.xm {
  background-position: -0.88rem 0;
  width: .24rem;
}
.planning .msg-box s.xm.hover {
  background-position: -1.15rem 0;
}
.planning .msg-box s.mj {
  background-position: -1.44rem 0;
}
.planning .msg-box s.mj.hover {
  background-position: -1.74rem 0;
}
.planning .msg-box s.ys {
  background-position: -2.06rem 0;
}
.planning .msg-box s.ys.hover {
  background-position: -2.34rem 0;
}
.planning .msg-box s.dh {
  background-position: -2.64rem 0;
}
.planning .msg-box s.dh.hover {
  background-position: -2.92rem 0;
}
.planning .submit {
  height: 0.8rem;
  line-height: 0.8rem;
  border: 0 none;
  background: #b82420;
  outline: none;
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}
/****无忧售后***/
.servicepage {
  position: relative;
}
.Service_1 {
  padding-bottom: .3rem;
}
.service-liuc .item {
  width: 100%;
  display: block;
}
.service-liuc .item a {
  display: block;
  padding: .1rem 0;
  width: 50%;
  float: left;
  position: relative;
}
.service-liuc .item figure {
  width: 30%;
  padding-top: 30%;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
  float: left;
}
.service-liuc .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.service-liuc .item .txt {
  float: left;
  width: 56%;
  padding-left: 5%;
}
.service-liuc .item .txt .en {
  color: #ccc;
  font-weight: bold;
  font-family: "ITCAvantGardeStd-Bold";
  font-size: .2rem;
  text-transform: uppercase;
}
.service-liuc .item .txt h3 {
  font-size: .24rem;
  font-weight: normal;
  padding-top: .3rem;
}
.service-liuc .item .dian {
  width: .1rem;
  height: .1rem;
  display: block;
  background: #ccc;
  border-radius: 100%;
  position: absolute;
  right: -0.05rem;
  top: 50%;
  margin-top: -0.05rem;
  z-index: 10;
}
.service-liuc .item .xian {
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  background: #ddd;
}
.service-liuc .item:nth-child(2n) a {
  float: right;
}
.service-liuc .item:nth-child(2n) a .dian {
  right: auto;
  left: -0.05rem;
}
.service-liuc .item:nth-child(2n) a .xian {
  right: auto;
  left: -1px;
}
.service-liuc .item:nth-child(2n) a figure {
  margin-left: 10%;
}
.Process {
  background: #fff;
  padding-top: .4rem;
}
.Process .cont {
  position: relative;
  padding-top: 2.0rem;
  padding-bottom: .4rem;
}
.Process .cont .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.Process .cont .img img {
  max-width: 100%;
  display: block;
}
.Process .cont .txt {
  background: #fff;
  box-shadow: 0 0 .5rem #e4e4e4;
  padding: 5%;
  border-radius: 5px;
  position: relative;
  z-index: 3;
  margin-bottom: .2rem;
}
.Process .cont .txt h3 {
  font-weight: normal;
  font-size: .26rem;
}
.Process .cont .txt p {
  color: #666;
  font-size: .2rem;
}
.Process .cont img {
  max-width: 100%;
  display: block;
}
/*单页*/
.singlepage img {
  max-width: 100% !important;
}
.singlepage .bigmap {
  margin-bottom: .2rem;
}
.singlepage .contactbox {
  padding: 3%;
}
.singlepage .contactbox .item {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 1px 3px #e4e4e4;
  margin-bottom: .2rem;
  display: block;
  padding: 0 0 .2rem;
  position: relative;
}
.singlepage .contactbox .item a {
  display: block;
}
.singlepage .contactbox .item figure {
  width: 100%;
  padding-top: 58%;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.singlepage .contactbox .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.singlepage .contactbox .item .txt {
  padding: 5%;
}
.singlepage .contactbox .item .txt h3 {
  font-size: .28rem;
  font-weight: normal;
  padding-top: .2rem;
}
.singlepage .contactbox .item .txt p {
  color: #666;
  font-size: .24rem;
}
.singlepage .contactbox .item .txt .ditu {
  margin-top: .4rem;
  height: 0.5rem;
  line-height: 0.5rem;
  display: block;
  width: 2.6rem;
  border-radius: .2rem;
  background: #b82420;
  color: #fff;
  text-align: center;
  font-size: .2rem;
}
.singlepage .contactbox .item .txt .ditu s {
  width: .18rem;
  height: .25rem;
  display: inline-block;
  margin-right: .2rem;
  background-position: -1.06rem -0.56rem;
}
.singlepage .design-idea img {
  max-width: 100% !important;
}
/*荣誉资质*/
.honorlist .list {
  padding: 3%;
}
.honorlist .item {
  width: 49%;
  float: left;
  margin-right: 2%;
  margin-bottom: .2rem;
  background: #fff;
  text-align: center;
  box-shadow: 0 0 1px #ddd;
  border-radius: 5px;
}
.honorlist .item:nth-child(2n) {
  margin-right: 0;
}
.honorlist .item a {
  display: block;
  padding: .1rem;
}
.honorlist .item figure {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
}
.honorlist .item figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  display: block;
}
.honorlist .item h3 {
  font-size: .26rem;
  font-weight: normal;
  height: 0.6rem;
  line-height: 0.6rem;
  overflow: hidden;
}
/*联系我们*/
.main-container {
  padding: 0 0.2rem;
  padding-top: 0.2rem;
  background: #fff;
}
.main-container .content {
  padding-top: 0.1rem;
  padding-bottom: .4rem;
}
.main-container .content .quality-cn {
  font-size: 0.3rem;
  color: #333;
  text-align: center;
}
.contact-us-container {
  margin-top: 0.3rem;
  width: 100%;
  *zoom: 1;
}
.contact-us-container .map-container {
  display: block;
  width: 100%;
  height: 4rem;
}
.contact-us-container .company-list {
  display: block;
  width: 100%;
  margin-top: 0.3rem;
}
.contact-us-container .company-list .company-item {
  width: 100%;
  height: 1.9rem;
  border: 1px solid #dfdfdf;
  padding: 0.2rem 0 0 0.3rem;
  float: left;
  margin: -1px 0 0 0;
  position: relative;
}
.contact-us-container .company-list .company-item .weixin {
  display: block;
  position: absolute;
  right: 0.1rem;
  top: 0.06rem;
  width: 1rem;
  height: 1rem;
}
.contact-us-container .company-list .company-item .weixin img {
  width: 1rem;
  height: 1rem;
  background-size: 100%;
}
.contact-us-container .company-list .company-name {
  font-size: 0.26rem;
  color: #000;
  margin-bottom: 0.08rem;
}
.contact-us-container .company-list .company-tel {
  font-size: 0.24rem;
  margin-bottom: 0.15rem;
  padding-left: 0.3rem;
  height: 0.26rem;
  background: url(../images/lxmdicon05.png) no-repeat left center;
  line-height: 0.24rem;
}
.contact-us-container .company-list .company-add {
  font-size: 0.24rem;
  margin-bottom: 0.15rem;
  padding-left: 0.3rem;
  height: 24px;
  background: url(../images/lxmdicon07.png) no-repeat left center;
  line-height: 24px;
}
.noerr {
  text-align: center;
  color: red;
  padding-top: .4rem;
}
/******common css end*******/
.nodata {
  text-align: center;
  padding: 3%;
}
/******动画*****/
.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.delay100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}
.delay200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.delay300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
/***************commentPage**************/
/*****通用*****/
@media only screen and (min-width: 641px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 640px) {
  html {
    font-size: 100px;
  }
}
@media only screen and (max-width: 540px) {
  html {
    font-size: 84.375px;
  }
}
@media only screen and (max-width: 480px) {
  html {
    font-size: 75px;
  }
}
@media only screen and (max-width: 414px) {
  html {
    font-size: 64.6875px;
  }
}
@media only screen and (max-width: 400px) {
  html {
    font-size: 62.5px;
  }
}
@media only screen and (max-width: 375px) {
  html {
    font-size: 58.5938px;
  }
}
@media only screen and (max-width: 360px) {
  html {
    font-size: 56.25px;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}
.pages{
text-align:right;
padding-bottom:15px;
padding-right:20px;
font-size:16px;
}
.pages a:link{
display:inline;
border:1px solid #D9D9D9;
color: #CC3300;
padding:6px 10px;
margin:0px 3px;
font-size:14px;
}
.pages a:visited{
display:inline;
border:1px solid #D9D9D9;
color: #333333;
padding:6px 10px;
margin:0px 3px;
text-decoration:none;
}
.pages a:hover{
display:inline;
border:1px solid #8BCCEC;
color:#000000;
background:#E8F3FD;
padding:6px 10px;
margin:0px 3px;
}
.pages .click{
display:inline;
border:1px solid #ff831e;
color:#000000;
background:#ffebd9;
padding:6px 10px;
margin:0px 3px;
}
.bg{
    display:inline;
border:1px solid #8BCCEC;
color:#000000;
background:#E8F3FD;
padding:6px 10px;
margin:0px 3px;
}