/* public */
.container{ width:100%;}
.container>div{ margin:0 auto; min-width:1440px; width:80%; max-width:1660px; position: relative; height: 100%;}
.is-flex {display: -webkit-box;display: -ms-flexbox;display: flex}.is-flex>div,.is-flex>a {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;position: relative; line-height: 0;}.is-flex.default {-webkit-box-orient: horizontal;-ms-flex-direction: row;flex-direction: row}.is-flex.is-vertical {-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column}
.icon-link{ line-height: 0; }.icon-link__img{ vertical-align: middle;}.icon-link__title{ vertical-align: middle;}.icon-link__img+.icon-link__title{ margin-left: 8px;}.icon-link-group{ font-size: 0;}.icon-link-group .icon-link{ display: inline-block;}.icon-link-group .icon-link+.icon-link{ margin-left: 8px;}
/* 主色 */
#app{ font-size: 16px; color:rgb(61,61,61)}
a{ color: rgb(61,61,61);}
a:hover{ color:rgb(40,130,250) }
.tl--item .title>a{ color:rgb(61,61,61)}
.tl--item .title>a:hover{ color:rgb(40,130,250) }


/* head */
.head__logo{ position: absolute; top: 50%; transform: translateY(-50%);}
.head__search{ position: absolute; top:20px; right:0;}
.head__search input{ height: 20px; width: 150px; padding: 10px 40px 10px 10px; font-size: 16px; border: 1px solid rgba(2,80,160,.7); border-radius: 4px;}
.head__search-input{ position: relative; margin-left: 10px;}
.head__search-input a{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(../images/icon-search.svg) center center no-repeat; width: 24px; height: 24px; border-radius: 4px;}
.head__search-input a:hover{ background-color: rgba(2,80,160,.5); background-image: url(../images/icon-search--hover.svg);}
.head__search-input a:active{ background-color: rgb(2,80,160);}

