@font-face {
    font-family: "PingFang Regular";
    src: url('../fonts/._PingFang Regular.ttf')
}
.con1 a{
    
    color:#ececec !important;
    font-family: "PingFang Regular";
    text-decoration: none;
    font-size:16px;
}

.con1 a:hover,
a:focus {
   color:#ececec;
   text-decoration: none !important; 
}

a:hover{
	text-decoration: none !important; 
}
ul,li{
    list-style-type: none;
}
.clearfix:after{
    content:"";
    display:block;
    visibility: hidden;
    height:0;
    clear:both;
}
.wrapper{
    margin: 0 auto;
}
.left{
    float:left;
    font-size:14px;
    cursor: pointer;
}
.navbar-top{
    height: 70px;
    line-height:70px;
    background-color: #444444;
    color:#ececec;
}
.daohanglanright{
    position: relative;
    float:right;
    height: 32px;
    width: 320px;
    line-height: 32px;
    margin-top: 18px;
    margin-right: 22px;
    border: 1px solid #848484;
}
.daohanglanright input{
    width: 238px;
    height: 23px;
    outline: none;
    background-color: #444444;  
}
.navbar-middle {
    background-color: #2b2b2b;
}
.icon{
    float: left;
    width: 20px;
    height: 14px;
    background: url('/healthcodon/images/index_qi.jpg') no-repeat;
    margin-top: 9px;
    margin-left: 10px;
}
.country{
    font-style: normal;
    font-size:14px;
    color:#ffffff;
    margin-left: 14px;
}
.close{
    width: 16px;
    height: 16px;
    background:url('/healthcodon/images/index_close.png') no-repeat;
    position: absolute;
    right: -22px;
    top: 8px;
}
.search{
    display:block;
    width: 24px;
    height: 24px;
    background: url('/healthcodon/images/index_serch.png') no-repeat;
    background-size: 15px;
    margin-top:15px;
}
.list{
    position: relative;
    float:left;
    margin-right:15px;
    line-height: 44px;
    height: 44px;
    width: 30px;
    cursor: pointer;
}
.ling{
    width: 18px;
    height: 18px;
    display:block;
    margin-top:14px;
    background: url('/healthcodon/images/index_lingdan.png') no-repeat;
}
.car{
    width: 18px;
    height: 18px;
    display:block;
    margin-top:14px;
    background: url('/healthcodon/images/index_cart.png') no-repeat;
}
.shi{
    width: 4px;
    height: 4px;
    background-color: red;
    border-radius: 50%;
}
.drop{
    width: 248px;
    overflow: hidden;
    margin-left: -113px;
    margin-top: 2px;
    position: absolute;
    left:-1px;
    top:38px;
    display:none;
    background: url('/healthcodon/images/index_backgr.png') no-repeat;
    z-index: 999;
}
.shidian {
    position: relative;
}
.shi{
    width: 6px;
    height: 6px;
    background-color: red;
    position: absolute;
    left:104px;
    top:14px;
}
.drop li{
    float:none;
    margin-left:20px;
    margin-left: 30px;
    width: 200px;
    margin-top: 12px;
}
.drop img{
    vertical-align: middle;
    float: left;
    margin-top:10px;
}
.drop .jiao:hover{
    background: none;
}
.border{
    border-bottom: 1px solid #e4e4e4;
}
.drop li a{
    display: block;
    height: 100%;
    line-height: 40px;
    color: #333;
    font-size: 16px;
    width: 200px;
    text-decoration: none;
}
.drop li a span{
    font-size: 16px;
    margin-left: 10px;
    display: inline-block;
    width: 160px; 
    color: #0775cd;
    font-family: 'PingFang Regular';
    text-align: left;
}

