@charset "utf-8";
@media screen and (max-width:767px) {
	.top_wrapper {
		display: none;
	}
	/*合作机构*/
	.co_agency_list {
		width: 92%;
		margin: 0 auto;
	}
	.co_agency_list > .list_infor {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.co_agency_list > .list_infor > li {
		width: 100%;
		height: auto;
		padding-top: 20px;
		padding-bottom: 30px;
		margin-bottom: 20px;
		margin-top: 20px;
		background: #fff;
		border: 1px solid #ebf0f4;
	}
	.co_agency_list > .list_infor > li > .title {
		font-size: 18px;
		color: #0376e8;
		padding-left: 10px;
		border-left: 6px solid #0376e8;
	}
	.co_agency_list > .list_infor > li > ul {
		width: 92%;
		margin: 0 auto;
	}
	.co_agency_list > .list_infor > li > ul > li {
		width: 49%;
		float: left;
		margin-left: 0;
		margin-top: 10px;
		margin-right: 1%;
	}
	.co_agency_list > ul > li > ul > li > a {
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	.co_agency_list ul li ul li div {
		position: relative;
		width: 100%;
		height: 25%;
	}
	.co_agency_list ul li ul li div img {
		display: inline-block;
		width: 100%;
		height: 100%;
	}
}
@media screen and (min-width:768px) {
	.container {
		display: none;
	}
	 body {
        background: #fff;
    }
    .top_content {
        width: 100%;
        height: 120px;
        background: #fff;
    }
    .top_content .top_wrapper {
        position: relative;
        width: 1000px;
        height: 120px;
        margin: 0 auto;
    }
    .top_wrapper .logo_and_lang {
        position: relative;
        width: 100%;
        height: 60px;
    }
    .top_wrapper .logo {
        float: left;
        width: 326px;
        height: 44px;
        margin-top: 16px;
    }
    .top_wrapper .logo a {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .top_wrapper .logo a .logo_pic {
        display: block;
        width: 326px;
        height: 44px;
    }
    .logo_pic img {
        display: block;
        width: 326px;
        height: 44px;
    }
    .top_wrapper > div {
        width: 100%;
        height: 60px;
    }
    .top_wrapper .nav_wrapper {
        float: left;
        width: auto;
        height: 60px;
    }
    .nav_wrapper > li {
        position: relative;
        width: auto;
        height: 60px;
        float: left;
        margin-right: 60px;
    }
    .nav_wrapper > li:hover {
        cursor: pointer;
    }
    .nav_wrapper > li > .nav_title,
    .nav_wrapper > li > .nav_title > a {
        display: block;
        font-size: 13px;
        color: rgb(102,102,102);
        height: 60px;
        line-height: 60px;
    }
    .nav_wrapper > li:nth-child(2) > .nav_title,
    .nav_wrapper > li:nth-child(4) > .nav_title,
    .nav_wrapper > li:nth-child(5) > .nav_title,
    .nav_wrapper > li:nth-child(6) > .nav_title {
        padding-right: 16px;
    }
    .ID {
        background: url(../../common/img/arrow_icon1.png) no-repeat 137px 29px;
        background-size: 9px 6px;
    }
    .PC {
        background: url(../../common/img/arrow_icon1.png) no-repeat 103px 29px;
        background-size: 9px 6px;
    }
    .OP {
        background: url(../../common/img/arrow_icon1.png) no-repeat 92px 29px;
        background-size: 9px 6px;
    }
    .IR {
        background: url(../../common/img/arrow_icon1.png) no-repeat 114px 29px;
        background-size: 9px 6px;
    }
    .nav_container {
        display: none;
        position: absolute;
        top: 60px;
        left: -33px;
        z-index: 999;
    }
    .nav_container_id {
        left: -75px;
    }
    .nav_wrapper > li:last-child > ul {
        left: -22px;
    }
    .nav_container > li {
        width: 170px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-bottom: 1px solid rgba(255,255,255,.67);
        background: rgba(0,82,163,.67);
    }
    .nav_container_id > li {
        width: 290px;
    }
    .nav_container > li:last-child {
        border-bottom: none;
    }
    .nav_container > li:hover {
        cursor: pointer;
        background: #0052a3;
    }
    .nav_container > li > a {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 12px;
        color: #fff;
    }
    .nav_wrapper > li > .nav_title.selected,
    .nav_wrapper > li > .nav_title > a.selected {
        color: #0052a3;
    }
	/*合作机构*/
	.group-title {
        width: 1000px;
        height: 72px;
        margin: 0 auto;
        color: #000;
        border-bottom: 1px solid #ebf0f4;
    }
    .group-title .title {
        line-height: 72px;
        font-size: 26px;
        color: #000;
    }
	.content_logo > a {
        display: inline-block;
        height: 43px;
        line-height: 43px;
        font-size: 18px;
        color: #fff;
        margin-top: 14.5px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 30px;
        background: #0376e8;
    }
	.co_agency_list {
		width: 1000px;
		margin: 0 auto;
	}
	.co_agency_list > ul {
		width: 1000px;
		height: auto;
		margin: 0 auto;
	}
	.co_agency_list .co_list_name {
		padding-left: 190px;
	}
	.co_agency_list .co_list_name li {
		float: left;
		width: 170px;
		height: 46px;
		margin-top: 46px;
		margin-right: 47px;
	}
	.co_agency_list .co_list_name li span {
		display: block;
		width: 170px;
		height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
		/*line-height: 46px;*/
		text-align: center;
		color: #a9a9a9;
		text-align: center;
		border: 1px solid #dedede;
		border-radius: 55px;
	}
	.co_agency_list .co_list_name li span.current_selected {
		color: #0386e8;
		border: 1px solid #0376e8;
	}
	.co_agency_list .co_list_name li:hover {
		color: #0386e8;
		cursor: pointer;
	}
	.co_agency_list > .co_agency_name > li {
		width: 1000px;
		height: auto;
		text-align: left;
	}
	.co_agency_name > .international,
	.co_agency_name > .medical {
		display: none;
	}
	.co_agency_list > ul > li > ul {
		width: 1000px;
		height: auto;
		margin-left: -10px;
	}
	.co_agency_list > ul > li > ul > li {
		float: left;
		display: inline-block;
		width: 250px;
		height: 69px;
		margin-left: 25px;
		margin-top: 46px;
	}
	.co_agency_list > ul > li > ul > li.first {
		margin-left: 101px;
	}
	.co_agency_list > ul > li > ul > li.fourth {
		margin-left: 103px;
		margin-top: 63px;
	}
	.co_agency_list ul li ul li div {
		position: relative;
		width: 250px;
		height: 70px;
	}
	.co_agency_list ul li ul li div img {
		display: inline-block;
		width: 250px;
		height: 70px;
	}
}