* {
    font-family: "Microsoft YaHei";
    font-size: 14px;
}
        
ul,li,ol {
    list-style: none;
}
a {
    color: #464646;
}
a.more {
    color: #464646;
}
.more {
    color: #464646;
}
a:hover {
    color: #f19424;
    text-decoration: none;
}
.headtop {
    background: url(../images/topbg.jpg) repeat-x;
}
.top {
    /*height: 100px;*/
}
.head {
    text-align: center;
}
.welcome {
    text-align: left;
    line-height: 30px;
}
.welcome h5{
    line-height: 30px;
	color: #305dc3;
}
.logo {
    text-align: left;
    margin-top: 15px;
}
.nav>li {
    position: relative;
    line-height: 80px;
}
.nav>li>a {
    font-family: "Microsoft YaHei";
    color: #010101;
    font-size: 18px;
    font-weight: bold;
}
.nav>li>a:focus,.nav>li>a:hover,.nav>li>a.active {
	background: none;
	color: #305dc3;
}
.nav>li>a:focus+span,.nav>li>a:hover+span {
    display: block;
}
.nav>li>a.active+span {
    display: block;
}
.nav>li>span {
	display: block;
	height: 0;
	width: 80px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
	height: 0;
	border-bottom: 5px solid #305dc3;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	display: none;
}
.nav>li:first-child>span {
	width: 50px;
	margin-left: -25px;
}
.nav2 {
	text-align: right;
}
.nav2>li {
    position: relative;
    line-height: 30px;
	display: inline-block;
}
.nav2>li>a {
    font-size: 14px;
	font-weight: normal;
	color: #305dc3;
}


.container-fluid {
    padding: 0;
}
.margin-top-bottom10 {
    margin: 10px auto;
}
        
