/* 12-24修改font-family: "Microsoft Yahei" !important; */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,address,big,em,img,q,small,strike,strong,pre,
sub,sup,tt,var,i,dl,dt,dd,ol,ul,li,form,fieldset,label,table,caption,tbody,thead,tfoot,tr,th,td,article,
aside,canvas,details,figure,figcaption,header,footer,hgroup,menu,nav,output,section,time,mark,audio,
video,input,select,button,textarea{margin:0;padding:0;border:0;font-family: "Microsoft Yahei" !important;font-weight:inherit;
    outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/*去除默认样式*/
ul,ol,li{list-style:none;}
/*表格边框合并，边框距零*/
table{border-collapse:collapse;border-spacing:0;}
/*继承父元素的字体系列样式*/
input,select,textarea,button{font-family:inherit;}
/*i标签去除斜体*/
i{ font-style:normal !important;}
/*清除浮动*/
.fl{float:left !important;}
.fr{float:right !important;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both; content: ""; display: block; height: 0; visibility: hidden;}
.clearfix{zoom:1;}
.clear{clear: both;}
/*a链接*/
a{text-decoration:none;color:#000; cursor: pointer}
a:hover{text-decoration:none;}
/*去除点击高亮效果*/
a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none; border: none}
img{vertical-align: middle}
input::-moz-focus-inner{border:none;padding:0;}
select, input{vertical-align:middle;}
/*去掉苹果的默认UI来渲染按钮*/
/*input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none;}*/
/*!*placeholder文本颜色*!*/
/*input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{*/
    /*color:#ccc;*/
/*}*/
/*input:-moz-placeholder,textarea:-moz-placeholder{*/
    /*color:#ccc;*/
/*}*/
/*input:-ms-input-placeholder{color:#ccc;}*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999; opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;opacity:1;
}
:-ms-input-placeholder{
    color: #999;opacity:1;
}
input::-webkit-input-placeholder{
    color: #999;opacity:1;
}
/*html5标签*/
header,footer,section,article,aside,nav,figure{display:block;}
/*长英文字母 数字 换行*/
.p{word-break:break-all;word-wrap:break-word;}
.p1{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
/*去除默认样式*/
h1,h2,h3,h4,h5,h6,strong,i,em,address, caption, cite, code, dfn, th, var{font-weight:normal;font-style:normal;}
fieldset, img{border:none;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
/*select::-ms-expand { display: none; }*/
select {
    color: #000000;
    font-family: '微软雅黑';
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    /*border: solid 1px red;*/
    /*很关键：将默认的select选择框样式清除*/
    /*appearance:none;*/
    /*-moz-appearance:none;*/
    /*-webkit-appearance:none;*/
    /*-ms-appearance:none;*/

    /*/!*在选择框的最右侧中间显示小箭头图片*!/*/
    /*background: url(../images/icon/xial.png) no-repeat scroll 75px center transparent;*/
    /*/!*为下拉小箭头留出一点位置，避免被文字覆盖*!/*/
    /*padding-right:25px;*/
}
.select{
    display:block;
    width:100%;
    height:100%;
    box-sizing:border-box;
    background:none;
    border: 0px solid #222;
    outline:none;
    -webkit-appearance:none;
    padding:0 10px;
    line-height:inherit;
    color:inherit;
    cursor:default;
    font-size:14px;
    position:relative;
    z-index:3;
}
.select option{
    color:#666;
}
.select option:hover{
    color:#666;
}
.selstyle{
    /* margin:0 auto; */
    overflow:hidden;
    height:100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius:0;
    /*background:url(../img/bg_sel.png) no-repeat right bottom ;*/
    background-size:auto;
    color:#666;
    line-height:2;
    /* 如果不想加图片，
       则可以设置一个自己的三角形样式，
       如下的自定义方式，
       见代码1 */
    position:relative;
    z-index:1;
    float:  left;
    /* padding-right: 17px; */
}

@media (max-width: 750px) {
    .select{font-size: 12px;}
}
/*.select option:checked{*/
    /*/!*background:#535353;*!/*/
    /*color:#fff;*/
/*}*/
/*去除长按a链接弹框*/
.dimg{display: block; width: 100%}
html,body{-webkit-touch-callout:none; }
.bg_e3e{background: #e3e8f0;    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);}
.text_ea5{color: #ea544d}
.text_ef8{color: #ef8f8b}
.text_666{color: #666}
.text_fff{color: #fff}
.text_4e8{color: #4e84f0}
.text_49b{color: #49bd50}
.pr{position: relative;}
.mt_10{margin-top: 10px;}
.mt50{margin-top: 0px;}
.bg_f4f{ background: #f4f4f4;}
.bg_526{background: #526c85;}
.bg_b0b{background: #b0b0b0}
.bg_4e8{background: #4e84f0}
.bg_f5f{background: #f5f8ff}
.bg_f5f6{background: #f5f6f7}
.bg_fbf{ background: #fbfcfd; }
.bg_f7f{background: #f7f8f9}
.bg_fbf{background: #fbfcfd}
.box-center{
    display: -webkit-flex;
    display: inline-flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.header{width: 100%; position:relative; height: 110px; background: #4e84f0; z-index: 999}
.header .logo{float: left; padding-left: 20px; line-height: 80px; font-size: 28px; color: #fff;}
.header .hd_fr{ float: right; padding: 30px 0;}
.header .hd_fr .hd_fr_item{ float: left; padding: 0 20px; height: 20px; line-height: 20px; border-right:1px solid #3669ce; border-left:1px  solid #76a4ff }
.header .hd_fr .hd_fr_item:first-child{border-left: none;}
.header .hd_fr .hd_fr_item:last-child{border-right: none;}
.header .hd_fr .hd_fr_item a{font-size:16px; color: #fff; }
.header .hd_fr .hd_fr_item img{margin-bottom: 3px;}
.nav{width: 96%; height: 60px; padding: 0 20px; text-align: left; position: absolute; bottom:-30px; left: 2%;   border-radius:10px; background: #fff;    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);}
.nav .nav_item{ display: inline-block; line-height: 60px; width: 120px; text-align: center; }
.nav .nav_item a img{display: none; margin-bottom: 3px;}
.nav .nav_item a{color: #9a9ca9; font-size: 16px;}
.nav .nav_item a img:first-child{display: inline-block;}
.nav .nav_item.active img:first-child{display: none;}
.nav .nav_item.active img:first-child+img{display: inline-block;}
.nav .nav_item.active a{color: #4e84f0; font-weight: bold;}
.nav .nav_item:hover img:first-child+img{display: inline-block}
.nav .nav_item:hover img:first-child{display:none;}
.nav .nav_item:hover a{color: #4e84f0}
.main{position: fixed;  top:110px; bottom: 0; left:0 ; right:0;}

/*@media (max-width: 1370px){*/
    /*.header{height: 80px;}*/
    /*.header .logo{line-height: 60px; font-size: 20px;}*/
    /*.header .logo img{width: 40px;}*/
    /*.header .hd_fr{padding: 20px 0;}*/
    /*.header .hd_fr .hd_fr_item a{font-size: 12px;}*/
    /*.nav{ height: 50px; position: absolute; bottom:-25px; ;}*/
    /*.nav .nav_item{ float: left; line-height: 50px;}*/
    /*.nav .nav_item a{font-size: 14px;}*/
    /*.main{top: 80px;}*/
/*}*/



/*yjl add 190531*/
.header {
    vertical-align: middle;
    height: 55px;
    background-color: #067ced;
    -webkit-box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.08);
    box-shadow: 0px 1px 15px 1px rgba(81,77,92,0.08);
    position: relative;
    z-index: 2;
}
.header .logo{
    line-height: 45px;
}
.header .hd_fr{
    padding:17px 0 10px 0;
}
.nav {
    position:  absolute;
    width: 100%;
    height: 45px;
    border-radius: 0;
    padding: 0 25px;
    left: 0px;
    top: 45px;
    /*background: #fafafa;*/
}
.nav #nav_left,
.nav #nav_right {
    visibility: hidden;
    opacity: 0;
    transition: all 0.1s;
}
.nav:hover #nav_left,
.nav:hover #nav_right {
    visibility: visible;
    opacity:1;
    transition:all 0.1s;
}
.nav .nav_item {
    line-height: 45px;
    width: auto;
}
.nav .nav_item a{
   display: inline-block;
   padding: 0 15px;
   /*color:#757575;*/
}
.nav .active.nav_item a,
.nav .nav_item:hover {
    -webkit-box-shadow: 0 -2px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 -2px 3px 0 rgba(0,0,0,.15);
}
.box-center{
    margin:0 5px;
}
.boxshadow {
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 1px 4px 10px 2px #CCC;
    box-shadow: 1px 4px 10px 2px #CCC;
}
.header .hd_fr .hd_fr_item:not(:first-child):hover a {
    color:#ff0000;
    text-shadow: 0px 1px 3px rgba(255,255,255,.2);
}

/* 10-23新改样式 */
.header .hd_fr .hd_fr_item a{font-size:16px; color: #fff; }

/* 2021-3-10 zxh新改样式 */
.h-Navigation{
    position: absolute;
    left: 25%;
    bottom: 10px;
    /* width: 950px; */
    height: 35px;
}
.h-Navigation ul{
    width: 100%;
    height: 100%;
}
.h-Navigation ul li{
    text-align: center;
    float: left;
    margin-right: 10px;
    width: 115px;
    height: 100%;
    line-height: 35px;
    transition: all 0.4s;
    position: relative;
}
.h-Navigation ul li::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    right: 0;
    top: 9px;
    /* border-right: 1px solid #F1F1F1; */
}
.h-Navigation ul li a{
    color: #fff;
}
.h-Navigation ul li span{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
    right: 5px;
}
.h-Navigation ul li:hover{
    background: #fff;
    transform: skewX(-10deg);
}
.h-Navigation ul li:hover a{
    color: #4CADFC !important;
}
.h-Navigation ul li:hover .icon-1{
    background: url(../images/icon-1x.png) no-repeat;
    background-size: cover;
}
.h-Navigation ul li:hover .icon-2{
    background: url(../images/icon-2x.png) no-repeat;
    background-size: cover;
}
.h-Navigation ul li:hover .icon-3{
    background: url(../images/icon-3x.png) no-repeat;
    background-size: cover;
}
.h-Navigation ul li:hover .icon-4{
    background: url(../images/icon-4x.png) no-repeat;
    background-size: cover;
}
.h-Navigation ul li:hover .icon-5{
    background: url(../images/icon-5x.png) no-repeat;
    background-size: cover;
}
.h-Navigation ul li:hover .icon-6{
    background: url(../images/icon-6x.png) no-repeat;
    background-size: cover;
}
.h-Navigation ul li:hover .icon-7{
    background: url(../images/icon-7x.png) no-repeat;
    background-size: cover;
}

.icon-1{
    background: url(../images/icon-1.png) no-repeat;
    background-size: cover;
}
.icon-2{
    background: url(../images/icon-2.png) no-repeat;
    background-size: cover;
}
.icon-3{
    background: url(../images/icon-3.png) no-repeat;
    background-size: cover;
}
.icon-4{
    background: url(../images/icon-4.png) no-repeat;
    background-size: cover;
}
.icon-5{
    background: url(../images/icon-5.png) no-repeat;
    background-size: cover;
}
.icon-6{
    background: url(../images/icon-6.png) no-repeat;
    background-size: cover;
}
.icon-7{
    background: url(../images/icon-7.png) no-repeat;
    background-size: cover;
}

.checKtheLabel{
    background: #fff;
    transform: skewX(-10deg);
    /* box-shadow:inset 0px 0px 5px 1px #4CADFC;  */
}
.checKtheLabel a{
    color: #4CADFC !important;
}
.checKtheLabel .icon-1{
    background: url(../images/icon-1x.png) no-repeat;
}
.checKtheLabel .icon-2{
    background: url(../images/icon-2x.png) no-repeat;
}
.checKtheLabel .icon-3{
    background: url(../images/icon-3x.png) no-repeat;
}
.checKtheLabel .icon-4{
    background: url(../images/icon-4x.png) no-repeat;
}
.checKtheLabel .icon-5{
    background: url(../images/icon-5x.png) no-repeat;
}
.checKtheLabel .icon-6{
    background: url(../images/icon-6x.png) no-repeat;
}
.checKtheLabel .icon-7{
    background: url(../images/icon-7x.png) no-repeat;
}

@media (max-width: 1400px){ 
    .h-Navigation {
        height: 30px;
        bottom: 12px;
    }
    .h-Navigation ul li a{
        font-size: 14px;
    }
    .h-Navigation ul li {
        width: 85px;
        line-height: 30px;
    }
    .header .hd_fr .hd_fr_item {
        padding: 0 10px;
    }
    .header .hd_fr .hd_fr_item a {
        font-size: 14px;
        color: #fff;
    }
    .ytxdName{
        font-size: 24px !important;
    }
}