.global_iconfont {
    font-family: 'china125'!important
}

.youshi li {
    width: 117px;
    float: left;
    margin-left: 12px;
    display: inline;
    text-align: center;
    background: #fff;
    height: 150px;
    padding: 10px 10px 0;
    border: 1px solid #dededf;
    font-size: 13px;
    color: #666
}

.youshi li.frist {
    margin: 0
}

.youshi li b,.youshi li i {
    display: block;
    font-size: 16px;
    font-weight: normal
}

.youshi li b {
    height: 30px;
    line-height: 30px;
    padding: 10px 0 0;
}
.youshi li i {
    width: 100%;
    height: 55px;
    font-size:45px;
    line-height:55px;
    -webkit-transition: font-size 0.25s ease-out 0s;
    -moz-transition: font-size 0.25s ease-out 0s;
    transition: font-size 0.25s ease-out 0s;
    color:#e8251e;
}

.youshi li i:hover {
    width: 100%;
    height: 55px;
    font-size:70px;
    line-height:55px;
}


.youshi li:hover i{font-size:70px;}
.youshi li:hover{ color:#e8251e;}

.tab-con{ background:#fff;}

.svrlst {
    width: 284px;
    float: left;
    margin-left: 20px;
    box-shadow: 3px 2px 5px #ddd;
    margin-bottom:20px;
    border-left:1px solid #F0F0F0;
}

.frist {
    margin: 0
}

.svrlst:hover {
    box-shadow: 3px 2px 5px #333;
}

.svrlst li {
    height: 42px;
    line-height: 42px;
    background: #fff;
    padding: 0 12px;
    font-size: 14px;
    color: #383838;
    border-bottom:1px solid #F2F2F2;
}
.svrlst li span{ color:#999;}

.svrlst li.bg {
    background: #eee
}

.svrlst li.title {
    text-align: center;
    color: #fff
}

.svrlst li.title {
    padding: 20px 0;
    background: #27303f
}

.svrlst li.title h3 {
    font-size: 24px;
    font-weight: normal
}

.svrlst li.price{
    font: 1em/50px "΢ÈíÑźÚ";
    height: 50px;
    text-align:center;
    color:#676767;


}

.svrlst li.price span{
    font-family: arial;
    font-size: 1.4em;
    color:#FB4444;
    margin-right:3px;
}

.svrlst li.price i {
    font-style: normal;
    padding-left: 5px;
    font-size: 14px
}

.svrlst li.os b {
    background: url(/img/down_ico.png) no-repeat right center;
    padding: 0 15px 0 0;
    font-weight: normal
}

.svrlst li.line {
    height: auto;
    padding: 0
}

.svrlst li.line a {
    display: block;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dashed #dededf;
    background: url(/img/radio_ico.png) no-repeat 20px 16px;
    padding: 0 20px 0 42px
}

.svrlst li.line a.on {
    background-position: 20px -68px;
    color: #fb4444
}

.svrlst li.line a:hover {
    background-position: 20px -23px
}

.svrlst li.btn {
    padding:15px
}

.svrlst li.btn a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 80%;
    color: #fff;
    margin:auto;
}

.svrlst li.btn a:hover{
    background:#F00;

}



.tit-nav {
    background: #0098E1;
    padding-bottom: 2px;
    height: 35px;
    position:relative;
}
.tit_tips{width:500px; height:25px; top:5px; right:0; position:absolute; text-align:right; font-size:14px; line-height:25px; color:#000;}

.tit-nav ul {
    background: #fbfbfb;
    width: 100%;
    height: 35px;
    float: left
}

.tit-nav li {
    padding: 0 15px;
    height: 35px;
    line-height: 33px;
    float: left;
    display: inline;
    margin-left: 15px;
    background: #0098E1;
    font-size: 16px;
    border: 2px solid #0098E1;
    border-bottom: 0
}

.tit-nav li.frist {
    margin: 0
}

.tit-nav li.on {
    background: #FBFBFB
}

.tit-nav li a {
    color: #fff
}

.tit-nav li.on a {
    color: #0098E1
}

.tit-nav h3 {
    float: left;
    padding: 0 20px;
    font-size: 24px;
    line-height: 43px;
    font-weight: normal
}

.rfix {
    position: fixed;
    top: 102px;
    height: auto
}


.idc-con {

}

.mtit{ height:40px; line-height:40px;  font-size:30px; color:#404040;}
.mtit b{ font-weight:bold; color:#e8251e}
.cdes{ line-height:30px; font-size:16px; color:#737373; padding:20px}

.merit{position:relative;}
.merit li{ float:left; width:28%; display:inline-block;margin-right:98px;height:130px;padding-top: 20px;cursor: pointer;}
.merit .img{ font-family:'iconfont';
    font-size:55px;
    float:left;
    width:20%;
    text-align:center;
    color:#B1B6BD;
    line-height:120px;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    position:relative;
    margin-right: 15px;
}

.merit .txt{ float:right; width:70%}
.merit .txt h1{ height:30px; line-height:30px; font-size:20px; font-weight:normal; color:#24272B}
.merit .txt p{ line-height:20px; color:#909090; padding:5px 0 0; font-size:14px}
.merit li:hover .img{ color:#e8251e; font-size:70px; }
.merit li:hover p{ color:#303030}


.article li{ float:left; display:inline; width:44%; overflow:hidden; margin-left:4%; height:35px; line-height:35px; border-bottom:1px dotted #e0e0e0}
.article li a{ float:left}
.article li label{ float:right; font-size:12px; color:#a0a0a0}



@font-face {font-family: 'iconfont';
    src: url('/fonts/iconfont.eot');
    src: url('/fonts/iconfont.eot?#iefixx') format('embedded-opentype'),

    url('/fonts/iconfont.ttf') format('truetype');

    }


    .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    }