﻿.header{ height:40px; width:100%; margin-bottom:1rem; margin-top:1rem;border-bottom:rgba(0,171,179,1) solid 2px; }
.header >div{ display:inline-block;}
.header-left{ background:url(../images/shuye.png) 100% 100% no-repeat; float:left; width:37px; height:36px;}
.header-right{position:relative; float:left; width:50%;}
.header-right li{ font-size:2rem; font-weight:bold; letter-spacing:1px; }
.min-font{ font-size:1rem; position:absolute; left:0; top:22px;}

.header-right ul>span{ width:30rem;}


.footer{width:100%; height:56px; z-index:20; position:fixed; bottom:0; left:0;}

.logo{ background:url(../images/xhjlogo.png);width:59px; height:23px; display:block; float:right; margin-top:4px;}

.info li{ text-indent:2em;}

.newlist >div{ height:6.6rem; width:100%; border-bottom:rgba(0,171,179,1) solid 1px; margin-top:1.2rem;}
.newlist ul{ width:70%; float: right; font-size:1.2rem;}

.header-right ul>span{ width:30rem;}
.subject{ height:100%; width:100%;}
.box{ width:100%; height:80px; position:relative; margin-bottom:30px;}
.box-r{ position:absolute; right:0; bottom:0; width:88%; border:rgba(0,171,179,1) solid 2px; border-radius:20px; height:70px;}
.box-c{ width:80px; height:80px;border:rgba(0,171,179,1) solid 2px; border-radius:50%; position:absolute; left:0; bottom:0; z-index:10; background:url(../images/0.png) no-repeat; background-size:100% 100%;}
.box-l{
	position: absolute;
	left: 0;
	top: -18px;
	z-index: 11;
	width: 37px;
	height: 36px;
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
	background-image: url(../images/shuye.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.box2{ width:100%; height:80px; position:relative; margin-bottom:30px;}
.box2-r{ position:absolute; right:left; bottom:0; width:88%; border:rgba(0,171,179,1) solid 2px; border-radius:20px; height:70px;}
.box2-c{ width:80px; height:80px;border:rgba(0,171,179,1) solid 2px; border-radius:50%; position:absolute; right:0; bottom:0; z-index:10; background:url(../images/0.png) no-repeat; background-size:100% 100%;}
.box2-l{background:url(../images/shuye.png) 100% 100% no-repeat; position:absolute; right:0; top:-18px; z-index:11; width:37px; height:36px;-webkit-transform: rotate(65deg); transform: rotate(65deg);}


.address-info-l{ margin-left:18%;}
.address-info-l span , .address-info-r span{ color:rgba(0,171,179,1); font-size:1.6rem; font-weight:bold;}
.address-info-l li , .address-info-r li{ font-size:1.2rem; margin-bottom:4px; margin-top:4px;}


.address-info-r{ margin-left:5%}

.home { display:block; float:left; background:url(../images/12.png); width:18px; height:16px;}
.phone {display:block; float:left; background:url(../images/13.png); width:18px; height:16px;}


.subject ul li p{ width:8rem; height:1.4rem; position:absolute; right:4rem; bottom:-3.3rem; letter-spacing:0.1rem;}

.mkj{
	z-index: 1000;
	position: absolute;
	width: 200px;
	left: 87px;
	top:227px;
}
.wmkj{
	z-index: 1000;
	position: absolute;
	width: 200px;
	left: 87px;
	top: 242px;
}

/*.jkl{z-index: 700; position: absolute; width: 138px; left: 210px; top: 26px;}


.qwe{z-index: 700; position: absolute; width: 138px; left: 210px; top: 28px;}*/
.jkl{z-index: 700; position: absolute; width: 138px; right: 10px; top: 26px;}
.qwe{z-index: 700; position: absolute; width: 138px; right: 10px; top: 28px;}

.aaaa{color:#009aa0; font-size:0.8em; font-weight:bold;}
.bbbb{color:#009aa0; font-size:0.5em;}

.z11{z-index: 700; position: absolute; width: 138px; right: 10px; top: 28px;}

