.fr{
	float: right;
}
.fl{
	float: left;
}


.layout-header{position:fixed;top:0;left:0;right:0;height:4rem;width:100%;z-index:600;background-color:#f8f8f8;color:#333333;display:flex;border-bottom: 1px solid #d7d7d7;line-height: 4rem;}
.layout-header .go-back{display:block;padding-left:5px;height:4rem;width:70px;line-height: 4rem;}
.layout-header .header-text{flex:1;line-height:4rem;text-align:center;font-weight: bold;}
.layout-header .header-nav{padding-right:12px;height:4rem;width:70px;position:relative;text-align: center;line-height: 4rem;}
.layout-header .header-nav ul{position:absolute;right:7px;top:45px;width:125px;height:0;background-color:#595f65;border-radius:5px;transition:all .3s;opacity:0;overflow:hidden}
.layout-header .header-nav ul li{width:100%;padding-left:25px;height:37.3px;border-bottom:1px solid #d3d3d3}
.layout-header .header-nav ul li a{display:block;width:75pt;height:37.3px;line-height:37px;color:#fff;font-weight:400}
.layout-header .header-nav ul li:last-child{border-bottom:0}
.layout-header .header-nav ul :before{content:'';position:absolute;top:-10px;right:10px;border:5px solid transparent;border-bottom-color:#595f65}
.layout-header span{display:block;height:4rem;font-size:10px;}
.layout-header .header-nav span{font-size:25px}
.vertical{width: auto; font-size: 14px !important;line-height: 3.5rem;text-align: right !important;background: url(../images/homePage.png) no-repeat right;background-size: 100% 1rem;margin-left: 1.2rem;}
.returnHome{
	background: url(../images/talkbg.png) no-repeat center; 
	position: absolute;
	top: 3.5rem;right: 0.9rem;
	font-size: 1.2rem;
	color: #333333 !important;
	width: 7rem;
	height: 4rem;
	text-align: center;
	line-height: 4rem;
	background-size: 7rem 3rem;
	padding-left: 2rem;
}
.returnHome span{
	background: url(../images/house.png) no-repeat center; 
	background-size: 1.5rem 1.5rem;
	position: absolute;
	top: 3px;
	left: 4px;
}


/*footer*/
.layout-foot a.active span{color: #ca1717;}
.layout-foot a span:first-child {flex: 2;font-size: 23px;padding-top: 0.5rem;}
.layout-foot a span:last-child {padding-bottom: 0.5rem;}
.layout-foot a span {text-align: center;color: #777777;}
.layout-foot {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;z-index: 99;background-color: white;border-top: 1px solid #ccc;display: flex;}
.layout-foot a{flex:1;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}


div{
    min-height: 1px;
}


.header-nav p{
    display: none;
}
.layout-header span img{
    width: 1rem;
    height: 1.5rem;
    box-sizing: border-box;
    /*padding: 16px 11px 0px 11px;*/
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -0.5rem;
   margin-top: -0.75rem;
}
.glyphicon{top: 2 !important;position: relative;}


.inUl li{
    overflow: hidden; /*自动隐藏文字*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.shop-info-text .shop-brief{
	 overflow: hidden; /*自动隐藏文字*/
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.scrollable {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.scrollable-content {
    height: 100%;
    overflow: scroll;
    width: 100%;
}


/*返回顶部*/
#toTop{
	width: 3rem;
	height: 3rem;
	bottom:156px;
	right:1.5rem;
	position:fixed;
	cursor:pointer;
	z-index:131
}
#toTop img{width: 4rem;height: 4rem;opacity: .6;}

/*底部悬浮窗*/
#service{position: fixed;right: 1.5rem;bottom: -36rem;z-index: 100;}
.gooey-menu-item .fa-automobile{width: 2rem;text-align: center;}
.gooey-menu-item .fa-automobile img{width: 2rem;height: 2rem;line-height: 50px;transform-origin:center;text-align: center;margin-top: -0.3rem;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg);}
.navimenu {
	position: relative;
	min-width: 100px;
	/*min-height: 100px;*/
	margin: auto auto auto -100px;
	padding-top: 20px;
	/*padding-left: 80px;*/
	box-sizing: border-box;
	text-align: left;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	outline: transparent solid 5px;
	transform-style: preserve-3d;
	transform-origin: top center;
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg); 	/* IE 9 */
	-moz-transform:rotate(-90deg); 	/* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
	-o-transform:rotate(-90deg);
}

.navimenu .gooey-menu-item,.navimenu .open-button {
	border-radius: 100%;
	position: absolute;
	color: #fff;
	text-align: center;
	font-size: .9em;
	transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transition: transform ease-out 200ms;
	-ms-transition: transform ease-out 200ms;
	-o-transition: transform ease-out 200ms;
	-moz-transition: transform ease-out 200ms;
	-webkit-transition: transform ease-out 200ms;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	outline: transparent solid 5px;
	transform-style: preserve-3d;
}

.navimenu .menu-open {
	display: none
}

.navimenu .burger {
	background: #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1.5px;
	transition: transform 200ms;
	-ms-transition: transform 200ms;
	-moz-transition: transform 200ms;
	-webkit-transition: transform 200ms;
	-o-transition: transform 200ms
}

.navimenu .burger-1 {
	transform: translate3d(0,-8px,0);
	-moz-transform: translate3d(0,-8px,0);
	-o-transform: translate3d(0,-8px,0);
	-webkit-transform: translate3d(0,-8px,0);
	-ms-transform: translate3d(0,-8px,0)
}

.navimenu .burger-2 {
	transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0)
}

.navimenu .burger-3 {
	transform: translate3d(0,8px,0);
	-ms-transform: translate3d(0,8px,0);
	-moz-transform: translate3d(0,8px,0);
	-o-transform: translate3d(0,8px,0);
	-webkit-transform: translate3d(0,8px,0)
}

.navimenu .menu-open:checked+.open-button .burger-1 {
	transform: translate3d(0,0,0) rotate(45deg);
	-ms-transform: translate3d(0,0,0) rotate(45deg);
	-moz-transform: translate3d(0,0,0) rotate(45deg);
	-o-transform: translate3d(0,0,0) rotate(45deg);
	-webkit-transform: translate3d(0,0,0) rotate(45deg)
}

.navimenu .menu-open:checked+.open-button .burger-2 {
	transform: translate3d(0,0,0) scale(.1,1);
	-ms-transform: translate3d(0,0,0) scale(.1,1);
	-moz-transform: translate3d(0,0,0) scale(.1,1);
	-o-transform: translate3d(0,0,0) scale(.1,1);
	-webkit-transform: translate3d(0,0,0) scale(.1,1)
}

.navimenu .menu-open:checked+.open-button .burger-3 {
	transform: translate3d(0,0,0) rotate(-45deg);
	-ms-transform: translate3d(0,0,0) rotate(-45deg);
	-moz-transform: translate3d(0,0,0) rotate(-45deg);
	-webkit-transform: translate3d(0,0,0) rotate(-45deg);
	-o-transform: translate3d(0,0,0) rotate(-45deg)
}

.navimenu .gooey-menu-item:hover {
	background-color: #4682b4;
	color: #00bcd4;
}

.navimenu .gooey-menu-item {
	transition-duration: 180ms;
	-moz-transition-duration: 180ms;
	-webkit-transition-duration: 180ms;
	-o-transition-duration: 180ms;
}

.navimenu .open-button {
	z-index: 2;
	transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
	-ms-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
	-moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
	-webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
	-o-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
	transition-duration: 400ms;
	-ms-transition-duration: 400ms;
	-o-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	transform: scale(1.1,1.1) translate3d(0,0,0);
	-ms-transform: scale(1.1,1.1) translate3d(0,0,0);
	-o-transform: scale(1.1,1.1) translate3d(0,0,0);
	-moz-transform: scale(1.1,1.1) translate3d(0,0,0);
	-webkit-transform: scale(1.1,1.1) translate3d(0,0,0);
	cursor: pointer;
	transform-origin:center;
	
}

.navimenu .open-button:hover {
	transform: scale(1.2,1.2) translate3d(0,0,0);
	-ms-transform: scale(1.2,1.2) translate3d(0,0,0);
	-moz-transform: scale(1.2,1.2) translate3d(0,0,0);
	-o-transform: scale(1.2,1.2) translate3d(0,0,0);
	-webkit-transform: scale(1.2,1.2) translate3d(0,0,0);
	transform-origin:center;
	
}

.navimenu .menu-open:checked+.open-button {
	transition: 200ms linear;
	-ms-transition: 200ms linear;
	-webkit-transition: 200ms linear;
	-moz-transition: 200ms linear;
	-o-transition: 200ms linear;
	transform: scale(.9,.9) translate3d(0,0,0);
	-ms-transform: scale(.9,.9) translate3d(0,0,0);
	-o-transform: scale(.9,.9) translate3d(0,0,0);
	-webkit-transform: scale(.9,.9) translate3d(0,0,0);
	-moz-transform: scale(.9,.9) translate3d(0,0,0)
}


a {
    color: inherit;
}
/*h1,
h2,
h3,
h4 {
    margin: 0;
    margin-bottom: 1em;
    margin-top: 1em;
    color: #6a7989;
}
h1 {
    font-size: 3em;
    color: #386890;
}
h2 {
    font-size: 1.7em;
}
p {
    color: #6a7989;
    font-size: 1.1em;
    margin-top: .4em;
    text-align: left;
    line-height: 2em;
}*/
i.desc {
    font-size: 1.2em;
    line-height: 1.1em;
    color: #768799;
}
.bold {
    font-weight: 500;
    color: #525e6b;
}
.plugin-demo-header {
    text-align: center;
    margin: 1em 2em 6em 2em;
}
/*Sections*/

.feature {
    background-color: #3366cc;
    color: white;
    text-shadow: white 1px 1px;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    line-height: 85px;
    vertical-align: baseline;
    text-align: center;
    position: relative;
    display: inline-block;
}
.feature-desc {
    font-variant: small-caps;
    text-align: center;
}
.section-cont {
    margin: 0 auto;
    /*margin-top: 3em;*/
    margin-bottom: 1em;
    /*padding: 1.5em;*/
    /*box-shadow: #f1f1f1 -1px 1px 10px;*/
    display: block;
}
.feature-cont {
    text-align: center;
}
.feature-cont p {
    margin-left: 2em;
    margin-top: 1em;
}
.section-label {
    font-size: 2em;
    color: #647883;
    font-weight: bold;
    font-variant: small-caps;
    margin-top: 2em;
    margin-bottom: 2em;
}
#round {
    min-height: 25em;
}
#menu-v-example {
    min-height: 40em;
}
#docs {
    display: none;
    margin: auto;
}
/*Menus*/

#gooey-upper .gooey-menu-item,
#gooey-upper .open-button {
    left: 50%;
    top: 50%;
}
#gooey-h .open-button,
#gooey-h .gooey-menu-item {
    margin-top: 4.2em;
    margin-left: .6em;
}
#gooey-v .open-button,
#gooey-v .gooey-menu-item {
    margin-top: 30em;
}
#gooey-round,
#gooey-API {
    left: 30%;
    top: 50%;
}
#gooey-round .open-button,
#gooey-API .open-button,
#gooey-round .gooey-menu-item,
#gooey-API .gooey-menu-item {
    margin-top: 6.5em;
    margin-left: 3.2em;
}
.fa.fa-angle-double-up {
    position: fixed;
    left: 95%;
    bottom: 0%;
    cursor: pointer;
    color: #748c99;
}
/* Responsive styles */

