@charset "utf-8";
/*content*/
.kuangjia { width: 1200px; margin: 0 auto; margin-top: 60px;overflow: hidden;}
.js-bj { height: 410px; width: 100%; background: #f5f5f5; position: relative; margin-top: 20px; }
.h1-t { text-align: center; width: 1200px; margin: 0px auto; animation: myfirst4 2s; -moz-animation: myfirst4 2s; /* Firefox */ -webkit-animation: myfirst4 2s; /* Safari and Chrome */ -o-animation: myfirst4 2s; /* Opera */ }
@keyframes myfirst4 { 
from {margin-top: 150px;}
to { margin-top: 50px; }
}
@-moz-keyframes myfirst4 /* Firefox */ { 
from {margin-top: 150px;}
to { margin-top: 50px; }
}
 @-webkit-keyframes myfirst4 /* Safari and Chrome */ { 
 from {margin-top: 150px;}
to { margin-top: 50px; }
}
 @-o-keyframes myfirst4 /* Opera */ { 
 from {margin-top: 150px;}
to { margin-top: 50px; }
}
.h1-t h2 { font-size: 24px; }
.c-bt { height: 32px; }
.h1-t p { margin-top: 28px; font-size: 17px; }
.c-bt span { display: block; height: 1.5px; background: #6399fe; width: 27px; margin-bottom: 3px; }
.c-bt h2 { font-weight: normal; font-size: 18px; }
.c-bt p a { color: #6399fe; float: right; line-height: 30px;font-size: 12px; }
.c-btt { float: left; }
.kjj { width: 1200px; margin: 0 auto; height: 510px; }
.js-c { width: 455px; height: 330px; padding: 40px 65px; float: left; }
.js-c p {text-indent: 2em;}
.js-c h2 { font-size: 18px; margin-bottom: 15px; }
.gsjszhu { position: absolute; bottom: 0px; margin-left: 590px; }
.cpzx{ width:1230px;}
.cpzs li { float: left; margin-right: 15px; margin-top: 15px; width: 288px; height: 218px; position: relative; text-align: center; overflow: hidden; }
.cpzs li img { width: 100%; height: 100%; }
.cpzs ul a:hover { color: #fff; }
.cpzs li h2 { padding-top: 65px; font-weight: normal; font-size: 18px; }
.cpzs li .p1 { margin: 4px; font-size: 14px; }
.cpzs li .p2 { display: block; border: 1px solid #fff; width: 80px; border-radius: 10px; margin: 0 auto; font-size: 12px; }
.yincangjs { padding-top: 65px; opacity: 0; position: absolute; top: 0; transition-property: padding-top 1s, opacity 1s; /* Firefox 4 */ -moz-transition: padding-top 1s, opacity 1s; /* Safari and Chrome */ -webkit-transition: padding-top 1s, opacity 1s; /* Opera */ -o-transition: padding-top 1s, opacity 1s; }
.yincangjs:hover { padding-top: 0px; opacity: 1 }
.cpzs a li:hover .yincangjs { display: block; }
.cpzs li:nth-child(4) { margin-right: 0px; }
.cpzs li:nth-child(8) { margin-right: 0px; }
.xwzxindex { background: url(../images/xinwenbj.png); height: 555px; width: 100%; }
.xwzxindex li { float: left; width: 288px; height: 378px; margin-right: 12px; background: #fff }
.xwzxindex li .idimg { width: 288px; height: 282px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; }
.xwzxindex li img { width: auto !important; height: auto !important; max-width: 288px; }
.xwzxindex li h2 { font-size: 16px; margin: 6px 20px; margin-top: 10px; font-weight: normal; }
.xwzxindex li p { font-size: 12px; margin: 10px 20px; color: #7d7d7d }


.xwkjj { width: 1200px; margin: 0 auto; margin-top: 20px; }
.xwkjj li{animation: myfirst5 2s; -moz-animation: myfirst5 2s; /* Firefox */ -webkit-animation: myfirst5 2s; /* Safari and Chrome */ -o-animation: myfirst5 2s; /* Opera */}
@keyframes myfirst5 { 
from {margin-top: 100px;}
to { margin-top: 0px; }
}
@-moz-keyframes myfirst5 /* Firefox */ { 
from {margin-top: 100px;}
to { margin-top: 0px; }
}
 @-webkit-keyframes myfirst5 /* Safari and Chrome */ { 
from {margin-top: 100px;}
to { margin-top: 0px; }
}
 @-o-keyframes myfirst5 /* Opera */ { 
from {margin-top: 100px;}
to { margin-top: 0px; }
}
.jcbz p { text-align: center; font-size: 20px; color: #7d7d7d; margin-bottom: 40px; }
.xwkjj li h2 { color: #000; }
.xwkjj li h2:hover { color: #3ea3ff; }
.fader .prev, .fader .next { position: absolute; height: 73px; line-height: 73px; width: 73px; top: 50%; left: 50px; z-index: 4; margin-top: -25px; cursor: pointer; }
.fader .prev { background: url(../images/left1s.png) no-repeat; }
.fader .next { left: auto; right: 50px; background: url(../images/right1s.png) no-repeat; }
.fader_controls { opacity: 0; transition: all 150ms }
.cpzs li img { width: 100%; height: 100%; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: all 0.5s; }
.cpzs li:hover img { transform: scale(1.1); opacity: 1 }
/*领域*/
.poster-main { position: relative; padding-bottom: 80px; }
.poster-main a, .poster-main img { display: block; width: 100%; height: 100%; }
.poster-main img { }
.poster-main .poster-list { width: 1500px; height: 300px;/* float: left; padding: 0; */ }
.poster-main .poster-list .poster-item { width: 390px; height: 251px; float:left; margin-right:15px;}
.poster-main .poster-btn { width: 43px !important; height: 43px !important; position: absolute; bottom: 50px; cursor: pointer; filter: opacity(.5) brightness(1); }
.poster-main .poster-btn:hover { filter: opacity(1) brightness(2); }
.poster-main .poster-prev-btn { left: 50%; margin-left: -50px; background: url(../images/left.png) no-repeat center center; }
.poster-main .poster-next-btn { right: 50%; background: url(../images/right.png) no-repeat center center; margin-right: -50px; }
.poster-main a { position: relative; }
.poster-item-title { position: absolute; bottom: 0; right: 17px; font-size: 18px; text-align: center; line-height: 48px; display: block; }
/*流程*/
.lc_big { position: relative; }
.liucheng { width: 1400px; margin: 0 auto; height: 274px; margin-bottom: 40px; position: absolute; top: 0; left: 0; }
.lc_big .ylsp { text-align: center; font-size: 20px; color: #808080; margin-bottom: 40px;letter-spacing: 8px; }
.liucheng li { width: 158px; height: 158px; margin-top: 33px; margin-left: 33px; margin-right: 134px; float: left; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; /* Rotate div */
transform: rotate(45deg); -ms-transform: rotate(45deg); /* Internet Explorer */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari 和 Chrome */ -o-transform: rotate(45deg); /* Opera */ }
.liucheng .liuc1 { animation: myfirst 0.8s; -moz-animation: myfirst 0.8s; /* Firefox */ -webkit-animation: myfirst 0.8s; /* Safari and Chrome */ -o-animation: myfirst 0.8s; /* Opera */ }
.liucheng .liuc2 { animation: myfirst 1.5s; -moz-animation: myfirst 1.2s; /* Firefox */ -webkit-animation: myfirst 1.2s; /* Safari and Chrome */ -o-animation: myfirst 1.2s; /* Opera */ }
.liucheng .liuc3 { animation: myfirst 1.6s; -moz-animation: myfirst 1.6s; /* Firefox */ -webkit-animation: myfirst 1.6s; /* Safari and Chrome */ -o-animation: myfirst 1.6s; /* Opera */ }
.liucheng .liuc4 { animation: myfirst 2s; -moz-animation: myfirst 2s; /* Firefox */ -webkit-animation: myfirst 2s; /* Safari and Chrome */ -o-animation: myfirst 2s; /* Opera */ }
@keyframes myfirst { from {
margin-top:180px;
}
to { margin-top: 33px; }
}
@-moz-keyframes myfirst /* Firefox */ { from {
margin-top:180px;
}
to { margin-top: 33px; }
}
 @-webkit-keyframes myfirst /* Safari and Chrome */ { from {
margin-top:180px;
}
to { margin-top: 33px; }
}
 @-o-keyframes myfirst /* Opera */ { from {
margin-top:180px;
}
to { margin-top: 33px; }
}
.liucheng2 .liuc1 { animation: myfirst2 0.8s; -moz-animation: myfirst2 0.8s; /* Firefox */ -webkit-animation: myfirst2 0.8s; /* Safari and Chrome */ -o-animation: myfirst2 0.8s; /* Opera */ }
.liucheng2 .liuc2 { animation: myfirst2 myfirst 1.2s; -moz-animation: myfirst2 myfirst 1.2s; /* Firefox */ -webkit-animation: myfirst2 myfirst 1.2s; /* Safari and Chrome */ -o-animation: myfirst2 myfirst 1.2s; /* Opera */ }
.liucheng2 .liuc3 { animation: myfirst2 1.6s; -moz-animation: myfirst2 1.6s; /* Firefox */ -webkit-animation: myfirst2 1.6s; /* Safari and Chrome */ -o-animation: myfirst2 1.6s; /* Opera */ }
.liucheng2 .liuc4 { animation: myfirst2 2s; -moz-animation: myfirst2 2s; /* Firefox */ -webkit-animation: myfirst2 2s; /* Safari and Chrome */ -o-animation: myfirst2 2s; /* Opera */ }
@keyframes myfirst2 { from {
margin-top:150px;
}
to { margin-top: 0px; }
}
@-moz-keyframes myfirst2 /* Firefox */ { from {
margin-top:150px;
}
to { margin-top: 0px; }
}
 @-webkit-keyframes myfirst2 /* Safari and Chrome */ { from {
margin-top:150px;
}
to { margin-top: 0px; }
}
 @-o-keyframes myfirst2 /* Opera */ { from {
margin-top:150px;
}
to { margin-top: 0px; }
}
.liucheng .liuc1 { background: #f01c8a; }
.liucheng .liuc2 { background: #ea5c0b; }
.liucheng .liuc3 { background: #119c14; }
.liucheng .liuc4 { background: #2281eb; }
.liucheng2 { width: 1400px; margin: 0 auto; height: 274px; margin-bottom: 70px; position: relative; }
.liucheng2 li { width: 224px; height: 224px; padding-right: 101px; float: left; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; }
.liucheng2 li h3 { font-weight: normal; font-size: 24px; margin: 0; color: #FFF; }
.liucheng2 li span { color: #FFF; text-transform: uppercase; font-size: 12px; }
.liucheng2 li p { color: #808080;position: absolute; bottom: -55px; left: 36%; margin-left: -60px; width: 120px; font-size: 28px; letter-spacing: 4px; animation: myfirst3 8s; -moz-animation: myfirst3 8s; /* Firefox */ -webkit-animation: myfirst3 8s; /* Safari and Chrome */ -o-animation: myfirst3 8s; /* Opera */ }
.liucheng2 .jt img { position: absolute; right: 0; top: 50%; margin-top: -13px; animation: myfirst3 5s; -moz-animation: myfirst3 5s; /* Firefox */ -webkit-animation: myfirst3 5s; /* Safari and Chrome */ -o-animation: myfirst3 5s; /* Opera */ }
@keyframes myfirst3 { from {
opacity:0;
}
to { opacity: 1; }
}
@-moz-keyframes myfirst3 /* Firefox */ { from {
opacity:0;
}
to { opacity: 1; }
}
 @-webkit-keyframes myfirst3 /* Safari and Chrome */ { from {
opacity:0;
}
to { opacity: 1; }
}
 @-o-keyframes myfirst3 /* Opera */ { from {
opacity:0;
}
to { opacity: 1; }
}
.bish {
       width: 590px;
}
.ss {
       margin: -240px 0px 0px 592px;
}
.BB {
    float: left;
}

.iduo {
    float: left;
    margin: 162px 0px -292px 290px;
    text-indent: 2em;
}