.drop li{
    height:44px;
}
.logo{
    display: block;
    margin-top: 10px;
    width: 29px;
    height: 25px;
    background: url(/healthcodon/images/index_logo.png) no-repeat;
    background-size: 100% 100%;
}
.daohnaglannum{
    width: 15px;
    height: 15px;
    line-height:15px;
    display:none;
    border-radius: 50%;
    background-color: #d44d44;
    font-style:normal;
    font-size:12px;
    text-align:center;
    color:#fff;
    position: absolute;
    left:10px;
    top:10px;
    }
    @media (min-width: 1200px){
        .container {
            width: 100%;
        }
        .box {
            width: 78.14%;
            margin-left: auto;
            margin-right: auto;
        }
        .con {
            width: 100%;
            background: #444444;
        }
        .con1 {
            width: 100%;
            background: #2b2b2b;
        }
        .menu .nav-item{
            float: left;
            margin-right:5.9%;
            line-height:44px;
            /* width:4%; */
        }
    }
    @media (max-width: 1200px) and (min-width: 900px) {
        .container {
            width: 100%;
        }
        .box {
            width: 97.5%;
            margin-left: auto;
            margin-right: auto;
        }
        .con {
            width: 100%;
            background: #444444;
        }
        .con1 {
            width: 100%;
            background: #2b2b2b;
        }
        .menu .nav-item{
            float: left;
            width: 12.5%;
            line-height: 44px;
        }
    }
    @media (max-width: 992px) and (min-width: 768px) {
        .container {
            width: 100%;
            min-width: 1200px;
        }
        .box{
            width: 75.6%;
            margin-left: auto;
            margin-right: auto;
        }
        .con {
            width: 100%;
            background: #444444;
        }
        .con1 {
            width: 100%;
            background: #2b2b2b;
        }
        .menu .nav-item{
            float: left;
            width: 13%;
            /* line-height:44px; */
        }
        .menus li{
            float:left;
            margin-right:5.9%;
            text-align:center;
            margin-top:30px;
        }
    }
    @media (max-width:768px) {
        .container {
            width: 1200px;
        }
        .container1{
            width:100%;
        }
        .footwrap .row{
            margin: 0;
            padding: 0;
        }
        .box {
            width: 97.6%;
            margin-left: auto;
            margin-right: auto;
        }
        .con {
            width: 100%;
            background: #444444;
        }
        .con1 {
            width: 100%;
            background: #2b2b2b;
        }
        .menu .nav-item{
            float: left;
            width: auto;
            line-height:44px;
        }
        .navbar{
            width:768px;
        }
    }
    .model{
        position: fixed;
        top:0;
        right:0;
        left:0;
        bottom:0;
        background-color: rgba(0,0,0,.5);
        display:none;
        z-index:20;
    }
    .model-con{
        width: 100%;
        margin: -43px auto;
        display:none;
        z-index:4;
    }
    .model-search{
        width: 100%;
        height: 44px;
        line-height:44px;
        background-color: #282828;
        position: relative;
        z-index:99;
    }
    .model-search-list li img{
        vertical-align: middle;
    }
    .model-search-list li{
        float:left;
    }
    .search-list-logo {
        margin-right:15.8%
    }
    .search-list-input{
        width:65.8%;
        margin-right:12.8%;
        position: relative;    
    }
    .search-list-input input{
		outline: none;
	    width: 65.8%;
	    height: 45px;
	    color: #fff;
	    background-color: transparent;
	    display: inline;
	    padding-left: 36px;
    }
    .search-icon{
        position: absolute;
        left:0;
        top:16px;
        width: 18px;
        height: 20px;
        background: url('/healthcodon/images/index_search.png') no-repeat;
    }
    .history{
        /* height:260px; */
        position: relative;
    }
    .dropdown{
        width: 814px;
        height: 260px;
        background-color: #fff;
        color:#333;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        font-family: "PingFang Regular";
        font-size:16px;
        z-index:44;
    }
    .dropdown .history li{
        float:none;
        color:#333;
        line-height:2;
        margin-left:30px;
        margin-top:10px;
    }
    .dropdown .history li a:hover{
        color:#1781d6;
        background-color: #ffffff;
    }
    .dropdown .history li:hover{
        background-color: #f7f7f7;
    }
    .dropdown .history li a{
        text-decoration: none;
        color:#7d7d7d;
    }
    .dropdown .history .global{
        color:#adadad;
        text-align: left;
    }
	
	.model-alert{
width:1200px;
height:44px;
line-height:44px;
background-color: #000;
margin:-44px auto;
position: relative;
z-index:99;
}

.nav-alert{
position: absolute;
float:left;
}
.alert-center{
margin-left:200px;
margin-right:200px;
}
.alert-center input{
width:700px;
font-size: 16px;
font-family: 'PingFang Regular';
height: 30px;
margin-top: -10px;
padding-left: 20px;
width: 700px;
color: #fff;
background-color: transparent;
outline: none;
}
.nav-alert img{
vertical-align: middle;
}
.alert-menu{
background-color: #fff;
}
.alert-left img{
	margin-top:12px;
}
.alert-right img{
	margin-top:12px;
}
.alert-menu a{
color:#333;
}
.newadd{
	margin-bottom: 0;
}
.newadd li,.alert-menu li{
padding-left:20px;
}
.alert-center .menu li{
padding: 6px 0 5px 32px;
height: 32px;
color: #333;
font-family: 'PingFang Regular';
position: relative;
}
.newadd .global{
color:#888;
border-bottom:1px solid #ccc;
}
a{
	text-decoration:none;
}
.newbg{
height: 260px;
width:720px;
overflow-y:scroll;
overflow-x:hidden;
position:releative;
}
.newbg-scroll{
	width:710px;
	height:250px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.alert-menu .alert-global {
color:#888;
border-bottom:1px solid #ccc;
}
.search-box{
position: relative;
}
.alert-right {
width: 25px;
}
.newbg li {
position: relative;


}
.new-left{
	left:718px;
}
.new-left0{
	left:0;
}
    @keyframes mymove
    {
        0% { left:1500px;}
        100% {left:0px;}
    }
    
.sssr{
	cursor:pointer;
}
.box .navbar-middle .menu .nav-item a{
	color:#fff;
	font-size:16px;
	font-family:'PingFang Regular';
    font-weight: 300;
}
#Tripartite{
    display: none;
}