@charset "utf-8";
body { margin:0px; padding:0px; font-size:16px; color:#565656; font-family:"微软雅黑"}
ul,li{ list-style-type:none;}
ul,li,p,h1,h2,h3,h4,h5,h6,input,table,tr,td,dd,dl,dt{ margin:0px; padding:0px;}
a,a:hover{ text-decoration:none;}
a{ color:#565656;}
a:hover{ color:#565656;}
.clear{ clear:both;}
img{ border:none;}
.container{width:100%; }
.navbar{ background:none;max-width:1200px; width:100%; margin:0px auto;}
.navbar-nav{ margin:0;}

.main-width{ max-width:1200px; width:100%; margin:0px auto;}
div.top{ height:30px; width:100%; line-height:30px; background:#6c6c6c; color:#fdfcfc;}
div.top a{color:#fdfcfc;}
.top_left{float:left; text-align:left;}
.top_ri{ float:right; font-size:14px; text-align:right; padding-right:15px;}
.top_ri a:hover{ color:#FF0000;}
.navmenu{ width:100%;background:#E9E9E9;}
.logo{ float:left;}

.contact-map{max-width:800px; width:98%; height:450px;}
.main-contact{padding:0 15px;}

@media (min-width: 1200px) {
.logo img{ height:90px; margin-top:10px;}
.menu>ul{ float:right; /*width:800px;*/}
.menu>ul>li{ float:left; width:110px; margin-left:20px; text-align:center;}
.menu>ul>li>a{display:block;line-height:110px; font-size:18px; padding:0; }
.menu>ul.navbar-nav>li>a:hover,.menu>ul.navbar-nav>li>a.now{ background:#898989; color:#fbfcfc; display:block}
.navbar-nav>li>a:hover{ background-color:#898989}
.menu>ul>li>a span{ font-size:16px; line-height:30px;}

.menu>ul>li>ul{display: none;position: absolute;z-index: 105;top: 110px;margin: 0px auto;background:#E9E9E9 ;}
.menu>ul>li>ul>li{line-height: 36px;height:36px; width:auto;min-width:110px; padding:0; background:#E9E9E9 ;}
.menu>ul>li>ul.submenu1>li{ text-align:left;}
.menu>ul>li>ul>li a{ padding:0 10px;font-size:14px;}
.menu>ul>li>ul>li>a:hover{ background:#898989; color:#fbfcfc; display:block}
.menu>ul>li>ul.submenu3{}
.menu>ul>li>ul.submenu3>li{}
}
@media (max-width: 1199px) and (min-width: 1000px){
.logo img{ width:280px;}
.logo{ float:left;  width:280px;}
.navmenu{ width:100%;background:#E9E9E9;}
.navbar{width:960px; margin:0 auto;}
.top_left{float:left; min-width:300px; text-align:left; font-size:14px;}
.top_ri{ float:right;   text-align:right; font-size:14px;}
.menu { margin:0; padding:0;}
.menu>ul{ float:right; /*width:800px;*/}
.menu>ul>li{ float:left; width:100px;text-align:center;}
.menu>ul>li>a{display:block;line-height:90px; padding:0;}
.menu>ul.navbar-nav>li>a:hover,.menu>ul.navbar-nav>li>a.now{ background:#898989; color:#fbfcfc; display:block}
.navbar-nav>li>a:hover{ background-color:#898989}
.menu>ul>li>a span{ font-size:16px; line-height:30px;}

.menu>ul>li>ul{display:none ;position: absolute;z-index: 105;top: 90px;margin: 0px auto;background:#E9E9E9 ;}
.menu>ul>li>ul>li{ line-height: 36px;height: 36px; width:auto; min-width:100px; background:#E9E9E9 ;padding: 0;}
.menu>ul>li>ul.submenu1>li{ text-align:left;}
.menu>ul>li>ul>li>a{ padding:0 8px;font-size:14px;}
.menu>ul>li>ul>li>a:hover{ background:#898989; color:#fbfcfc; display:block}
.menu>ul>li>ul.submenu3{}
.menu>ul>li>ul.submenu3>li{}

}
@media (max-width: 999px) and (min-width: 768px){
.logo img{ width:200px;}
.logo{ float:left;  width:200px;}
.navmenu{ width:100%;background:#E9E9E9;}
.navbar{margin:0 auto;width:768px;}
.top_left{float:left; min-width:300px; text-align:left; font-size:14px;}
.top_ri{ float:right; text-align:right; font-size:14px;}
.menu { margin:0; padding:0;}
.menu>ul{ float:right; /*width:800px;*/}
.menu>ul>li{ float:left; width:90px;text-align:center;}
.menu>ul>li>a{display:block;line-height:70px; padding:0; }
.menu>ul.navbar-nav>li>a:hover,.menu>ul.navbar-nav>li>a.now{ background:#898989; color:#fbfcfc; display:block}
.navbar-nav>li>a:hover{ background-color:#898989}
.menu>ul>li>a span{ font-size:16px; line-height:30px;}

.menu>ul>li>ul{display:none ;position: absolute;z-index: 105;top: 70px;margin: 0px auto;background:#E9E9E9 ;}
.menu>ul>li>ul>li{line-height: 36px;height: 36px;min-width:90px; width:auto; background:#E9E9E9 ;padding: 0;}
.menu>ul>li>ul.submenu1>li{ text-align:left;}
.menu>ul>li>ul>li>a{ color:#fbfcfc;padding:0 10px; font-size:14px;}
.menu>ul>li>ul>li>a:hover{ background:#898989; color:#fbfcfc; display:block}
.menu>ul>li>ul.submenu3{}
.menu>ul>li>ul.submenu3>li>a{padding:0;}
}
@media screen and (max-width: 767px) {
.logo img{ width:80%;}
.logo{ float:left;  width:200px;}
.navmenu{ width:100%;background:#E9E9E9;}
.top_left{float:left; text-align:left; font-size:14px;}
.top_ri{ float:right;  text-align:right; font-size:14px;}
.menu { margin:0; padding:0;}

.menu>ul{ width:100%;}
.menu>ul>li{ width:100%; text-align:left;}
.menu>ul>li>a{display:block;line-height:20px; font-size:14px;}
.menu>ul.navbar-nav>li>a:hover,.menu>ul>li>a.now{ background:#898989; color:#fbfcfc; display:block}
.navbar-nav>li>a:hover{ background-color:#898989}
.menu>ul>li>a span{ display:none;}

.menu>ul>li>ul{ height:auto; display:none;}
.menu>ul>li>ul>li{line-height: 24px;height:24px;padding:0 10px;width:100%;}
.menu>ul>li>ul>li a{ display:block;font-size:14px;color:#565656;}
.menu>ul>li>ul>li>a:hover{ background:#BFBFBF; color:#fbfcfc; display:block}
.menu>ul>li>ul.submenu3{}
.menu>ul>li>ul.submenu3>li{}

.contact-map{ width:98%; height:350px;}

.boxBody{ margin:20px 0px 0px 0px!important;}
.boxBody li { padding:0px;}
.boxBody li a{ padding:0px;}
.boxBody li a h4{ font-size:12px;}
.boxBody li span{ width:100%!important;}
.boxBody li .frontBg_1, .boxBody li .frontBg_2, .boxBody li .frontBg_3, .boxBody li .frontBg_4{width:50%!important;}

.star_pro_head{ font-size:20px!important;}
}
.banner {text-align: center;width: 100%;margin: 0 auto;height: auto;}

/**************index*************************/
.index-product{}
.index-tit{ width:100%; height:80px; background:url(../images/tit_bg.png) left center repeat-x;}
.index-tit .tit{ height:80px; width:190px; line-height:80px; margin:0 auto; background:#fff; text-align:center; font-size:20px;}
.pro-item{ /*float:left; width:380px; margin-left:28px;*/}
.list-left{ margin-left:0;}
.pro-item .pic{ text-align:center; }
.pro-item .txt{ height:90px; line-height:22px; overflow:hidden; margin-bottom:15px; text-align: center;}
.pro-item .txt h4{line-height:46px; height:46px; overflow:hidden;}
.pro-item .txt h4 a{ font-size:20px; }
@media screen and (max-width: 999px) {
.pro-item .txt h4 a{ font-size:16px; }
.pro-item .txt { font-size:14px;}
}
@media screen and (max-width: 767px) {
.pro-item .pic{ text-align:center;}
.pro-item .pic img{ margin:0 auto;}
.pro-item .txt{ height:80px; line-height:18px; text-align:center;}
}

.index-news{ background:#f5f5f5; margin-top:45px; padding:50px 0px;}
.index-news .news{ }
.index-news .news h3{ width:100%; font-size:24px; height:35px; line-height:35px; background:url(../images/tit1_bg.png) left bottom no-repeat;}
.index-news .news h3 a.more{ float:right; color:#f80505; font-size:16px;}
.index-news .news ul{ width:100%; margin-top:10px;}
.index-news .news ul li{ width:100%; line-height:40px; height:40px; font-size:16px; overflow:hidden;}
.index-news .news ul li span{ float:right;}
.index-news .news ul li a{}
.index-news .news ul li.list-frist{ margin-top:10px; height:100px; margin-bottom:10px;}
.index-news .news ul li.list-frist .pic{ padding:0px;}
.index-news .news ul li.list-frist .tit{ margin-left:20px; line-height:30px; height:30px; overflow:hidden;}
.index-news .news ul li.list-frist .tit a{ font-size:20px; color:#000;}
.index-news .news ul li.list-frist .txt{ margin-left:20px; margin-top:10px; font-size:16px; line-height:24px; height:50px; overflow:hidden;}
.index-news .message{}
.index-news .message h3{ width:100%; font-size:24px; height:35px; line-height:35px;background:url(../images/tit1_bg.png) left bottom no-repeat;}
.index-news .message .txt{ margin:10px 0; line-height:24px; }
.index-news .message input.text{ width:205px; height:30px;}
.index-news .message input.btn{ width:90px; height:30px; color:#000; background:#A0A0A0; }
.index-news .message table tr td{ padding:5px 0;}
@media (min-width: 768px) {
.list-frist .pic{  min-width:180px;}
.list-frist .tit{ margin-left:20px; line-height:30px;}
}
@media (min-width: 992px) {
.list-frist .pic{ float:left; min-width:120px; width:25%;padding:0; margin:0;}
.list-frist .text{ float:left;width:70%; padding:0; margin:0;}
.list-frist .tit a{ font-size:18px; color:#000;}
.list-frist .txt{ margin-left:20px; margin-top:5; font-size:14px; line-height:20px;}
.index-news .news { padding-right:30px;}
.index-news .news { padding-right:20px;}
.index-news .message{padding-left:40px;}
}
/**************footer*************************/
.foot{ height:420px; background:url(../images/foot_bg.png) center no-repeat; width:100%;}
.foot .foot-width{ width:100%; max-width:1200px; margin:0 auto;}
.foot .foot-top{background-color:rgba(0,0,0,0.5); min-height:350px; text-align:center; color:#eee; padding-bottom:15px;}
.foot .foot-top .foot-top-tit{ text-align:center; padding-top:20px; color:#eee;}
.foot .foot-top .foot-top-tit h3{ width:306px; border-bottom:1px #eee solid; height:50px; line-height:40px; font-size:24px; margin:0 auto; font-weight:normal;}
.foot .foot-top .foot-top-tit h3 span{ line-height:24px; font-size:14px;}
.foot .foot-top a{ color:#eee;}
/*.foot .foot-top table{ margin:0 auto; color:#eee;}
.foot .foot-top table tr td{}
.foot .foot-top table tr td p{ line-height:30px;}*/

.foot .foot-bot{ background:#000; height:auto;text-align:center; color:#f9fcfd; font-size:14px; line-height:25px; padding:10px 0;}
.foot .foot-bot a{color:#f9fcfd; font-size:14px;}
@media (min-width: 992px) {
.foot .foot-top .foot-width{display:table;}
.foot .foot-top .foot-text{ text-align:left;display:table-cell;vertical-align:middle; ;}

}
/**************about*************************/
.main{}
.main-head{ padding:30px 0;}
.main-head h2{ font-size:24px; width:200px; height:60px; margin:0 auto; text-align:center; border-bottom:1px #555 solid; line-height:50px; font-weight:normal}
.main-head h2 span{font-size:14px; line-height:20px;}
.main-about{ line-height:30px; font-size:14px; color:#1d1d1d; padding:0 15px;}
.main-about img{ max-width:100%;}

/************news****************/
.main-news{padding:15px;}

.main-news ul li{ height:160px; margin-bottom:30px;}
.main-news ul li .time{ width:80px; height:140px; float:left; text-align:center; padding:10px 0;}
.main-news ul li .time .ym{ background:#323232; color:#fbf9f9; height:60px; line-height:30px; font-size:16px; padding:5px 0;}
.main-news ul li .time .day{ background:#dddddd; color:#151414; height:70px; line-height:70px; font-size:30px;}
.main-news ul li .pic{ float:left; margin-left:20px; width:240px; height:160px; }
.main-news ul li .pic img { width:240px; height:160px;}
.main-news ul li .text{ margin-left:20px; float:left; width:800px;}
.main-news ul li .text .tit{ height:60px; line-height:60px; overflow:hidden;}
.main-news ul li .text .tit a{ font-size:20px; color:#282828;}
.main-news ul li .text .txt{ height:60px; line-height:30px; overflow:hidden;}
.main-news ul li .text .txt a{  color:#282828;}
.main-news ul li .text .more{ height:30px; line-height:30px; text-align:right;}
.main-news ul li .text .more a{ color:#07a8eb;}

.main-title{ text-align:center; margin:30px 0px; border-bottom:1px #ccc solid; padding-bottom:20px;}
.main-title h3{ color:#07a8eb; line-height:40px; font-size:22px; font-weight:normal;}
.main-title p{line-height:30px;font-size:14px;}
@media (min-width: 1200px) {

}
@media (min-width: 768px)  and (max-width: 992px){
.main-news ul li .time{max-width:80px; width:8%; margin:0 1%;height:140px; float:left; text-align:center; padding:10px 0;}
.main-news ul li .pic{ float:left;margin-left:0;width:30%; height:160px; }
.main-news ul li .pic img{ width:100%; height:auto}
.main-news ul li .text{float:left;margin-left:0; padding-left:15px; width:60% ;}
.main-news ul li .text .txt{ height:60px; line-height:30px;}

}
@media (min-width: 993px)  and (max-width: 1199px){
.main-news ul li .time{max-width:80px; width:8%; margin:0 1%;height:140px; float:left; text-align:center; padding:10px 0;}
.main-news ul li .pic{ float:left;margin-left:0;width:25%; height:160px; }
.main-news ul li .pic img{ width:100%; height:auto}
.main-news ul li .text{float:left;margin-left:0; width:65% ; padding-left:15px;}
.main-news ul li .text .txt{ height:60px; line-height:30px;}
}
@media screen and (max-width: 767px) {
.main-news ul li{ height:110px; margin-bottom:20px;}
.main-news ul li .time{display:none}
.main-news ul li .pic{ float:left;margin-left:0;width:25%; height:90px; }
.main-news ul li .pic img{ width:100%; height:auto}
.main-news ul li .text .tit{ height:20px;margin-bottom:10px; line-height:20px; overflow:hidden;}
.main-news ul li .text .tit a{ font-size:14px; color:#282828;}
.main-news ul li .text{float:left;margin-left:0; width:70% ; padding-left:15px;}
.main-news ul li .text .txt{ height:40px; line-height:20px;font-size:12px; overflow:hidden}
.main-news ul li .text .more{font-size:12px;}
.main-news ul li .text .more span{ height:24px; line-height:24px; float:left; }
}

/************************other***********************/
.weizhi{ padding:0 15px; margin-top:30px;}

.product{ margin-top:20px; padding:0 15px;}
.product_show{ margin-top:20px;padding:0 15px;}
.product_show img{ width:100%;}
.message-width{max-width:620px; margin:0 auto;}
.message-txt{ font-size:14px; padding:20px 0;}
.tb-message{ margin:20px 0;}
.tb-message tr td{ padding:5px; height:36px;}
.tb-message tr td.tit{ text-align:right;}
.tb-message tr td .input{ height:32px; max-width:360px; width:96%;}
.tb-message tr td .btn{ height:30px; width:100px; background:#535353; color:#fbfbfb;}
@media screen and (max-width: 767px) {
.message-txt{ font-size:14px; padding:20px; }
}

.dock {position: fixed;right: 0px;bottom:80px;width: 50px;-moz-opacity: 0.7;opacity: 0.7;z-index:9999;height:200px;}
.dock.close {z-index: 50;}
.dock ul.icons {position: absolute;list-style: none;right: 0px;padding: 0px;width: 50px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock.close ul.icons {right: -70px;}
.dock ul.icons li i {display: block;position: relative;width: 50px;height: 50px;background: url(../images/icons.png) no-repeat;cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;z-index: 210;}
.dock ul.icons li:hover i {-moz-opacity: 0.4;opacity: 0.4;}
.dock ul.icons li.up i {background-position: -63px -150px;}
.dock ul.icons li.tel i {background-position: -62px -108px;}
.dock ul.icons li.im i {background-position: -63px -20px;}
.dock ul.icons li.wechat i {background-position: -59px -66px;}
.dock ul.icons li.top i {background:url(../images/l06.png);}
.dock ul.icons li p {display: block; font-size:14px; position: absolute;top: 25px;right: -260px;padding: 15px 20px;height: 152px;color: White;line-height: 30px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .4s ease-in-out .1s;-moz-transition: all .4s ease-in-out .1s;-ms-transition: all .4s ease-in-out .1s;-o-transition: all .4s ease-in-out .1s;transition: all .4s ease-in-out .1s;overflow: hidden;z-index: 201;}
.dock ul.icons li:hover p {right: 50px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.dock ul.icons li.tel p {width: 146px; height:auto; top:50px;}
.dock ul.icons li.im p {width: 156px; height:auto; top:0;}
.dock ul.icons li.im p a {display: block;margin-top: 12px;width: 100px;height: 35px;line-height: 32px;color: #ff4343;font-size: 16px;text-align: center;text-decoration: none;border: 1px solid #ff4343;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock ul.icons li.im p a:hover {color: White;background: #0f8773;border: 1px solid #0f8773;}
.dock ul.icons li.wechat p {width: 159px;}.dock ul.icons li.wechat p img {width: 115px;border: 2px solid White;}
.dock a.switch {position: absolute;display: block;top: 210px;right: 11px;width: 26px;height: 26px;background: url(../images/icons.png) no-repeat 0px -640px;cursor: pointer;-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-ms-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;}
.dock a.switch.off {background-position: -32px -640px;}

#kefu{ width:120px; height:auto; position:fixed; top:30%; right:5px;z-index:8888; background:#fff; border:1px solid #d1d1d1;border-top:2px solid #ca2d25; }
#kefu .top{ width:100%; height:35px; line-height:35px;font-family:"Microsoft YaHei"; font-size:14px; color:#333; font-weight:bold; text-align:center; background:#fff;}
#kefu .middle{ font-size:12px; width:100%; text-align:center;}
#kefu .middle p{ color:#991C0A;}
#kefu .middle a{ line-height:30px;width: 100%;display: block;padding-left: 15px;text-align: left;}
#kefu .close{float:right; margin-right:10px; margin-top:10px; cursor:pointer;filter: alpha(opacity=100);opacity: 1;}
.right_bar{ height:28px; width:95px; position:fixed; top:30%; right:-32px; z-index:9999;display:none; background:url(../images/right_bar.jpg) left top no-repeat;cursor:pointer; padding:5px 0px; text-align:center; padding-left:33px; line-height:14px;-webkit-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
.right_bar span{ font-size:12px; }
.right_bar img{cursor:pointer;}


.r-nav{
	background: #111;
    width: 89px;
	position: fixed;
    right: 0;
    bottom: 20%;
	opacity:0.6;
}
.w960 .r-nav{
	bottom:25%;
}
.r-nav li{
}
.r-nav li a,.r-nav li span{
	display:block;
}
.r-nav li p.kfqq{ position: absolute; right: 89px; margin-top:0; min-width:100px; background: #dcdcdc; padding: 5px; display: none;}
.r-nav li:hover p.kfqq{display: block;}
.r-nav li p.kfqq a{ line-height: 40px; height: 40px; font-size: 14px;}
.r-nav li a.q{
	background:url(../images/QQ_04.png) no-repeat center;
}
.r-nav li span{
	background:url(../images/03.png) no-repeat center;cursor: pointer;
}
.r-nav li:hover a.q{
	background:url(../images/04.png) no-repeat center;
}
.r-nav li:hover a.wb{
	cursor: pointer;
}
/*.r-nav li:hover span{
	background:url(../images/03.png) no-repeat center;
}*/
.r-nav li p.bigweixin{display: none;}

.r-nav li.weixin:hover p.bigweixin{display: block;position: absolute;right: 89px; margin-top:-33px;}

.subdiv{position: absolute;z-index: 105;top:110px;margin: 0px auto;left:0;width: 100%;background-color: #E9E9E9; }
.subdiv>ul{max-width: 1200px;margin:auto;}
.subdiv>ul>li{line-height: 36px;padding:10px;float: left; background:#E9E9E9 ; }
.subdiv>ul>li img{max-width: 100%;}

.pages{ width:100%; height:40px;margin:25px 0px;}
.pages ul{ text-align:center;}
.pages ul li{ display:inline; margin:0px 10px;}
.pages ul li a:hover{ color:#51a7f3;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:260px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../../images/side_bg_arrow.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

.navigation-buckets{
  background: #fff;
  display: block;
  width: 100%;
  padding: 20px 0;
  border-radius: 5px;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);
  margin:30px 0px;
}
.clearfix{ padding:10px 20px 0px 20px; display:block;}
.bk3{border-right:1px solid #d4d4d4;}
.clearfix .lazy{ float:left; padding:10px 20px 20px 0px; width:104px; height:104px;}
.clearfix h4{ margin-bottom:5px; font-size:20px; line-height:34px; font-weight:bold;}
.clearfix p{ margin:0 0 12px 0; color:#808080;}
.hwic_open-in-new3{ padding-left:20px;opacity:0;}
.hwic_open-in-new3 img{ width:22px; height:24px;}
.clearfix:hover .hwic_open-in-new3{opacity:10;}
.clearfix:hover h4{color: #1d9dcd;}

.nav-tabs{ margin:20px 0px; border-bottom:1px solid #c7c7c7;}
.nav-tabs li{ float:none; display:inline-block; }
.navbar-header .col-xs-3 .nav-tabs li{width:100%;}
.nav-tabs li a{background-color:#E9E9E9!important; border:none!important;}
.nav-tabs li a:focus {outline-style:none; -moz-outline-style: none;}
.nav-tabs .active{border-bottom:5px solid #1d9dcd;}

.index-boxBody{background:#f5f5f5; padding-bottom: 30px;padding-top:10px;}
.boxBody{ margin:50px 0px;}
.boxBody li{ }
.boxBody li a{display:block; width:100%;text-align:center;background-color:#fff; padding:30px 0px;}
.boxBody li a span{width:50%;display:inline-block;}
.boxBody li a span img{width:100%;}
.boxBody li a div{width:100%; margin:20px 0px;}
.boxBody li a div h4{color:#434242; margin-bottom:10px;}
.boxBody li a div p{color:#a4a3a3; font-size:14px;}
.boxBody li a .frontBg_1{width:25%; background-color:#ed7d31; color:#fff;border-radius:5px; font-size:10px;}
.boxBody li a .frontBg_2{width:25%; background-color:#00b050; color:#fff;border-radius:5px; font-size:10px;}
.boxBody li a .frontBg_3{width:25%; background-color:#00b0f0; color:#fff;border-radius:5px; font-size:10px;}
.boxBody li a .frontBg_4{width:25%; background-color:#0070c0; color:#fff;border-radius:5px; font-size:10px;}

.star_pro_head{ float:left; color:#434242; line-height:50px; font-size:30px;}
.index-product #myTab{ margin:30px 0px 40px 0px;}
.index-product #myTab>li{ margin:27px 0px 0px 0px; padding:0px 13px;border-bottom:none; display:inline-block; border-right:1px #a4a3a3 solid;}
.index-product #myTab>.active{ border-right:1px #434242 solid;}
.index-product #myTab>.active a{ color:#434242;}
.index-product #myTab>li a{ margin:0px; padding:0px; background-color:#fff; color:#a4a3a3; text-decoration:none; outline:none;}
.index-product #myTabContent{ display:block;}
.index-product #myTabContent .tab-pane p{ text-align:center; margin:20px 0px;color:#a4a3a3; line-height:30px;}
.index-product #myTabContent .tab-pane>div{text-align:center;}
.index-product #myTabContent .tab-pane>div a{ font-size:14px; color:#a4a3a3;}
.index-product #myTabContent .tab-pane .d_pop{ border:1px solid #dcdcdc;}
.index-product #myTabContent .tab-pane .d_pop:hover{box-shadow:0 0 8px rgba(0,0,0,0.4);z-index:3;}

/* 图片轮播滚动css */
.picScroll-left{ width:100%;  overflow:hidden; position:relative; padding:0px 40px;}
.picScroll-left .bd{ padding:0px;}
.picScroll-left .bd .tempWrap{width:100%!important;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width:20%;margin:0px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ margin:0px 5px;text-align:center; }
.picScroll-left .bd ul li .pic img{ width:100%; height:25%; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.picScroll-left .bd ul li .title a{ font-size:14px;}
.picScroll-left .next{ position:absolute; right:0px; top:0%; height:100%;line-height:100%; cursor:pointer; background:url(../images/right.png) right no-repeat; width:3%; background-color:rgba(0,0,0,0.5);border-radius:5px;}
.picScroll-left .prev{position:absolute; left:0px; top:0%;height:100%;line-height:100%;cursor:pointer;background:url(../images/left.png) left no-repeat;width:3%; background-color:rgba(0,0,0,0.5);border-radius:5px;}

.floor-container .vertical li{ width:33.3333%; float:left; padding:10px 5px;}
.floor-container .vertical li .lazy{width:100%;}
.floor-container .vertical li .item-content{ padding:14px 0px 19px 0px; font-size:12px;text-align:center;}

.floor-container .title-header{ height:40px; line-height:40px; border-bottom:1px #ececec solid; margin:10px 0px;}
.floor-container .title-header .glyphicon-menu-right{line-height:40px; float:right;}
.floor-container .main-news{ padding:15px 0px;}
.floor-container .main-news ul li .pic{ width:29.5%;}
.xilie{ margin:5px 30px; padding:5px 20px;}
.xilie .item img{ width:100%; margin:auto;}
.goods{width:50%; float:left; padding:10px 0px 20px 0px;}
.goods span a{ font-size:12px;}
.goods img{ width:30%;}
.goods .glyphicon{ right:0px;}

<!--设置楼层名字-->
.quickEntryBox { height: 462px; background: #f7f7f7; }
.quickEntryBox *{ padding: 0; margin: 0; list-style: none;}
.quickEntryBox .boxBodd { width: 1200px; margin:0 auto; padding-top:50px; overflow: hidden;}
.quickEntryBox .boxBodd li{width: 300px;height: 353px; position: relative; overflow: hidden; margin:0 auto; cursor: pointer; overflow: hidden; float: left; outline: 0px #ff009c dotted; top:0;relative;transition:all .5s;}
.quickEntryBox .boxBodd li .boxBorder { border:10px solid rgba(0,0,0,0); margin: 0 10px; overflow: hidden;position: relative; }
.quickEntryBox .boxBodd li img { display: block; margin:0 auto;}
.quickEntryBox .frontBg{position: absolute;z-index: 3;transition:all .3s;opacity: 1;}
.quickEntryBox .frontBg img {transition:all .3s; position: absolute;}
.quickEntryBox .frontBg .frontBg_1 {opacity: 1;}
.quickEntryBox .frontBg .frontBg_2 {opacity: 0;}
.quickEntryBox .zhehao{position: absolute;width: 108px; height: 108px; background: none; border-radius: 100%; left: 50%; top: -346px; margin-left: -454px; border:400px solid #fff; box-sizing: content-box;transition:all .6s cubic-bezier(0.58, -0.6, 0.25, 0.22); z-index: 2;}
.quickEntryBox .backBg{width: 100%; height: 100%; background: #ebebeb; z-index: 1; overflow: hidden;}
.quickEntryBox li .backBg img {transition:all 1s; margin-left: 0px;}
.quickEntryBox .fasticon {position: absolute; left: 50%; top: 54px;  margin-left: -54px; width:108px; height:108px;}
.quickEntryBox .fasticon img {border-radius: 50%; display:block;width: 108px;height: 108px; transition:all .1s ;opacity: 1;}
.quickEntryBox .fasticon img.on{opacity: 0;}
.quickEntryBox .boxBodd li:hover .zhehao{width: 600px; height: 600px; margin-left: -700px;top:-592px; }
.quickEntryBox .boxBodd li:hover .boxBorder{border:10px solid #ebebeb; }
.quickEntryBox .boxBodd li:hover .frontBg .frontBg_1{ opacity: 0;}
.quickEntryBox .boxBodd li:hover .frontBg .frontBg_2{ opacity: 1;}
/*.quickEntryBox .boxBodd li:hover .backBg img{margin-left: -30px;}*/
/*.quickEntryBox .boxBodd li:hover .fasticon img{opacity: 0;transition:all .6s ;}*/
.quickEntryBox .boxBodd li.moveTop {top:0;}