/* nav */
.nav{ background-color: rgb(2,80,160); height: 60px;}
.nav a:first-child{ border-left: 1px solid rgba(255,255,255,.16);}
.nav a{ line-height: 60px; color: #fff; font-weight: bold; border-right:1px solid rgba(255,255,255,0.16); text-align: center; font-size: 18px;}
/*.nav a:hover{ background-color: rgba(0,0,0,.2);}*/
/*.nav a:active{ background-color: rgba(0,0,0,.3);}*/
/* headline */
.headline{ padding: 20px 0;}
.headline>div{ text-align: center;}
.headline a{ font-size: 28px; font-weight: bold; text-align: center; color: rgb(2,80,160); line-height: 1.5;}
/* focus-new */
.focus-new__focus a{ display: block; height: 100%;;}
.focus-new__focus-title{ position: absolute; left: 0; bottom: 0; padding: 10px 16px; color: #FFF; background-color: rgba(0,0,0,.3); width: 100%;}
.el-carousel__indicators--horizontal { left: auto; right: 16px; transform: translateX(0); -webkit-transform: translateX(0%); transform: translateX(0%);}
/* special-subject */
.special-subject{ margin-top: 20px}
.special-subject>div{ border: 1px solid rgb(221,221,221); }
.special-subject__head{ width: 135px; flex:0 0 auto!important;}
.special-subject__body{ font-size: 0; overflow: hidden; height: 106px; padding: 18px 45px 18px 5px;}
/* business */
.business{ margin-top: 20px}
.business>div{ border: 1px solid rgb(221,221,221); }
.business__nav{ padding-top: 55px; border-right:1px solid rgb(2,80,160); width: 200px; position: absolute; left: 0; top:0; bottom:0; background: url(../gc-img/business_navbg.jpg) center top no-repeat; background-size: cover;}
.business__nav-item{ padding: 6px 0 6px 30px; margin-left: 10px; position: relative; left: 1px; cursor: pointer; display: block;}
.business__nav-item img{ opacity: 0.5; margin-right: 15px;}
.business__nav-item:hover{ border:1px solid rgba(2,80,160,.3)}
.business__nav-item.active{ border: 1px solid rgb(2,80,160); border-right-color: #fff; font-weight: bold;}
.business__nav-item.active img{ opacity: 1;}
.business__nav-item+.business__nav-item{ margin-top: 8px;}
.business__body{ padding-left:200px; min-height: 215px;}
.business__body>div{ padding:30px;}
.cus-ywbk-item1 .icon-link{ border: 1px solid #DDDDDD; padding: 6px 10px; }
.cus-ywbk-item1 .icon-link:hover{ border: 1px solid rgb(2,60,160);}
.cus-ywbk-item1 .icon-link__title{ font-size: 16px;}
.cus-ywbk-item1__title{ color: rgb(2,80,160); font-weight: bold;}
.cus-ywbk-item1__note{ margin-top: 16px;}
.cus-ywbk-item1 .icon-link-group{ margin-top: 12px;}
/* news-group */
.news-group{ margin-top: 20px;}
.co-rect{ padding: 0 10px;}
.co-rect.default::before{ content: ""; position: absolute; bottom: -5px; width: 100%!important; height: 2px; background-color:rgb(2,80,160); left: 0;}
/* news-pic */
.news-pic{ margin-top: 20px;}
/* sitemap */
.sitemap{ margin-top: 20px;}
.sitemap>div{ border-top: 6px solid rgb(2,80,160); background-color: rgb(244,244,244); padding: 0 15px;}
.sitemap__item{ padding: 12px 15px;}
.sitemap__item>div{ padding:10px 0; line-height: 1.2; border-bottom: 1px solid rgb(221,221,221); font-weight: bold;}
.sitemap__item>span{ display: block;}
.sitemap__item a{ line-height: 2.3; }
.foot{ margin-top: 20px; background-color: rgb(2,80,160); color: #fff; padding: 12px 0 15px; line-height: 2; font-size: 15px;}
.foot>div{ padding-left: 30px;}
.foot__code{ position: absolute; right: 40px; top: 50%; transform: translateY(-40%);}


/* rollslide */
.co-scroll { width: 100%;overflow: hidden;}
.co-scroll ul { white-space: nowrap; font-size: 0; margin: 0; padding: 0;}
.co-scroll__item{ display: inline-block; position: relative; width: 224px; cursor: pointer;}
.co-scroll__item{ margin-right: 20px;}
.co-scroll__item::before{ z-index: 2; content: ""; position: absolute; width: 100%; height: 100%; transition:all 150ms ease;}
.co-scroll__item:hover::before{ background: rgba(0,0,0,.1); }
.co-scroll__item:hover{ color: rgb(2,80,160);}
.co-scroll__text{ width: 100%; z-index: 3;}
.co-scroll__text-title{
    white-space: nowrap; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
    padding-top: 8px; padding-bottom: 8px; font-size: 16px; text-align: center;
}
.co-scroll__text-note{ font-size: 16px; position: relative; top:200px; color: rgba(255,255,255,.8);  padding: 20px 30px; display: block; }
.co-scroll__item>img{ vertical-align: top; width: 100%; height: 150px; margin: 0; transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
/* super-slide */
.super-slide__body{ overflow: hidden; margin-right: -10px;}
.super-slide__body .tempWrap{ margin-left: -10px; margin-right: -10px;}
.super-slide__body ul{ position: relative; overflow: hidden; padding: 0px; margin: 0px;}
.super-slide__body li{ float: left; width: 25%; height: 70px;}
.super-slide__body li+li{ padding-left: 10px;}
.super-slide__control{ width: 33px; position: absolute; right: 0; top:50%; transform: translateY(-50%);}
.super-slide__control a{ background-color: rgb(179,179,179); background-position: center center; background-repeat: no-repeat; width: 100%;  display: block; width: 16px; height: 30px;}
.super-slide__control a:hover{ background-color: rgb(152, 152, 152)}
.super-slide__control a:active{ background-color: rgb(115, 115, 115)}
.super-slide__control .prev{ background-image: url(../images/icon-arrowLeft.svg);}
.super-slide__control .next{ background-image: url(../images/icon-arrowRight.svg); margin-top:10px; }




/* redifine */
.el-tabs__item{ font-size: 18px;}
.el-tabs__item:hover,.el-tabs__item.is-active{ color:rgb(2,80,160)}
.el-tabs__active-bar{ background-color: rgb(2,80,160);}
.el-tabs__header{ margin-bottom:10px}
.md.text-list li { padding-top: 7px; padding-bottom: 7px; }
.md.text-list .tl--item .title .r{ font-size: 16px;}
.sm>.el-card__body{ padding: 0;}
.sm>.el-card__header{ padding-right: 12px; padding-left: 0;}
.md.co-rect{ font-size: 18px; color:rgb(2,80,160)}
.el-card.line>.el-card__header{ border-color: rgb(221,221,221);}
.el-button--text,
.el-button--text:hover{ color:rgb(2,80,160) }
.el-card{ border-radius: 0;}
.el-button{ font-size: 16px;}
.tl--item .title>a:hover{ text-decoration: none;}