.fw700{font-weight:700}
.mienbox a:hover{color:#333}
.mb50{margin-bottom:50px}
.mb10{display:inline-block; margin-bottom:10px}
.mr10{display:inline-block; margin-right:10px}
body{background-color:#f9fafa}
*{margin:0; padding:0}
.w1280{width:1280px; margin:auto}
.mt20{margin-top:50px}
.pt50{padding-top:50px}
.databox{padding-top:50px}
.f24{font-size:24px}
.pt50{padding-top:50px}
/* 头部背景图 */

.banner{position:relative; width:100%; background-color:#000; background:#000  no-repeat center; height:140px}
.banner p{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:30px; color:#fff}
/* 导航栏 */
.navf{background-color:#fff}
.nav a{display:block; background-color:#fff; float:left; width:20%; height:40px; line-height:40px; text-align:center; font-size:15px; color:#333333; cursor:pointer}
.navhover{background-color:#f90 !important; color:#fff !important}
/* 寄语 */
.encourage{padding-bottom:30px}
.encourage p{position:relative; width:90%; font-size:33px; font-weight:700}
.encourage p:nth-child(1)::after{position:absolute; bottom:-18px; left:0; content:''; display:inline-block; width:50px; height:4px; background-color:#f90; box-shadow:0 2px 5px #f90; z-index:1}
.encourage p:nth-child(2){text-align:right; font-weight:400; font-size:20px; margin-top:40px; color:#707070}
/* 视频 */
.vedio{position:relative; width:100%; height:500px; background:#333  no-repeat center}
video{width:100%}
.layer{width:800px}
.layer video{width:100%}
.showvedio{cursor:pointer}
/* 关于页 */
.about{background-color:#fff; height:934px; padding-top:64px}
.abouttext li{float:left}
.abouttext li:nth-child(1){width:206px}
.abouttext li:nth-child(2){width:1074px}
.abouttext li p{padding-bottom:31px; line-height:24px}
.abouttext li p:nth-child(5){padding-bottom:36px}
.abouttext li:nth-child(2) p:nth-child(n 5){font-weight:700; font-size:30px}
/* 鼠标移入变大 */
.surface{margin-top:40px; height:380px}
.surface ul{width:100%}
.surface ul .active{width:428px !important}
.coverbg{background:linear-gradient(to left bottom,rgb(255,105,0,0.8),rgb(255,152,0,0.8))}
.surface ul li{background-color:#aaaaaa; width:213px; height:340px; float:left; position:relative; font-size:16px}
.surface li .cover{width:100%; height:100%; position:absolute; background-color:rgb(37,37,37,0.4)}
.surface ul li:nth-child(1){background:}
.surface ul li:nth-child(2){background:}
.surface ul li:nth-child(3){background:}
.surface ul li:nth-child(4){background:}
.surface ul li:nth-child(5){background:}
.surface ul li>p{width:122px; height:56px; font-size:20px; text-align:center; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.surface ul li .detail{display:none; position:absolute; width:250px; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff}
.surface ul li .detail p{margin-bottom:8px}
.surface ul li .detail p:nth-child(1){height:38px; font-size:20px}
.surface ul li .detail span{display:inline-block; width:100%; text-align:center}
.surface ul li p{text-align:center}
/* 一般标题 */
.payment .title,.consult .title{margin-bottom:54px}
.title{font-size:24px; position:relative; margin-bottom:34px}
.title::after{position:absolute; bottom:-18px; left:0; content:''; display:inline-block; width:50px; height:4px; background-color:#f90; box-shadow:0 2px 5px #f90; z-index:1}
.abouttext .titlehr::before{position:absolute; bottom:-20px; left:0; content:''; display:inline-block; width:187px; height:2px; background-color:#dcdcdc; border-radius:2px}
.titlehr::before{position:absolute; bottom:-18px; left:0; content:''; display:inline-block; width:1280px; height:1px; background-color:#dcdcdc; border-radius:2px}
.titlex{color:#666; font-size:14px}
/*大数据的ul*/
.dataul{width:50%; height:116px}
.dataul li{float:left; width:20%}
.dataul li p:nth-child(1){font-size:30px}
.dataul li p:nth-child(2){font-size:14px}
/*使命1*/
.mission{width:100%; background:#f4f4f4}
.missionbox{padding:70px 0 100px; display:flex; justify-content:space-between; flex-wrap:wrap}
.missionbox>div{width: 45%}
.missionbox>div .title{font-weight: bold}
.missionbox>div p{padding-top:5px;}
.missionbox>div .pt{padding-top:50px}
.mission2 p:nth-child(3){font-size:30px}
/*价值观*/
.values{background-color:#fff; height:300px}
.valueul{width:861px}
.valueul li{float:left; width:20%; font-size:24px}
/*企业风采*/
.mien{height:535px}
.mien .title{margin-bottom:50px}
.mienbox .boxchild img{width:100%; height:100%}
.mienbox a{display:inline-block}
.mienbox a{position:relative; float:left; width:305px; height:400px}
.mienbox a:nth-child(n 2){margin-left:20px}
.mienbox a .top{height:220px; background-color:blue}
.mienbox a .bottom{padding:26px 20px 0 20px; height:180px; background-color:#fff}
.mienbox a .bottom p:nth-child(1){font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mienbox a .bottom p:nth-child(1):hover{color:#f90}
.mienbox a .bottom p:nth-child(2){padding-top:10px; font-size:14px; color:#666; height:87px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; line-clamp:4; -webkit-box-orient:vertical}
/*捷配里程碑*/
.km{height:700px; background:}
/*咨询*/
.consult{height:307px; background-color:#fff}
.mb19{margin-bottom:19px}
.consult .button{display:inline-block; width:140px; height:36px; line-height:36px; text-align:center; border:1px solid #f90; color:#f90; border-radius:5px; cursor:pointer}
.ulconsult{height:190px; background-color:#fff}
.ulconsult .button{margin-top:10px}
.ulconsult li{float:left; width:413px; height:170px; background-color:#f8f8f8; padding:30px 0 0 20px}
.ulconsult li:nth-child(3){padding:24px 0 0 20px}
.ulconsult li:nth-child(n 2){margin-left:20px}
.f90{color:#f90}
.f20{font-size:20px}
.f30{font-size:30px}
.mt30{margin-top:30px}
.message{color:#999999; line-height:24px}
.message span{color:#333333}
.pt40{padding-top:40px}
/*付款*/
.pay{height:390px; background-color:#fff}
.contact_icon{display:block; background-image:url(/uploads/image/ciabout/contact.png); display:inline-block; vertical-align:middle}
.contact_hzbank{width:260px; height:100px; background-position:-663px -285px}
.payment ul li{margin-right:20px; background:#f8f8f8; width:630px; height:170px; float:left; padding:20px; margin-bottom:21px}
.payment ul li .boxstyasd{display:none}
.payment ul li:hover .boxstyasd{display:inline-block}
.payment ul li div{position:relative}
.dis-inline{display:inline-block}
.vm{vertical-align:middle}
.mt10{margin-top:10px}
.mt14{margin-top:14px}
.contact_zfb{width:178px; margin-left:60px; height:62px; margin-top:30px; /* padding-top:30px; */    background-position:-345px -315px}
.mln{margin-left:20px}
.cl-333{color:#333}
.cl-f90{color:#f90}
.opaccitynone{position:absolute; top:-100px; opacity:0}
/*大事记*/
.swiper-container{width:100%; height:100%}
.swiper-slide{font-size:18px; /* center slide text vertically */
    display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center}
/*包裹自定义分页器的div的位置等css样式*/
.swiper-pagination-custom{bottom:39%; left:-54px; width:32%; height:3px; background-color:#ccc; text-align:center}
/*自定义分页器的样式，这个你自己想要什么样子自己写*/
.swiper-pagination-customs{position:relative; width:100px; height:3px; display:inline-block; /*background-color:#ccc; */
    /* box-shadow:0 0 2px #000; */
    outline:0}
/*自定义分页器激活时的样式表现*/
.swiper-pagination-customs-active{opacity:1; background-color:#ccc; position:relative}
.icon{display:inline-block; width:14px; height:14px; background-color:#fff; position:absolute; right:0; top:50%; border-radius:50%; border:4px solid #f90; transform:translatey(-50%); z-index:100}
.ulfa{width:100%; height:300px}
.swiper-pagination .swiper-pagination-bullet:nth-child(1){background-color:#f90}
.ganf90{opacity:1; background-color:#f90; height:100%; display:inline-block; position:absolute}
.ganf9011{animation:mymove 0.3s forwards; -webkit-animation:mymove 0.3s forwards; /*safari and chrome*/}
.ganf9012{animation:mymove 0.8s reverse; -webkit-animation:mymove 0.8s reverse; /*safari and chrome*/}
@keyframes mymove{from{width:0%}
    to{width:100%}
}
#xx{width:1000px; height:800px}
.ulfa ul{width:33%; float:left; padding:10px 20px 10px 0}
.ulfa ul li{padding:22px 0; height:100px}
.ulfa ul li:nth-child(3){padding:20px 0 30px 0; height:100px}
.ulfa ul li p:nth-child(1){font-size:20px}
.ulfa ul li p:nth-child(2){font-size:14px}
/*先去掉默认样式*/
/*再自定义样式*/
.swiper-button-prev{width:20px; height:20px; top:30px; left:-6px; background: no-repeat; transform:rotate(180deg)}
.swiper-button-next{width:20px; height:20px; right:-6px; top:39px; background: no-repeat}
.fafa{position:absolute; margin-left:844px; border:3px solid #f90; border-radius:50%; width:50px; top:-25px; height:50px; background-color:#fff}
.mt10{margin-top:10px}
.gan{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; width:1px; height:12px; background-color:#f90}
.year{display:inline-block; padding-left:76px; padding-top:10px}
.father{position:relative; height:100px; margin-top:10px}
/**/
.swiper-pagination-bullet{border-radius:0%; position:relative; opacity:1; background:#ccc}
.swiper-pagination-bullet-active{opacity:1; background:#ccc}
.swiper-pagination{top:27px}
/*视屏*/
.btn_video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:112px; height:112px; background: no-repeat center; cursor:pointer}
.circle{width:112px; height:112px; display:block; background: no-repeat center; animation:dx 2s linear 0s infinite}
@-webkit-keyframes dx{0%,100%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@-moz-keyframes dx{0%,100%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@-ms-keyframes dx{0%,100%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@-o-keyframes dx{0%,100%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@keyframes dx{0%,100%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
/*视屏弹层*/
.video_model{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:none; z-index:1000}
.video-tc{width:800px; height:450px; left:50%; margin-left:-400px; margin-top:-225px; position:absolute; top:50%}
.close{width:38px; height:38px; background: no-repeat center; display:block; position:absolute; right:-50px; top:-30px; opacity:0.5; cursor:pointer}
.close:hover{opacity:1}
.movetop{border-left:1px solid #e7e7e7}
.movetop li{border:1px solid #e7e7e7; border-left:none; font-size:20px}
.movetop li:hover{margin-top:-3px; box-shadow:0 13px 35px 0 rgba(0,0,0,.19); -webkit-transition:all .3s cubic-bezier(.55,0,.1,1); transition:all .3s cubic-bezier(.55,0,.1,1); -webkit-transform:translate3d(0,-1px,0); -ms-transform:translate3d(0,-1px,0); transform:translate3d(0,-1px,0)}
/*分页器*/
.fenye{display:block}
.xian{position:relative; width:840px; background:#ccc; height:3px}
.xian p{position:relative; background:#f90; height:100%; width:14%; transition:all 0.3s ease}
.xian p i{position:absolute; display:inline-block; right:0; top:-6px; width:14px; height:14px; background-color:#fff; border-radius:50%; border:4px solid #f90}
.fenye ul{width:840px; display:flex; justify-content:space-around}
.fenye ul li{padding-top:10px; text-align:center; width:34px; cursor:pointer}
/*集团业务*/
.business{padding-top:49px; width:100%; height:1168px; background-color:#fff}
.ulbusiness{display:flex; justify-content:space-between; margin-bottom:16px}
.business .ulbusiness a{display:block; position:relative; height:320px; overflow:hidden}
.business .box{margin-top:42px}
/*第一行*/
.business .ulbusiness:nth-child(1) a:nth-child(1){width:848px}
.business .ulbusiness:nth-child(1) a:nth-child(2){width:416px}
/*第二行*/
.business .ulbusiness:nth-child(2) a:nth-child(2){width:848px}
.business .ulbusiness:nth-child(2) a:nth-child(1){width:416px}
/*第3行*/
.business .ulbusiness:nth-child(3) a{width:416px}
.business .ulbusiness:nth-child(3) a:nth-child(1){width:416px}
.ulbusiness a div,.ulbusiness a p{display:block; width:100%; padding:108px 0 26px 20px; position:absolute; bottom:0; font-size:20px; color:#fff}
.ulbusiness a p{z-index:100; background:linear-gradient(rgb(34,34,34,0),rgb(34,34,34,1)); transition:font-size 0.2s}
.ulbusiness a:hover div{padding:0; height:100%; background-color:rgb(34,34,34,0.3)}
.ulbusiness a:hover p{font-size:22px}
.ulbusiness a img{margin:auto; width:100%; transition:width 0.2s linear}
.ulbusiness a:hover img{width:102%}

.aboutcc{background-color:#fff; overflow: hidden}
.listcc{display: flex; justify-content: space-between; flex-wrap: wrap; font-size:20px; padding-bottom:4em;}
.listcc li{background: #ffffff; border-radius:2em 0 2em 0; padding:2em 1.7em; width:32%; box-sizing: border-box; margin-top:1em; min-height:11em;
    background: -moz-linear-gradient(45deg,  rgba(255,235,205,0) 0%, rgba(255,235,205,0.2) 52%, rgba(255,235,205,1) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(255,235,205,0) 0%,rgba(255,235,205,0.2) 52%,rgba(255,235,205,1) 100%);
    background: linear-gradient(45deg,  rgba(255,235,205,0) 0%,rgba(255,235,205,0.2) 52%,rgba(255,235,205,1) 100%);
    filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00ffebcd', endcolorstr='#ffebcd',gradienttype=1 );
}
.listcc li span{color:#f90; display:block; line-height:1em; margin-bottom:1em;}
.listcc li span:before{font-family: iconfont_dg; display: inline-block; vertical-align: middle; margin-right:.5em;}
.listcc li.c1 span:before{content:'\e65a';}
.listcc li.c2 span:before{content:'\e65c';}
.listcc li.c3 span:before{content:'\e657';}
.listcc li.c4 span:before{content:'\e656';}
.listcc li.c5 span:before{content:'\e65b';}
.listcc li.c6 span:before{content:'\e658';}
.listcc li b{display: inline-block; vertical-align: middle;}
.listcc li p{font-size:1.2em; color:#333; line-height:1.4em;}