@media screen and (min-device-width: 320px) and (orientation: portrait) {
.fa.fa-angle-double-up {
        left: 75%;
    }
}
@media screen and (min-width: 320px) and (max-width: 780px) and (orientation: landscape) { 
.fa.fa-angle-double-up {
        left: 89%;
    }

}

@media (max-width: 780px) {
    /*p {
        font-size: .9em;
    }
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 1.3em;
    }*/
    .code-example {
        margin-top: 5em;
    }
    #gooey-upper {
        margin: 0;
    }
    #gooey-upper .gooey-menu-item,
    #gooey-upper .open-button {
        left: 44%;
        top: 70%;
    }
    #gooey-round .gooey-menu-item, #gooey-round .open-button {
        top:50%;
    }
    #gooey-h .open-button,
    #gooey-h .gooey-menu-item {
        top: 20%;
        left: 20%;
    }
    .round-example {
        min-height: 20em;
    }
    #gooey-v .open-button,
    #gooey-v .gooey-menu-item {
        margin-top: 0;
    }
    /*#gooey-v {
        margin-top: 24em;
    }*/
    .event-api-ex {
        min-height: 23em;
    }
    #gooey-API {
        margin-top:6em;
    }
    .vertical-example {
        min-height: 15em;
    }
    #gooey-round,
    #gooey-API {
        top: 30%;
    }
    #gooey-round .open-button,
    #gooey-API .open-button,
    #gooey-round .gooey-menu-item,
    #gooey-API .gooey-menu-item {
        margin-top: 3.5em;
        margin-left: 3.2em;
    }
    .gooeySVG {
        width: 0;
        height: 0;
    }
    #gooey-h .open-button,
    #gooey-h .gooey-menu-item {
        margin-top: .8em;
    }
    .prettyprint {
        font-size: .7em;
    }
    .plugin-demo-header {
        margin: 1em 2em 5em 2em;
    }
    .feature {
        width: 55px;
        height: 55px;
        line-height: 65px;
    }
    .feature-desc {
        font-size: 1em;
    }
    .section-label {
        font-size: 1.5em;
        margin-top: 1em;
    }
    #menu-v-example {
        min-height: 35em;
    }
}


