@import "iconfont.css";
html,body{margin:0; padding: 0; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555555; }
a{text-decoration: none; color: #333;}
a:hover{color: #555;}
li{list-style: none;}
div,ul,li,p{margin: 0; padding: 0;}
.cc-flex{display:flex;}
.cc-rows{display:flex; flex-direction:row;}
.cc-columns{display:flex; flex-direction:column;}
.cc-wrap{display:flex;  flex-direction:row; flex-wrap:wrap;}
.cc-nowrap{display:flex; flex-direction:row; flex-wrap:nowrap;}
.cc-space-between{display:flex; flex-direction:row; justify-content:space-between;}
.cc-flex-center{display:flex; flex-direction:row; justify-content:center;}
.cc-flex-end{display:flex; flex-direction:row; justify-content:flex-end;}
.cc-flex-vtop{align-items:flex-start;}
.cc-flex-vcenter{display:flex; align-items:center;}
.cc-flex-vbottom{align-items:flex-end;}
.cc-no-scale{flex-shrink:0;}
.cc-flex1{flex:1;}
.cc-flex-v1{display:flex; flex-direction:column; flex:1;}
.yy-flex{display:flex;}
.yy-wrap{display:flex;  flex-direction:row; flex-wrap:wrap;}
.yy-nowrap{display:flex; flex-direction:row; flex-wrap:nowrap;}
.yy-space-between{display:flex; flex-direction:row; justify-content:space-between;}
.yy-flex-center{display:flex; flex-direction:row; justify-content:center;}
.yy-flex-end{display:flex; flex-direction:row; justify-content:flex-end;}
.yy-flex-vcenter{display:flex; align-items:center;}

.col-10{width: 10%;}  .col-15{width: 15%;}  .col-20{width: 20%;}
.col-25{width: 25%;}  .col-30{width: 30%;}  .col-33{width: 33.33333333%;}  .col-35{width: 35%;}
.col-40{width: 40%;}  .col-45{width: 45%;}  .col-50{width: 50%;}  .col-55{width: 55%;}  .col-60{width: 60%;}
.col-65{width: 65%;}  .col-70{width: 70%;}  .col-75{width: 75%;}  .col-80{width: 80%;}
.col-85{width: 85%;}  .col-90{width: 90%;}  .col-95{width: 95%;}  .col-100{width: 100%;}

/*边距*/
.padding-h10{padding:0 10px;}  .padding-h20{padding:0 20px;}  .padding-h30{padding:0 30px;}
.padding-v10{padding:10px 0;} .padding-v20{padding:20px 0;}  .padding-v30{padding:30px 0;}
.padding-5{padding:5px;}  .padding-10{padding:10px;}  .padding-20{padding:20px;}  .padding-30{padding:30px;}
.padding-l10{padding-left:10px;} .padding-l20{padding-left:20px;} .padding-l30{padding-left:30px;}
.margin-h10{margin:0 10px;}  .margin-h20{margin:0 20px;}  .margin-h30{margin:0 30px;}
.margin-v5{margin:5px 0;}.margin-v10{margin:10px 0;}  .margin-v20{margin:20px 0;}  .margin-v30{margin:30px 0;}
.margin-0{margin:0!important;} .margin-10{margin:10px;} .margin-20{margin:20px;}  .margin-30{margin:30px;}
.margin-t10{margin-top: 10px;}  .margin-t20{margin-top: 20px;}  .margin-t30{margin-top: 30px;}
.margin-b5{margin-bottom:5px;}  .margin-b10{margin-bottom: 10px;}
.margin-b20{margin-bottom: 20px;}  .margin-b30{margin-bottom: 30px;}.margin-b50{margin-bottom:50px;}
.margin-r5{margin-right:5px;}.margin-r10{margin-right:10px;}  .margin-r20{margin-right:20px;}  .margin-r30{margin-right:30px;}

.cc-size-9{font-size: 9px;}  .cc-size-10{font-size: 10px;}  .cc-size-12{font-size: 12px;}  .cc-size-15{font-size: 15px;}  .cc-size-18{font-size: 18px;}  .cc-size-24{font-size: 24px;}  .cc-size-28{font-size: 28px;}  .cc-size-32{font-size: 32px;}  .cc-size-36{font-size: 36px;}

/*主题颜色*/
.cc-color-main{color: #0062b4;}
.cc-color-gray{color: #888888;}
.cc-bg-main{background-color:#0062b4; }

/*字体*/
.cc-txt-titleA{font-size: 15px; font-weight: 600;}
.cc-txt-desc{font-size: 13px; color: #888888;}
    /*加粗*/
.cc-txt-bold{font-weight: bold;}
.cc-size-main{font-size: 13px;}
.cc-size-lg{font-size:16px;}
.cc-size-xlg{font-size:24px;}

/*对齐*/
.cc-txt-right{text-align: right;}
.cc-txt-center{text-align: center;}
.cc-txt-justify{text-align: justify;}

/*边框*/
.border-bottom{border-bottom: 1px solid #eeeeee;}

/*文字截断*/
.cc-txt-truncate{text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden; white-space:nowrap; }
.img-auto{max-width: 100%; height: auto; display: block;}

/*公共定义*/
.container{width: 1200px; margin: auto;}
.container2{width: 1200px; margin: auto;}
/*选项卡*/
.tab-head{width:100%; height:55px; overflow: hidden;}
.tab-box{min-height: 200px;}
.tab-box .tab-box-item{display:none;}
.tab-box .tab-box-item.active{display:block;}
/*FOOTER*/
.fixedbtn{position: fixed; left: 50%; margin-left: 640px; bottom: 70px; width:70px; z-index: 999;}
.fixedbtn .item{background:#FAFAFA; border:1px solid #DCDCDC; height:70px;}
.fixedbtn .item a{display:block;}
.fixedbtn .item .icon{height: 40px; line-height: 40px; margin-top:5px;text-align: center;}
.fixedbtn .item a i{color: #0062b4; font-size: 36px;}
.fixedbtn .item a p{line-height: 24px; font-family:Microsoft YaHei; font-weight: bold;font-size: 14px;  color: #333333;}
.fixedbtn .item:hover{background: #0062b4;}
.fixedbtn .item:hover a i,.fixedbtn .item:hover a p{color:#ffffff;}
.fixedbtn .btn-mobile{position: relative;}
.fixedbtn .btn-mobile .sub{display:none; position:absolute; width:120px; background:#FAFAFA; left:-120px; top:0; border:1px solid #eee;
    padding:10px; box-sizing:border-box;}
.footer{width:100%; padding:30px 0; background:#f0f0f0;}
.friendlinks .tab-head{ height: 40px; line-height: 40px; border-bottom: 1px solid #ddd;}
.friendlinks .tab-head .item{font-size: 16px; margin-right: 15px; cursor: pointer;}
.friendlinks .tab-head .item.active{font-weight: 600; color: #0062b4;border-bottom: 2px solid #0062b4;}
.friendlinks .tab-box{padding: 10px 0; min-height: 80px;}
.friendlinks .tab-box ul li{font-size: 16px; margin-right: 15px; line-height: 36px;}
.friendlinks .tab-box ul li a:hover{color: #0062b4;}
.footer .footinfo p{margin-bottom: 10px; color: #888; font-size: 14px; }
.footer .footinfo a{color: #888; }
#qrcode{
    height: 150px;width: 150px;display: none
}