@charset "utf-8";
/* CSS Document */
body, td, th { font-family: "iconfont", 黑体, "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; font-size: 14px; color: #333; }

body, form { margin: 0px; width: 100%; }
body { padding-top: 100px; }
body.graybg { background: #eee; }
* { text-justify: inter-ideograph; text-align: justify; }
a:link { color: #333; text-decoration: none; }
a:visited { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #333; }
a:active { text-decoration: none; color: #333; }
img { border: 0px; }
ul, li, dl, dt, dd, p { margin: 0px; padding: 0px; list-style: none; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; font-weight: normal; }
h1 { font-size: 36px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
.green, a.green { color: #7abf4b; }
.orange, a.orange { color: #ff6600; }
.blue, a.blue { color: #007cc3; }
.red, a.red { color: #f00; }
.gray, a.gray { color: #999; }
.hover-black, .hover-gray { transition: all .3s; }
.hover-black:hover { color: #333; }
.hover-gray:hover { color: #999; }


.flex-column { display: flex; flex-direction: column; }
.flex-column .full { flex: 1; }

.ellipsis-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis-2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }

[data-scroll-active] { opacity: 0; transform: translateY(100px); transition: all .5s; }
[data-scroll-active].active { opacity: 1; transform: translateY(0); }

/*列表 3列 大间距*/
.list-3col { display: flex; flex-wrap: wrap; }
.list-3col .item { width: 32%; margin-right: 2%; margin-top: 2%; }
.list-3col .item:nth-child(3n) { margin-right: 0; }
.list-2col { display: flex; flex-wrap: wrap; }
.list-2col .item { width: 49.5%; margin-right: 1%; margin-top: 1%; }
.list-2col .item:nth-child(2n) { margin-right: 0; }


input[type=text], input[type=button], input[type=submit], textarea { outline: none; -webkit-appearance: none; font-family: 微软雅黑,Arial, Helvetica, sans-serif; font-size: 14px; }
/*
   768   1000    1300   1500 
*/
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #fff; }
::-webkit-scrollbar-thumb { background: #1b1b1b; }
::-webkit-scrollbar-thumb:window-inactive { background: #1b1b1b; }
::-webkit-scrollbar-thumb:vertical:hover { background: #1b1b1b; }

.container { margin: 0 auto; max-width: 1400px; }

/*
header
    1000+ 
    1000-
    768及以下
*/
.header { position: fixed; z-index: 999; left: 0; top: 0; height: 100px; width: 100%; background: #fff; }
.header .logo { float: left; margin-top: 30px; }
.header .logo img { height: 40px; }
.header .navbox { float: right; line-height: 100px; }
.header .navbox .m-close { display: none; }
.header .navbox .nav-link { float: left; }
.header .navbox .nav-link .item { float: left; padding: 0 15px; }
.header .navbox .nav-link .line { float: left; margin: 43px 15px 0 15px; width: 1px; height: 14px; background: #ddd; overflow: hidden; }
.header .navbox .nav-link .item:hover .tit-a { color: #888; }
.header .navbox .nav-link .item .sub { position: absolute; left: 0; top: 100px; width: 100%; height: 0px; transition: all .2s; background: #fff; box-shadow: 0 0 1px rgba(0,0,0,.3); overflow: hidden; display: flex; justify-content: flex-end; line-height: 50px; box-sizing: border-box; padding: 0 5%; }
.header .navbox .nav-link .item .sub a { margin: 0 15px; color: #888; position: relative; }
.header .navbox .nav-link .item .sub a:after { position: absolute; left: 50%; bottom: 0; width: 0px; height: 3px; overflow: hidden; background: #222; content: ''; transition: all .3s; }
.header .navbox .nav-link .item:hover .sub a:hover { color: #333; }
.header .navbox .nav-link .item:hover .sub a:hover:after { left: 0; width: 100%; }
.header .navbox .nav-link .item:nth-child(3) .sub a:last-child { margin-right: 200px; }
.header .navbox .nav-link .item:nth-child(4) .sub a:last-child { margin-right: 250px; }
.header .navbox .nav-link .item:nth-child(5) .sub a:last-child { margin-right: 160px; }
.header .navbox .nav-link .item:hover .sub { height: 50px; }
.header .navbox .extra-link { float: left; }
.header .navbox .extra-link .item { float: left; margin-left: 20px; position: relative; }
.header .navbox .extra-link .item a { font-size: 20px; }
.header .navbox .extra-link .item .sub { position: absolute; left: 50%; top: 70px; margin-left: -60px; display: none; }
.header .navbox .extra-link .item .sub img { display: block; width: 100px; background: #fff; padding: 10px; }
.header .navbox .extra-link .item:hover .sub { display: block; }
.header .m-btn { display: none; }


.footer { }
.footer .contact { background: #f5f5f5; padding: 50px 0; }
.footer .contact .container { display: flex; justify-content: space-between; }
.footer .contact .container .address { width: 40%; }
.footer .contact .tit { font-size: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.footer .contact .container .address dl { margin-top: 10px; overflow: hidden; margin-top: 15px; }
.footer .contact .container .address dl dt { float: left; color: #888; }
.footer .contact .container .address dl dd { margin-left: 20px; }
.footer .contact .container .address dl .icon-chuanzhen { }
.footer .contact .container .address dl .icon-youxiang { }
.footer .contact .container .address dl .icon-icon-test { }
.footer .contact .container .wechat { width: 20%; }
.footer .contact .container .wechat .tit { }
.footer .contact .container .wechat img { margin-top: 10px; width: 100px; display: block; padding: 10px; background: #fff; }
.footer .contact .container .advisory { width: 20%; }
.footer .contact .container .advisory .tit { }
.footer .contact .container .advisory a { display: block; float: left; border: 1px solid #ddd; line-height: 38px; padding: 0 15px; margin-top: 10px; transition: all .3s; color: #888; }
.footer .contact .container .advisory a:before { margin-right: 10px; }
.footer .contact .container .advisory a:hover { background: #222; color: #fff; }
.footer .copyright { background: #222; color: #fff; padding: 20px 0; text-align: center; }
.footer .copyright .container { }
.footer .copyright-wap { display: none; }



/*详细页 上一条 返回 下一条*/
.bot-paging.active { bottom: 10px; }
.bot-paging { position: fixed; z-index: 9999; bottom: -50px; left: 2%; width: 96%; display: flex; justify-content: space-between; line-height: 30px; height: 30px; overflow: hidden; transition: all .3s; }
.bot-paging a.disabled { opacity: 0; }
.bot-paging a { display: block; position: relative; color: #fff; width: 30px; transition: all .3s; }
.bot-paging a i { position: relative; z-index: 2; display: block; border-radius: 15px; background: rgba(0,0,0,.2); width: 30px; display: block; text-align: center; transition: all .3s; font-style: normal; }
.bot-paging a span { display: block; position: absolute; z-index: 0; top: 0; background: rgba(0,0,0,.2); border-radius: 15px; width: 0px; overflow: hidden; transition: all .3s; opacity: 0; }
.bot-paging .prev i:before,
.bot-paging .next i:before { content: "\e616"; font-size: 14px; }
.bot-paging .prev i { transform: rotate(180deg); }
.bot-paging .next span { right: 0; }
.bot-paging .prev span { left: 0; }
.bot-paging .prev:hover i,
.bot-paging .next:hover i { background: #222; }
.bot-paging .prev:hover span { opacity: 1; width: auto; padding: 0 20px 0 45px; }
.bot-paging .next:hover span { opacity: 1; width: auto; padding: 0 45px 0 20px; }
.bot-paging .return i:before { content: "\e612"; font-size: 14px; }
.bot-paging .return span { left: 0; width: 100%; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.bot-paging .return:hover { width: 160px; }
.bot-paging .return:hover span { opacity: 1; width: 100%; text-align: center; }

/*内页 banner*/
.b-inner-banner { position: relative; overflow: hidden; display: flex; align-items: center; height: 35vw; }
.b-inner-banner .pic { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.b-inner-banner .tit { position: relative; z-index: 2; }
.b-inner-banner .tit h1 { color: #fff; }
.b-inner-banner .tit h1:after { margin-top: 15px; margin-left: 5px; display: block; content: ''; width: 15px; height: 2px; overflow: hidden; background: rgba(255,255,255,.3);; }
.b-inner-banner .tit p { margin-top: 20px; color: #fff; opacity: .7; }

/*文本显示块*/
.b-tecent1 { padding: 3vw; }
.b-tecent1 h2:after { margin-top: 15px; display: block; content: ''; width: 15px; height: 2px; overflow: hidden; background: rgba(0,0,0,.2);; }
.b-tecent1 h3 { margin-top: 15px; font-weight: normal; }
.b-tecent1 p { margin-top: 15px; font-size: 13px; color: #888; line-height: 20px; line-height: 180%; }
.b-tecent1 .link-radius { display: flex; flex-wrap: wrap; margin-left: -20px; line-height: 30px; }
.b-tecent1 .link-radius a { margin-left: 20px; margin-top: 20px; border-radius: 16px; padding: 0 15px; border: 1px solid #888; color: #888; transition: all .3s; }
.b-tecent1 .link-radius a:hover { background: #fff; color: #333; border-color: #fff; }
.b-tecent1 .view { display: block; margin-top: 30px; border-radius: 50%; text-align: center; border: 1px solid #ddd; width: 34px; line-height: 34px; font-size: 20px; color: #888; transition: all .2s; }
.b-tecent1 .view:before { content: "\e799"; }
.b-tecent1 .view:hover { background: #222; color: #fff; border-color: #222; }

.b-tecent1 .b-link { transform: translateY(2vw); }
.b-link { overflow: hidden; display: block; border-top: 1px solid #eee; line-height: 40px; }
.b-link .fl { float: left; margin-right: 15px; }
.b-link .fr { float: right; }
.b-link .fr:before { content: "\e799"; font-size: 20px; }
/*图片显示 鼠标经过放大*/
.b-picshow1 { position: relative; overflow: hidden; }
.b-picshow1 img { position: relative; z-index: 0; width: 100%; display: block; transition: all .5s; }
.b-picshow1 .bgbox { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: .3s; }
.b-picshow1 .bgbox .text { color: #fff; line-height: 30px; font-size: 12px; }
.b-picshow1 .bgbox .line { width: 100px; height: 1px; background: #fff; overflow: hidden; transition: all .5s; }
.b-picshow1:hover img { transform: scale(1.05); }
.b-picshow1:hover .bgbox { opacity: 1; }
.b-picshow1:hover .bgbox .line { width: 10px; }
.b-picshow1.not-link:hover img { transform: none; }
/*图片显示 一边图一边文本*/
.b-picshow2 { display: flex; background: #fff; align-items: center; }
.b-picshow2 .b-picshow1 { width: 63%; }
.b-picshow2 .b-tecent1 { flex: 1; }


.b-picshow2.black { background: #222; }
.b-picshow2.black .b-tecent1 { color: #fff; }
.b-picshow2.black .b-tecent1 h2:after { background: rgba(255,255,255,.3); }
.b-picshow2.black .b-tecent1 .view { color: #fff; border-color: #fff; }
.b-picshow2.black .b-tecent1 .view:hover { background: #fff; color: #222; border-color: #fff; }
/*首页*/
.p-index { }
.p-index .banner { height: 100%; position: relative; z-index: 0; }
.p-index .banner .swiper-container { z-index: 0; }
.p-index .banner .swiper-pagination { position: relative; z-index: 2; bottom: 30px; display: flex; justify-content: flex-start; }
.p-index .banner .swiper-pagination .swiper-pagination-bullet-active,
.p-index .banner .swiper-pagination .swiper-pagination-bullet { margin-right: 5px; width: 50px; height: 2px; border-radius: inherit; background: rgba(255,255,255,.3); opacity: 1; position: relative; }
.p-index .banner .swiper-pagination .swiper-pagination-bullet:before { display: block; content: ''; position: absolute; left: 0; height: 2px; width: 0px; background: #fff; overflow: hidden; }
.p-index .banner .swiper-pagination .swiper-pagination-bullet.show:before { animation: animation2 3s 1 linear forwards; }

@keyframes animation2 {
    100% { width: 100%; }
}

.p-index .aboutbox { }
.p-index .aboutbox { background: #fff; display: flex; justify-content: space-between; }
.p-index .aboutbox .lcent { padding: 10vw 10vw 0 40px; width: 50%; box-sizing: border-box; position: relative; }
.p-index .aboutbox .lcent:after { position: absolute; right: 0; top: 0; display: block; content: 'SERVICE'; width: 10vw; line-height: 10vw; text-align: center; background: #f5f5f5; }
.p-index .aboutbox .ccent { }
.p-index .aboutbox .rcent { position: relative; z-index: 3; width: 50%; background: #fff; opacity: 0; transition: all .5s; }
.p-index .aboutbox .rcent .b-tecent1 { height: 20vw; min-height: 290px; box-sizing: border-box; }
.p-index .aboutbox .rcent .b-tecent1 p { font-size: 16px; }

.p-index .aboutbox.active .rcent { margin-top: -10vw; opacity: 1; }

.p-index .test-items { margin-top: 15px; }

.p-index .cooperate { margin-top: 15px; }
.p-index .cooperate { box-sizing: border-box; padding: 3% 3% 3% 3%; background: #fff; }
.p-index .cooperate .category { overflow: hidden; margin-top: 20px; }
.p-index .cooperate .category a { float: left; margin-right: 5px; line-height: 36px; padding: 0 20px; background: #f5f5f5; }
.p-index .cooperate .category .active { background: #222; color: #fff; }
.p-index .cooperate .list { display: flex; flex-wrap: wrap; margin: 15px -5px 0 -5px; }
.p-index .cooperate .list .item { width: 20%; padding: 5px; box-sizing: border-box; position: relative; }
.p-index .cooperate .list .item img { position: relative; z-index: 0; display: block; width: 100%; box-shadow: 0 0 2px rgba(0,0,0,.1); }
.p-index .cooperate .list .item .cent { position: absolute; z-index: 2; left: 5px; bottom: 5px; top: 5px; right: 5px; background: rgba(0,0,0,.7); color: #fff; padding: 20px 15px; transition: all .5s; opacity: 0; transition: all .5s; display: flex; align-items: center; justify-content: center; }

.p-index .cooperate .list .item:hover .cent { opacity: 1; }

.p-index .technology { margin-top: 15px; }
.p-index .technology .item { margin-top: 0; background: #fff; }



.p-index .news { margin-top: 15px; box-sizing: border-box; padding: 0 3% 3% 3%; background: #fff; }

.p-index .news .list .item { position: relative; overflow: hidden; }
.p-index .news .list .item:hover { transform: translateY(-5px); }
.p-index .news .list .item .pic { overflow: hidden; }
.p-index .news .list .item .pic img { display: block; width: 100%; transition: all .5s; }
.p-index .news .list .item .pic:hover img { transform: scale(1.05); }
.p-index .news .list .item .cent { border: 1px solid #eee; padding: 0 10px; }
.p-index .news .list .item .cent .title { margin-top: 15px; }
.p-index .news .list .item .cent .summary { margin-top: 10px; color: #888; margin-top: 5px; transition: all .3s; }
.p-index .news .list .item .cent .view { margin-top: 10px; line-height: 36px; color: #888; font-weight: bold; border-top: 1px solid #eee; transition: all .3s; }
.p-index .news .list .item .cent .view:after { content: "\e616"; float: right; }
.p-index .news .list .item .cent .summary:hover,
.p-index .news .list .item .cent .view:hover { color: #333; }

.b-tit { overflow: hidden; padding-top: 3%; }
.b-tit h2:after { content: ''; margin-top: 10px; display: block; width: 15px; height: 2px; overflow: hidden; background: rgba(0,0,0,.2); }
.b-tit p { float: left; color: #888; font-size: 12px; margin-top: 10px; }
.b-tit .more { float: right; }
.b-tit .more:before { margin-right: 10px; content: "\e612"; }




/*新闻中心*/
.p-news { padding: 5vw 0; }
.p-news .list { }
.p-news .list .item { }
.p-news .list .item:hover { transform: translateY(-5px); }
.p-news .list .item .pic { overflow: hidden; }
.p-news .list .item .pic img { display: block; width: 100%; transition: all .5s; }
.p-news .list .item .pic img:hover { transform: scale(1.05); }
.p-news .list .item .cent { background: #fff; padding: 6% 6% 0 6%; }
.p-news .list .item .cent .date { width: 85px; border-right: 1px solid #eee; }
.p-news .list .item .cent .date .day { font-size: 60px; font-weight: bold; }
.p-news .list .item .cent .date .month { color: #888; }
.p-news .list .item .cent .title { font-size: 16px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p-news .list .item .cent .summary { color: #888; margin-top: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; transition: all .3s; }
.p-news .list .item .cent .detail { margin-top: 10px; line-height: 40px; border-top: 1px solid #eee; font-weight: bold; color: #888; transition: all .3s; }
.p-news .list .item .cent .detail:after { float: right; content: "\e616"; }
.p-news .list .item .cent .summary:hover,
.p-news .list .item .cent .detail:hover { color: #333; }

/*分页*/
.pagerhtml { display: flex; justify-content: center; line-height: 36px; margin-top: 40px; }
.pagerhtml span { display: none; }
.pagerhtml a { margin: 0 5px; background: #fff; box-sizing: border-box; min-width: 36px; text-align: center; padding: 0 10px; transition: all .3s; }
.pagerhtml a.disabled { display: none; }
.pagerhtml a.current,
.pagerhtml a:hover { background: #222; color: #fff; }
/*新闻详细*/
.p-newdetail { background: #fff; padding: 5vw 3vw; }
.p-newdetail .title { font-size: 20px; }
.p-newdetail .time { padding: 10px 0; color: #888; }
.p-newdetail .content { border-top: 1px solid #eee; padding-top: 20px; line-height: 160%; color: #666; }
.p-newdetail .content img { display: block; margin: 0 auto; max-width: 100%; }
/*公司介绍*/
.p-about { }
.p-about .about { margin-top: 15px; display: flex; flex-wrap: wrap; }
.p-about .about .lcent { background: #fff; width: 55%; box-sizing: border-box; padding: 5% 3%; }
.p-about .about .lcent h1 {  font-weight: bold; }
.p-about .about .lcent h3 { margin-top: 3%; }
.p-about .about .lcent p { margin-top: 5%; font-size: 16px; }
.p-about .about .rcent { background: #222; width: 45%; box-sizing: border-box; padding: 5% 3%; color: #fff; }

.p-about .about .rcent h2:after { display: block; content: ''; width: 15px; height: 2px; overflow: hidden; background: #fff; margin-top: 15px; }
.p-about .about .rcent h3 { color: #888; margin-top: 20px; }
.p-about .about .rcent ul { display: flex; flex-wrap: wrap; margin-top: 50px; }
.p-about .about .rcent ul li { min-width: 120px; width: 28%; margin-right: 7%; box-sizing: border-box; border-right: 1px solid #aaa; }
.p-about .about .rcent ul li:nth-child(3n) { border-right: none; margin-right: 0; }
.p-about .about .rcent ul li .t { opacity: .8; }
.p-about .about .rcent ul li .c { line-height: 60px; font-size: 30px; display: flex; align-items: center; }
.p-about .about .rcent ul li .c strong { margin-right: 10px; font-size: 40px; font-weight: normal; }
.p-about .about .rcent ul li .b { opacity: .5; font-size: 12px; }

.p-about .b-picshow2 { margin-top: 15px; }
.p-about .ambient { margin-top: 100px; opacity: 0; transition: all .5s; }
.p-about .ambient.active { margin-top: 15px; opacity: 1; }
.p-about .ambient .item { position: relative; overflow: hidden; margin-top: 0; }
.p-about .ambient .item img { position: relative; z-index: 0; display: block; width: 100%; }
.p-about .ambient .item .cent { position: absolute; z-index: 2; left: 0; bottom: -100px; right: 0; background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.6)); color: #fff; padding: 20px 15px; transition: all .3s; }
.p-about .ambient .item .cent h2 { font-size: 16px; }
.p-about .ambient .item .cent p { margin-top: 10px; opacity: .8; }
.p-about .ambient .item:hover .cent { bottom: 0; }

/*公司资质页*/
.p-qualification { margin-top: 15px; }
.p-qualification .list { display: flex; flex-wrap: wrap; }
.p-qualification .list .item { width: 25%; position: relative; }
.p-qualification .list .item img { display: block; width: 100%; position: relative; z-index: 0; }
.p-qualification .list .item .cent { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; display: flex; justify-content: center; align-items: center; opacity: 0; transition: all .5s; }
.p-qualification .list .item .cent p { }
.p-qualification .list .item:hover .cent { opacity: 1; }
.p-qualification .list .item.about { width: 50%; background: #fff; display: flex; align-items: center; }


/*服务流程*/
.p-serviceprocess { background: url(/Content/Home/images/sol34.jpg) no-repeat center center; background-size: cover; color: #fff; padding: 100px 0; transform: translateY(100px); opacity: 0; transition: all .5s; }
.p-serviceprocess.active { transform: translateY(0); opacity: 1; }
.p-serviceprocess .tit { text-align: center; font-size: 36px; }
.p-serviceprocess .list:before { content: ''; width: 1px; background: rgba(255,255,255,.3); overflow: hidden; position: absolute; left: 10px; top: 0; bottom: 0; }
.p-serviceprocess .list { width:300px; margin:50px  auto 0 auto;   position:relative;   overflow:hidden; }
.p-serviceprocess .list .item { color: rgba(255,255,255,.5); margin-top:50px; padding-left:50px; position:relative;  overflow:hidden;}
.p-serviceprocess .list .item i { float:left; display: block;  width: 70px; line-height: 70px; border-radius: 50%; text-align: center; font-style: normal; background: #25428e; font-size: 30px; }
.p-serviceprocess .list .item h2 { margin-left: 90px; padding-top: 15px; font-size: 16px; font-weight: bold; }
.p-serviceprocess .list .item p { margin-left: 90px; margin-top: 5px;  opacity: .6; }
.p-serviceprocess .list .item .dot { position:absolute; left:0; top:20px; width: 19px; height: 19px; overflow: hidden; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: #25428e;  }
.p-serviceprocess .list .item .dot:before { content: ''; position: absolute; left: 4px; top: 4px; display: block; border-radius: 50%; width: 11px; height: 11px; overflow: hidden; background: #3f9eef; opacity: 0; transform: scale(0); }
.p-serviceprocess .line { margin-top: -11px; width: 100%; height: 1px; overflow: hidden; background: rgba(255,255,255,.3); }
.p-serviceprocess .list .item.active { color: #fff; }
.p-serviceprocess .list .item.active i { background: #1251a6; }
.p-serviceprocess .list .item.active .dot:before { animation: animation-psp-item-dot 1.3s infinite linear; }

@keyframes animation-psp-item-dot {
    50% { opacity: 1; transform: scale(1); }
}
/*检测技术*/
.p-detectiontechnology { }

.p-detectiontechnology .b-picshow2 { margin-top: 15px; }
.p-detectiontechnology .technology { display: flex; flex-wrap: wrap; }
.p-detectiontechnology .technology .item { position: relative; z-index: 0; width: 33.3333%; background: #fff; box-sizing: border-box; padding: 5%; transition: all .5s; }
.p-detectiontechnology .technology .item:nth-child(2n) { background: #f9f9f9; }
.p-detectiontechnology .technology .item i { font-style: normal; font-size: 60px; }
.p-detectiontechnology .technology .item h2 { margin-top: 10%; }
.p-detectiontechnology .technology .item p { margin-top: 15%; color: #888; line-height: 25px; }
.p-detectiontechnology .technology .item:hover { z-index: 1; box-shadow: 0 0 20px rgba(0,0,0,.1); }
/*服务领域*/

.p-servicesectors { }
.p-servicesectors .about { margin-top: 15px; padding: 5vw 3vw; background: #fff; }
.p-servicesectors .about h2 { text-align: center; }
.p-servicesectors .about p { color: #888; margin-top: 3vw; line-height: 25px; }
.p-servicesectors .list { margin-top: 3vw; }
.p-servicesectors .list .item { box-shadow: 0 0 10px rgba(0,0,0,.1); background: #fff; box-sizing: border-box; padding: 2vw; }
.p-servicesectors .list .item h3 { text-align: left; }
.p-servicesectors .list .item p { margin-top: 2%; opacity: .8; }
.p-servicesectors .list .item:hover { background: #1990c7; box-shadow: 0 0 10px rgba(25,144,199,.5); color: #fff; }
.p-servicesectors .list .item:hover p { color: #fff; }