html{font-size: 12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body{background:#FAFAFA;width: 100%;font-size:16px; color:#000; line-height:24px; font-family:"微软雅黑", "黑体", "宋体";}
a{color: #000000;text-decoration: none;}
a:hover{text-decoration: none;}
img { border:none; }
a:hover{color: #b50000;}
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
.f-l{float:left}
.f-r{float:right}
.clear{zoom:1}
.clear:after{content: '';display: block;clear: both;}

.hc-top-up { background: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 1); transition: .5s; }
.hc-top-nd { background: rgba(255, 255, 255, .9); border: none; box-shadow: 0px 0px 5px #888888; transition: .5s; }

/*
.hc-banner ul {
    position:relative;
}*/

.hc-banner .banner li { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; background-position: center; background-size: cover; overflow: hidden; }
.left { float: left; width: 30px; height: 52px; line-height: 52px; color: #fff; left: 10px; background: rgba(0, 0, 0, .7) }
.right { float: right; width: 30px; height: 52px; line-height: 52px; color: #fff; right: 10px; background: rgba(0, 0, 0, .7) }
a.btn { position: relative; top: 120px; z-index: 10; cursor: pointer; text-align: center; font-size: 32px }
.left { float: left; width: 30px; height: 52px; line-height: 52px; color: #fff; left: 10px; background: rgba(0, 0, 0, .7) }
.right { float: right; width: 30px; height: 52px; line-height: 52px; color: #fff; right: 10px; background: rgba(0, 0, 0, .7) }
ol { position: relative; display: table; margin: 0 auto 0; top: 90vh; z-index: 10 }
ol li { float: left; width: 50px; height: 10px; margin: 0 10px; border-radius: 2px; background: rgba(215, 215, 215, .5); cursor: pointer; }
ol li.red { background: #FFFF00; }

/*====================================================================*/

@media only screen and (min-width:1100px) {
.p1100 { display: none; }
.navbar{padding: 10px 0px;}
.hc-top-up .hc-logobox { display: inline-block; padding: 10px;}
.hc-top-nd .hc-logobox { display: inline-block; padding: 10px;}
#mainNav .hc-logobox img { height: 21px; }
#mainNav .hc-contact,  #mainNav .hc-navbox { }
.hc-navbox{float: right!important;}


#mainNav .hc-navbox li { transition: .5s; top: 0; padding: 0 5px; }
#mainNav .hc-contact a { padding: 0 15px; line-height: 28px; display: inline-block; color: #666; border: 1px solid rgba(255, 255, 255, .8); border-radius: 30px; transition: .5s; }
#mainNav .hc-contact a:nth-child(1),  #mainNav .hc-contact a:hover { background: #fccf12 !important; border-radius: 50px; color: #000 !important; transition: .5s; }
#mainNav .hc-navbox li>.nav-off,  #mainNav .hc-navbox li:hover>.nav-off {color: #000 !important; }
#mainNav .nav li a:nth-child(n) { text-align: center; line-height: 30px; display: block; padding: 0 15px; }
}

/*=======================================================================================*/

@media only screen and (max-width:768px) {
.p768 { display: none; }
.hc-navbox { width: 100%; position: absolute; top: 0; height: 100vh; background: rgba(255, 255, 255, .9); z-index: -1; margin: 0 -30px; padding-top: 0px; height: 0; overflow: hidden; opacity: 0; transition: .5s; }
.hc-navbox01 { width: 100%; position: absolute; top: 0; height: 100vh;background: rgba(255, 255, 255, .9); z-index: -1; margin: 0px; padding-top: 80px; height: 100vh; overflow: hidden; opacity: 1; transition: .5s; }
#navBox li {width: 100%; overflow: hidden; text-align: center; margin: 10px 0; font-size: 1em; }
#navBox li:active { background: #fff; }
#navBox li .nav-on { display: none; }
#mainNav .hc-logobox img { height: 50px; padding: 10px; }
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
/*C菜单按钮*/
#mainNav .hc-oi { width: 24px; height: 24px; border-radius: 4px; background: #B50000; position: absolute; right: 10px; top: 14px; padding: 3px; box-shadow: 0 -1px 5px #705900 inset; color: #FFFFFF;}
#mainNav .hc-io { width: 24px; height: 24px; border-radius: 4px; background: #b5000; position: absolute; right: 10px; top: 14px; padding: 3px; box-shadow: 0 1px 5px #705900 inset;color: #FFFFFF; }
#mainNav .hc-oi em { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: inline-block; width: 16px; height: 2px; background-color: #FFFFFF; z-index: 10; }
#mainNav .hc-oi em::before,  #mainNav .hc-oi em:after,  #mainNav .hc-oi em::before,  #mainNav .hc-oi em:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #FFFFFF; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; }
#mainNav .hc-oi em::before { -webkit-transform: translateY(-6px) rotate(0deg); -moz-transform: translateY(-6px) rotate(0deg); -ms-transform: translateY(-6px) rotate(0deg); -o-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg); }
#mainNav .hc-oi em::after { -webkit-transform: translateY(6px) rotate(0deg); -moz-transform: translateY(6px) rotate(0deg); -ms-transform: translateY(6px) rotate(0deg); -o-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); }
#mainNav .hc-io em { background: rgba(53, 53, 53, 0); }
#mainNav .hc-io em::before { -webkit-transform: translateY(0px) rotate(45deg); -moz-transform: translateY(0px) rotate(45deg); -ms-transform: translateY(0px) rotate(45deg); -o-transform: translateY(0px) rotate(45deg); transform: translateY(0px) rotate(45deg); }
#mainNav .hc-io em::after { -webkit-transform: translateY(0px) rotate(-45deg); -moz-transform: translateY(0px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-45deg); -o-transform: translateY(0px) rotate(-45deg); transform: translateY(0px) rotate(-45deg); }
/*C菜单按钮结束*/
.hc-fly { width: 100%; height: 100vh; position: relative; }
.hc-fly .fly-one { width: 75%; position: absolute; left: 50%; top: 20%; margin-left: -37%; opacity: 1; }
.hc-fly .fly-two { width: 100%; height: 30vh; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; margin: 0; background: rgba(252, 203, 13, .5); opacity: 1; }
.hc-fly .fly-three { height: 20px; font-size: 18px; text-align: center; color: rgba(255, 255, 255, .8); position: absolute; z-index: 2; left: 0; right: 0; bottom: 25vh; letter-spacing: 2px; }
.hc-fly .fly-four { height: 20px; font-size: 18px; text-align: center; color: #fff; position: absolute; z-index: 2; left: 0; right: 0; bottom: 15vh; letter-spacing: 2px; }
}

/*======================================================================================*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
.hc-navbox { width: 100%; position: absolute; top: 0;height: 100vh; background: rgba(255, 255, 255, .9); z-index: -1; margin: 0 -30px;padding-top: 0px; height: 0; overflow: hidden; opacity: 0; transition: .5s; }
.hc-navbox01 { width: 100%; position: absolute; top: 0;height: 100vh; background: rgba(255, 255, 255, .9); z-index: -1; margin: 0 -30px;padding-top: 50px; overflow: hidden; opacity: 1; transition: .5s; }
#navBox li { width: 100%; overflow: hidden; text-align: center; margin: 10px 0; font-size: 1.1em; }
#navBox li:active { background: #fff; }
#navBox li .nav-on { display: none; }
#mainNav .hc-logobox img { height: 50px; padding: 10px; }
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*C菜单按钮*/
#mainNav .hc-oi { width: 24px; height: 24px; border-radius: 4px; background: #B50000; position: absolute; right: 40px; top: 13px; padding: 3px; box-shadow: 0 -1px 5px #705900 inset; }
#mainNav .hc-io { width: 24px; height: 24px; border-radius: 4px; background: ##B50000; position: absolute; right: 40px; top: 13px; padding: 3px; box-shadow: 0 1px 5px #705900 inset; }
#mainNav .hc-oi em { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: inline-block; width: 16px; height: 2px; background-color: #FFFFFF; z-index: 10; }
#mainNav .hc-oi em::before,  #mainNav .hc-oi em:after,  #mainNav .hc-oi em::before,  #mainNav .hc-oi em:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: #FFFFFF; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; }
#mainNav .hc-oi em::before { -webkit-transform: translateY(-6px) rotate(0deg); -moz-transform: translateY(-6px) rotate(0deg); -ms-transform: translateY(-6px) rotate(0deg); -o-transform: translateY(-6px) rotate(0deg); transform: translateY(-6px) rotate(0deg); }
#mainNav .hc-oi em::after { -webkit-transform: translateY(6px) rotate(0deg); -moz-transform: translateY(6px) rotate(0deg); -ms-transform: translateY(6px) rotate(0deg); -o-transform: translateY(6px) rotate(0deg); transform: translateY(6px) rotate(0deg); }
#mainNav .hc-io em { background: rgba(53, 53, 53, 0); }
#mainNav .hc-io em::before { -webkit-transform: translateY(0px) rotate(45deg); -moz-transform: translateY(0px) rotate(45deg); -ms-transform: translateY(0px) rotate(45deg); -o-transform: translateY(0px) rotate(45deg); transform: translateY(0px) rotate(45deg); }
#mainNav .hc-io em::after { -webkit-transform: translateY(0px) rotate(-45deg); -moz-transform: translateY(0px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-45deg); -o-transform: translateY(0px) rotate(-45deg); transform: translateY(0px) rotate(-45deg); }
/*C菜单按钮结束*/
}
  
.newspart{}
.newspart .row{padding: 15px 0px;border: 1px solid rgba(0,0,0,.05);background: #FFFFFF;margin-bottom: 15px;}
.newspart .row:hover{box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);border-color: rgba(0,0,0,.1);}
.newspicbox a{display: block;width: 100%;overflow: hidden;}
.newspicbox .img-responsive{-webkit-transition:0.7s;transition:0.7s;height: 150px; height: 12.5rem;width: 100%; }
.newspicbox .img-responsive:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}
div.newstxtbox{padding-left: 0px;padding-right: 10px;position: relative;}
.newstxtbox h3{font-size: 20px;margin-bottom: .5rem;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;line-height: 1.4;}
.newstxtbox .newsintro{text-overflow: ellipsis;line-height: 1.6rem;color: #666;font-size: 1.1rem;max-height: 3.2rem;max-height: 48px;overflow: hidden;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newsbtm{color: #999;font-size: 1.1rem;line-height: 2rem;height: 2rem;}
.newsbtm a{color: #999;font-size: 1.1rem;font-style: italic;margin: 0px 5px;}
.newsbtm a:first-child{margin-left: 0px;}
.newsbtm .newstime{margin-left: 10px;}
.newsbtm .ushead a{font-style:initial ;}
.newsbtm .ushead a img{width:24px;height:24px;width: 2rem;height: 2rem; margin-right: 4px;margin-top: -3px;}
.brenav{font-size: 1.1rem;color: #666666;margin-bottom: 10px;}
.brenav a{color: #666666;font-size: 1.1rem;}

.spacecon{display: block;display: inline-block;margin: 0 auto;text-align: center;}
.page{width:4rem; height:4rem; border-radius:8px;float: left;margin: 1rem;overflow: hidden;}
.page a{display:block; width:4rem; height:4rem; border-radius:8px; color:#000; 
background:#fff; font-size:16px; line-height:4rem; text-align:center; border:#ccc solid 1px;}
.page a:hover{background:#c00; border:#ccc solid 1px; color:#fff;}
a.current{display:block; width:4rem; height:4rem; border-radius:8px;font-size:16px; line-height:4rem; text-align:center; border:#ccc solid 1px;background:#c00; color:#fff;}
div.current{width:4rem; height:4rem; border-radius:8px;float: left;margin: 1rem;overflow: hidden;}
.newspart .pagenavbox{text-align: center;background: none;border: none;}
.newspart .pagenavbox:hover{box-shadow: 0px 0px 0px rgba(255,255,255,0);}
.pagenavbox .col-md-12{text-align: center;}

/*add topnew */
.newspart .lparttit{background: none;border: none;padding: 0px;}
.newspart .lparttit:hover{box-shadow: none;border-color: rgba(0,0,0,0);}
.newspart .lparttit h3 a:hover{color: #000000;}
.topnew{padding: 0px;border: 1px solid #DDDDDD;width: 31%!important;margin: 0px 1%;display: block;-webkit-transition:0.2s linear;transition:0.2s ease-in-out;}
.topnew img{width: 100%;height:170px;height: 14rem;}
.topnew span{display: block;padding:0.5rem 10px;line-height: 2rem; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;height:56px;height: 4.9rem;}
.topnew:hover{-webkit-transition:0.2s linear;transition:0.2s ease-in-out;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);border-color: rgba(0,0,0,.1);}

/*add lbanner*/
.lbannertxt{width: 99.9%;display: block;height: auto;position: absolute;bottom: 0px;left: 0px;
color: #FFFFFF;font-size:1.5rem;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;line-height:24px;line-height: 2rem;background: #333333;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));padding:1rem 0.5rem;}
.newspart .lbanner .row{background: #FFFFFF;border: none;}
.newspart .lbanner .row:hover{box-shadow: none;border-color: rgba(0,0,0,0);}
.lpic a{display: block;width: 100%;height: 28.5rem;position: relative;overflow: hidden;}
.lpic a img{height:360px;height: 28.5rem;width: 100%;-webkit-transition:0.7s;transition:0.7s;}
.lpic a img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}
.rpic{padding: 0px;position: relative;overflow: hidden;width: 285px;margin-right: 15px;}
.rpic a{width: 100%;height: 14rem;display: block;}
.rpic a img{height:175px;height: 14rem;width: 100%;-webkit-transition:0.7s;transition:0.7s;}
.rpic a img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}
.rpic a span{display: inline-block;width:100%;position: absolute;bottom: 0px;left: 0px;color: #FFFFFF;font-size:1.5rem;font-weight: bold;
padding:1rem 0.5rem;line-height:24px;line-height: 2rem;height: auto;background:#333333;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));}
.rbox .row{padding: 0px;margin-bottom: 0px;}


/*add login*/
.loginbox{float: right!important;margin-right: 0rem;margin-top: -4px;}


/*right css */
.mrpart{background: #FFFFFF;margin-bottom: 20px;padding: 10px;border: 1px solid rgba(0,0,0,.05);}
.mrpart .mrtit{padding: 0px;}
.mrpart .mrtit b{border-left: 3px solid #ac0909;font-weight: normal;margin-bottom: 0px;display: block;line-height: 18px;padding-left: 6px;font-size: 18px;}
.nestp1{border-bottom: 1px dotted #ececec;padding:6px 0px;padding: 0.5rem 0;margin: 0;}
.nestp1:first-child,.nestp1:last-child{border-bottom: none;}
.nestp2{margin: 1rem 0;}
.nesty1-pic{padding: 0px;}
.nesty1-pic a{display: block;width: 100%;overflow: hidden;}
.nesty1-pic a img{width: 100%;height:63px;height: 5rem;-webkit-transition:0.7s;transition:0.7s;}
.nesty1-pic a img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);}
.nesty1-txt{overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;line-height: 1.4;padding: 0px 0px 0px 10px;}
.nesty2{}
.nesty2-txt{padding: 0px;}
.nesty2-txt a{display: block;text-indent: 8px;text-overflow: ellipsis;white-space: nowrap;margin:4px 0px;
    overflow: hidden;background: url(http://webstorage.eepw.com.cn/images/2013/activity/images1/webinar-dot.png) no-repeat left 9px;}
.nestp3{border-bottom: 1px dotted #ececec;padding:6px 0px;padding: 0.5rem 0px;margin:10px 0px;margin: 1rem 0;}
.nestp3:first-child,.nestp3:last-child{border: none;}
.nesty3-pic{padding-right: 0px;}

.nesty3-txt-name{display: block;margin-top: 1.1rem;font-size: 1.5rem;color: #000;margin-bottom: 0.3rem;}
.nesty3-txt-intro{color: #666666;font-size: 1 rem;}
.nestp4{margin:10px 0px;margin: 1rem 0;}
.nesty4-pic{position: relative;top: 40px;left:50%;width: 80px;height:80px;display: block;margin-left: -40px;}
.nesty4-txt{border: 1px solid #ececec;font-size: 1.2rem;color: #666;padding: 40px 6px 20px 6px;padding: 40px 0.5rem 20px 0.5rem;}
.nesty4-txt-name{display: block;text-align: center;color: #B50000;font-size: 1.5rem;}

/*foot css*/
.footer{background: #363636;width: 100%;color: #FFFFFF;text-align: center;margin-top: 30px;padding: 10px 0px ;font-size: 1rem;}
/*media css*/
@media (max-width: 768px) {
    .newspart .row {padding: 10px 2px;margin-bottom: 6px;}  
    .newspicbox .img-responsive{height: 5.2rem;}
    .newstxtbox{height: 5.2rem;}
    .newstxtbox h3{font-size: 18px;}
    .topnew{padding: 0px;border: none;width: 98%!important;display: block;margin-bottom: 1rem;}
    .topnew span{height: auto;padding:0.5rem 0px;}  
    .topnew:hover{-webkit-transition:0.2s linear;transition:0.2s ease-in-out;box-shadow: none;border-color: rgba(0,0,0,0);}
    .lpic a{height: auto;}
    .lpic a img{height: auto;}
    .rpic{width:100% ;margin-right: 0px;}
    .rpic a{width: 100%;height: auto;}
    .rpic a img{height: auto;width: 100%;}
    .rpic a span{width: 100%;}
    .rbox .row{padding: 0px 15px;}
    .rpic{margin-top: 0.5rem;}
    .page{width:2.5rem; height:2.5rem; border-radius:8px;float: left;margin: 0.4rem;overflow: hidden;}
    .page a{display:block; width:2.5rem; height:2.5rem; border-radius:8px; color:#000;background:#fff; font-size:14px; line-height:2.5rem; text-align:center; border:#ccc solid 1px;}
    div.current{width:2.5rem; height:2.5rem;border-radius:8px;float: left;margin: 0.4rem;overflow: hidden; }
    a.current{display:block; width:2.5rem; height:2.5rem; border-radius:8px;font-size:14px; line-height:2.5rem; }   
    .loginbox{float: right!important;margin-right: 0rem;margin-top: -4px;}
    .nesty3-pic a img{width:70px;height:70px;}
}
    
@media (min-width: 768px) and (max-width: 992px) {
    .newspart .row {padding: 10px 2px;}
    .newspicbox .img-responsive{height: 9rem}
    .newstxtbox{height: 9rem;}  
    .newsbtm{bottom: 10px;left: 0px;position: absolute;}
    .nesty1-pic a img{height: 7rem;}
    .rbox .row{padding: 0;}
    .rpic{width: 235px;margin-right: 15px;}
    .rpic a span{width:235px;}
    .loginbox{float: right!important;margin-right: 3rem;margin-top: -4px;}
    .nesty3-pic a img{width:90px;height:90px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
    .newstxtbox h3{font-size: 18px;}
    .newstxtbox .newsintro{font-size: 1rem;}
    .newspicbox .img-responsive{height: 10rem}
    .newstxtbox{height: 10rem;}
    .newsbtm{bottom: 0px;left: 0px;position: absolute;}
    .main-right{width: 24%;}
    .rpic{width: 226px;margin-right: 15px;}
    .rpic a span{width:226px;}
    .loginbox{float: right!important;margin-right: 4rem;margin-top: -2px;}
    .nesty3-pic a img{width: 55.25px;height: 55.25px;}
}
@media (min-width: 1200px) {
    .newstxtbox{height: 150px;height: 12.5rem;}
    .newsbtm{bottom: 10px;left: 0px;position: absolute;}
    .main-right{width: 24%;}
    .nesty3-pic a img{width: 73.66px;height: 73.66px;}
 }
/*add write arti*/
.newspart .btn-more{text-align: center;padding: 0;}
.btn-more a{display: block;line-height: 4rem;}
.btnwriart{text-align: center;padding: 0px;}
.wriart{display: block;font-size: 1.5rem;line-height: 4rem;}
.wriart strong{font-weight: normal;font-size: 18px;font-size: 1.5rem;line-height: 48px;line-height: 4rem;padding-left:25px;padding-left: 2.5rem;background: none;color: #c00;
background: url(../../images/2017blogindex/writehover.png) no-repeat center left/2.1rem 2.1rem ;height: 100%;display: inline-block;}
.wriart:hover strong{background: none;background: url(../../images/2017blogindex/write.png) no-repeat center left/2.1rem 2.1rem ;color: #000;}