@charset "utf-8";
/* CSS Document */
html{overflow-x:hidden;}
.mybody{padding-top:40px;}
header,footer{width: 100%; float: left; display: block; box-sizing: border-box;}

/*头部*/
header{background-color: #0a70a4; padding:9px; position: fixed; top: 0; left: 0; z-index: 5000;}
header .logo{width: 204px; height: 22px;}
header .logo img{display: block; width: 204px; height: 22px;}
header h2{text-align: center; display: block; width: 100%; line-height: 22px; color: #fff;}
header .nav{display: block; position: absolute; top:0; right: 0; z-index: 2000;}
header .nav a{display: block; padding: 10px; float: left;}
header .nav a .icon-menu{width:20px; height:20px; display: block;}
header .nav.open{background-color: #008cd4;}
header .nav.open .icon-menu{background-image:url(../img/icon-menu.png);}
header .nav .accordion-nav{height: 0; overflow:hidden; width: 100%; position: fixed; top: 40px; left: 0; z-index: 4000; box-sizing: border-box; float: left;}
header .nav.open .accordion-nav{overflow: auto;}
header .nav ul{display: block; width: 100%; float: left; padding:8px 0 12px 0; box-sizing: border-box; background-color: #008cd4;}
header .nav ul li{line-height:40px; height: 40px; box-sizing: border-box; width: 100%; float: left; overflow: hidden; padding: 0 12px;}
header .nav ul li a{display: block; width: 100%; float: left; box-sizing: border-box; padding:0 12px; height: 40px; border-bottom: 1px solid #3ba7df; color: #fff; font-size: 14px; position: relative;}
header .nav ul li.active a{color: #f80;}
header .nav ul li a .arrow{position: absolute; right: 12px; top: 50%; margin-top: -3px; display: inline-block; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(255,255,255,0.5); font-size: 0px; line-height: 0px; margin-left: 10px;}
header .nav ul li.hover a .arrow{border-bottom: 5px solid #fff;  border-top: none;}
header .back{position: absolute; left: 0; top: 0; z-index: 2000; display: block; padding: 11px 10px;}
header .back .icon{width:18px; height:18px; display: block;}

header.home{background-color: #fff;}
header.home .nav{background-color: #fff;}
header.home .nav.open{background-color: #008cd4;}
header.home .nav a .icon-menu{background-image:url(../img/icon-menu-c.png);}
header.home .nav.open .icon-menu{background-image:url(../img/icon-menu.png);}


/*手风琴折叠效果*/
header .accordion{overflow: hidden; height:40px;}
header .accordion .accordion-info{padding:0 0 0 22px; float: left; width: 100%;}
header .accordion .accordion-info ul{position: static; width: auto; float: none; display: block; padding:0 12px 0 24px; background-color:#0070a9; margin: 0 -24px 0 -46px;}
header .accordion .accordion-info ul li{border-bottom:none; line-height: 38px; height: 36px; width: 100%; clear: both;}
header .accordion .accordion-info ul li:last-child a{border: none;}
header .accordion .accordion-info ul li a{color: #fff; font-size: 13px; line-height:38px; height: 36px; overflow:hidden; border-color:#2388bc; padding-left: 22px; background: url(../img/icon-nav.png) 7px center no-repeat; background-size: 8px;}
header .accordion .accordion-info ul li.active a{color: #f80;}

.nav-mask{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 3000; display: none;}

/*页脚*/
footer{padding-top: 26px;}
footer .hotline{background-color: #0a70a4;}
footer .hotline a{display: block; padding: 10px;}
footer .hotline img{display: block; margin: 0 auto; width: 140px; height: auto;}
footer .copyright{background-color: #333; color: #999; text-align: center; font-size: 11px; line-height: 16px; padding: 8px 20px;}


/*返回顶端*/
#backtop{position: fixed; right: -36px; border-radius: 5px 0 0 5px; bottom: 100px; width: 36px; height: 36px; background: url(../img/icon_backtop.png) center center no-repeat rgba(0,0,0,0.7); background-size:cover; z-index: 1000; cursor: pointer;}
#backtop.headroom--not-top{right: 0;}


/*首页-banner*/
.banner{position:relative;}
.banner .pagination{position:absolute; bottom:0; width:100%; z-index: 500; text-align: center; margin: 10px 0;}
.banner .pagination .swiper-pagination-bullet{margin: 0 2px; height: 8px; width: 8px; border-radius: 50%; background-color:#b8ae9d; border: 1px solid #fff; opacity: 1;}
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #ff6c00;}


/*首页-菜单*/
.menu{padding: 1px; display: block; float: left;}
.menu a{background-position: center center; background-size: cover; background-repeat: no-repeat; display: block; color: #fff; text-align: center; font-size: 14px; line-height: 60px; margin: 1px;}
.menu .menu-01{background-image: url(../img/menu_01.jpg);}
.menu .menu-02{background-image: url(../img/menu_02.jpg);}
.menu .menu-03{background-image: url(../img/menu_03.jpg);}
.menu .menu-04{background-image: url(../img/menu_04.jpg);}


/*首页-服务项目*/
.services .title{text-align: center; font-size: 14px; line-height: 40px; padding: 10px 0 0 0; color: #ff8800;}
.services .title span{color: #333;}

.services .content{width: 100%; float: left; position: relative; height: 224px;}
.services .box{float: left; position: absolute; margin-left: -15px; max-width: 52%;}
.services .box a{display: block; line-height: 20px; font-size: 12px; padding: 2px; box-sizing: border-box; float: left;}
.services .box a .img{width: 60px; height: 52px; display: block; float: right;}
.services .box a .img img{display: block; height: 100%; width: auto; margin: 0 auto;}
.services .box a .name{display: block; text-align: right; margin-right: 66px;}

.services .box-02,.services .box-04,.services .box-06{float: right; margin-right: -15px;}
.services .box-02 a .img,.services .box-04 a .img,.services .box-06 a .img{float: left;}
.services .box-02 a .name,.services .box-04 a .name,.services .box-06 a .name{text-align: left; margin-left: 66px; margin-right: 0;}

.services .box-01{right: 50%; top: 0;}
.services .box-02{left: 50%; top: 28px;}
.services .box-03{right: 50%; top: 56px;}
.services .box-04{left: 50%; top: 84px;}
.services .box-05{right: 50%; top: 112px;}
.services .box-06{left: 50%; top: 140px;}
.services .box-07{right: 50%; top: 168px;}


/*内页*/
.mybody .title{padding: 0 12px;}
.mybody .title h3{border-bottom: 1px solid #ccc; text-align: center; display: block; font-weight: lighter; line-height: 22px; padding: 8px 0;}
.mybody .info{padding: 10px 12px 0 12px; line-height: 20px; font-size: 13px; color: #555; word-break: break-all;}
.mybody .info *{word-break: break-all;}
.mybody .info img{max-width: 100%; width: auto; height: auto;}
.mybody .info p{padding-bottom:10px;}
.mybody .title .myselect{padding-top: 9px;}


/*案例列表*/
.case-list{padding: 10px 7px 0 7px; float: left; width:100%; box-sizing: border-box;}
.case-list .box{width: 50%; float: left; padding-bottom: 6px;}
.case-list .box a{display: block; padding: 0 5px; margin: 0 auto;}
.case-list .box a img{display: block; width: 100%; height: auto; float: left;}
.case-list .box a span{display: block; text-align: center; float: left; width: 100%; line-height: 20px; padding: 5px 0; color: #333; font-size: 12px;}
.case-list .box a:hover span{color: #008cd4;}


/*联系我们*/
.contact-list{padding:4px 12px 0 12px; float: left; width:100%;}
.contact-list .box{width:100%; float: left; padding: 15px 0; border-bottom: 1px dotted #ccc;}
.contact-list .box .left{width:100%;}
.contact-list .box .right{width:100%; box-sizing: border-box; padding: 12px;}
.contact-list .box .right img{width:auto; max-width: 100%; height: auto; display: block;}
.contact-list .box h5{line-height:14px; color: #000; padding:0 10px 6px 10px; }
.contact-list .box ul{padding: 0 10px;}
.contact-list .box ul li{font-size:13px; line-height: 22px; color: #555;}
.contact-list .box ul li a{color: #008cd4; text-decoration: underline;}


/*荣誉资质*/
.honor-list{padding: 10px 7px 0 7px; float: left; box-sizing: border-box; width:100%;}
.honor-list li{width:50%; float: left; padding-bottom:6px;}
.honor-list li a{display: block; padding: 0 5px;}
.honor-list li a span{display: block; text-align: center;}
.honor-list li a span.img{border:1px solid #ccc; height:120px; width: 100%;}
.honor-list li a:hover span.img{border:1px solid #008cd4;}
.honor-list li a span.img img{width:auto; height: auto; max-height: 100px; max-width: 100%; display:block; margin: 0 auto;}
.honor-list li a span.name{font-size: 12px; color: #555; line-height: 20px; padding:5px 0;}
.honor-list li a:hover span.name{color:#008cd4;}



/*报告查询*/
.search .title{text-align: center; padding: 100px 0 70px 0;}
.search .title h1{font-size: 24px;}
.search .form{padding: 0 40px 100px 40px;}
.search .form input{display: block; box-sizing: border-box; width: 100%; border-radius: 5px; border:1px solid #0a70a4; height: 40px; padding: 10px; margin-bottom: 15px; background-color:#fff;}
.search .form .btn{color: #fff; display: block; background-color: #0a70a4; border-radius: 5px; text-align: center; line-height: 30px; padding: 5px; margin-top: 25px;}

.search-info{padding: 0 15px}
.search-info .title{text-align: center; padding:15px 0; border-bottom: 1px solid #ccc;}
.search-info .title h5{font-size: 16px;}
.search-info .keyword{padding: 12px 0;}
.search-info .keyword strong{color: #0a70a4;}
.search-info .list-group{line-height: 24px; font-size: 13px; min-height: 300px;}
.search-info .list-group .item{border: 1px solid #ccc; padding:8px 10px; width: 100%; float: left; margin-bottom: 12px; position: relative;}
.search-info .list-group .item strong{display: block; float: left;}
.search-info .list-group .item span{display: block; margin-left:68px;}
.search-info .list-group .item img{display: block; position: absolute; width: 70px; height: 70px; right: 5px; bottom: 5px;}