@charset "utf-8";
/* CSS Document */

.fside{ position: fixed; z-index: 100; right:0; top:50%; margin-top: -180px; width: 70px; height: 304px; padding-top: 60px;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.fside.zk{ height: 0; padding-top: 68px; overflow: hidden;}
.fside i{ width: 100%; height: 65px; position: absolute; left:0; top:0; z-index: 10;
	background: url('../img/map-marker.png') center no-repeat; cursor: pointer; }
.fside i:hover{ transform: scale(1.2);}
.fside a{ display: block; width: 70px; height: 75px; margin-bottom: 1px; position: relative;
	 text-align: center; background-color: #d1212b;}
.fside a .pic{ padding-top: 12px; height: 32px; font-size: 0; line-height: 32px;}
.fside a>p{ margin-top: 15px; font-size: 12px; line-height: 20px; color: #fff;}
.fside a:hover{ background-color: #fa433a; z-index: 50;}

.sideinfo{ width: 0; height: 75px; background-color: #fa433a; overflow: hidden; position: absolute;
	 right:0; top:0; z-index: 50;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.sideinfo.on{ width: 200px;}

.sideinfo div{ padding: 12px 0 13px 62px; color: #fff; text-align: left;}
.sideinfo div h3{ font-size: 14px; line-height: 24px; height: 24px; overflow: hidden;}
.sideinfo .sidetel{ background: url('../img/sd4.png') 20px no-repeat;}
.sideinfo .sidetel p{ font-size: 18px; line-height: 26px; height: 26px; font-weight: bold; overflow: hidden; color: white;}


.sideinfo2{ width: 70px; height: 75px; background-color: #fa433a; overflow: hidden; position: absolute;
	 right:0; top:0; z-index: 4; opacity: 0; filter: alpha(opacity=0);
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.sideinfo2.on{ opacity: 1; filter: alpha(opacity=100);}
.sideinfo2 span{ display: block; width: 36px; height: 36px; padding: 20px 17px;
	 line-height: 18px; color: #fff; font-size: 16px;}

.sidebigewm{ display: none; position: absolute; top: 0; right: 72px; z-index: 1;
    border: 1px solid #aaa; background-color: #fff; padding: 4px;
	width: 154px; box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); z-index: 9999;}
.sidebigewm img{ width: 100%; z-index: 9999999999;}








.navvtwo{ width: 100%; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); background-color: #fff;
	position: fixed; top:90px; left:0; max-height: calc(100% - 90px); z-index: 50; display: none; opacity: 0;
	border-top: 1px solid #eee; overflow: auto; -webkit-transition: .5s; transition: .5s;}
.navvtwo.on{ display: block; z-index: 19; opacity: 1;}
.navvtwo dl{ width: 1200px; margin: 0 auto; padding: 25px 0 18px;}
.navvtwo dt{ font-size: 22px; color: #333; line-height: 46px; padding-left: 23px; padding-bottom: 2px;
	background: url('../img/fang2.png') 1px center no-repeat; position: relative;}
.navvtwo dt:after{ content: ''; position: absolute; left: 0; bottom:0; z-index: 50;
	width: 100%; height: 2px; background: url('../img/fang3.png') 0;}
.navthree{ padding-top: 12px; overflow: hidden; margin: 0 -12px;}
.navthree li{ float: left; width: 25%; height: 110px; margin-top: 10px;}
.navthree li a{ display: block; margin: 0 13px; padding: 10px 24px 12px;}
.navthree li:hover a{ background-color: #f5f5f5;}
.navthree .one{ height: 34px; overflow: hidden; margin-bottom: 14px; line-height: 34px;}
.navthree .one .pic{ float: left; width: 90px; padding-right: 1px; font-size: 0;
	background: url('../img/sx2.png') right center no-repeat;}
.navthree .one .pic img{ max-width: 100%; max-height: 100%;}
.navthree .one .title{float: right; width: 130px; font-size: 14px; color: #999;}
.navthree p{ font-size: 13px; color: #b1b1b1; line-height: 20px; height: 40px; overflow: hidden;}