/* menu */
/*.menu{width:4rem;height:4rem;position:fixed;bottom: 6rem; right: 1rem; background:url(../images/service_person.png) no-repeat center;cursor:move;background-size: 100% 100%;}*/
.menu{width:0rem;height:0rem;position:fixed;bottom: 10rem; right: 0rem; }
*html .menu{position:absolute;top:expression(eval(document.documentElement.scrollTop));margin-top:340px;}

/*.menu .box{width:200px;height:253px;background:url(../images/m-bg.png) repeat;position:absolute;top:-88px;left:-30px;display:none;}*/
/*.menu .box a{background:url(../images/m1.png) no-repeat;position:absolute;}
.menu .box a:hover{background:url(../images/m2.png) no-repeat;}*/
/*.menu .box .t1{background-position:0px 0px;width:49px;height:59px;left:34px;top:8px;}
.menu .box .t2{background-position:0px -80px;width:49px;height:52px;left:104px;top:24px;}*/
.menu .box .t3{width: 4rem;height: 4rem;position: absolute; left:-113px;top:0px;}
.menu .box .t3 img{width: 4rem;height: 4rem;}
.menu .box .t4{width:4rem;height: 4rem;position: absolute; left:-56px;top:0px;}
.menu .box .t4 img{width:4rem;height: 4rem;}
/*.menu .box .t5{background-position:0px -320px;width:50px;height:57px;left:74px;top:189px;}
.menu .box .t6{background-position:0px -400px;width:50px;height:54px;left:3px;top:185px;}*/
/*.menu .box .t1:hover{background-position:0px 0px;}
.menu .box .t2:hover{background-position:0px -80px;}
.menu .box .t3:hover{background-position:0px -160px;}
.menu .box .t4:hover{background-position:0px -240px;}
.menu .box .t5:hover{background-position:0px -320px;}
.menu .box .t6:hover{background-position:0px -400px;}*/

.productdetail img{padding-top: 2rem;}


/*在线咨询样式*/
.nb-icon-wrap-base{display: none !important;}
#nb_icon_wrap{display: none !important;}