@charset"utf-8";
 @media (max-width:1920px) {
  	.top_logo {width:1920px;height: 151px;}
    .news_banner{height: 200px;}
    
 	.wid_main {	width: 1400px;	margin: 0 auto;}
 	.mainone {width: 1400px;	margin: 0 auto;}
 	.case_container {width: 1400px;	height: 810px;}
 	.customer_container {width: 1400px;}
  	.footer_new{width:1400px;}
  	
}
@media (max-width:1680px) {
	 .top_logo {width:1680px;height: 132px;}
    .news_banner{height: 175px;}
}
@media (max-width:1600px) {
	.top_logo {width:1600px;height: 125px;}
    .news_banner{height: 166px;}
}
@media (max-width:1440px) {
	.top_logo {width:1440px;height: 113px;}
    .news_banner{height: 150px;}
}
@media (max-width:1366px) {
	.top_logo {width:1366px;height: 107px;}
    .news_banner{height: 142px;}
}
@media (max-width:1300px) {
	.top_logo {height: 102px;}
    .news_banner{height: 135px;}
}
@media (max-width:1280px) {
}
@media (max-width:1250px) {
}
@media (max-width:1100px) {
    .top_line {
        display: none;
    }
    .top_logo {
        display: none;
    }
    .header {
        padding: 0 10px;
    }
    .header .logo_mobile {
        display: block;
    }
    .header .logo_mobile img {
        height: 50px;
        margin-left: -75px;
    }
    /*白色背景的头部*/
    .header.on {
        position: fixed;
        z-index: 999;
        width: 100%;
        top: 0px;
    }
    .header #navToggle {
        height: 100%;
        padding: 9px 15px;
        display: inline-block;
        float: right;
        margin-top: -50px;
    }
    .header #navToggle span {
        position: relative;
        width: 25px;
        height: 1px;
        margin-top: 19px;
    }
    .header #navToggle span:before, .header #navToggle span:after {
        content:'';
        position: relative;
        width: 100%;
        height: 1px;
        left: 0;
    }
    .header #navToggle span, .header #navToggle span:before, .header #navToggle span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #fff;
    }
    .header #navToggle span:before {
        top: 8px;
    }
    .header #navToggle span:after {
        bottom: 10px;
    }
    .header #navToggle.open span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }
    .header #navToggle.open span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }
    .header #navToggle.open span {
        background: none;
    }
    .header #navToggle.open span:before, .header #navToggle.open span:after {
        background: #4f4f4f;
    }
    .header .nav {
        display: none;
    }
    /*banner*/
    .banner {
        width:100%;
        overflow:hidden;
        position: relative;
        max-height: 104px;
        margin: 0;
    }
    .banner .hd {
        overflow:hidden;
        position:absolute;
        right:0;
        bottom:8px;
        width: 100%;
        z-index:1;
    }
    .banner .hd ul {
        overflow:hidden;
        zoom:1;
        text-align: center;
    }
    .banner .hd ul li {
        margin:0 10px;
        display: inline-block;
        width:8px;
        height:8px;
        border:#fff solid 2px;
        cursor:pointer;
        border-radius: 50%;
        transition: background .7s;
    }
    .banner .hd ul li.on {
        background:#fff;
    }
    .banner .bd {
        position:relative;
        z-index:0;
        width: 100%;
        left: 50%;
        margin-left: -50%;
        height: 104px;
    }
    .banner .bd li {
        zoom:1;
        vertical-align:middle;
    }
    .banner .bd img {
        display:block;
        width: 100%;
        height: 100%;
    }
    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .banner .prev {
        display: none;
    }
    .banner .next {
        display: none;
    }
    .banner .next {
        left:auto;
        right:80px;
    }
    .banner .prev:hover, .banner .next:hover {
        filter:alpha(opacity=90);
        opacity:.9;
    }
    .banner .prevStop {
        display:none;
    }
    .banner .nextStop {
        display:none;
    }
    /*顶部*/
    .wid_main {
        width: 95%;
        margin:0 auto;
    }
    /*悬浮栏*/
    .side_box {
        display:none;
    }
    /*学会简介*/
    .aboutbox {
        height: auto;
    }
    .aboutin_left {
        width: 100%;
        float:none;
    }
    .aboutbox .pic {
        display:none;
    }
    .aboutbox .pic_mb {
        display:block;
    }
    /*学会公告比赛公告*/
    .xhgg_box {
        width: 100%;
    }
    .xhgg_box .xhgg {
        padding-top: 20px;
    }
    .xhgg_box .xhgg h2 {
        display: inline-block;
        vertical-align: middle;
        height: 46px;
        width: 130px;
        background-color:#333;
        color: #faa528;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 46px;
        border-radius: 5px;
        text-indent: .3em;
    }
    .xhgg_box .xhgg .scrolltxt {
        height: 46px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        margin-left: 12px;
    }
    .xhgg_box .xhgg .scrolltxt ul {
        line-height: 46px;
    }
    .xhgg_box .xhgg .scrolltxt ul li a {
        color: #333;
        font-size: 18px;
    }
    .xhgg_box .xhgg .scrolltxt ul li span {
        font-size: 14px;
        color: #999;
        margin-left: 70px;
    }
    /*比赛公告和快捷入口*/
    .xhgg_box .bsggbox {
    }
    .index_title {
        overflow: hidden;
        padding:30px 0 20px 0;
    }
    .index_title h2 {
        float: left;
        font-size: 24px;
        font-weight: bold;
        color: #8eb8ea;
        line-height: 40px;
    }
    .index_title h2 i {
        display: inline-block;
        vertical-align: middle;
        background: url(../images/icon_tit.png) no-repeat center center;
        height: 40px;
        width: 15px;
        margin-top: -4px;
        margin-right: 10px;
    }
    .index_title_w h2 {
        color: #fff;
    }
    .index_title a {
        float: right;
        font-size: 14px;
        color: #8eb8ea;
        border-left: #8eb8ea solid 3px;
        height: 16px;
        line-height: 16px;
        padding-bottom: 2px;
        padding-left: 5px;
        margin-top: 12px;
    }
    .index_title .a1 {
        float: right;
        font-size: 14px;
        color: #ffffff;
        border-left: #ffffff solid 3px;
        height: 16px;
        line-height: 16px;
        padding-bottom: 2px;
        padding-left: 5px;
        margin-top: 12px;
    }
    .xhgg_box .bsggbox .bsgg {
        width: 100%;
        float: none;
    }
    .bshx_pic {
        width:100%;
        height:300px;
        overflow:hidden;
        position:relative;
        float: left;
    }
    .bshx_pic .bd img {
        width:100%;
        height:300px;
        display:block;
    }
    .bshx_pic .bd li h2 {
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, .6);
        line-height: 50px;
        width: 75%;
        padding: 0 15px;
        overflow: hidden;
    }
    .bshx_pic .bd li h2 p {
        font-size: 16px;
        color: #fff;
        float: left;
        max-width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .bshx_pic .bd li h2 span {
        float: right;
        font-size: 14px;
        color: #fff;
    }
    .xhgg_box .bsgg .bsgg_txt {
        float: right;
        width: 95%;
        margin-right: 10px
    }
    .xhgg_box .bsgg .bsgg_txt ul li {
        border-bottom: #8eb8ea solid 1px;
        overflow: hidden;
        line-height: 36px;
        margin-top: 7px;
    }
    .xhgg_box .bsgg .bsgg_txt ul li:first-child {
        margin-top: -2px;
    }
    .xhgg_box .bsgg .bsgg_txt ul li a {
        font-size: 16px;
        color: #8eb8ea;
        float: left;
        width: 230px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .xhgg_box .bsgg .bsgg_txt ul li span {
        font-size: 12px;
        color: #8eb8ea;
        float: right;
    }
    .xhgg_box .bsgg .bsgg_txt ul li a:before {
        content:"·";
        font-size: 30px;
        margin-right: 3px;
        display: inline-table;
        line-height: 20px;
        vertical-align: middle;
        margin-top: -4px;
    }
    .xhgg_box .bsgg .bsgg_txt ul li a:hover {
        color: #538ed4;
    }
    .xhgg_box .bsgg .bsgg_txt ul li:hover {
        border-bottom-color: #538ed4;
    }
    /*快捷入口*/
    .xhgg_box .bsggbox .kjrk {
        width: 100%;
        float: none;
    }
    .xhgg_box .kjrk .bsgg_txt ul li {
        border-bottom: #666 solid 1px;
        overflow: hidden;
        line-height: 36px;
        margin-top: 7px;
    }
    .xhgg_box .kjrk .bsgg_txt ul li:first-child {
        margin-top: -2px;
    }
    .xhgg_box .kjrk .bsgg_txt ul li a {
        font-size: 16px;
        color: #666;
        float: left;
        width: 310px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .xhgg_box .kjrk .bsgg_txt ul li span {
        font-size: 12px;
        color: #999;
        float: right;
    }
    .xhgg_box .kjrk .bsgg_txt ul li a:before {
        content:"·";
        font-size: 30px;
        margin-right: 3px;
        display: inline-table;
        line-height: 20px;
        vertical-align: middle;
        margin-top: -4px;
    }
    .xhgg_box .kjrk .bsgg_txt ul li a:hover {
        color: #538ed4;
    }
    .xhgg_box .kjrk .bsgg_txt ul li:hover {
        border-bottom-color: #faa528;
    }
    .tshx_pic {
        width:100%;
        height:300px;
        overflow:hidden;
        position:relative;
        float: left;
    }
    .tshx_pic .bd {
        position:relative;
        height:100%;
        z-index:0;
    }
    .tshx_pic .bd li {
        zoom:1;
        vertical-align:middle;
        position: relative;
    }
    .tshx_pic .bd img {
        width:100%;
        height:300px;
        display:block;
    }
    .tshx_pic .bd li h2 {
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, .6);
        line-height: 50px;
        width: 80%;
        padding: 0 15px;
        overflow: hidden;
    }
    .tshx_pic .bd li h2 p {
        font-size: 16px;
        color: #fff;
        max-width: 400px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }
    /* 下面是前/后按钮代码，如果不需要删除即可 */
    .tshx_pic .prev, .tshx_pic .next {
        position: absolute;
        left: 3%;
        top: 50%;
        margin-top: -25px;
        display: block;
        width: 32px;
        height: 40px;
        background: url(../images/slider-arrow.png) -110px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }
    .tshx_pic .next {
        left: auto;
        right: 3%;
        background-position: 8px 5px;
    }
    .tshx_pic .prev:hover, .tshx_pic .next:hover {
        filter: alpha(opacity=90);
        opacity: 0.9;
    }
    .tshx_pic .prevStop {
        display:none;
    }
    .tshx_pic .nextStop {
        display:none;
    }
    .vipshow_pic {
        overflow:hidden;
        position:relative;
        width: 100%;
        margin-top: -12px;
        margin-left: 35px;
    }
    .vipshow_pic .hd {
        overflow:hidden;
        height:26px;
    }
    .vipshow_pic .hd .prev, .vipshow_pic .hd .next {
        display:block;
        width:40px;
        height:26px;
        float:right;
        overflow:hidden;
        cursor:pointer;
        background-color: #8eb8ea;
        text-align: center;
        line-height: 26px;
        margin-left: 1px;
    }
    .vipshow_pic .hd .prev img, .vipshow_pic .hd .next img {
        width: 6px;
    }
    .vipshow_pic .hd .prev:hover, .vipshow_pic .hd .next:hover {
        background-color: #538ed4;
    }
    .vipshow_pic .bd {
        overflow:hidden;
        width: 1216px;
        margin-left: -7px;
    }
    .vipshow_pic .bd ul {
        overflow:hidden;
        zoom:1;
        width:304px;
        float:left;
        _display:inline;
    }
    .vipshow_pic .bd ul li {
        margin:7px 7px;
        float:left;
        _display:inline;
        overflow:hidden;
        text-align:center;
        position: relative;
        width: 290px;
        height: 350px;
    }
    .vipshow_pic .bd ul li .pic {
        width: 290px;
        height: 350px;
    }
    .vipshow_pic .bd ul li .pic img {
        display: block;
        width: 290px;
        height: 350px;
    }
    .vipshow_pic .bd ul li .txt {
        position: absolute;
        top: 294px;
        left: 0;
        width: 290px;
        height: 350px;
        background-color: rgba(142, 184, 234, .7);
        transition: all .3s;
    }
    .vipshow_pic .bd ul li .txt h3 {
        line-height: 56px;
        height: 56px;
        overflow: hidden;
        font-size: 18px;
        color: #ffffff;
        transition: all .3s;
    }
    .vipshow_pic .bd ul li .txt p {
        font-size: 14px;
        color: #ffffff;
        line-height: 24px;
        width: 210px;
        margin:0 auto;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        height: 70px;
    }
    .vipshow_pic .bd ul li .txt a {
        display: block;
        width: 200px;
        height: 38px;
        border-radius: 50px;
        border:#ffffff solid 1px;
        line-height: 38px;
        margin:30px auto;
        color: #ffffff;
        transition: all .2s;
    }
    .vipshow_pic .bd ul li:hover .txt {
        top: 0;
    }
    .vipshow_pic .bd ul li:hover .txt h3 {
        color: #ffffff;
        margin:56px 0 16px;
    }
    .vipshow_pic .bd ul li .txt a:hover {
        background-color: #538ed4;
        color: #fff;
        text-indent: .5em;
    }
    .ksts_box .ksbox .ts {
        width: 100%;
        float: right;
    }
    .newsbox .join_zp {
        width: 100%;
        text-align: center;
    }
    .footbox .right h3 {
        width: 45%;
    }
    .foot_xx {
        text-align: center;
        line-height: 50px;
        color: #aaa;
        font-size: 8px;
        margin-bottom: 50px;
    }
    .m_toolbar {
        width: 100%;
    }
    .zy_about .pic img {
        width: 100%;
    }
    .zy_banner .pic {
        height: 160px;
        overflow: hidden;
        width: 100%;
    }
    .zy_banner .pic img {
        display: block;
        width: auto;
        height: 100%;
        margin-left: 0;
        left: 0;
    }
    .zy_title ul {
        display: none;
    }
    .main-center clear {
        width: 100%;
        height:100px;
        margin: 0 auto;
    }
    .zy_vipshow ul {
        overflow: hidden;
        width: 100%;
        margin-left: -8px;
        margin-top: 30px;
    }
    .zy_vipshow ul li {
        float: left;
        border:transparent solid 1px;
        background-color: #fff;
        transition:all .2s;
        margin:10px 8px 0;
    }
    .zy_vipshow ul li>a {
        display: block;
        overflow: hidden;
    }
    .zy_vipshow ul li .pic {
        float: left;
        width: 50%;
        height: 180px;
        overflow: hidden;
    }
    .zy_vipshow ul li .pic img {
        display: block;
        width: 100%;
        height: 100%;
        transform: scale(1.0, 1.0);
        transition:transform .7s;
    }
    .zy_vipshow ul li .txt {
        float: left;
        width: 37%;
        height: 180px;
        padding: 0 10px;
    }
    .zy_vipshow ul li .txt h2 {
        font-size: 12px;
        color: #333;
        position: relative;
        border-bottom: #333 solid 0px;
        display: inline-block;
        line-height: 12px;
        margin-top: 12px;
        transition: all .3s;
    }
    .zy_vipshow ul li .txt h2 span {
        font-size: 16px;
        text-transform: uppercase;
        margin-left: 10px;
    }
    .zy_vipshow ul li .txt h2 i {
        position: absolute;
        width: 0;
        height: 2px;
        background-color: #faa528;
        left: 0;
        bottom: -2px;
        transition: width .3s;
    }
    .zy_vipshow ul li .txt h3 {
        color: #666;
        font-size: 10px;
        margin: 10px 0;
    }
    .zy_vipshow ul li .txt p {
        color: #666;
        font-size: 10px;
        margin: 10px 0;
    }
    .zy_vipshow ul li .txt p span {
        display: block;
        margin-top: 10px;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
    }
    .zy_vipshow ul li:hover {
        border-color: #faa528;
        background-color: #fafafa;
    }
    .zy_vipshow ul li:hover h2 {
        color: #faa528;
    }
    .zy_vipshow ul li:hover h2 i {
        width: 100%;
    }
    .zy_vipshow ul li:hover .pic img {
        transform: scale(1.05, 1.05);
    }
    .zy_contentbox {
        width: 100%;
        height:auto;
        margin: 0 auto;
    }
    .zy_contentbox .zy_content .brief .main-center {
        width:100%;
        margin:0 auto;
    }
    .zy_contentbox .zy_content .brief .main-center .brief-con .medicine-box ul li {
        width: 48%;
    }
    .zy_contentbox .zy_content .brief .main-center .brief-con .medicine-box .medicine-con .medicine-con-des h5 {
        font-size: 10px;
    }
}