.head_nav {
    display: inline-block;
    width: 100%;
    background: #f0f0f0;
    height: 35px;
    line-height: 35px;
    position: relative;
    /*z-index: 9;*/
}

.welcome-reg {
    display: inline-block;
    line-height: 70px;
    font-size: 20px;
    margin-left: 10px;
    color: #666;
}

h1 {
    margin-top: 10px;
    color: #666;
    margin-bottom: 10px;
}
.navbar {
    margin-bottom: 1px; 
}

.head_nav dd, .head_nav dt {
    line-height: 35px;
}

.wrap {
    margin: 0 auto;
}

.wrap a {
    color: #333;
}

.wrap dl {
    display: inline-block;
}

.no-login {
    display: none;
}

.no-login a {
    color: #317ee7;
    margin-right: 10px;
}

.head_nav dt {
    float: left;
}

.fl dl dd {
    float: left;
    margin-left: 25px;
}

.visitor {
    display: none;
}

.user_name {
    display: none;
}

.fr dl dd {
    float: left;
    position: relative;
    display: inline-block;
}

.head_nav .default {
    position: relative;
    z-index: 8;
    padding: 1px 10px 1px 10px;
    width: auto;
    height: 30px;
    line-height: 25px;
    margin-top: 5px;
    border-left: #f0f0f0 solid 1px;
    border-right: #f0f0f0 solid 1px;
}

.head_nav .default span {
    margin-right: 2px;
    float: left;
}

.head_nav .default i {
    display: block;
    width: 15px;
    height: 15px;
    background: url("../image/icon_index.png") 0 -25px;
    float: left;
    margin-top: 6px;
    margin-left: 2px;
}

.head_nav i.line {
    float: left;
    display: block;
    width: 2px;
    height: 14px;
    border-right: #ccc solid 1px;
    position: absolute;
    right: 4px;

    top: 11px;
}

.head_nav .hover {
    display: none;
    background: #fff;
    border: #ddd solid 1px;
    border-top: 0px;
    position: absolute;
    top: 35px;
    line-height: 30px;
    padding-top: 6px;
    padding-bottom: 8px;
    z-index: 6;
}

.head_nav .psr {
    right: 0;
    width: 740px;
}

.head_nav .defaultHover {
    background-color: #fff;
    border: #ddd solid 1px;
    border-bottom: 0px;
}

.hover ul.member {
    width: 95px;
}

.hover ul {
    text-indent: 13px;
}

.hover ul.navigation {
    float: left;
    border-right: #ddd solid 1px;
    text-indent: 25px;
    height: 145px;
    margin: 8px 0px;
}

.navigation li .tit {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    width: 100%;
    margin-bottom: 5px;
}

.navigation li {
    float: left;
    margin-right: 10px;
    width: 100%;
}

.logo {
    float: left;
    display: block;
    width: 80px;
    height: 80px;
    background: url("../image/logo.gif");
    margin-top: 5px;
    margin-left: 5px;
    background-repeat: no-repeat;
	background-size: contain;
}





.menu_nav {
    width: 100%;
    border-bottom: #36cbb5 solid 3px;
    margin-top: 30px;
    display: inline-block;
    position: relative;
    z-index: 3;
}

.menu_nav .drop_nav {
    display: inline-block;
    width: 100%;
    float: left;
}

.drop_nav .menu_header {
    float: left;
    width: 210px;
    height: 40px;
}

.menu_header h2 {
    line-height: 40px;
    background: #36cbb5;
    text-indent: 15px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.menu_header .drop_menu {
    border: #36cbb5 solid 2px;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 5px;
    z-index: 5;
}

.drop_menu dl {
    display: inline-block;
    float: left;
    width: 206px;
    padding: 12px 15px;
    border-bottom: dotted 1px #ddd;
}

.drop_menu dt {
    width: 100%;
    display: inline-block;
    margin-bottom: 7px;
    float: left;
}

.drop_menu dt span {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: bold;
    float: left;
}

.drop_menu dd {
    width: 115%;
    float: left;
}

.drop_menu dd a {
    color: #3c3c3c;
    margin-right: 23px;
    margin-bottom: 5px;
    display: block;
    float: left;
    cursor: pointer;
}

.drop_menu dd a:hover, .drop_nav ul.link li a:hover, .drop_menu a:hover, .drop_nav ul.link li a.cur {
    color: #36cbb5;
}

.drop_nav ul.link {
    float: left;
    display: inline-block;
    margin-left: 25px;
}

.drop_nav ul.link li {
    float: left;
    margin-right: 40px;
    height: 40px;
    line-height: 37px;
}

.drop_nav ul.link li a {
    color: #333;
    font-size: 16px;
}

.member-header-nav {
    float: left;
    width: 450px;
    margin-top: 40px;
    font-size: 14px;
    padding: 0 15px;
}

.member-header-nav > div {
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.member-header-nav .active {
    background: #36cbb5;
    background-color: rgb(54, 203, 181);
    color: white;
    cursor: pointer;
}

.member-header-nav .active a {
    color: white;
}

.member-header-nav > div:hover a {
    color: white;
}

.member-header-nav > div:hover {
    background: #36cbb5;
    background-color: rgb(54, 203, 181);
    color: white;
    cursor: pointer;
}

.topLogo {
	margin-top: -15px;
}


@media only screen and (max-width: 600px) {
    .list-ph {
       width:98%;
	   height:200px;
    }
	.col-xs-6 {
    width: 50%;
	position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	float: left;
}
}

@media only screen and (min-width: 600px) {
    .list-ph {
       width:98%;
	   height:160px;
    }
}
@media only screen and (min-width: 768px) {
    .list-ph {
       width:98%;
	   height:150px;
    }
}

@media only screen and (min-width: 992px) {
    .list-ph {
       width:98%;
	   height:180px;
    }
} 

@media only screen and (min-width: 1200px) {
    .list-ph {
       width:98%;
	   height:200px;
    }
}