/* 鍚村叴閫氱敤 CSS */

html {font-family: "寰蒋闆呴粦";}
body { background-color: #f5f7fb; background-image: url("wx_1.png"); background-position: top center; background-repeat: no-repeat; }
.c-warp {width: 1200px; margin: auto;}

.g-hd {width: 100%; height: 272px;}
.m-logo {height: 100%; line-height: 272px;} 
.m-search {margin-right: 77px;}
.u-logo {margin-top: 64px;margin-right: -31px;}
.u-serch {width: 400px; height: 41px; line-height: 41px; margin: 16px 12px 0 auto; border-radius: 4px; background: rgba(255, 255, 255, .42); box-sizing: border-box; padding: 0 21px; position: relative;}
.u-serch input {border: 0; background: transparent;}
.u-serch input:nth-child(1) {width: 92%; color: #585858;}
.u-serch input:nth-child(2) {width: 20px; height: 20px; background: url("wx_4.png") no-repeat center; position: absolute; top: 10.5px; right: 18px; cursor: pointer;}
.u-weather{float:right; height:20px; margin: 16px 12px 0 auto;position: relative;}
.u-weather span{ line-height:20px; height:20px; color:#13ab91; padding-top:2px;}
.u-weather span img{ width:16px; height:18px; margin-right:7px; vertical-align:middle; border:none;}

.g-nav {width: 1200px; margin: auto; height: 60px; border-radius: 5px 5px 0 0; position: relative;}
.u-nav li {float: left; height: 60px; line-height: 60px; text-align: center; width: 20%; position: relative;}
.u-nav li:nth-child(1) {background: linear-gradient(to right,#167dc1,#138bb8);}
.u-nav li:nth-child(2) {background: linear-gradient(to right,#138bb8,#149faf);}
.u-nav li:nth-child(3) {background: linear-gradient(to right,#149faf,#12b2a5);}
.u-nav li:nth-child(4) {background: linear-gradient(to right,#12b2a5,#0ec49a);}
.u-nav li:nth-child(5) {background: linear-gradient(to right,#0ec49a,#03d18c);}
.u-nav a {color: #fff; display: inline-block; width: 100%; background: url("wx_5.png"); }
.u-nav li::before {content: ""; width: 1px; height: 32px; background: rgba(255,255,255,.4); position: absolute; right: -1px; top: 14px; z-index: 1;}
.u-nav li:nth-child(5)::before {background: transparent;}
.u-nav li[class^="z-state-active"] {height: 65px; background-color: #1164c9; background-image: url("wx_5.png"); margin: -5.5px 0 0 0;}
.u-nav li.z-state-active1 {border-radius: 5px 0 0 0; background-clip: content-box; box-sizing: border-box; border-right: 1px solid transparent;}
.u-nav li.z-state-active2 {border-radius: 5px 5px 0 0; background-clip: content-box; box-sizing: border-box; border-left: 1px solid transparent; border-right: 1px solid transparent;}
.u-nav li.z-state-active1::before {background: transparent;}
.u-nav li.z-state-active2::before {background: transparent;}
.u-flower {position: absolute; left: 16.5%; top: -55px; z-index: -1;}

.g-mn {width: 1200px; margin: 0 auto 43px; background: #fff; min-height: 300px; border-radius: 0 0 8px 8px; }

.g-ft {width: 100%; height: 155px; background: url("wx_7.png") no-repeat center;}
.m-info {margin: 35px 0 0 0; width: 550px;}
.m-info li {float: left; color: #fff; font-size: 14px; line-height: 24px; padding: 0 10px 0 0;}
.m-info li a {color: #fff;}
.m-info li img {margin: -3px 5px 0 0;}
.u-info li {position: relative;}
.u-info li + li {margin: 0 0 0 25px;}
.u-info li::before {content: "|"; position: absolute; right: -10.5px; top: 0; font-size: 13px;}
.u-info li:nth-child(6)::before {content: "";}
.m-sign {height: 155px; line-height: 155px;}
.m-sign li {float: left; margin: 0 15px;}

.g-side {position: fixed; right: 0; top: 150px;}
.g-side li {width: 76px; height: 76px; background: #1c69cd; margin: 0 0 3px 0; text-align: center; transition: all .5s; position: relative;}
.g-side li a {color: #fff; display: inline-block; width: 100%; height: 100%; font-size: 14px;}
.g-side li:hover {transform: translateX(-3px);}
.g-side li span {display: block; height: 33px; line-height: 33px; margin: 10px auto 3px;}
.u-wx {position: absolute; width: 130px; height: 155px; left: -133px; top: 0; background: #fff; border-radius: 4px; border-right: 3px solid transparent; box-sizing: border-box;}
.u-wx img {max-width: 95%; margin-top: 5px;}
.u-wx p {font-size: 14px; color: #000; font-weight: 300; margin-top: 5px;}
.u-app {position: absolute; width: 130px; height: 155px; left: -133px; top: 0; background: #fff; border-radius: 4px; border-right: 3px solid transparent; box-sizing: border-box;}
.u-app img {max-width: 95%; margin-top: 5px;}
.u-app p {font-size: 14px; color: #000; font-weight: 300; margin-top: 5px;}
.c-fl{
	float: left;
}
.m-info ul{
	padding:0;
	margin:0;
}
.m-sign ul{
	padding:0;
	margin:0;
}
img{
	border: 0;
    display: inline-block;
    height: auto;
    vertical-align: middle;
}
.c-fr{
	float: right;
}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-thumb {background: #5493db;}