@charset "UTF-8";
/* DesignByLiuBo */
/*-----------------------------------// 全局样式 //-----------------------------------*/
body,textarea,input,option{font-size:12px;font-family:-apple-system,Helvetica,sans-serif,Arial,'Microsoft YaHei',SimSun;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,textarea,input,select,form{margin:0}
html{ width:100%; min-width:1200px; height:100%;}
body{ color:#333; line-height:24px; background:#fff; overflow-x:hidden;}
th,td,ul,ol,textarea,input{padding:0;}
a{text-decoration:none; color:#333; cursor:pointer;}
a:hover{text-decoration:none; color:#EC1B30;}
table{ border-collapse:collapse; border-spacing:0; border:0;}
li{list-style:none}
img{border:none}
img,label,input{vertical-align:middle}
textarea,a,input{outline:none}
textarea{overflow:auto;resize:none}
select{ font-family:Microsoft Yahei;}
em{ font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.alignR{ text-align:right;}
.center{ text-align:center;}
.red{ color:#EC1B30;}
.mt30{ margin-top:30px;}
.none{ display: none;}

::-webkit-input-placeholder{ color:#999;}
:-moz-placeholder{ color:#999;}
::-moz-placeholder{ color:#999;}
:-ms-input-placeholder{ color:#999;}
.placeholder{ color:#999;}

.clear{zoom:1}
.clear:after,.wrap:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.bgWhite{ background:#fff;}
.fixed{ position: fixed;}

.wrap{ width:1200px; margin:0 auto;}

/*.wrap{ width:1200px; margin-left:300px;}*/

.wrap-bottom{ width:1500px; margin:0 auto;}
.topNav a:hover,.news .btnMore:hover,.footer a:hover{ color:#EC1B30;}
button:hover, a.btn:hover,.newsBox dl dt .more:hover,a.btn2:hover{ 
filter:alpha(opacity=80);
opacity:0.8;}
/* ------------------------------------头部------------------------------------ */
.header{ 
min-width:1200px; height:110px; 
background:#ffffff;
filter:alpha(opacity=89);
background:rgba(255,255,255,0.89);
position:absolute; top:0; left:0; right:0; z-index:2;}
.aboutusheader{ 
min-width:1200px; height:110px; 
background:#ffffff;
filter:alpha(opacity=89);
background:rgba(255,255,255,0.89);
}
.topNav{ margin-bottom:20px; padding-top:5px;}
.topNav, .topNav a{ color:#555;}
.topNav li{ margin-left:25px; float: left;}
.topNav li img{ margin-top:-3px; margin-right:5px;}
.logo{ margin-right:40px;}
.logo img{ width:270px; height:45px;}
.nav li{ float: left; line-height:22px; padding:10px 8px 7px; font-size: 16px;height:45px}
.nav li.act .firstchann{ border-bottom:2px solid #EC1B30;}
.nav li a{ padding:0 8px;}
.nav li.act .firstchann{ color:#EC1B30;}
.searchBox{ float: right; position:relative; padding-top:8px;top:-411px;z-index:8;}

.searchBox .search{ box-sizing: border-box; width:350px; padding:9px 10px; border:1px solid #EC1B30; font-size:14px;}
.searchBox dt{ width:28px; height:28px; background:url(../images/btnSearch.png) no-repeat 50%; cursor: pointer;}
.searchBox dd{ position: absolute; right:0; top:61px; z-index:4; width:1200px; height:100px; padding:10px 0; box-sizing: border-box; 
background:#ffffff;
filter:alpha(opacity=90);
background:rgba(255,255,255,0.9);
color:#666; font-size:14px; padding-left:380px; box-sizing: border-box; display: none;}
.searchBox dd a{ margin-right:10px;}
.searchBox dd p{ margin-top:10px;}
.searchBox dd .close{ position: absolute; right:0; top:5px; width:20px; height:20px; background:url(../images/btnClose.png) no-repeat 50%; cursor: pointer;}
.searchBtn{ width:80px; height:36px; color:#fff; background:#EC1B30; border: none; vertical-align: top; margin-left:10px; cursor: pointer; font-size:18px; line-height: 36px;}
.loginBox{ position: absolute; left:50%; top:110px; margin-left:-600px; z-index:3;
/*.loginBox{ position: absolute; right:3%; top:43px; margin-left:-600px; z-index:3;*/
background:#ffffff;
/*filter:alpha(opacity=89);*/
background:rgba(255,255,255,0.89);}
.loginArea{ min-width:276px; padding:12px 15px 0 15px;}
.switch{ position:relative; min-width:186px; height:36px; float: left;}
.switch dt{ min-width:186px; cursor: pointer;}
.switch dt p{ float: left; width:126px; height:34px; line-height: 34px; padding:0 9px; border:1px solid #EA1A30; color:#333; cursor: default;}
.switch dt i{ float: right; width:40px; height:36px; background:url(../images/arrowD-white.png) no-repeat 50% #EA1A30;}
.switch dt.act i{ background-image:url(../images/arrowUp-white.png);}
.switch dd{ position: absolute;left:0; right:0; top:35px; padding:0 9px; display: none; background:#fff; border: 1px solid #EC1B30;}
.switch dd a{ display: block; line-height: 22px; margin:6px 0;}
.switch dd a.act{ color:#EC1B30;}
.btnLogin{ float: right; width:80px; height:36px; background:#EA1A30; border:none; color:#fff; font-size:16px; cursor: pointer;}
.btnLogin img{ margin-right:5px; margin-top:-3px;}
.showMore{ display:block; width:30px; height:22px; margin:0 auto; background:url(../images/arrowD-red.png) no-repeat 50%;}
.showMore.act{ background:url(../images/arrowUp-gray.png) no-repeat 50%;}
.moreLink{ margin-top:12px; line-height:18px; display: none;}
.moreLink li{ float: left; width:25%; text-align: center; background:url(../images/line.png) no-repeat 100% 50%;}
.moreLink li:last-child{ background:none;}
.moreLink li a{ padding:0 10px;}
/* 二级导航 */
.nav li.on .secNav{ visibility: visible; max-height:1000px;}
.secNav{ position: absolute; top:110px; left:50%; width:1260px; margin-left:-600px; 
background:#ffffff;z-index:9;
filter:alpha(opacity=97);
background:rgba(255,255,255,0.97);
box-shadow:0px 15px 15px 0px rgba(0,0,0,0.1); visibility: hidden; max-height:0; overflow: hidden; transition:max-height, .3s;}
.secNavShow{ visibility: visible; max-height:1000px;}
.secNav{ padding:15px 20px;}
.secNav dl{ float: left; line-height:40px; margin-right:80px;}
.secNav dl dt{ position: relative; font-size:16px; margin-bottom:10px;}
.secNav dl dt:after{ content:''; position: absolute; left:0; bottom:0; width:30px; border-bottom:2px solid #222;}
.secNav dl dt a{ padding:0;}
.secNav dl dd a{ font-size:14px; line-height:20px;}
.secNav dl dd a:before{ content: ''; display:inline-block; border-width:3px 0 3px 3px; border-style: solid; border-color: transparent transparent transparent #666; margin-right:5px; vertical-align: top; margin-top:17px;}
.secNav dl dd a:hover:before{ border-left-color:#EC1B30;}
.secNav dl dd a{ padding:0;}
/* ------------------------------------页脚------------------------------------ */
.footer{ position: relative; background:url(../images/footer.jpg) no-repeat 50% 0; height:234px; padding-top:56px; color:#fff; z-index:2; margin-top:30px;}
.footer a{ color:#fff;}
.footer .copyright{ position: absolute; bottom:0; left: 0; right:0; height:30px; line-height: 30px; background:#EC1B30; text-align: center;}
.footer .left{ float: left; padding-left:34px;}
.footer .left dl{ float: left; margin-right:115px;}
.footer .left dl:last-child{ margin-right:0;}
.footer .left dt{ font-size:16px;}
.footer .left dd{ margin-top:14px; line-height: 22px;}
.footer .left dd:nth-of-type(2){ margin-top:0;}
.footer .left dd a{ display: block;}
.footer .left dd span{ font-size:22px; margin-left:17px; vertical-align: top;}
.footer .right{ float: right;}
.footer .link{ float: left; padding-right:120px;}
.footer .link dt{ font-size: 16px;}
.footer .link dd{ margin-top:15px;}
.footer .link dd select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; width:215px; height:22px; box-sizing: border-box; border: 1px solid #EC1B30; border-radius:2px; background:url(../images/select.png) no-repeat 100% 50% #fff; padding-right:22px; display: block; text-align-last: center; -moz-text-align-last: center;}
.footer .right .qr{ float: left; width:113px; text-align: center; padding-right:80px;}
.footer .right .qr dt img{ display: block; width:113px; height:113px;}
.footer .right .qr dd{ padding-top:18px;}
.sel{ position:relative; width:215px; line-height:22px; margin-bottom:20px; color:#333;}
.sel p{ background:url(../images/select.png) no-repeat 100% 50% #fff; padding-right:22px; border: 1px solid #EC1B30; border-radius:2px; color:#333; text-indent:10px; cursor: pointer;}
.sel p.gray{ color:#666; text-align: center; text-indent:0;}
.sel ul{ position: absolute; bottom:22px; left:0; right:0; border: 1px solid #2a6cb4; background:#fff; text-indent:10px; padding:6px 0; display: none;}
.sel ul.act{ display: block;}
.sel ul li{ cursor: pointer; margin-bottom:3px;}
.sel ul li.act, .sel ul li:hover{ color:#EC1B30;}
/* 左侧浮窗 */
.float-left{ position: fixed; left:0; bottom:40%; z-index:3;}
.float-left dt{ background:url(../images/float-close.png) no-repeat 100% 0; height:16px; cursor: pointer;}
.float-left2{ right:auto; left:0;}
.float-left2 dt{ background-position:0;}
/* 左侧浮窗2 */
.float-left-2{ position: fixed; left:0; bottom:20%; z-index:3;}
.float-left-2 dt{ background:url(../images/float-close.png) no-repeat 100% 0; height:16px; cursor: pointer;}
/* 右侧浮窗 */
.float-right{ position: fixed; right:20px; bottom:5%; margin-top:-63px; z-index: 3;}
.float-right a{ position: relative; display: block; width:40px; height:40px; margin-bottom:2px; cursor: pointer; color:#fff;}
.float-right a span{ position: absolute; left:-100px; top:0; width:96px; height:40px; line-height: 40px; background:url(../images/hint.png) no-repeat; text-indent:13px; font-size: 16px; display: none;}
.float-right a:hover span{ display: block;}
.compute{ background:url(../images/icon-compute.png) no-repeat;}
.compute:hover{ background:url(../images/icon-compute2.png) no-repeat;}
.serv{ background:url(../images/icon-service.png) no-repeat;}
.serv:hover{ background:url(../images/icon-service2.png) no-repeat;}
.interest{ background:url(../images/icon-interest.png) no-repeat;}
.interest:hover{ background:url(../images/icon-interest2.png) no-repeat;}
.backtop{ background:url(../images/icon-backtop.png) no-repeat;}
.backtop:hover{ background-image:url(../images/icon-backtop2.png);}
.float-right2{ left:auto; right:0;bottom:20%;}
.float-right2 dt{ background-position:0;}
.float-bottom{ position:fixed; left:0; right:0; bottom:0; height:180px; color:#fff; 
background:#3e0006;
filter:alpha(opacity=70);
background:rgba(62,0,6,0.7); z-index: 10;}
.float-bottom .left-img{ position:absolute; left:50%; top:-22px; margin-left:-380px; width:200px; height:200px;}
.float-bottom .right-img{ position:absolute; left:50%; top:8px; margin-left:180px; width:160px; height:156px;}
.float-bottom dl{ margin:0 auto; width:212px;}
.float-bottom dl dt{ font-size:30px; line-height:42px; padding-top:17px; margin-bottom:10px;}
.float-bottom dl dd span{ font-size: 16px; line-height: 22px;}
.float-bottom dl dd p{ margin-top:15px;}
.float-bottom .close{ position: absolute; left:50%; top:84px; margin-left:400px; font-size:16px;}
/* ------------------------------------首页------------------------------------ */
#swip{ height:888px;top:50px}
#swip .swiper-slide{ height:888px;}
#swip .prev, #swip .next{ position: absolute; top:805px; left:60%; width:36px; height:36px; cursor: pointer; z-index:2;}
#swip .prev{ background:url(../images/index/banner-arrowL.png) no-repeat; margin-left:522px;}
#swip .next{ background:url(../images/index/banner-arrowR.png) no-repeat; margin-left:564px;}
#swip .prev:hover{ background-image: url(../images/index/banner-arrowL2.png);}
#swip .next:hover{ background-image:url(../images/index/banner-arrowR2.png);}
/* 快捷窗口 */
.speedy{ position:relative; margin-top:-320px; margin-bottom:80px; z-index:3;}
/* 快讯 */
.news{ position: relative; float: left; width:390px; height:180px; background:#fff; box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1)}
.news dl{ padding:24px 24px 12px 22px;}
.news dl dt{ float: right; width:100px;}
.news dl dt img{ width:100px; height:66px;}
.news dl dd{ float: left; width:230px; font-size:18px; color:#222; line-height: 34px; height:68px; overflow: hidden;}
.news dl dd img{ float: left; margin-right:10px;}
.news ul{ padding:0 24px 28px 22px;}
.news ul li{ font-size:14px; color:#888; word-break: keep-all; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.news ul li a{ color:#888;}
.news ul li a:hover{ color:#EC1B30;}
.news .btnMore{ position: absolute; top:180px; left:30px; right:30px; height:32px; line-height:32px; text-align: center; font-size:14px; color:#888; cursor: pointer; background:#fff; z-index:-1;}
#tools{ position:relative; width:790px; height:140px; padding-top:40px; float: right; background:#fff; z-index:2; box-shadow:0px 10px 20px 0px rgba(0,0,0,0.1)}
#tools .prev, #tools .next{ position: absolute; top:50%; width:23px; height:46px; margin-top:-23px; z-index: 5;}
#tools .prev{ left:0; background:url(../images/tool-arrowL.png) no-repeat;}
#tools .next{ right:0; background:url(../images/tool-arrowR.png) no-repeat;}
#tools .prev:hover{ background-image:url(../images/tool-arrowL1.png);}
#tools .next:hover{ background-image:url(../images/tool-arrowR1.png);}
#tools .swiper-container{ position: absolute; left:30px; right:30px; z-index:2; height:235px;}
#tools .swiper-wrapper{ height:140px;}
#tools .swiper-slide dl{ width:200px; margin:0 22px;}
#tools .title dt, #tools .title dd{ float: left;}
#tools .title dt{ padding-right:13px;}
#tools .title dt img{ display: block; padding-top:7px;}
#tools .title dd{ max-width:150px;}
#tools .title dd h3{ font-size:23px; font-weight: normal; color:#222; line-height: 30px;}
#tools .title dd p{ font-size:14px; color:#666;}
#tools .slide{ margin-top:20px;}
#tools .slide dt, #tools .btnGray{ background:#F1F1F1; border-radius:2px 2px 0px 0px; text-align: center; line-height:26px; font-size:14px; cursor: pointer;}
#tools .slide dt:hover{ color:#EC1B30;}
#tools .btnGray{ display: block; width:200px; margin:20px auto 0;}
#tools .arrow{ width:10px; height:26px; display: inline-block; vertical-align:top; background:url(../images/arrowD-gray.png) no-repeat 50%; margin-left:5px;}
#tools dl.slide{ position: relative; margin-top:20px;}
#tools .slide dt a{ display: block;}
#tools .slide:hover dt .arrow{ background-image:url(../images/arrowUp-gray2.png);}
#tools .slide:hover dd{ display: block; max-height:1000px; padding:6px 10px 20px;}
#tools .slide dd{ position:absolute; left:0; top:26px; right:0; border:1px solid #F1F1F1; background:#fff; max-height:0; padding:0 10px; overflow: hidden; transition:max-height .3s, padding .3s;}
#tools .slide dd label{ cursor: pointer;}
#tools .slide dd h6{ font-size:12px; font-weight: normal;}
#tools .slide dd p{ font-size:14px;}
#tools .slide dd button{ width:110px; height:28px; color:#fff; background:#EC1B30; font-size:14px; border-radius:2px; border:none; cursor: pointer;}
.radios{ appearance:none; -moz-appearance:none; -webkit-appearance:none; width:12px; height:12px; margin-right:9px; background:url(../images/radio-off.png) no-repeat 50%;}
.radios:checked{ background-image:url(../images/radio-on.png);}
/* 大标题 */
.tit{ position: relative; margin-top:60px; margin-bottom:50px; line-height:46px; font-size:46px; z-index: 2;}
.tit:after, .newsBox dl dd li:after{ content: ''; display: block; clear: both; visibility: hidden;}
.tit em{ position: absolute; top:26px; left:0; font-size:50px; color:#F3F3F3; z-index:-1; text-transform: uppercase;}
.tit .more{ float: right; font-size:16px; font-weight: normal; padding-right:24px; background:url(../images/more.png) no-repeat 100% 50%;}
/* 新闻中心 */
.newsBox{ background:#F7F6F6; padding:36px 40px 3px;}
.newsBox dl{ width:520px;}
.newsBox dl dt{ height: 32px; line-height: 32px; font-size:22px; margin-bottom:37px; color:#EC1B30;}
.newsBox dl dt span{ color:#222; cursor: pointer;}
.newsBox dl dt span.bdr{ padding-right:20px; border-right:2px solid #EC1B30; margin-right:20px;}
.newsBox dl dt span.act{ color:#EC1B30;}
.newsBox dl dt .more{ float: right; width: 80px; height: 24px; line-height: 24px; background:#EC1B30; color:#fff; text-align: center; font-size:14px; border-radius: 2px;}
.newsBox dl dd li{ line-height: 16px; margin-bottom:40px; font-size: 16px;}
.newsBox dl dd li a em{ float: left; width:400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsBox dl dd li a span{ float: right;}
/* 业务推荐 */
.work{ margin-bottom:30px;}
.work:after{ content: ''; display: block; clear: both; visibility: hidden;}
.work ul{ float: left; padding-top:50px; width:185px;}
.work ul li{ margin-bottom:50px; font-size: 18px; cursor: pointer;}
.work ul li span{ margin-left:20px;}
.work ul li i{ float: right; width:50px; padding-top:10px; border-bottom:2px solid #EC1B30; display: none;}
.work ul li.act{ color:#EC1B30;}
.work ul li.act i{ display: block;}
.work .tabCon{ float: right; width:1013px; height:400px; border:1px solid #eee;}
.picshow{ position: relative; float: left; width:349px; height:400px;}
.picshow img{ position: absolute; left:0; right:0; top:0; bottom:0; z-index:-1;}
.picshow dt{ text-align: center; padding-top:40px;}
.picshow dt h5{ line-height: 40px; font-size: 30px; font-weight: normal; color:#F0263A;}
.picshow dt p{ margin-top:4px; font-size: 16px; color:#EB727E}
.picshow dd button{ position: absolute; left:50%; bottom:38px; margin-left:-65px; width:130px; height:34px; background:#F00018; color:#fff; font-size:16px; border:none; border-radius:2px; cursor: pointer;}
.cardBox{ float: right; width:664px;}
.cardBox dl{ float: left; width:287px; height:170px; padding:30px 15px 0 30px;}
.cardBox dl dt{ font-size:18px; color:#222; margin-bottom:10px; font-weight: bold;}
.cardBox dl dd{ font-size:14px; color:#666;}
.cardBox dl dd p{ position: relative;}
.cardBox dl dd p:after{ content: ''; display: block; clear: both; visibility: hidden;}
.cardBox dl dd p img{ position:absolute; right:0; bottom:0; max-width:115px; max-height:115px;}
.cardBox dl dd p a{ float: left; width:108px; height:26px; line-height: 26px; border: 1px solid #EC1B30; color:#EC1B30; text-align: center; font-size:14px; margin-top:30px; cursor: pointer; transition:background .3s, color .3s;}
.cardBox dl dd p a:hover{ background:#EC1B30; color:#fff;}
.cardgray{ background: linear-gradient(135deg, #FFF 0%,#EFEFEF 100%);}
.invest-box{ float: left; width:349px; border-right:1px solid #eee; padding-top:40px; height:360px; text-align: center;}
.invest-box dt h5{ font-size:30px; line-height: 42px; font-weight: normal;}
.invest-box dt a{ font-size:14px; color:#888; margin-top:10px;}
.invest-box dd{ padding-top:35px;}
.invest-box dd em{ font-size:30px; line-height: 85px; display: inline-block; vertical-align: bottom;}
.invest-box dd span{ font-size:70px; line-height: 85px; display: inline-block; vertical-align: bottom;}
.invest-box dd p{ font-size: 14px; color:#888;}
.invest-box dd a{ display: block; margin:70px auto 0; width:260px; height:38px; line-height:38px; font-size:16px; color:#fff; background:#EC1B30; cursor: pointer;}
.invest-show{ width:663px; float: right;}
.title-invest{ padding:20px 20px 20px 30px; background:#FAFAFA; height:26px; line-height:26px; font-weight: normal;}
.title-invest em{ float: left; padding:0 24px 0 15px; background:url(../images/index/bg-invest.png) no-repeat; color:#fff; font-size:16px; margin-right:13px;}
.title-invest span{ float: left; width:390px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:16px;}
.title-invest .fr{ font-size:14px;}
.invest-item{ padding:30px 38px 25px 38px;}
.invest-item h4{ font-size:18px; font-weight: normal;}
.invest-item h4 em{ display: inline-block; vertical-align: top; font-size:14px;}
.notensure{ background:url(../images/index/bg-invest2.png) no-repeat; padding:0 11px 0 18px; color:#fff;}
.invest-item ul{ padding-top:9px; float: none; width:100%;}
.invest-item ul li{ float: left; min-width:20%; cursor: default; margin:0;}
.invest-item ul li.first{ margin-right:10%;}
.invest-item ul li p{ line-height:40px; font-size: 18px; vertical-align: top; padding-top:14px;}
.invest-item ul li p.red span{ font-size:40px; vertical-align: top; margin-left:0;}
.invest-item ul li em{ display: block; line-height:22px; color:#888; font-size:12px;}
.invest-item ul li .btn1, .invest-item ul li .btn2{ display: block; text-align: center; font-size:14px;}
.invest-item ul li .btn1{ width:108px; height:26px; line-height:26px; border: 1px solid #EC1B30; color:#EC1B30;}
.invest-item ul li .btn2{ width:110px; height:28px; line-height:28px; background:#EC1B30; color:#fff; margin-top:44px;}
.links{ position:relative; width:663px; float: right;}
.links .line{ position: absolute; left:0; right:0; top:50%; border-bottom:1px solid #eee;}
.links a{ float: left; width:330px; line-height:200px; height:200px; border-left:1px solid #eee; font-size:22px;}
.links a img{ margin-right:38px; margin-left:58px;}
.links a i{ display: inline-block; width:6px; height:100%; vertical-align:top; background:url(../images/arrowR1.png) no-repeat 50%; margin-left:10px;}
.links a:hover i{ background-image:url(../images/arrowR2.png);}
/* 创新产品 */
.innovate{ position: relative; background:#F7F6F6; padding:23px 20px 16px 40px;}
.innovate h3{ float: left; padding-top:30px; line-height: 30px; font-size:22px; font-weight: normal;}
.innovate .line{ float: left; width:95px; height:100px; background:url(../images/index/line.png) no-repeat 50%;}
.innovate img{ float: left;}
.innovate dl{ float: left; padding-left:50px;}
.innovate dl dt{ font-size:18px; padding-top:13px;}
.innovate dl dd{ padding-top:15px; padding-left:12px;}
.innovate dl dd a.btn{ display: block; width:110px; height:28px; text-align: center; line-height: 28px; font-size: 14px; color:#fff; background:#EC1B30; border-radius:2px; cursor: pointer;}
.innovate .box{ width:345px;}
.innovate .box p{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; margin-bottom:10px;}
.innovate .box p a{ color:#666;}
.innovate .box p a:hover{ color:#EC1B30;}
.innovate .box.big p{ font-size: 16px;}
.pl150{ padding-left:150px;}
.innovate .more{ position: absolute; right:21px; top:50%; margin-top:-12px; font-size:14px;}
/* 贷款专区 */
.loan{ position:relative; box-shadow:0px 0px 16px 0px rgba(0,0,0,0.1); margin-bottom:30px;}
.loan h3{ line-height:40px; font-size:40px; color:#EC1B30; margin-bottom:15px;}
.loan p{ line-height: 32px; font-size:18px;}
.loan span{ color:#EC1B30; margin-top:30px; font-size:18px; display: block;}
.loan em{ font-size:70px; line-height:70px; margin-top:20px; margin-bottom:30px; display: block; color:#EC1B30;}
.loan .tabTit2{ position: absolute; right:30px; top:62px;}
.loan .tabTit2 li{ display: block; width:300px; height:140px; line-height:140px; text-align: center; font-size: 22px; color:#fff; margin-bottom:50px; color:#fff;}
.loan .tabTit2 li:hover{ 
filter:alpha(opacity=80);
opacity:0.8}
.loan .tabTit2 li a{ color:#fff; font-size:22px;}
.loan .tabTit2 li a:hover{ 
filter:alpha(opacity=80);
opacity:0.8;}
.loan .tabTit2 li p,.loan .tabTit2 li.act span{ display: none;}
.loan .tabTit2 li.act p{ display: block;}
.loan .tabTit2 li span{ color:#fff; font-size:22px;}
.loan .tabTit2 li.person.act{ padding-top:30px;}
.loan .tabTit2 li.person p{ margin-bottom:10px;}
.loan .tabCon2 div{ height:392px; padding:62px 0 0 70px;}
.loan .tabCon2 a{ display: block; width:135px; height:36px; line-height: 36px; font-size:16px; background:#EC1B30; color:#fff; text-align: center;}
.loan .bg1{ background:url(../images/index/loan.jpg) no-repeat;}
.loan .bg2{ background:url(../images/index/loan2.jpg) no-repeat;}
.loan li{ background:url(../images/index/company.png) no-repeat;}
.loan li.act{ background:url(../images/index/person.png) no-repeat;}
/* 生活服务 */
.life{ margin-bottom:30px;}
.life div, .ads{ width:390px;}
.pay{ margin-right:15px;}
.pay dl{ height:117px; line-height:117px; background:#fff; box-shadow:0px 0px 16px 0px rgba(0,0,0,0.1);}
.pay dl dt{ float: left; padding-left:40px; font-size:22px;}
.pay dl dd{ float: right; padding-right:40px; font-size:16px;}
.pay dl.bgRed{ margin-bottom:16px; background:#EC1B30;}
.pay dl.bgRed, .pay dl.bgRed a{ color:#fff;}
.pay dl.bgRed a:hover{ color:#900000;}
.pay dl a{ display: block; height:117px;}
.ads{ box-shadow:0px 0px 16px 0px rgba(0,0,0,0.1); height:250px;}
.ads dt, .ads dd{ padding-left:238px;}
.ads dt{ padding-top:42px; line-height: 42px; font-size:30px;}
.ads dd a{ display: block; margin-top:10px; font-size:16px;}
.bgad1{ background:url(../images/index/bgad1.jpg) no-repeat;}
.bgad2{ background:url(../images/index/bgad2.jpg) no-repeat;}
/* 消费者权益保护 */
.guard{ padding:10px; background:#F7F6F6; line-height:93px; margin-top:30px;}
.guard dt{ float: left; width:526px; height:93px; text-indent:25px; font-size:24px; background:url(../images/index/guard.jpg) no-repeat;}
.guard dt a{ display: block; height:100%; color:#EC1B30;}
.guard dd{ float: left; width:654px; font-size: 16px;}
.guard dd a{ padding-left:13px; background:url(../images/arrowR-red.png) no-repeat 0 50%; margin-left:30px;}

/* 面包屑导航 */
.bread{ height:50px; line-height:50px; background:#F8F8F8; font-size: 14px;}
.bread .wrap{ width:950px; padding-left:250px;}
.bread span{ float: left; padding-left: 17px; background:url(../images/iconHome.png) no-repeat 0 50%;}
.bread a.act{ color:#EA1A30;}
.bread a.act:hover{ 
filter:alpha(opacity=80);
opacity:0.8;}
/* 左侧导航 */
.sideBar{ float: left; width:230px; margin-top:-50px;}
.sideBar dt{ background:url(../images/bgSidebar.png) no-repeat; height:60px; line-height: 60px; text-align: center; font-size:24px; color:#fff;}
.sideBar dd{ line-height:46px; font-size: 16px; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-indent:30px; cursor: pointer; overflow-x:hidden;}
.sideBar dd p{ position:relative; cursor: pointer; background:#fff;}
.sideBar dd.act{ background:#FFF2F3; color:#EA1A30;}
.sideBar dd p i{ position: absolute; right:18px; top:50%; width:10px; height:6px; margin-top:-3px; background:url(../images/arrowD-gray.png) no-repeat; background-size:contain;}
.sideBar dd p i.act{ background-image:url(../images/arrowUp-gray2.png);}
.sideBar dd ul{ position:relative; background:#F8F8F8; display: none; border-top:1px solid #eee;}
.sideBar dd.act ul{ display: block;}
.sideBar dd ul li{ border-bottom:1px dashed #ddd; font-size:14px; color:#444; text-indent:40px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.sideBar dd ul li:last-child{ border:none;}
.sideBar dd ul li:hover{ color:#EA1A30;}
.sideBar dd ul li.act{ color:#EA1A30; background:#FFF2F3;}
.sideBar dd ul li ul{ border-top:1px dashed #ddd;}
.sideBar dd ul li p{ background:transparent;}
.sideBar dd ul li ul li{ padding-right:10px; text-indent:55px;}
/* 右侧内容 */
.sideCont{ float: right; width:950px; min-height:600px;}
.sideCont .tit{ margin-top:50px; margin-bottom:40px;}
.sideCont .tit em{ top:20px;}
/* 翻页按钮 */
.pages{ height:36px; line-height: 36px; font-size:16px; margin-top:20px; text-align: right;}
.pages a{ display: inline-block; vertical-align: top; margin:0 10px; border-radius:2px; min-width:36px; text-align: center;}
.pages a.act{ background:#EC1B30; color:#fff;}
.pages a.act:hover{ 
filter:alpha(opacity=80);
opacity: 0.8;}
.pages input{ vertical-align: top; border-radius:2px; border:1px solid #ddd; text-align: center; width:80px; height:36px; margin:0 5px;}
.pages em{ margin:0 10px;}
.pages .searchBtn{ font-size:16px; color:#fff; background:#EC1B30; border-radius:2px; border:none;}
.pages .searchBtn:hover{ 
filter:alpha(opacity=80);
opacity: 0.8;}
/* ------------------------------------创新产品------------------------------------ */
#banner{ height:460px;}
#banner .swiper-slide{ height:460px;}
#banner .prev, #banner .next{ position: absolute; bottom:20px; left:50%; width:36px; height:36px; cursor: pointer; z-index:2;}
#banner .prev{ background:url(../images/index/banner-arrowL.png) no-repeat; margin-left:522px;}
#banner .next{ background:url(../images/index/banner-arrowR.png) no-repeat; margin-left:564px;}
#banner .prev:hover{ background-image: url(../images/index/banner-arrowL2.png);}
#banner .next:hover{ background-image:url(../images/index/banner-arrowR2.png);}
.plist{ background:#F7F6F6; padding:20px 0 20px 40px; font-size:16px;}
.plist li{ float: left; line-height:56px; width:410px; margin-right:45px;}
.plist li p{ float: left; width:300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.plist li span{ float: right;}
.mt14{ margin-top:14px;}
.p-show{ padding-top:80px; padding-left:40px; height:320px; margin-bottom:40px;}
.p-show dt{ line-height: 70px; font-size:36px; color:#EC1B30;}
.p-show dt span{ font-size:22px; color:#222; margin-left:10px;}
.p-show dd p{ width:460px; font-size:18px; line-height:32px;}
.p-show dd .btn{ display: block; width:135px; height:36px; line-height:36px; text-align: center; font-size:16px; color:#fff; background:#EC1B30; margin-top:50px; border-radius:2px;}

.list{ line-height: 60px;}
.list li{ border-bottom:1px dashed #ddd;}
.list li a:after{ content: ''; display: block; clear: both; visibility: hidden;}
.list li p{ float: left; font-size:16px;}
.list li p i{ font-size: 26px; font-style:normal; vertical-align: top; margin-right:10px;}
.list li span{ float: right; color:#888;}
.piclist{ position: relative; width:968px;}
.piclist li{ float: left; width:226px; line-height:44px; margin-bottom:20px; font-size:18px; text-align: center; margin-right:16px;}
.piclist li img{ display: block; margin:0 auto;}


/* ------------------------------------直销银行------------------------------------ */
.manage dl{ float: left; position: relative; width:315px; height:306px;}
.manage dl img{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1;}
.manage dl dt{ text-align: center; padding-top: 10px;}
.manage dl dt h5{ line-height: 40px; font-size: 30px; font-weight: normal; color: #F0263A;}
.manage dl dt p{ margin-top: 4px; font-size: 16px; color: #EB727E;}
.manage .links{ width:634px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.manage .links a{ width:316px; border-left:0; border-right:1px solid #eee; height:154px; line-height:154px;}

.p-show dt p{ font-size: 26px; line-height: 36px; color:#EB727E;}
.p-show dd{ padding-right:36px;}
.p-show dd .btnBig{ float: right; width:190px; height:70px; line-height:70px; font-size: 16px; text-align: center; color:#fff; 
background:#ec1b30;
filter:alpha(opacity=90);
background:rgba(236,27,48,0.9);}
.p-show dd .btnBig:hover{ 
filter:alpha(opacity=80);
opacity: 0.8;}
.loan-tabs{ position:relative;}
.loan-tabs ul{ position: absolute; bottom:20px; right:20px;}
.loan-tabs ul li{ float: left; width:24px; height:24px; text-align: center; font-size: 14px; 
background:#000;
filter:alpha(opacity=60);
background:rgba(0,0,0,0.6); color:#fff; margin-left:10px; cursor: pointer;}
.loan-tabs ul li.act{ background:#ED3144;}

.contBox{ border: 1px solid #eee; padding:30px 40px; min-height:500px; margin-top:20px;}
.cont-title{ text-align: center; font-size:20px; font-weight: normal; line-height: 26px; margin-bottom:20px;}
.cont-date{ font-size:14px; padding-bottom:20px; border-bottom:1px solid #eee; text-align: center; margin-bottom:20px;}
.cont-date span{ color:#888;}
.contBox div p{ font-size:16px; line-height:38px;text-indent:2em;text-align:justify;}
.contBox div span{ font-size:16px; line-height:38px;text-indent:2em;}
.contBox table{ margin:0 auto;}
.contBox table p{ font-size: 16px;text-indent: 0;margin-bottom: 0;}
.contBox table span{ display:inline;line-height:0;font-size: 16px;}
.contBox table,td{ border:1px solid rgb(0, 0, 0);}
.contBox img{max-width:900px;}
/* ------------------------------------搜索结果------------------------------------ */
.result dl{ padding:20px 0; border-bottom:1px dashed #ddd;cursor:pointer;}
.result dl dt{ margin-bottom:16px;}
.result dl dt .btnMore{ float: right; color:#666;}
.result dl dt .btnMore:hover{ color:#EA1A30;}
.result dl dt span{ font-size:20px;}
.result dl dd{ font-size:16px; line-height: 40px; color:#888; text-indent:2em;}
.bread.pl0 .wrap{ width:1200px; padding-left:0;}

/* ------------------------------------快捷工具------------------------------------ */
.container{ position:relative; width:100%;}
.s-tit{ position: absolute; top:-74px; left:240px; line-height:30px; font-size:22px; color:#222; z-index: 3;}
.s-tit li{ float: left; margin-right:30px; cursor: pointer;}
.s-tit li.act{ color:#EC1B30;}
.s-box h3{ font-size:30px; line-height: 40px; margin-bottom:20px; font-weight: normal;}
.s-box h3 span{ font-size:16px;}
.table{ width:100%; margin-bottom:40px;}
.table thead th{ background:#EEE; font-size:16px; height:46px; font-weight: normal;}
.table tbody tr:nth-of-type(2n){ background:#F8F8F8;}
.table tbody td{ font-size:14px; color:#666; height:36px; border:1px solid #eee; padding:0 19px;}

.formBox li{ margin-bottom:20px;}
.formBox li:after{ content: ''; display: block; clear: both; visibility: hidden;}
.formBox li em{ float: left; width:116px; min-height:36px; font-size:16px; line-height:36px;}
.formBox li div{ position:relative; float: left; width:300px; height:36px; line-height:36px; background:#fff; font-size:14px;}
.formBox li div > .txt{ position: absolute; left:10px; top:0; bottom:0; color:#666;}
.formBox li div > i{ position: absolute; right:10px; top:0; bottom:0; font-style: normal; color:#999;}
.formBox li .inpt{ display: block; width:250px; padding:0 38px 0 10px; height:34px; border:none; vertical-align: top; font-size:14px; border:1px solid #ddd; font-size:14px; background:transparent; position:relative; z-index:2;}
.formBox li .inpt:disabled{ background:transparent;}
.formBox li .sel{ height:34px; border:none; margin-bottom:0;}
.formBox li .sel p{ border-color: #ddd; background-image:url(../images/sel-gray.png); height:34px; line-height:34px; padding-right:38px; font-size:14px;}
.formBox li .sel p.gray{ text-align: left; padding-left:10px;}
.formBox li .sel p.act{ background-image:url(../images/sel-red.png);}
.formBox li .sel ul{ bottom:auto; top:35px; border-color:#ddd; line-height:36px; padding:0; z-index: 5; font-size:14px;}
.formBox li .sel ul li{ margin:0;}
.formBox li .sel ul li:hover{ background:#EA1A30; color:#fff;}
.formBox li input[type="date"]{ background:url(../images/icon-date.png) no-repeat 96% 50%; padding-right:10px; width:278px;}
.icon-date{ background:url(../images/icon-date.png) no-repeat 50%; width:18px; height:100%;}
input::-webkit-inner-spin-button{ display: none;}
input::-webkit-calendar-picker-indicator{ 
filter:alpha(opacity=0);
opacity:0;}
.btnRed,.btnRed-light{ display: inline-block; width:120px; height:34px; line-height:34px; text-align: center; font-size:16px; border:1px solid #EA1A30;}
.btnRed{ background:#EA1A30; color:#fff;}
.btnRed-light{ background:#fff; color:#EA1A30;}
.btnRed:hover,.btnRed-light:hover{ 
filter:alpha(opacity=80);
opacity:0.8;}
.btnRed:hover{ color:#fff;}
.notice{ line-height:26px; padding-top:20px; border-top:1px dashed #ddd; font-size:16px; margin-top:30px;}
.notice dt{ margin-bottom:6px; color:#EA1A30;}
.notice dd{ color:#666;}

.picBox{ position: relative; width:966px; margin-bottom:20px;}
.picBox li{ float: left; margin-right:16px;}
.picBox li img{ width:306px; height:180px;}


.picBox-green{ position: relative; width:966px; margin-bottom:20px;}
.picBox-green li{ float: left; margin-right:16px;}
.picBox-green li img{ width:950px; height:300px;}


.result li{ margin-bottom:20px;}
.result li:after{ content: ''; display: block; clear: both; visibility: hidden;}
.result li img{ float: left; width:238px; height:150px;}
.result li dl{ float: right; width:690px; padding-top:0;}
.result li dl em{ float: right; font-size:14px; color:#999;}
.result li dl dd{ font-size:14px; line-height: 34px;}
/*
.shoplist{ position: relative; width:968px;}
.shoplist li{ float: left; width:226px; margin-right:16px; margin-bottom:20px;}
.shoplist li img{ display: block; width:226px; height:160px; margin-bottom:10px;}
.shoplist li p{ margin-bottom:6px; font-size:18px;}
.shoplist li span{ font-size:14px; color:#999;}
.card li{ background:#F8F8F8; padding:10px; width:206px;}
.card li img{ width:206px; height:130px; margin:10px 0;max-width:206px;max-height:206px;}
.card li p{ font-size:20px;}
.card li p a{ width:88px; height:26px; font-size:14px; line-height:26px;}
*/
/*信用卡竖屏修改*/
.shoplist{ position: relative; width:968px;}
.shoplist li{ float: left; width:226px; margin-right:16px; margin-bottom:20px;}
.shoplist li img{ display: block; margin-bottom:10px;}
.shoplist li p{ margin-bottom:6px; font-size:18px;}
.shoplist li span{ font-size:14px; color:#999;}
.card li{ background:#F8F8F8; padding:10px; width:206px;height:273px;}
.card li img{ max-width:206px;max-height:206px;margin:0 auto;}
.card li p{ font-size:20px;}
.card li p a{ width:88px; height:26px; font-size:14px; line-height:26px;}
.card div{ width:216px;height:216px;vertical-align:middle;display:table-cell;}


.will{ display: block; margin:60px auto;}

.subtit{ position:relative; padding-left:16px; line-height:30px; font-size:22px; font-weight: normal;}
.subtit i{ position: absolute; left:0; top:15px; margin-top:-3px; width:6px; height:6px; border-radius:50%; background:#EA1A30;}
.prolist{ padding-left:20px; margin-top:30px;}
.prolist dl{ border-bottom:1px dashed #ddd; padding-bottom:15px; margin-bottom:20px;}
.prolist dl dt{ height:24px; font-size:18px; margin-bottom:20px;}
.prolist dl dt span{ font-size:14px; color:#fff; display: inline-block; vertical-align: top;}
.prolist dl dt em{ float: right; font-size:14px; color:#999;}
.prolist dl dd{ position: relative;}
.prolist dl dd li{ float: left; margin-right:100px;}
.prolist dl dd li p{ height:40px; line-height:40px; font-size:18px; margin-bottom:12px;}
.prolist dl dd li p span{ font-size:40px;}
.prolist dl dd li em{ font-size:12px; color:#888;}
.prolist dl dd .btnRed{ position: absolute; right:0; bottom:0; width:108px; height:26px; line-height:26px; font-size:14px;}

.relative{ position:relative;}
.btnBox{ position:absolute; right:40px; top:122px; width:420px;}
.btnBox a{ width:190px; height:70px; overflow:hidden;text-align:center;
display: flex; align-items: center; justify-content: center; flex-direction: column; 
float: left; margin-left:16px; color:#fff; 
background:#000;
filter:alpha(opacity=40);
background:rgba(0,0,0,0.4); font-size:18px; cursor: pointer; margin-bottom:16px;}
.btnBox a:hover{ 
filter:alpha(opacity=32);
opacity:0.8;}
/*.btnBox a.red{ background:rgba(236,27,48,0.9);} */
.btnBox a.red{ 
background:#ec1b30;
filter:alpha(opacity=90);
background:rgba(236,27,48,0.9);
}
.bgTs{ background:url(../images/guard/bg-ts.png) no-repeat;}
.bgServ{ background:url(../images/guard/bg-serv.png) no-repeat;}
.bgPro{ background:url(../images/guard/bg-pro.png) no-repeat;}

.sel.inline{ width:150px; margin-right:20px;}
.formBox li div.short{ width:230px;}
.formBox li div.short .inpt{ width:180px}
.formBox li div.btnArea{ width:200px;}
.formBox li div.btnArea a{ width:78px; margin-left:20px;}
.scroll-x{ overflow-x:auto;}
.scroll-x .table{ margin-bottom:0;}
.mt40{ margin-top:40px;}

/* 个人金融 */
.adbox{ float: left; width:316px; height:308px; position: relative; border-right:1px solid #eee;}
.adbox img{ position: absolute; left:0; right:0; top:0; bottom:0; z-index:-1;}
.adbox h3{ font-size:26px; color:#F0263A; font-weight: normal; line-height:35px; padding-top:9px;}
.adbox p{ font-size:14px; color:#EB727E;}
.cardshow{ position:relative; float: left; width:316px; height:306px; padding:30px 33px 0; box-sizing:border-box; background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); border:1px solid #eee; border-left:0; overflow: hidden;}
.cardshow dt img{ display: block; width:100%;}
.cardshow dd{ font-size:16px; line-height:16px;}
.cardshow dd span{ float: left; width:50%; margin-top:30px;}
.cardshow i{ position:absolute; left:-20px; top:-9px; width:60px; font-size:10px; background:#EC1B30; color:#fff; font-style: normal; transform:rotate(-45deg); text-align: center; padding-top:10px;}
#save{ background:#F7F6F6; padding:40px 55px; text-align: center; position:relative;width:840px;height:240px;}
#save .swiper-slide img{ vertical-align: top; width:270px; height:180px; margin-bottom:20px;}
#save .swiper-slide p{ font-size:18px;}
#save .prev,#save .next{ position: absolute; top:50%; transform:translateY(-50%); width:23px; height:46px;}
#save .prev{ background:url(../images/tool-arrowL.png) no-repeat; left:0;}
#save .prev:hover{ background-image:url(../images/tool-arrowL1.png);}
#save .next{ background:url(../images/tool-arrowR.png) no-repeat; right:0;}
#save .next:hover{ background-image:url(../images/tool-arrowR1.png);}


#save-green{ background:#F7F6F6;  text-align: center; position:relative;width:950px;height:380px;}
#save-green .swiper-slide img{ vertical-align: top; width:950px; height:380px; margin-bottom:20px;}
#save-green .swiper-slide p{ font-size:18px;}
#save-green .prev,#save-green .next{ position: absolute; top:50%; transform:translateY(-50%); width:23px; height:46px; z-index:2;}
#save-green .prev{ background:url(../images/tool-arrowL.png) no-repeat; left:0;}
#save-green .prev:hover{ background-image:url(../images/tool-arrowL1.png);}
#save-green .next{ background:url(../images/tool-arrowR.png) no-repeat; right:0;}
#save-green .next:hover{ background-image:url(../images/tool-arrowR1.png);}



.p-show.more{ padding-top:20px; box-sizing: border-box; height:400px;}
.p-show dd p.big{ font-size:70px; line-height:70px;}
.p-show dd .btn.top{ margin-top:20px;}
.mt20{ margin-top:20px;}
.sideCont .newsBox{ padding:40px 40px 0; box-sizing: border-box; min-height:386px; width:620px; overflow: hidden;}
.sideCont .newsBox dl{ width:auto;}
.cardshow.fr{ float: right; width:315px; height:386px; padding:40px 20px 0; border:none; background:#F7F6F6;}
.cardshow.fr dt{ font-size:22px;}
.cardshow.fr dt:first-child{ margin-bottom:40px;}
.ad-agency{ padding:10px; background:#F7F6F6; line-height:73px; margin-top:15px;}
.ad-agency dt{ float: left; width:526px;}
.ad-agency dd{ float: left; font-size:16px;}
.ad-agency dd a{ padding-left: 13px; background: url(../images/arrowR-red.png) no-repeat 0 50%; margin-left: 90px;}

/* 公司金融 */
.business{ border:1px solid #eee;}
.business .pic{ float: left; width:316px; box-sizing:border-box; padding:30px 20px 20px; border-right:1px solid #eee;}
.business .pic dt{ font-size:22px;}
.business .pic dt p{ margin-bottom:20px;}
.business .pic dt img{ vertical-align: top; width:100%;}
.business .pic dd p{ margin-top:30px; font-size:16px; line-height:16px;}
.business .pic dd.float p{ float: left; width:50%;}
.business .fr .pic{ float:none; border-right:none;}
.business .fr .pic:first-child{border-bottom:1px solid #eee;}
.business .fr .pic dt p{ margin-bottom:0;}
.business .fr .pic dd p a{ background:url(../images/arrowR-red.png) no-repeat  0 50%; padding-left:13px;}
.newsBox dd .small{ background:#fff; margin-bottom:0;}
.newsBox dd .hint{ background:#fff; padding:10px; color:#999;}
.newsBox.busi{ padding:40px 10px 10px;}
.newsBox.busi dt{ padding-left:25px; margin-bottom:30px;}
.small thead th,.small tbody td{ font-size:12px; padding:0 5px;}
.business.bggray{ background:#F7F6F6; border:none; min-height:399px;}
.business.bggray .pic{border:none; padding-top:40px;}
.business.bggray .pic dt p{ margin-bottom:40px;}
.pic .more,.column .more{ float: right; width: 80px; height: 24px; line-height: 24px; background: #EC1B30; color: #fff; text-align: center; font-size: 14px; border-radius: 2px;}
.busi-ad{width:620px; float:left; box-sizing:border-box; padding:10px; background:#F7F6F6; line-height:73px; margin-top:15px;}
.busi-ad dt{ position:relative; float: left; width:244px; height:73px; line-height:73px; text-align: center; font-size:24px; color:#EC1B30;}
.busi-ad dt img{ position:absolute; left:0; top:0;}
.busi-ad dd{ float: left; width:356px;}
.busi-ad dd a{ margin-left:15px; padding-left:12px; background:url(../images/arrowR-red.png) no-repeat 0 50%; font-size:16px;}
.column{ width:315px; box-sizing:border-box; margin-top:15px; background:#F7F6F6; padding:35px 20px; font-size:22px;}

/* 小微金融 */
.pic.bdnone{ border:none;}
.piclist.triple li{ width:306px;}
.plan{ display: flex; box-sizing:border-box;  align-items: center; justify-content: space-between; width:950px; height:400px; padding:0 40px;}
.plan dl{ width:470px;}
.plan dl dt{ font-size:36px; line-height:70px; color:#EC1B30;}
.plan dl dd{ font-size:18px; line-height:32px; margin-top:10px;}
.plan ul{ width:350px;}
.plan ul li{ line-height:70px; height:70px; margin-bottom:30px; text-align: center;}
.plan ul li:last-child{ margin:0;}
.plan ul li a{ color:#fff; font-size:18px; display: block;}
.plan ul li a:hover{ 
filter:alpha(opacity=70);
opacity:0.9;
}
.redbg{ 
background:#e70a28;
filter:alpha(opacity=90);
background:rgba(231,10,40,0.9);
}
.blackbg{ 
background:#000;
filter:alpha(opacity=70);
background:rgba(0,0,0,0.7);
}
.graybg{ 
background:#000;
filter:alpha(opacity=50);
background:rgba(0,0,0,0.5);
}

/* 投资理财 */
.suggess{ border:1px solid #eee;}
.adproduct{ float: left; width:317px; box-sizing:border-box; border-right:1px solid #eee; padding:20px 30px;}
.adproduct dt{ line-height: 42px; font-size:30px;}
.adproduct dd{ padding-top:50px;}
.adproduct dd span{ font-size:70px; line-height:85px; vertical-align: bottom;}
.adproduct dd em{ font-size:30px; line-height: 85px; vertical-align: bottom;}
.adproduct dd p{ font-size:12px; color:#888; margin-bottom:30px;}
.adproduct dd .btn{ width:260px; height:38px; line-height:38px; font-size:16px; background:#EC1B30; color:#fff; display: block; margin:0 auto;}
.adproduct dd .btn:hover{ 
filter:alpha(opacity=80);
opacity:0.8;}
.suggess .pro-box:first-child{ border-bottom:1px solid #eee;}
.pro-box{ position:relative; padding:20px 20px 14px; width:630px; box-sizing:border-box;}
.pro-box h3{ font-size:18px; font-weight: normal;}
.pro-box h3 em{ display: inline-block; vertical-align: top; font-size: 14px;}
.pro-box ul{ padding-top:24px;}
.pro-box ul li{ float: left; margin-right:10%;}
.pro-box ul li p{ font-size:18px; line-height:40px;}
.pro-box ul li p span{ font-size:40px;}
.pro-box ul li em{ display: block; font-size:12px; color:#888;}
.pro-box .btnRed{ position:absolute; right:20px; top:63px; line-height:28px; width:110px; height:28px; font-size:14px;}
.cell-bank{ height:200px; box-sizing: border-box; padding:5px 0 0 39px; margin-top:30px;}
.cell-bank dt{ font-size: 36px; line-height:70px; color:#EC1B30;}
.cell-bank dd p{ line-height: 30px; font-size:18px; margin-bottom:10px;}
/*.bgCell{ background:url(../images/invest/bg-cell.jpg) no-repeat;}*/

/* 信用卡 */
.adbox.nobod{ border: none;}
.business .pic.small{ padding-top:20px;}
.business .pic.small dd p{ margin-top:28px;}
.plan ul.small{ width:190px;}
.bgSplit{ background:url(../images/card/bg-split.jpg) no-repeat;}
.bgPoint{ background:url(../images/card/bg-point.jpg) no-repeat;}

/*竖屏修改*/
#savecard.alignL{ text-align: left; padding:30px 55px;height:320px;}
#savecard.alignL .swiper-slide div{ width:250px;height:250px;display:table-cell;vertical-align:middle;text-align:center;}
#savecard.alignL .swiper-slide{ padding-left:2px;}
#savecard.alignL .swiper-slide p{ margin-bottom:17px;}
#savecard.alignL .swiper-slide span{ display: block; font-size:14px;}
#savecard.alignL .swiper-slide img{ max-width:235px; max-height:235px;}
#savecard .swiper-container{ height:320px;}
#savecard{ background:#F7F6F6; padding:40px 55px; text-align: center; position:relative;width:840px;height:320px;}
#savecard .swiper-slide p{ font-size:18px;}
#savecard .prev,#savecard .next{ position: absolute; top:50%; transform:translateY(-50%); width:23px; height:46px;}
#savecard .prev{ background:url(../images/tool-arrowL.png) no-repeat; left:0;}
#savecard .prev:hover{ background-image:url(../images/tool-arrowL1.png);}
#savecard .next{ background:url(../images/tool-arrowR.png) no-repeat; right:0;}
#savecard .next:hover{ background-image:url(../images/tool-arrowR1.png);}
#savecard .swiper-container{ height:320px;}
#save .swiper-container{ height:240px;}

/* 电子银行 */
#save.small{ padding:30px 44px 24px; box-sizing: border-box; width:617px;}
#save.small .swiper-slide img{ width:120px; height:120px;}
#save.small .swiper-slide p{ font-size:16px;}
.download{ width:317px;}
.download li{ line-height:69px; font-size:22px; padding-left:48px; margin-bottom:16px; background:#F7F6F6;}
.download li img{ margin-right:22px;}

/* 投资者关系 */
.relationBox{ border: 1px solid #eee; margin-top:30px;}
#shares{ position:relative; width:313px; height:310px; float: left; text-align: center; border-right:1px solid #eee;}
#shares dl{ padding-top:30px;}
#shares dl dt{ line-height: 36px; font-size:26px; margin-bottom:20px;}
#shares dl dd p{ font-size:14px; line-height:20px;}
#shares dl dd span{ font-size:50px; color:#EC1B30; line-height: 60px;}
#shares ul{ width:240px; margin:0 auto;}
#shares ul li{ float: left; width:80px; border-right:1px solid #eee; box-sizing: border-box;}
#shares ul li:last-child{ border:none;}
#shares ul li.up:before{ content: ''; border-width:0 4px 4px 4px; border-style: solid; border-color: transparent transparent #EA1A30 transparent; vertical-align: middle; display: inline-block; margin-right:2px;}
#shares .gray{ color:#888;}
#shares .blue{ color:#006CDD;}
#shares .time{ margin-top:15px;}
#shares .prev,#shares .next{ position: absolute; top:50%; transform:translateY(-50%); width:23px; height:46px; z-index:3;}
#shares .prev{ background:url(../images/tool-arrowL.png) no-repeat; left:0;}
#shares .prev:hover{ background-image:url(../images/tool-arrowL1.png);}
#shares .next{ background:url(../images/tool-arrowR.png) no-repeat; right:0;}
#shares .next:hover{ background-image:url(../images/tool-arrowR1.png);}
#shares .swiper-pagination-bullet{ width:4px; height:4px;}
#shares .swiper-pagination-bullet-active{ background:#EC1B30;}
.info-new{ padding:20px 20px 0; float: right; width:594px;}
.info-new dt{ line-height: 42px; font-size:30px;}
.info-new dd p{ line-height:32px; font-size:14px; color:#888; margin:10px 0;}
.info-new dd img{ width:100%;}

/* 关于我行 */
.videoBg .play{ position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);cursor:pointer;}

/*网点地图*/
.Mapdetail dl dd {
    width: 92%;
    text-align: left;
    padding-left: 25px;
    padding-top: 10px;
}

.Mapdetail dt img {
    margin-top: 10px;
    position: absolute;
}

.loginback{ display:block; width:30px; height:10px; margin:0 auto; }


/* 手机自适应样式 */
.pchidden{display:none;}
@media screen and (max-width: 498px) {
#phoneAutoStyle .header{ min-width:300px;}
#phoneAutoStyle .header,#phoneAutoStyle #banner,#phoneAutoStyle .bread,#phoneAutoStyle .wrap,#phoneAutoStyle .secNav,
#phoneAutoStyle .footer,#phoneAutoStyle .float-right,#phoneAutoStyle .float-left{display:none;}
#phoneAutoStyle .secNav{width:300px;}
#phoneAutoStyle .loginArea{display:none;}

/*服务治理详情适配样式 --开始--*/
#phoneAutoDeStyle .header{ min-width:300px;}
#phoneAutoDeStyle .header,#phoneAutoDeStyle #banner,#phoneAutoDeStyle .bread,#phoneAutoDeStyle .wrap,#phoneAutoDeStyle .secNav,
#phoneAutoDeStyle .footer,#phoneAutoDeStyle .float-right,#phoneAutoDeStyle .float-left{display:none;}
#phoneAutoDeStyle .secNav{width:300px;}
#phoneAutoDeStyle .phcontBox{ border: 1px solid #eee; padding:20px 20px; min-height:500px;display:block;}
#phoneAutoDeStyle .phcont-title{ text-align: center; font-size:20px; font-weight: normal; line-height: 26px; margin-bottom:20px;}
#phoneAutoDeStyle .phcont-date{ font-size:14px; padding-bottom:20px; border-bottom:1px solid #eee; text-align: center; margin-bottom:20px;}
#phoneAutoDeStyle .phcont-date span{ color:#888;}
#phoneAutoDeStyle .phcontBox div p{ font-size:16px; line-height:38px;text-align:justify;}
#phoneAutoDeStyle .phcontBox div span{ font-size:16px; line-height:38px;}
#phoneAutoDeStyle .phcontBox table{ margin:0 auto;}
#phoneAutoDeStyle .phcontBox table p{ font-size: 12px;text-indent: 0;margin-bottom: 0;}
#phoneAutoDeStyle .phcontBox table span{ display:inline;line-height:0;font-size: 12px;}
#phoneAutoDeStyle .phcontBox table,td{ border:1px solid rgb(0, 0, 0);}
#phoneAutoDeStyle .phcontBox img{max-width:100%;}
#phoneAutoDeStyle .phcontBox h5{
	padding: 20px 0 30px 0;
	margin: 0 auto;
	border-top: #DEE4E9 dashed 1px;
	color: #999;
	font-size: 14px;
	font-weight: normal;
	line-height:46px;
}
#phoneAutoDeStyle .phcontBox h5 a{
	color: #999;
	font-size: 14px;
	font-weight: normal;
}
/*服务治理详情适配样式 --结束--*/

#phoneAutoStyle .phoneFwStyle{display:block;margin:20px 20px 20px 20px;}
#phoneAutoStyle .phoneTitle{ border-bottom:1px solid #000;font-size:28px;line-height:50px;}
/* 新闻 */

#phoneAutoStyle .xbnews {
    background: #fff;
}

#phoneAutoStyle .xbnews .list {
    display: flex;
    display: -webkit-flex;
    padding: 10px 5px 5px;
    margin: 0 15px;
    border-bottom: 1px solid #ddd;
}

#phoneAutoStyle .xbnews .list:last-child {
    border: 0;
}

/* 无图纯文字模式 */
#phoneAutoStyle .list-no-img {
    flex-direction: column;
}
#phoneAutoStyle .list-no-img .top .title {
    font-weight: bold;
    height: 30%;
    font-size: 14px;
}
#phoneAutoStyle .list-no-img .top .content {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 5px;
    color: #666;
    margin: 5px 0;
}

#phoneAutoStyle .list-no-img .info {
    font-size: 10px;
    color: #bbb;
    display: flex;
}
#phoneAutoStyle .list-no-img .info .info-r-5 {
    margin-right: 5px;
}
#phoneAutoStyle .list-no-img .info .list-ellipsis-1 {
    max-width: 40%;
}

/* 无图纯文字模式结束 */

/* 其他 */

/* 单行省略 */
#phoneAutoStyle .list-ellipsis-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 两行省略 */
#phoneAutoStyle .list-ellipsis-2{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 平分3个 */
#phoneAutoStyle .list-col-xs-4 {
    width: 33.333%;
    padding: 0 2px;
}	

}