@charset "gb2312";
/* CSS Document */
.clearfix:after,.clear:before {display:table;content:'';}
.clearfix:after {clear:both;overflow:hidden;}
.clearfix {zoom:1;}

.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.relative {position:relative;}
.absolute {position:absolute;}
.float_left {float:left;}
.float_right {float:right;}

/********公共头部*********/
.header {width: 100%;min-width: 320px;height: 80px;background:#282e38;position: relative;max-width: 720px;margin:0 auto;}
.popMenus { position: absolute; width: 100%;height:100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background-color: #3f4754;-moz-transition:all .6s ease-out 0s;-webkit-transition:all .6s ease-out 0s;transition:all .6s ease-out 0s;-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);z-index:200}
.popMenus.show{-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.pop_title { width: 100%; position: relative; z-index: 2; background-color: #1a7d98; padding: 0 3%; }
.pop_title span { display: inline-block; float: left; font-size: 1.0rem; line-height: 2.66; color: #fff; }
.closePopMenu {display: block;width: 49px;height: 47px;right: 3%;top: 50%;position: absolute;}
.menuContainer { width: 100%; height: 100%; }
.menuNavs { width: 25.3%; background-color: #1a7d98; height: 100%; float: left; overflow: hidden; position: relative; }
.menuNavs ul { position: absolute;width:100%;-webkit-tap-highlight-color: rgba(0,0,0,0); 
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); padding-bottom:80px;}
.menuNavs ul li { width: 100%; font-size: 1.0rem; line-height: 2.57; text-align:center; }
.menuNavs ul li.on { background-color:#1c92b0;}
.menuNavs ul a { display: block; width: 100%; height: 100%; color: #fff; }
.menuContents {width:74.7%;height:100%;overflow:hidden;float:left;padding:0 6%; background: #1c92b0;}
.menuContent {width:100%;height:100%;overflow:hidden;}
.menuList h4 {font-size:1.0rem;color:#fff;line-height:1.83;border-bottom:1px solid #1a7d98;margin-top:2%;font-weight:normal;}
.menuList .links {padding:3% 0.5%;}
.menuList .links a{display:block;float:left;color:#fff;font-size:1.0rem;line-height:2.2;/* width: 53%; */overflow:hidden;display: inline-block;margin-right: 10%;}
.menuList .links a.hot:after {content:'';position:absolute;width:9px;height:11px;top:0;right:-1px;}
.menuList .links a.hot.active:after {-webkit-animation:shake .4s linear 0s 1;animation:shake .4s linear 0s 1;}

.showMenuBtn { width: 48px; height: 48px; left: 3%; top: 50%; position:relative;cursor:pointer;}
.showMenuBtn a { display: block; width: 100%; height: 6px;margin-top:-3px;top:50%;left:0; position:absolute; outline: none; background-color: rgb(255,255,255);-moz-transition: background 0.3s linear .3s; -webkit-transition: background 0.3s linear .3s; transition: background 0.3s linear .3s; }
.showMenuBtn a:after, .showMenuBtn a:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background-color: #fff;-moz-transition: top 0.3s linear .3s, transform .3s ease-in .1s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-in .1s; transition: top 0.3s linear .3s, transform .3s ease-in .1s;  }
.showMenuBtn a:after { top:14px;}
.showMenuBtn a:before {	top:-14px;}

.showMenuBtn.show a {background-color: rgb(255,255,255);}
.showMenuBtn.show a:after {top:0;-moz-transform: rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);-moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s; transition: top 0.3s linear .3s, transform .3s ease-out .5s;}
.showMenuBtn.show a:before {top:0;-moz-transform: rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);-moz-transition: top 0.3s linear .3s, transform .3s ease-out .5s; -webkit-transition: top 0.3s linear .3s, transform .3s ease-out .5s; transition: top 0.3s linear .3s, transform .3s ease-out .5s;}

.showMenuBtn a em { background-color: #e60012; border-radius: 50%; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); display: block; height: 14px; position: absolute; right: -6px; top: -24px; width: 14px; z-index: 10; }
/*导航菜单右上角新加红色圆圈*/

.header h1 {width: 436px;height: 58px;left: 50%;top: 50%;position: absolute;margin: 0;}
.header h1 img{vertical-align:top;}
.header .topTell { width: 47px; height: 47px; right: 3%; top: 50%;position:absolute; }
.shake {-webkit-animation:shake 0.2s ease-in-out  6  alternate;-moz-animation:shake 0.2s ease-in-out  6  alternate;-o-animation:shake 0.2s ease-in-out  6  alternate;animation:shake 0.2s ease-in-out  6  alternate;}
@-webkit-keyframes shake{
	0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@-moz-keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@-o-keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}
@keyframes shake {
		0% {
		-moz-transform:rotate(8deg);
		-webkit-transform:rotate(8deg);
		transform:rotate(8deg);
		}
	100% {
		-moz-transform:rotate(-8deg);
		-webkit-transform:rotate(-8deg);
		transform:rotate(-8deg);
		}
	}

.menulist {width:100%;}
.menulist h3 {wdith:100%;height:80px;font-size:30px;color:#fff;font-weight:500;padding-top:20px;padding-left:22px;}
.menulist ul {width:100%;border-bottom:1px solid #6a7380;}
.menulist ul li {width:100%;float:left;height:78px;overflow:hidden;line-height:78px;font-size:26px;text-align:center;color:#9097a0;border-top:1px solid #6a7380;}
.menulist ul li a {display:block;float:left;height:78px;color:#9097a0;border-right:1px solid #6a7380;border-right:1px solid #6a7380;}
.menulist ul li a:nth-child(4n) {border-right:none}
.popMenu {display:none;}
.menulists {position:absolute;width:100%;}

@media screen and (min-width:320px) and (max-width:359px){
.header {height:40px;}
.showMenuBtn { width: 24px; height: 24px; left: 3%; top: 50%; }
.showMenuBtn a{height:3px;margin-top:-1.5px;}
.showMenuBtn a:after { top:7px;}
.showMenuBtn a:before {	top:-7px;}
.showMenuBtn a em {width:7px;height:7px;right: -3px; top: -12px;}
.header h1 { width: 190px; height: 25px;}
.header .topTell { width: 24px; height: 24px;}
.closePopMenu {width:25px;height:24px;}
.menuNavs ul,.menuLists {padding-bottom:40px;}
}
@media screen and (min-width:360px) and (max-width:409px){
.header {height:45px;}
.showMenuBtn { width: 27px; height: 27px; left: 3%; top: 50%; }
.showMenuBtn a {height:3px;margin-top:-1.5px;}
.showMenuBtn a:after { top:8px;}
.showMenuBtn a:before {	top:-8px;}
.showMenuBtn a em {width:8px;height:8px;right: -3px; top: -13px;}
.header h1 { width: 220px; height: 30px;}
.header .topTell { width: 26px; height: 26px;}
.closePopMenu {width:27px;height:26px;}
.menuNavs ul,.menuLists {padding-bottom:45px;}
}
@media screen and (min-width:410px) and (max-width:479px){
/*  0.64    */
.header {height:51px;}
.showMenuBtn { width: 31px; height: 31px; left: 3%; top: 50%; }
.showMenuBtn a{height:4px;margin-top:-2px;}
.showMenuBtn a:after { top:9px;}
.showMenuBtn a:before {	top:-9px;}
.showMenuBtn a em {width:9px;height:9px;right: -3px; top: -14px;}
.header h1 { width: 240px; height: 35px; }
.header .topTell { width: 30px; height: 30px;}
.closePopMenu {width:31px;height:30px;}
.menuNavs ul,.menuLists {padding-bottom:51px;}
}
@media screen and (min-width:480px) and (max-width:639px){
/*  0.75    */
.header {height:60px;}
.showMenuBtn { width: 36px; height: 36px; left: 3%; top: 50%; }
.showMenuBtn a{height:4px;margin-top:-2px;}
.showMenuBtn a:after { top:10px;}
.showMenuBtn a:before {	top:-10px;}
.showMenuBtn a em {width:10px;height:10px;right: -3px; top: -18px;}
.header h1 { width: 240px; height: 30px;}
.header .topTell { width: 35px; height: 35px;}
.closePopMenu {width:36px;height:35px;}
.menuNavs ul,.menuLists {padding-bottom:60px;}
}
@media screen and (min-width:320px) and (max-width:900px) {

.menulist h3 {height:40px;font-size:15px;padding-left:11px;padding-top:10px;}
.menulist ul li {height:39px;font-size:13px;line-height:39px;}
.menuBtn {height:40px;line-height:40px;font-size:13px;}
.menuBtn i {width:9px;height:6px;margin-left:30px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
}




/*底部样式**/
.bom_footer1{ z-index:1000002;max-width: 720px; min-width: 320px; margin:0 auto;position: fixed;left:0; right:0;bottom: 0;
  background:url(../images/bottom_bg.jpg) bottom center no-repeat;background-size: 100%}
.bom_footer{ z-index:1000002;max-width: 640px; min-width: 320px; margin:0 auto;position: fixed;left:0; right:0;bottom: 0;
  background:url(../images/bottom_bg.jpg) bottom center no-repeat;background-size: 100%}
.ft_nav{width:100%;position:relative;height: 50px;}
.ft_nav li{float: left;width: 20%;padding:5% auto;   }
.ft_nav li:nth-of-type(1){float: left;width: 17.5%;position:relative;padding: 2% 0;}
.ft_nav li:nth-of-type(1) img{display: block;width: 45%;margin:0 auto;}
.ft_nav li:nth-of-type(2){float: left;width: 17.5%; position:relative;  padding:2% 0;}

.ft_nav li:nth-of-type(3){border-right:0;  }
.ft_nav li:nth-of-type(4){float: right;width: 33%;position:relative;padding:2% 0;}

.ft_nav li.on a{ color: #ffe611}
.ft_nav a{ width: 100%;text-align:center; font-size:16px; color:#fff;display: block;}
.ft_nav_icon1{width: 100%; height:100%;display:block; overflow: hidden; margin: 0 auto}
.ft_nav_icon1 img{width: 40%;margin:0 auto;display: block;}
.ft_nav_icon2{width: 100%; height:100%;display:block; overflow: hidden; margin: 0 auto}
.ft_nav_icon2 img{width: 28%;margin:0 auto;display: block;}
.ft_nav_txt{padding-top: 0.675rem; font-size:0.675rem;}

.home_icon{width: 0.4rem;}
.ft_nav li .ft_nav_icon img:nth-of-type(1){ display:block}
.ft_nav li .ft_nav_icon img:nth-of-type(2){ display:none}
.ft_nav li.on .ft_nav_icon img:nth-of-type(1){ display:none}
.ft_nav li.on .ft_nav_icon img:nth-of-type(2){ display:block}
.ft_nav li p{font-size:16px; display: block;text-align: center; color: #fff; }
.ft_nav .dbquan img{transition: .4s;-webkit-transition: .4s}
.ft_nav .active img{transform:rotate(180deg)}
.ft_nav .dbzixu{width: 31%;position: relative;position: absolute;left: 35%;padding: 1% 0;}
.ft_nav .zixu {position: absolute;left: 0;right:0;margin: 0 auto;top: -480%;width: 100%;}


.ft_yh{width: 95%;position: absolute;overflow: hidden;margin:0 auto;left: 2%;top: 430%;}
.ft_yh .bd{ width:100%; }
.ft_yh .bd li{ padding:0; margin:0; border:0;    padding-left: 1%;}
.ft_nav li .ft_yh .bd img{ display: block; width:100%;margin:0 auto;}
.ft_yh .hd {  display: none;}
.ft_nav .ty { display: block;  position: absolute;  width: 40%; top:0%; right:3%;  z-index: 3; text-align: center;    }
.ft_nav .ty i{display: block;position: absolute;top: 10%;right: 5%;width: 100%;color: #ff0000;text-align: center;font-size: 12px;    font-style: normal;}
.ft_nav .ty2 {display: block;position: absolute;width: 22%;top:0%;right: 16%;z-index: 3;text-align: center;}
.ft_nav .ty2 i{display: block;position: absolute;top: 10%;right: 5%;width: 100%;color: #ff0000;text-align: center;width: 100%;font-size: 12px;font-style: normal;}
.ft_nav .ty1{top:-10%; animation: bounce 3s infinite;-webkit-animation: bounce 3s infinite}
.ft_nav .ty3{top:-10%; animation: bounce 3s infinite;-webkit-animation: bounce 3s infinite}
.ft_nav .ty3 img, .ft_nav .ty1 img{width:100%}
@keyframes bounce {
    0%,20%,53%,80%,to {
        animation-timing-function:cubic-bezier(.5,.1,.5,1);
        transform:translateZ(0)
    }
    40%,43% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,-2px,0)
    }
    70% {
        animation-timing-function:cubic-bezier(.10,.05,.10,.06);
        transform:translate3d(0,0px,0)
    }
    90% {
        transform:translate3d(0,-2px,0)
    }
}
@media screen and (min-width: 640px) {  .ft_nav li p{font-size:20px; color: #fff;}.item_list_li h2{ font-size: 22px} .ft_nav .ty i,.ft_nav .ty2 i{ font-size: 20px}  }
@media screen and (max-width: 640px) {  .ft_nav li p{font-size: 16px;color: #fff;}.item_list_li h2{ font-size: 20px} .ft_nav .ty i,.ft_nav .ty2 i{ font-size: 14px}  }
@media screen and (max-width: 420px) {  .ft_nav li p{font-size: 15px;color: #fff;}.item_list_li h2{ font-size: 18px}  .ft_nav .ty i,.ft_nav .ty2 i{ font-size: 12px} }
@media screen and (max-width: 380px) {  .ft_nav li p{font-size:14px; color: #fff;} .item_list_li h2{ font-size: 16px}.ft_nav .ty i,.ft_nav .ty2 i{ font-size: 12px } }
@media screen and (max-width: 320px) {  .ft_nav li p{font-size:12px; color: #fff;}.item_list_li h2{ font-size: 14px} .ft_nav .ty i,.ft_nav .ty2 i{ font-size: 12px  } }/*?o?é?¨CSS??·?????“???*/
.a{width: 70px;height: 65px;position: fixed;right: 5.5%;top: 77%;z-index: 999;}
.ftop{position: fixed !important; display: block; top:73%; right:0; width:46.5px; cursor: pointer;}
#topa{margin:0 auto;    right: 0;left: 0}/*??“é￠?é??é?¨?±…??-*/
.zxhd{animation: pulse 1.5s infinite;-webkit-animation: pulse 1.5s infinite;}
@keyframes pulse {
  from {transform: scale3d(.95,.95,.95);}
  50% {transform: scale3d(1, 1, 1);}
  to {transform: scale3d(.95,.95,.95);}
}
@-webkit-keyframes pulse {
  from {transform: scale3d(.95,.95,.95);}
  50% {transform: scale3d(1, 1, 1);}
  to {transform: scale3d(.95,.95,.95);}
}

/*项目中心优惠活动*/
.yb_yh1{ position: relative; overflow: hidden;}
.yb_yh{ width: 100%;     position: relative; position: absolute; left:0; top:0; overflow: hidden;    }
.yb_yh img{ display:block; border:0; vertical-align:middle;}
.yb_yh .bd{ width: 90%; margin:18% auto 0;  }
.yb_yh .bd ul li a{margin-right:1%; float:left; width: 32.3%; display: block;}
.yb_yh .bd .imga{width:90%; margin:0 auto; margin-top:5%; display: block;}
.yb_yh .hd { height: 14px; width:60%; text-align: center; padding-bottom:10%;position: relative;position:absolute;bottom:0%;left:20%;  display: none;}
.yb_yh .hd li {width: 20px; height: 3px;  background: #bcbcbc; display: inline-block; text-indent: 99px; overflow: hidden;/*border-radius:50%*/ }
.yb_yh .hd li { margin: 0 4px; }
.yb_yh .hd li.on { background: #ff8b00; }
@media (max-width:424px ) and (min-width:375px ) {
 .yb_yh .bd{
          margin-top:18%;
        }
     }   
     @media (min-width:425px ) and (max-width:719px ) { 
        .yb_yh .bd{
          margin-top:19%;
        }     } 
         @media only screen and (min-width:720px ) {  
            .yb_yh .bd{
          margin-top:20%;
        } 
}


/*列表页切换*/
.shorin_qh{width:95%;overflow: hidden;}
.shorin_js{ width: 100%;    position: relative; overflow: hidden;  padding-bottom: 10% !important;  }
.shorin_js img{display: block;width: 100%;vertical-align:middle; }
.shorin_js .bd{ width: 100%; margin:0 auto;  }
.shorin_js .bd ul li{ float:left;} 
.shorin_js .hd { height: 14px; width:100%; text-align: center; padding-bottom:5%;position: relative;position:absolute;bottom:5%;left:0%; }
.shorin_js .hd ul{ width:60%;position: relative;position:absolute;bottom:5%;left:20%;}
.shorin_js .hd li {width: 5px; height: 5px;  background: #bcbcbc; display: inline-block; text-indent: 99px; overflow: hidden; border-radius:50%; -webkit-transition: all 0.2s linear;    transition: all 0.2s linear;}
.shorin_js .hd li { margin: 0 4px; }
.shorin_js .hd li.on { background: #ff3333; width: 20px; height: 5px; border-radius:25%; -webkit-transition: all 0.2s linear;    transition: all 0.2s linear;}




/***********底部弹窗************/
.cf:before,.cf:after{display: table;content:""}.cf:after{clear:both}.cf{zoom:1}
.shadow {z-index:9999999; display: none; position: fixed; width: 100%; height: 100%; top:0; left:0; background-color: rgba(0,0,0,.2); }
.float_container {z-index:9999999; display: none; position: fixed; width: 100%; left:0; bottom:0; background-image: -moz-linear-gradient(#fff, #fff); background-image: -webkit-linear-gradient(#fff, #fff); background-image: -o-linear-gradient(#fff, #fff); background-image: linear-gradient(#fff, #fff); font-size: 14px;}
.db { display: block}
.float_container .title1 {background-size: 40px; font-size:20px; line-height: 2.2; color:#fff; text-align: center; letter-spacing: -1px; }
.float_container dl { display: none; transiton:all .3s linear 0s;margin:0;padding:0;}
.float_container dt { display: inline-block; width: 14%; float: left; margin: 34px 0 0 8px; text-align: center}
.float_container dt img{max-width:100%;border:0;vertical-align:middle;-ms-interpolation-mode: bicubic; width:40px; height:40px;}
.float_container dd {margin:0; display: inline-block; position: relative; width: 68%; float: left; margin-top: 15px; }
.float_container .time1 { font-size: 12px; line-height: 1.6; color:#6c6761; text-align: center;width:100%;margin:0;height:1.6em; }
.float_container .box {color:#000;position: relative; margin-left: 5%; padding:10px; border:1px solid #7ebbe4; border-top-color: #b2daf0; border-radius: 12px; box-shadow: 0 3px 0 #3ea0dd, inset 0 1px 1px #fff; background-image: -moz-linear-gradient(#c6e5fa, #a6d7f7); background-image: -webkit-linear-gradient(#c6e5fa, #a6d7f7); background-image: -o-linear-gradient(#c6e5fa, #a6d7f7); background-image: linear-gradient(#c6e5fa, #a6d7f7); letter-spacing: -1px; display:-webkit-box;}
.float_container .box span{ color:#de0000; display:inline-block;}
.float_container .box img { width: 22px; vertical-align: bottom; display:inline-block;}
.float_container .box:before,
.float_container .box:after { position: absolute; content: ""}
.float_container .box:before { width: 18px; height: 13px; top:-1px; left:-9px; background-size: 18px; }
.float_container .box:after { width: 40px; height: 26px; bottom:-4px; right:-7px;background-size: 40px; }
.float_container .btn1 { margin-top: 25px; padding:10px 0; border-top:1px solid #c7c7c0; border-bottom:1px solid #979185; background: #eaebed;width:100%; max-width:100%;}
.float_container .btn1 a {  width: 39%; height: 2em; float:left; margin:0 5%; border:1px solid #a6a5a1; border-radius: 12px; background-color: #fefefe; box-shadow: 0 2px 2px #d1d1d3; font-size: 16px; color:#6c6761; line-height: 2; text-align: center; text-decoration: none; transition:all .3s linear 0s; text-indent:0;}
.float_container .btn1 a:hover {border-color:#959490;background-color: #f7f7f7;}
@media screen and (max-width: 320px) {
	.float_container .title1 {font-size: 18px; background-size: 32px}
	.float_container dd {width: 73%}
	.float_container .box {
		font-size: 13px
	}
	.float_container .btn1 a {
		border-radius: 10px;
		font-size: 15px
	}
}

.shorin_foot{ overflow: hidden;}
.shorin_foot img{ width: 100%;}
.shorin_foot_lb{ overflow: hidden;}
.shorin_foot_lb .hd{ width:100%;margin:0 auto; overflow:hidden;  }
.shorin_foot_lb .hd ul{width:100%;margin:0 auto; overflow: hidden;text-align: center;  }
.shorin_foot_lb .hd ul li{ width:33.3%;float:left; background: #8c6433;  }
.shorin_foot_lb .hd ul li:nth-child(2),.shorin_foot_lb .hd ul li:nth-child(4),.shorin_foot_lb .hd ul li:nth-child(6){background: #bb8f5a;}

.shorin_foot_lb .hd ul li a{ display: block; width: 100%;color:#fff; padding:5% 0; background-size:10%; overflow: hidden;  }
.shorin_foot_lb .hd ul li a p{ width: 60%; float: left; overflow: hidden; text-align:center; font-size: 0.875rem; line-height: 2rem;}
.shorin_foot_lb .hd ul li a img{ display: block; width:25%;margin-left:5%; float: left;}
.shorin_foot_lb .hd ul li.on a{ display: block;background-size:10%; }
.shorin_foot_lb .bd{  overflow: hidden;}
.shorin_foot_lb .bd ul{  position:relative; width: 80%; overflow: hidden; }
.shorin_foot_lb .bd ul span{display: block; position: absolute; overflow: hidden; top: 5%; left: 10%; width: 80%; }
.shorin_foot_lb .bd ul p{position: absolute; overflow: hidden; top: 55%; left: 5%;  width: 90%;  font-size: 0.875rem; color: #fff;}
.shorin_foot_lb .bd ul a{position: absolute; display: block; overflow: hidden; top: 85%; left: 20%;  width: 60%;  }

.shorin_foot_foot{ overflow: hidden;padding-bottom: 20% !important;min-width: 320px;max-width: 720px;width: 100%;margin:0 auto;}
.shorin_foot_foot img{ width:100%;}
.shorin_foot_footbom{width: 75%;margin: 2% auto 10%;overflow: hidden;}
.shorin_foot_footbom a{ float: left;  width: 45%; margin-right:5%;}
.shorin_foot_foot p{text-align:  center;margin: 3% 0 3%;}
.shorin_foot_foot p a{ color:#000;}
.shorin_foot_foot p:last-child{margin-bottom:10%;}

/*样式*/
.shorin{max-width: 720px; min-width: 320px; overflow: hidden;margin:0 auto; }

/*响应式*/
     @media (min-width:320px ) and (max-width:370px ) {
.shorin_zj_lb_nav_top strong {font-size: 12px;}
.shorin_foot_lb .hd ul li a { font-size: 12px;}
.shorin_foot_lb .bd p{font-size: 14px; line-height: 24px; }
.shorin_foot_foot p{ font-size: 14px;}
     }
     @media (min-width:375px ) and (max-width:420px ) {   
.shorin_zj_lb_nav_top strong {font-size: 14px;}
.shorin_foot_lb .hd ul li a { font-size: 12px;}
.shorin_foot_lb .bd p{font-size: 14px; line-height: 24px; }
.shorin_foot_foot p{ font-size: 14px;}
     }   
     @media (min-width:425px ) and (max-width:600px ) {   
.shorin_zj_lb_nav_top strong {font-size: 16px;}
.shorin_foot_lb .hd ul li a { font-size: 14px;}
.shorin_foot_lb .bd p{font-size: 16px; line-height: 24px; }
.shorin_foot_foot p{ font-size: 16px;}
     }
     @media (min-width:610px ) and (max-width:720px ) {   
.shorin_zj_lb_nav_top strong {font-size: 18px;}
.shorin_foot_lb .hd ul li a { font-size: 16px;}
.shorin_foot_lb .bd p{font-size: 18px; line-height: 24px; }
.shorin_foot_foot p{ font-size: 18px;}
     }
@media only screen and (min-width: 720px){
.shorin_zj_lb_nav_top strong {font-size: 20px;}
.shorin_foot_lb .hd ul li a { font-size: 20px;}
.shorin_foot_lb .bd p{font-size: 20px; line-height: 30px; }
.shorin_foot_foot p{ font-size: 18px;}
}


/*********底部 品牌中心 通用（除 首页 二级首页 外）**********/
.mian_list_pingpai {text-align:center;width: 100%;margin-top: 5%;max-width: 720px;margin: 5% auto 0;}
.mian_list_pingpai .re{position:relative;}
.mian_list_pingpai .ul1 {width:94%;position:absolute;top:46%;left:5%;display:inline-block;font-size:0.9rem;}
.mian_list_pingpai .ul1 li {width:30%;float:left;margin:0 2% 7% 0;}
.mian_list_pingpai .ul2 li {width:50%;float:left;}
.mian_list_pingpai img{width:100%}

.guahao{width:100%;overflow:hidden;background:#fff;}
.guahao .ghtitle{background:#3781ce;height:3.6rem;line-height:3.6rem;text-align:center;color:#FFF;font-size:1.69rem}
.guahao .red{color:#3781ce}
.guahao .ghpt{width:100%;overflow:hidden}
.guahao .ghpt p{color:#2fadbd;font-size:1.2rem;text-align:center;background:#fff;height:2rem;line-height:3.2rem;margin-bottom:.1rem}
.guahao .ghpt ul{width:100%}
.guahao .ghpt ul li{font-size:.24rem;line-height:.46rem;margin:.7rem 0 0 .3rem}
.guahao .ghpt ul li span{color:#333;float:left;font-size:1.4rem;line-height:2.4rem;height:2rem}
.guahao .ghpt ul li span b{color:red;font-weight:400}
.guahao .ghpt .zzgh_1_1{    border: 1px solid #aaa;color: #787878;float: left;font-size: 1.45rem;line-height: 2.7rem;height: 2.6rem;padding: 0 0 0 .2rem;width: 70%;}
.guahao .ghpt .zzgh_1_t{border:1px solid #aaa;color:#787878;float:left;font-size:1.45rem;line-height:2.7rem;height:2.6rem;padding:0 0 0 .2rem;width:45%}
.guahao .ghpt .zzgh_1_t2{width:6.9rem;float:left;height:2.4rem}
.guahao .ghpt .zzgh_1_t2 img{width:100%;margin-left:0;height:2.7rem}
.guahao .ghpt .ghpt ul li img{margin-left:10px}
.guahao .ghpt .zzgh_1_2{border:1px solid #aaa;color:#787878;float:left;font-size:1.7rem;height:6rem;padding:0 0 0 .1rem;width:70%;line-height: 2rem;font-family:'Microsoft YaHei';}
.ghpt ul li.tj_tel{width:24rem;margin:0 0 .6rem 3.8rem}
.ghpt ul li.tj_tel a{display:block;background:url(../images/sub_ask.png) no-repeat center;background-size:100%;border:medium none;display:inline;float:left;height:4rem;margin-left:2rem;margin-top:.4rem;width:9rem}
.guahao .ghpt .zzgh_1_3{background:url(../images/sub_tj.png) no-repeat center;background-size:100%;border:medium none;display:inline;float:right;height:4rem;margin-top:.4rem;width:9rem;cursor:pointer;margin-right:1.8rem}
.guahao .ghpt .zzgh_1_8 {border: 1px solid #aaa;color: #787878;float: left;font-size: 1.52rem;line-height: 2.7rem;height: 2.6rem;padding: 0 0 0 .2rem;width: 70%;}


#rbutton {
    position: fixed;
    right: 0px;
    top: 50%;
    width: 80px;
    height: 80px;
    transition: right 1s;
    z-index: 999;
}
#rot {
    position: absolute;
    top: 0px;
    -webkit-animation: rot 8s linear infinite;
}
circle[Attributes Style] {
    r: 33;
    cx: 40;
    cy: 40;
    stroke: #3781ce;
    stroke-width: 1;
    fill: transparent;
}
circle[Attributes Style] {
    r: 5;
    cx: 35;
    cy: 6;
    fill: #3781ce;
}
circle[Attributes Style] {
    r: 26;
    cx: 50%;
    cy: 50%;
    fill: #3781ce;
}
#rot2 {
    position: absolute;
    top: 0px;
    -webkit-animation: rot 12s linear infinite;
}
circle[Attributes Style] {
    r: 33;
    cx: 40;
    cy: 40;
    stroke: #3781ce;
    stroke-width: 1;
    fill: transparent;
}
circle[Attributes Style] {
    r: 6;
    cx: 6;
    cy: 40;
    fill: #3781ce;
}
@-webkit-keyframes rot{
    0%{
        -webkit-transform:rotatez(0deg) rotatez(180deg);
    }

    100%{
        -webkit-transform:rotatez(180deg)  rotatez(360deg);
    }
}
#rbutton .in a {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    line-height: 1;
    font-size: 16px;
    text-decoration: none;
    color:#fff;
}