body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:Arial,calibri; line-height:1;font-weight: normal;letter-spacing: 0;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/
.web-ie2018{ font-family: sans-serif;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
.web-ie2018 dl #img{    display: block;margin: 50px auto;}
.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}

/* center */
.center{width: 1180px;}
.swiper-pagination,.swiper-button-prev,.swiper-button-next{z-index: 1;}

/* headerwrap */
.headerwrap{width: 100%;box-sizing: border-box;z-index: 10;position: relative;}
.headerwrap.hwrap01{}
/* h-topwrap */
.h-topwrap{width: 100%;box-sizing: border-box;position: relative;}
.h-topwrap .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
/* h-top */
.h-top{margin: auto;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;-webkit-align-items: center;-webkit-justify-content: space-between;position: relative;height: 110px;}
.h-top .logo{display: block;}
/* h-phone */
.h-phone{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.h-phone img{display: block;}
.h-phone p{font-size: 16px;color: #0098D8;line-height: 24px;text-align: justify;;text-align-last: justify;text-justify: distribute-all-line;margin: 0 10px;font-weight: bold;}
.h-phone h3{font-size: 36px;color: #0098D8;font-weight: bold;}
/* header */
.header{width: 100%;background-color: #0066B5;}
.nav{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkkit-justify-content: space-between;}
.nav>li{width: calc((100% - 7px)/8);}
.nav>li>a{display: block;width: 100%;line-height: 48px;color: #fff;text-align: center;position: relative;z-index: 0;}
.nav>li>a::before{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);background-color: #0098D8;transition: all .3s;z-index: -1;}
.nav>li:hover>a::before,.nav li a.active::before{width: 100%;}

.header .navdown{width: 180px;position: absolute;background-color: rgba(0,0,0,0.5);opacity: 0;visibility: hidden;}
.header .navdown a{display: block;line-height: 40px;width: 100%;box-sizing: border-box;padding: 0 20px;color: #fff;font-size: 14px;}
.header .navdown a:hover{background-color: #0098D8;}
.header .nav>li:hover .navdown{opacity: 1;visibility: visible;}



.hamburger{display: none;}

/* footerwrap */
.footerwrap{width: 100%;box-sizing: border-box;padding: 45px 0;background-color: #F5F5F5;}
/* footer */
.footer{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
/* footer-l */
.footer-l{}
.f-nav{display: flex;display: -webkit-flex;margin-bottom: 40px;}
.f-nav a{display: block;font-size: 16px;color: #333333;margin-right: 40px;}
.f-nav a:last-child{margin-right: 0;}
/* f-list */
.f-list p{font-size: 14px;color: #333333;line-height: 30px;}
.f-list{margin-bottom: 30px;}
/* f-ba */
.f-ba{font-size: 14px;color: #999999;}
/* footer-r */
.footer-r{display: flex;display: -webkit-flex;}
.footer-r .item{display: block;text-align: center;margin-right: 50px;}
.footer-r .item:last-child{margin-right: 0;}
.footer-r .item img{display: block;margin: auto;}
.footer-r .item p{font-size: 14px;color: #666666;margin-top: 10px;}

/* bannerwrap */
.bannerwrap{width: 100%;position: relative;}
.bannerwrap img{width: 100%;}
/* b-text */
.b-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.b-text h3{font-size: 48px;color: #FFFFFF;font-weight: bold;text-transform: uppercase;opacity: 0.08;}
.b-text p{font-size: 48px;color: #fff;font-weight: bold;margin-top: -25px;}
.bannerwrap .bannerpage{position: absolute;width: 100%;left: 0;bottom: 40px;}
.bannerwrap .swiper-pagination-bullet{width: 16px;height: 16px;border-radius: 50%;opacity: 0.5;margin-right: 20px;background-color: #fff;}
.bannerwrap .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerwrap .swiper-pagination-bullet-active{opacity: 1;}

/* indexwrap */
.indexwrap{width: 100%;position: relative;padding: 1px 0;overflow: hidden;}
.indexwrap>.bg{width: 100%;position: absolute;top: 0;left: 0;}


/* index01wrap */
.index01wrap{margin: 80px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.i01-item{width: 180px;height: 180px;border: 1px solid #CCCCCC;border-radius: 8px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} 
.i01-item .imgbox{width: 60px;height: 60px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;margin: auto;}
.i01-item>div{width: 100%;}
.i01-item .imgbox img{display: block;max-width: 90%;max-height: 90%;transition: all .3s;}
.i01-item p{font-size: 22px;color: #333333;font-weight: 400;margin-top: 30px;text-align: center;}
.i01-item:hover .imgbox img{transform: rotateY(180deg);}
.i01-item:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);}

/* index02 */
.index02{margin: 80px auto;display: flex;display: -webkit-flex;position: relative;}
/* index02-l */
.index02-l{width: 50%;position: relative;}
.index02-l .i02-swiper{height: 100%;}
.index02-l .item{width: 100%;position: relative;}
.index02-l .item img{display: block;width: 100%;height: 100%;object-fit: cover;}
.index02-l .item .text{font-size: 22px;color: #FFFFFF;line-height: 44px;position: absolute;left: 0;bottom: 30px;box-sizing: border-box;padding: 0 60px;}
.index02-l .swiper-button-next,.index02-l .swiper-button-prev{width: 24px;height: 40px;background-size: 100%;filter: grayscale(1) brightness(111);}
/* index02-r */
.index02-r{width: 50%;box-sizing: border-box;padding-left: 70px;}
/* i02-top */
.i02-top{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;padding-bottom: 20px;border-bottom: 1px solid #EEEEEE;justify-content: space-between;-webkit-justify-content: space-between;}
.i02-top h3{font-size: 30px;color: #333333;font-weight: bold;}
.i02-top .tomore{transition: all .3s;}
.i02-top .tomore:hover{transform: scale(1.1);}
.i02-top a{font-size: 16px;color: #333333;font-weight:bold;border-bottom:2px solid transparent;padding-bottom:5px;}
.i02-top a.active{color: #0066B5;border-color:#0066B5;}
/* index02-rlist */
.index02-rlist{width: 100%;margin-top: 20px;}
.index02-rlist a{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;-webkit-align-items: center;-webkit-justify-content: space-between;}
.index02-rlist a p{font-size: 16px;color: #333333;line-height: 48px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 80%;}
.index02-rlist a span{font-size: 14px;color: #999999;}
.index02-rlist a:hover p{color: #0066B5;}
.index02-rlist li{display:none;}
.index02-rlist li:first-child{display:block;}

/* index03 */
.index03{margin: 80px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;}
/* index03-l */
.index03-l{width: 50%;box-sizing: border-box;padding-right: 80px;}
/* index03-lmin */
.index03-lmin{width: 100%;background-color: #F5F5F5;padding: 30px 90px;box-sizing: border-box;margin-top: 20px;position: relative;}
.index03-lmin h3{font-size: 24px;color: #333333;text-align: center;margin-bottom: 30px;}
.index03-lmin .list{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.index03-lmin .list a{display: block;width: calc((100% - 18px)/4);margin-right: 6px;margin-bottom: 6px;background-color: #fff;line-height: 60px;font-size: 18px;color: #333333;text-align: center;}
.index03-lmin .list a:hover{background-color: #0066B5;color: #fff;}
.index03-lmin .list a:nth-of-type(4n){margin-right: 0;}
.index03-lmin .i03prev,.index03-lmin .i03next{background-image: none;font-size: 60px;color: #0066B5;}
.index03-lmin .i03prev{left: 30px;}
.index03-lmin .i03next{border-right-width: 30px;}

/* index03-r */
.index03-r{width: 50%;}
/* index03-rmin */
.index03-rmin{width: 100%;margin-top: 20px;}
.index03-rmin a{display: block;width: 100%;display: flex;display: -webkit-flex;margin-bottom: 20px;}
.index03-rmin a .data{width: 64px;background-color: #F7F7F7;text-align: center;}
.index03-rmin a .data p{font-size: 16px;color: #FFFFFF;background-color: #0066B5;line-height: 32px;}
.index03-rmin a .data h3{font-size: 16px;color: #999999;line-height: 32px;border: 1px solid #D5D5D5;box-sizing: border-box;}
.index03-rmin a h4{width: calc(100% - 64px);box-sizing: border-box;padding-left: 30px;font-size: 16px;color: #333333;line-height: 24px;}
.index03-rmin a h4:hover{color: #0066B5;}

/* mbxwrap */
.mbxwrap{width: 100%;overflow: hidden;position: relative;border-bottom: 1px solid #F5F5F5;}
/* mbx */
.mbx{margin: auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;height: 60px;}
.mbx img{display: block;margin-right: 10px;}
.mbx p,.mbx a,.mbx i{font-size: 14px;color: #222222;}
.mbx i{margin: 0 10px;}
/* aboutwrap */
.aboutwrap{margin: 40px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;z-index: 1;align-items: flex-start;-webkit-align-items: flex-start;}
/* about-l */
.about-l{width:310px;margin-bottom: 200px;}
.about-l .tl{width: 100%;box-sizing: border-box;position: relative;height: 70px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;padding-left: 28px;}
.about-l .tl .bg{width:100%;height: 100%;position: absolute;object-fit: cover;object-position: right;left: 0;top: 0;}
.about-l .tl h3{font-size: 24px;color: #FFFFFF;padding-left: 15px;border-left: 8px solid #fff;position: relative;}
.about-l .list{background-color: #F7F8FA;width: 100%;min-height: 630px;}
.about-l .list a{display: block;padding: 0 50px;font-size: 16px;color:#555555;line-height: 60px;border-top: 1px solid #FFFFFF;box-sizing: border-box;}
.about-l .list a:hover,.about-l .list a.active{background-color: #0066B5;color: #fff;}
/* about-r */
.about-r{width: calc(100% - 370px);margin-bottom: 200px;}
/* about */
.about{width: 100%;}
.about-tl{width: 100%;margin-bottom: 60px;}
.about-tl h3{font-size: 28px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.about-tl h4{font-size: 16px;color: #222222;line-height: 30px;}
/* aboutmin */
.aboutmin{width: 100%;}
.aboutmin p{font-size: 16px;color: #222222;line-height: 30px;}
.aboutmintop{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.aboutmint-l{width: calc((2*(100% - 40px) / 3) + 20px);}
.aboutmin .item{overflow: hidden;}
.aboutmin .item img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.aboutmin .item:hover img{transform: scale(1.1);}
/* aboutmint-r */
.aboutmint-r{width: calc((100% - 40px)/3);}
.aboutmint-r .item{width: 100%;overflow: hidden;height: calc((100% - 20px)/2);}
.aboutmint-r .item img{}
.aboutmint-r .item:last-child{margin-top: 20px;}
/* aboutminbot */
.aboutminbot{width: 100%;position: relative;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 20px;}
.aboutminbot .item{width: calc((100% - 40px)/3);}

/* organization */
.organization{width: 100%;}
.organization .aboutmin{width: 100%;}
.organization .aboutmin img{width: auto;margin: auto;max-width: 100%;}

/* historymin */
.historymin{width: 100%;position: relative;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap:wrap;align-items: flex-start;-webkit-align-items: flex-start;}
.historymin .item{width: calc((100% - 100px)/2);box-sizing: border-box;padding: 30px 50px;position: relative;background-color: #fff;filter: drop-shadow(0px 0px 1px #BFBFBF);}
.historymin .item h3{font-size: 24px;color: #0381C9;margin-bottom: 20px;}
.historymin .item p{font-size:14px;line-height: 24px;color: #222222;}
.historymin .item::before{content: '';display: block;border: 6px solid transparent;border-left-color: #fff;position: absolute;right: -12px;top: 50%;transform: translateY(-50%);}
.historymin .item strong{display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;width: 20px;height: 20px;box-sizing: border-box;border: 2px solid #0381C9;border-radius: 50%;position: absolute;right: -60px;top: 50%;margin-top: -10px;background-color: #fff;}
.historymin .item strong::before{content: '';display: block;width: 8px;height: 8px;background-color: #0381C9;border-radius: 50%;}
.historymin .item:nth-of-type(2n) strong{right: initial;left: -60px;}
.historymin .item:nth-of-type(2n)::before{right: initial;left: -12px;border-color: transparent;border-right-color: #fff;}
.historymin .item:nth-of-type(2n){margin-top: 100px;;}
.historymin::before{content: '';display: block;width: 2px;height: 100%;background-color: #BFBFBF;position: absolute;left: 50%;top: 0;margin-left: -1px;transform: scaleX(0.5);}
.historymin::after{content: '';display: block;border: 8px solid transparent;border-bottom-color: #BFBFBF;position: absolute;left: 50%;top: -16px;margin-left: -8px;}

/* teamwrap */
.teamwrap{width: 100%;}
/* team */
.team{width: 100%;}
.team li{margin-bottom: 60px;}
.team .tl{font-size: 18px;color: #222222;box-sizing: border-box;border-left: 5px solid #0066B5;padding-left: 15px;margin-bottom: 30px;font-weight: bold;}
.team .list{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap}
.team .list .item{width: calc((100% - 90px)/4);margin-right: 30px;display: block;margin-bottom: 40px;}
.team .list .item:nth-of-type(4n){margin-right: 0;}
.team .list .item .imgbox{width: 100%;overflow: hidden;}
.team .list .item .imgbox img{width: 100%;transition: all .3s;}
.team .list .item:hover .imgbox img{transform: scale(1.1);}
.team .list .item p{font-size: 16px;color: #222222;margin-top: 15px;text-align: center;}
.team .list .item:hover p{color: #0066B5;}
.team .list.list02 .item{width: calc((100% - 30px)/2);}
.team .list.list02 .item:nth-of-type(2n){margin-right: 0;}
.team li:last-child{margin-bottom: 0;}

/* teaminfo */
.teaminfo{width: 100%;position: relative;}
.teaminfo .tl{padding-bottom: 30px;border-bottom: 1px solid #E5E5E5;margin-bottom: 40px;}
.teaminfo .tl h3{font-size: 18px;color: #222222;box-sizing: border-box;border-left: 5px solid #0066B5;padding-left: 15px;font-weight: bold;}
.teaminfo .info{width: 100%;}
.teaminfo .info img{margin: auto;max-width: 100%;margin-bottom: 40px;}
.teaminfo .info h3{font-size: 20px;color: #222222;margin-bottom: 40px;text-align: center;}
.teaminfo .info h4{font-size:16px;color: #888888;line-height: 30px;text-align: center;}

/* newswrap */
.newswrap{width: 100%;}
.news{width: 100%;}
.news a{width: 100%;box-sizing: border-box;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;display: flex;display: -webkit-flex;height: 60px;border-bottom: 1px solid #EEEEEE;position: relative;}
.news a p{font-size: 16px;color: #333333;width: calc(100% - 120px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news a span{font-size: 16px;color: #999999;}
.news a::before{content: '';display: block;width: 0%;height: 1px;background-color: #0066B5;position: absolute;left: 0;bottom: 0;transition: all .5s;}
.news a:hover::before{width: 100%;}
.news a:hover p{color: #0066B5;}


/* news-page */
.n-page{margin-top: 40px;}
.part  .el-pagination{text-align: center;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;box-sizing: border-box;padding: 0;}
.part  .el-pagination .btn-prev{width:80px;height:36px;background:transparent;border: 1px solid #888888;margin-right: 6px;padding: 0;background-color: #fff;border-radius: 3px;}
.part  .el-pagination .btn-next{width:80px;height:36px;background:transparent;border: 1px solid #888888;padding: 0;background-color: #fff;border-radius: 3px;}
 .part  .el-pagination .btn-prev .el-icon-arrow-left:before{font-size:14px;content:"上一页";color: #888888;}
 .part  .el-pagination .btn-next .el-icon-arrow-right:before{font-size:14px;content:"下一页";color: #888888;}
 .part  .el-pagination .btn-quickprev{width:36px;height:36px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quickprev:before{content:""}
 .part  .el-pagination .btn-quicknext{width:36px;height:36px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quicknext:before{content:""}
 .part  .el-pagination__jump{display:none!important;}
.el-pager{display: flex;display: -webkit-flex;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{box-shadow: none;}
.part .el-pagination .btn-quicknext::after,.part .el-pagination .btn-quickprev::after{display: none;}
.el-pager li{width: 36px;height: 36px;background-color: #F4F4F4;margin-right: 6px;line-height: 36px;border-radius: 3px;}
.el-pager li.active{background-color: #0066B5;color: #fff;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{margin-top:0;text-align:center;background-color:#F4F4F4;display:flex;display:-webkit-flex;align-items:center;-webkti-align-items:center;justify-content:center;-wbekit-justify-content:center;}
.part .el-pagination .btn-quicknext:before,.part .el-pagination .btn-quickprev:before{content:'···';width:auto;height:auto;position:relative;background-color:transparent;}

/* ninfowrap */
.ninfowrap{width: 100%;}
/* ninfo-top */
.ninfo-top{width: 100%;padding-bottom: 40px;border-bottom: 1px solid #E5E5E5;text-align: center;margin-bottom: 50px;}
.ninfo-top h3{font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 40px;}
.ninfo-top .data{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.ninfo-top .data p{font-size: 14px;color: #888888;margin-right: 50px;}
.ninfo-top .data p:last-child{margin-right: 0;}
/* ninfo */
.ninfo{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #E5E5E5;}
.ninfo h3{font-size: 18px;color: #333333;font-weight: bold;margin-bottom: 10px;}
.ninfo p,.ninfo h1{font-size: 16px;color: #333333;line-height: 30px;margin-bottom: 30px;}
.ninfo img{margin: auto;max-width: 100%;}
/* ninfo-page */
.ninfo-page{width: 100%;padding-top: 40px;}
.ninfo-page a{font-size: 16px;color: #666666;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.ninfo-page a:hover{color: #0066B5;}

/* noticewrap */
.noticewrap{width: 100%;}
.notice{width: 100%;}
.notice .item{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkitjustify-content: space-between;border-bottom: 1px solid #E5E5E5;padding: 20px 0;}
.notice .item .data{text-align: center;}
.notice .item .data h3{font-size: 36px;color: #0066B5;}
.notice .item .data p{font-size: 14px;color: #0066B5;margin-top: 10px;}
.notice .item h4{width: calc(100% - 100px);font-size: 16px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* culturewrap */
.culturewrap{width:100%;}
/* culture */
.culture{width: 100%;}
.culture .item{width: 100%;position: relative;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;border-bottom: 1px solid #E5E5E5;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.culture .item::before{content: '';display: block;width: 0%;height: 1px;background-color: #0066B5;position: absolute;left: 0;bottom: 0;transition: all .5s;}
.culture .item:hover::before{width: 100%;}
.culture .item .imgbox{width: 180px;height: 125px;overflow: hidden;}
.culture .item .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.culture .item:hover .imgbox img{transform: scale(1.1);}
.culture .item .text{width: calc(100% - 180px);box-sizing: border-box;padding-left: 30px;}
.culture .item .text h3{font-size: 16px;color: #222222;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.culture .item .text h4{font-size: 14px;color: #666666;line-height: 20px;}
.culture .item .text p{font-size: 14px;color: #888888;margin-top: 30px;}
.culture .item:hover .text h3{color: #0066B5;}

/* servicewrap */
.servicewrap{width: 100%;}
.service{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.service .item{width: calc((100% - 80px)/4);margin-right: 40px;margin-bottom: 50px;}
.service .item:nth-of-type(4n){margin-right: 0;}
.service .item .imgbox{width: 100%;overflow: hidden;border-radius: 10px;}
.service .item .imgbox img{width: 100%;transition: all .3s;}
.service .item:hover .imgbox img{transform: scale(1.1);}
.service .item p{font-size: 14px;color: #333333;line-height: 22px;margin-top: 12px;text-align: center;}
.service .item:hover p{color: #0066B5;}

/*service-top*/
.service-top{width: 100%;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin-bottom:20px;}
.service-top a{width: calc((100% - 90px)/4);margin-right: 30px;text-align:center;margin-bottom:50px;padding: 30px 20px;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;}
.service-top a:nth-of-type(4n){margin-right:0;}
.service-top a img{width: auto;margin:auto;}
.service-top a p{font-size: 20px;color: #333333;margin-top:20px;font-weight:bold;}
.service-top a:hover p{color: #0066B5;}
/*service-cont*/
.service-cont{width: 100%;}