@media (max-width: 767px) {
    * {
        font-size: 0.35rem;
    }
    a {
        color: #464646;
    }
    html,body {
		width: 100%;
		overflow: hidden;
	}
	.head {
		padding: 0.078125rem 0.234375rem;
	}
	.logo {
		overflow: hidden;
		line-height: 1rem;
		text-align: center;
		position: relative;
	}
	.logo img {
		height: 0.6rem;
		position: absolute;
		left: 0.5rem;
		top: 0.2rem;
	}
	.w-button {
		width: 0.46875rem;
		position: absolute;
		right: 0.5rem;
		top: 0.2rem;
	}
	.w-button>span {
		background: #305dc3;
		margin: 0.078125rem 0;
		height: 0.046875rem;
		width: 0.46875rem;
		display: block;
	}
	.logo {
		border-bottom: 0.015625rem solid #ddd;
		height: 1.2rem;
	}
	.welcome{
		padding: 0 0 0 15px;
	}
	.welcome h5{
		font-size: 12px;
	}
	.nav {
		display: none;
		position: absolute;
		top: 0rem;
		z-index: 100;
		width: 100%;
		background: #fff;
	}
	.nav>li {
		line-height: 0.46875rem;
	}
	.nav>li>a {
		font-size: 0.35rem;
	}
	.m-more {
		display: block;
		width: 2rem;
		height: 0.625rem;
		line-height: 0.625rem;
		text-align: center;
		margin: 0.3125rem auto;
		border: 1px solid #ccc;
		border-radius: 0.078125rem;
		color: #464646;
	}
	.m-m2 {
		width: 9.375rem;
		margin: 0 auto;
	}
	.m-m2>h3 {
		text-align: center;
		font-size: 0.28125rem;
		padding: 0.078125rem 0;
		margin: 0.46875rem 0;
	}
	.m-m2>h3 span {
		border-bottom: 2px solid #337ab7;
		padding: 0.078125rem 0;
		font-size: 20px;
	}
	.m-m2 li {
		overflow: hidden;
		padding: 0.15625rem 0;
		border-bottom: 1px dashed #efefef;
	}
	.m-m2 li:last-child {
		border: 0;
	}
	.m-m2 .photo {
		width: 3.125rem;
		height: 2rem;
		float: left;
	}
	.m-m2 .photo img {
		width: 100%;
		height: 100%;
	}
	.m-m2 ul {
		padding: 0;
	}
	.m-m2 .cnt {
		float: right;
		width: 5.9375rem;
	}
	.m-m2 .tit a {
		color: #333;
		font-size: 0.36rem;
	}
	.m-m2 .abs {
		height: 1rem;
		line-height: 0.5rem;
		overflow: hidden;
	}
	.m-m2 .time {
		color: #999;
	}
	.m-m3 {
		width: 9.375rem;
		margin: 0 auto;
	}
	.m-m3 ul {
		overflow: hidden;
	}
	.m-m3>h3 {
		text-align: center;
		font-size: 0.28125rem;
		padding: 0.078125rem 0;
		margin: 0.46875rem 0;
	}
	.m-m3>h3 span {
		border-bottom: 2px solid #337ab7;
		padding: 0.078125rem 0;
		font-size: 20px;
	}
	.m-m3 li {
		width: 4.53125rem;
		float: left;
		border: 1px solid #ccc;
		margin-bottom: 0.3125rem;
	}
	.m-m3 li:nth-child(odd) {
		margin-right: 0.3125rem;
	}
	.m-m3 li .photo {
		width: 100%;
		height: 3.75rem;
	}
	.m-m3 li .photo img {
		width: 100%;
		height: 100%;
	}
	.m-m3 li p {
		text-align: center;
		white-space: nowrap;
		text-overflow: hidden;
		overflow: hidden;
		line-height: 0.8rem;
	}
	.m-m3 li p a {
		color: #666;
		font-size: 0.36rem;
	}
	.bot {
		text-align: center;
		line-height: 0.46875rem;
		padding: 0.3rem 0;
		background: linear-gradient(to top, #305dc3, #5b85e5);
		color: #fff;
	}
	.foot {
		padding-top: 0.78125rem !important;
	}
	.acontactbox cite {
		width: 18px;
		height: 18px;
		border-radius: 10px;
		border: 1px solid #606060;
		text-align: center;
		font-size: 13px;
		color: #606060;
		line-height: 18px;
		padding: 0;
		display: block;
		float: left;
	}
	.acontactbox p.title {
		font-size: 16px;
	}
	.amabout {
		font-size: 16px
	}
	
}
        
@media (min-width: 768px) and (max-width: 992px) {
	.hid .tit {
		padding: 5px 0;
		margin: 5px 0;
	}
	.hid>a:hover {
		color: #fff;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.nav>li.col-sm-2 {
		padding: 0;
	}
	.nav>li>a {
		font-size: 14px;
	}
}
        
@media (min-width: 768px) {
	.nav {
		display: block !important;
		/*background: #fff;*/
	}
	.nav>li>a {
		padding: 10px 5px;
	}
	.nav2>li>a {
		padding: 0 5px;
	}
	.logo img {
		/*margin-top: -10px;*/
		width: 100%;
		height: 100%;
	}

	.m1 {
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
		/* Safari */
		margin-bottom: 10px;
	}
	.m1:hover {
		box-shadow: 0px 5px 10px #ccc;
		transform: translate(0px, -5px);
	}
	.m2-head {
		border-left: 5px solid #fe6701;
		color: #305dc3;
		font-size: 24px;
		margin-bottom: 30px;
		margin-top: 40px;
	}
	.m2-head>p {
		margin: 0;
		line-height: 120%;
		font-size: 24px;
	}
	.m2-head span {
		color: #c1c1c1;
		font-size: 14px;
	}
	.m2-tab {
		text-align: right;
		margin-top: 50px;
	}
	.m2-tab>a {
		display: inline-block;
		width: 100px;
		height: 35px;
		border-radius: 18px;
		text-align: center;
		line-height: 35px;
		color: #c1c1c1;
	}
	.m2-tab>a.active {
		display: inline-block;
		width: 100px;
		height: 35px;
		border-radius: 18px;
		background: linear-gradient(#f29522, #f3b05e);
		/* 标准的语法 */
		text-align: center;
		line-height: 35px;
		color: #fff;
		box-shadow: 5px 5px 15px 0px #f4c994;
	}
	.m2 .tit {
		font-size: 16px;
		color: #464646;
		margin: 5px 0;
	}
	.m2 .tit>a {
		color: #464646;
		font-size: 16px;
	}
	.m2 .abs {
		font-size: 14px;
	}
	.m2 .abs-2 {
		height: 80px;
		overflow: hidden;
		margin-bottom: 30px;
	}
	.m2 .abs>a {
		color: #8f8f8f;
	}
	.tit a:hover {
		color: #f19424;
	}
	.abs a:hover {
		color: #f19424;
	}
	.m2 .time {
		color: #c1c1c1;
	}
	.m2 .more {
		position: absolute;
		right: 15px;
		bottom: 10px;
		z-index: 5;
	}
	/*.more:after{
	    content: '▷'
	}*/
	.glyphicon {
		margin: 0 4px;
		font-size: 12px;
	}
	.more2 {
		display: block;
		text-align: center;
		line-height: 50px;
		height: 50px;
		width: 180px;
		border-radius: 25px;
		background: linear-gradient(#305dc3, #7499ed);
		margin: 30px auto;
		color: #fff;
		font-size: 14px;
		box-shadow: 5px 5px 15px 0 #7499ed;
	}
	.more2:hover {
		color: #fff !important;
	}
	.m3-head {
		width: 170px;
		padding: 10px 20px;
		background: #fff;
		margin-top: -10px;
		text-align: left;
		border-radius: 5px;
		margin-bottom: 50px;
	}
	.m3-head p {
		line-height: 100%;
		font-size: 24px;
		color: #305dc3;
		border-left: 5px solid #fe6701;
		color: #305dc3;
		padding-left: 20px;
	}
	.m3-head p span {
		font-size: 14px;
		color: #c1c1c1;
	}
	.m3-items {
		padding: 0 15px 0 0;
		margin-top: 20px;
	}
	.m3-items:nth-child(1) {
		animation-delay: 0.1s;
	}
	.m3-items:nth-child(2) {
		animation-delay: 0.2s;
	}
	.m3-items:nth-child(3) {
		animation-delay: 0.3s;
	}
	.m3-items:nth-child(4) {
		animation-delay: 0.4s;
	}
	/*.m3-items img{
	    width: 100%;
	    height: 150px;
	}*/
	.m3-items>div {
		border-bottom: 1px solid #e8e8e8;
	}
	/*.m3-items:last-child{padding: 0;}*/
	.m3-items p {
		text-align: center;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		background: #fff;
		height: 48px;
		line-height: 48px;
		margin: 0;
		border-bottom: 2px solid #fff;
	}
	.m3-items p>a {
		color: #8f8f8f;
	}
	.m3-items:hover p {
		background: linear-gradient(to right, #305dc3, #7499ed);
		color: #fff;
		border-bottom: 2px solid #fe6701;
	}
	.m3-items:hover p a {
		color: #fff;
	}
	.m3-items p>a:hover {
		color: #fff !important;
	}
	h4.tit {
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px solid #e4e4e4;
		padding: 20px 0;
		font-size: #464646;
	}
	.m4 .items:nth-child(1) {
		animation-delay: 0.1s;
	}
	.m4 .items:nth-child(2) {
		animation-delay: 0.2s;
	}
	.m4 .items:nth-child(3) {
		animation-delay: 0.3s;
	}
	.m4 .items:nth-child(4) {
		animation-delay: 0.4s;
	}
	.txt,
	.abs {
		color: #8f8f8f;
	}
	.m4 .abs {
		margin: 20px 0;
	}
	.m4 .abs a {
		color: #8f8f8f;
	}
	.m4 .abs a:hover {
		color: #f19424
	}
	.m4 .items {
		position: relative;
		margin-top: 20px;
	}
	.m4 .hid {
		position: absolute;
		z-index: 10;
		padding: 0px 15px;
		top: 0;
		overflow: hidden;
		background: linear-gradient(to right, #305dc3, #668ee8);
		color: #fff;
		display: none;
		height: 100%;
	}
	.m4 .hid a {
		color: #fff;
	}
	.m4 .hid .abs {
		color: #fff;
		height: 40px;
		overflow: hidden;
	}
	.m4 .items:hover .hid {
		display: block;
	}
	.m4 .items:hover .hid .tit {
		color: #fff;
	}
	.foot {
		margin-top: 50px;
	}
	.foot .hd {
		margin: 30px 0;
	}
	.foot h3 {
		font-size: 16px;
		color: #305dc3;
		font-weight: bold;
	}
	.foot h3>span {
		font-size: 14px;
	}
	.foot .line {
		display: block;
		width: 30px;
		height: 3px;
		background: #fe6701;
		margin-top: 15px;
	}
	.foot p {
		color: #8f8f8f;
		margin: 10px 0;
	}
	.foot p span {
		font-size: 24px;
		color: #fe6701;
	}
	.foot p a {
		margin: 5px 15px;
		display: inline-block;
		color: #8f8f8f;
	}
	.foot p.nav {
		margin-left: -15px;
	}
	.foot p.nav a:hover {
		color: #fe6701;
	}
	.bot {
		background: url(../images/footbg.jpg) repeat-x;
		text-align: center;
	}
	.bot p {
		font-size: 12px;
		line-height: 21px;
		margin: 22px 0;
		color: #606060;
	}
	.bot p a {
		font-size: 12px;
		line-height: 21px;
	}
	/*修改*/
	.addbox {
		padding: 28px 0;
		background: url(../images/addboxbg.jpg) no-repeat;
		background-size: cover;
	}
	.addbox .hbox {
		height: 347px;
		box-shadow: 0px 0px 20px #010;
		background: #fff;
		padding: 18px;
	}
	.ahead {
		border-bottom: 1px #f1f1f1 solid;
	}
	.ahead .atitle,.ahead .amore {
		padding: 0;
		color: #305dc3;
		line-height: 20px;
		font-weight: bold;
	}
	.ahead .atitle {
		font-size: 17px;
		padding-bottom: 15px;
	}
	.ahead .amore {
		display: inline-block;
		text-align: right;
		font-size: 8px;
	}
	.ahead .amore:hover {
		color: #f19424;
	}
	.addbox .aprojectitem {
		margin-top: 15px;
	}
	.addbox .aprojectitem .apimg {
		/*width: 89px;*/
		height: 72px;
		float: left;
		padding: 0;
	}
	.addbox .aprojectitem .apimg img {
		width: 100%;
		height: 100%;
	}
	.addbox .aprojectitem .apinfo {
		padding: 0;
		margin-left: 2%;
	}
	.addbox .aprojectitem .apinfo .ptitle a {
		display: inline-block;
		font-size: 12px;
		color: #606060;
		font-weight: bold;
		line-height: 20px;
	}
	.addbox .aprojectitem .apinfo .ptitle a:hover {
		color: #f19424;
	}
	.addbox .aprojectitem .apinfo .pdes {
		font-size: 12px;
		color: #606060;
		line-height: 14px;
		height: 42px;
		overflow: hidden;
		margin-top: 8px;
	}
	.addbox .aaboutbox {
		margin-top: 15px;
	}
	.addbox .aaboutbox .aaboutimg {
		padding: 0;
	}
	.addbox .aaboutbox .aaboutimg img {
		width: 100%;
	}
	.addbox .aaboutbox .aaboutinfo {
		color: #606060;
		font-size: 12px;
		line-height: 24px;
		padding: 0 0 0 15px;
		height: 264px;
   		overflow: hidden;
	}
	.addbox .acontact {
		background: url(../images/acimg.jpg) #fff no-repeat left bottom;
	}
	.addbox .acontactbox {
		max-height: 208px;
		margin-top: 15px;
		overflow: hidden;
	}
	.addbox .acontactbox cite {
		width: 18px;
		height: 18px;
		border-radius: 10px;
		border: 1px solid #606060;
		text-align: center;
		font-size: 13px;
		color: #606060;
		line-height: 18px;
		padding: 0;
		display: block;
		float: left;
		margin-top: 4px;
	}
	.addbox .acontactbox p.title {
		font-size: 14px;
		color: #606060;
		line-height: 26px;
		padding: 0;
	}
	.addbox .acontactbox p.date {
		font-size: 12px;
		color: #606060;
		text-align: right;
		line-height: 26px;
		padding: 0;
	}
	.anews {
		margin-top: 20px;
	}
	.addbox .anews .hbox {
		height: 418px;
	}
	.addbox .anewsbox {
		margin-top: 15px;
	}
	.addbox .anewslist {
		padding: 0 15px 0 0;
	}
	.addbox .anewslist2 {
		padding-left: 0;
		padding-right: 0;
	}
	.addbox .anewsitem img {
		width: 100%;
	}
	.addbox .anewsitem .title {
		font-size: 14px;
		color: #606060;
		line-height: 18px;
		margin-top: 10px;
	}
	.addbox .anewsitem .des {
		font-size: 12px;
		line-height: 14px;
		color: #606060;
		height: 28px;
		overflow: hidden;
		margin-top: 8px;
	}
	.addbox .anewsitem .data {
		font-size: 12px;
		line-height: 14px;
		color: #606060;
	}
	.addbox .anewsitem a:hover .title {
		color: #f19424;
	}
	.addbox .anewsitem2 {
		padding-bottom: 12px;
		border-bottom: 1px #262626 dashed;
		margin-bottom: 14px;
	}
	.addbox .anewsitem2:last-child {
		border-bottom: 0 none;
		margin-bottom: 0;
	}
	.addbox .anewsitem2 .anhead {
		padding: 0;
	}
	.addbox .anewsitem2 .anhead .title,.addbox .anewsitem2 .antime .data {
		font-size: 14px;
		color: #606060;
	}
	.addbox .anewsitem2 .anhead .des {
		font-size: 12px;
		color: #606060;
		margin-top: 8px;
		line-height: 14px;
		height: 28px;
		overflow: hidden;
	}
	.addbox .anewsitem2 .antime {
		padding-right: 0;
		text-align: right;
	}
	.addbox .anewsitem2 a:hover .anhead .title {
		color: #f19424;
	}
}
        
@media (min-width: 992px) {
    /* .m3-items img {
	    width: 100%;
	    height: 249px;
	}*/
}
        
@media (min-width: 1200px) {
	.nav {
		display: block !important;
	}
}
        
@media (max-width: 1200px) {
	.container {
		width: 100% !important;
	}
}