/*初始设置*/
*{padding:0; margin:0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:"微软雅黑","黑体","宋体"; box-sizing:border-box; background:#fff;}
img{ border:none;}

@font-face{
}

/*网站页面样式*/
/*头部区域*/
.header{ width:100%;background:#fff;left:0; top:0;z-index:100; box-sizing:border-box;border-bottom:1px solid #efefef;}
.header.on{ position:fixed; z-index:100; height:100px; border-bottom:1px solid #e8e8e8;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.05); transition:0.3s;}
.hd_con{ width:1280px; height:100px; margin:0 auto; box-sizing:border-box; }
.header .logo{ float:left; margin-top:14px;}
.header .logo a{ display:block;}
.header .nav{ float:right; width:52%; position:relative;}
.header .nav ul{ float:left;}
.header .nav li{ float:left; padding-right:55px;}
.header .nav .ddh{ display:block; line-height:100px; color:#595757; font-size:16px;}
/*.header .nav li:hover .ddh,*/
.header .nav li.on .ddh{ color:#313131; border-bottom:3px solid #595757;box-sizing:border-box;}
.nav li .down{ width:100%; background:rgba(255,255,255,1); position:absolute; top:100px; left:0; display:none; transition:0.5s; z-index:100; box-sizing:border-box; 
padding-left:48%; height:40px;}
.nav li .down a{ display:inline-block; color:#686868; line-height:40px; font-size:14px; margin-right:25px;}
.nav li .down a:hover{color:#2d4f75;}
.nav li:hover .down{ display:block;}

.nav:hover .line{height:3px; background:#595757; position:absolute; bottom:0;}


.header .nav .souss{ float:right; width:265px; height:36px; background:#fff; border:1px solid #bfbfbf; border-radius:18px; box-sizing:border-box; padding:0 18px;
margin-top:32px;}
.header .nav .souss::after{ display:block; content:""; clear:both;}
.header .nav .souss .sousl{ width:200px; height:34px; border:none; outline:none; font-size:14px; color:#888; line-height:34px; float:left;}
.header .nav .souss .sousr{ width:24px; height:34px; border:none; outline:none; background:url(../images/ss1.png) no-repeat center; transition:0.3s; float:right;}
.header .nav .souss .sousr:hover{background:url(../images/ss1h.png) no-repeat center;}


.header .btn{ border:1px solid #333333; position:absolute; top:0; right:0; padding:4px; border-radius:3px; cursor:pointer; display:none;}
.header .btn i{ display:block; width:20px; height:3px; background:#333333; margin:3px; transition:0.3s;}
.header .btn i:nth-child(1){transform-origin:left bottom;}
.header .btn i:nth-child(2){ opacity:1}
.header .btn i:nth-child(3){transform-origin:left top;}
.header .btn.on i:nth-child(1){ transform:rotate(35deg); }
.header .btn.on i:nth-child(2){  opacity:0}
.header .btn.on i:nth-child(3){ transform:rotate(-35deg); }

/*作品*/
.nrong{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; display:block}

.con{ width:1280px; margin:0 auto; box-sizing:border-box; overflow:hidden; padding:30px 0 70px; background:#fff; display:block}
.con2{ width:1200px; margin:0 auto; box-sizing:border-box; overflow:hidden; padding:30px 0 70px; background:#fff; display:block}

.work{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;  display:block}
.work::after{display:block; content:""; clear:both;}
.work li{ width:300px; margin:0 auto; box-sizing:border-box;overflow:hidden; float:left; margin-bottom:28px; margin-right:26.5px;}
.work li:nth-child(4n){ margin-right:0;}
.work li a{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;}
.work li a .zztu{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; height:200px;}
.work li a .zztu img{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; display:block; transition:0.3s;}
.work li:hover a .zztu img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.work li a .zzi{ width:100%; background:#fff; border:1px solid #b5b5b6; box-sizing:border-box; padding:15px; text-align:left;transition:0.3s;}
.work li a .zzi h3{font-size:16px; color:#454545; font-weight:400;line-height:1.2;width:100%;transition:0.3s; margin-bottom:5px;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.work li a .zzi p{font-size:12px; color:#454545; font-weight:400;line-height:1.2em;width:100%;transition:0.3s;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.work li:hover a .zzi{ padding-left:20px;}


/*作品详情*/
.nrong{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; display:block;}
.zpxq{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; display:block; padding:10px 0;}
.xxqing{width:100%; height:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; display:block; position:relative;}
.slideBox{ width:100%;overflow:hidden; margin:0 auto; box-sizing:border-box;overflow:hidden; display:block;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ /*width:100%;*/ display:block;margin:0 auto;  }

.slideBox .hd{ width:100%; overflow:hidden; z-index:1;margin:10px auto 0; box-sizing:border-box;overflow:hidden; display:block; padding:10px; background:#221815;}
.slideBox .hd::after{display:block; content:""; clear:both;}
.slideBox .hd .pageState{ font-size:30px; line-height:90px; float:right; color:#fff; font-weight:400;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:150px; height:88px; text-align:center; background:#fff; cursor:pointer; opacity:0.24;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; opacity:1;}
.wzjsc{ float:left; width:46%; text-align:left; box-sizing:border-box; padding-left:20px;}
.wzjsc h3{ font-size:18px; color:#fff; font-weight:400;}
.wzjsc .wznrc{ width:100%; margin:10px auto 0; text-align:left;}
.wzjsc .wznrc p{ font-size:12px; color:#c9c9c9; line-height:1.4em;}














/*服务*/
.service{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;}
.service::after{display:block; content:""; clear:both;}
.service li{ width:300px; margin:0 auto; box-sizing:border-box;overflow:hidden; float:left; margin-bottom:28px; margin-right:26.5px;}
.service li:nth-child(4n){ margin-right:0;}
.service li a{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;}
.service li a .zztu{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; height:200px;}
.service li a .zztu img{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; display:block; transition:0.3s;}
.service li:hover a .zztu img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.service li a .zzi{ width:100%; background:#fff; border:1px solid #b5b5b6; box-sizing:border-box; padding:15px; text-align:left;transition:0.3s;}
.service li a .zzi h3{font-size:16px; color:#454545; font-weight:400;line-height:1.2;width:100%;transition:0.3s; margin-bottom:5px;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.service li a .zzi p{font-size:12px; color:#454545; line-height:1.4em;text-align:left; width:100%;
display:inline-block;word-break: break-all; -webkit-word-break: break-all; -moz-word-break: break-all; -ms-word-break: break-all; -o-word-break: break-all;
text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}
.service li:hover a .zzi{ padding-left:20px;}



/*底部区域*/
.footer{width:100%; margin:0 auto; box-sizing:border-box; position:fixed; bottom:0; left:0; background:#fff; z-index:99;border-top:1px solid #efefef;}
.foot{width:1280px; margin:0 auto;box-sizing:border-box;}
.foot::after{ content:""; display:block; clear:both;}
.foot p{ font-size:14px; color:#595757; line-height:55px; float:left; font-weight:400;}
.foot p a{ font-size:14px; color:#595757; line-height:55px;}


.yyyy{ float:right; margin-top:12px;}
.yyyy::after{ content:""; display:inline-block; clear:both;}
.yyyy li{ float:left; width:30px; height:30px; margin-left:14px; position:relative;}
.yyyy li .ytu{width:30px; height:30px; display:block; transition:0.3s;}
.yyyy li:nth-child(1) .ytu{ background:url(../images/d1.png) no-repeat center;}
.yyyy li:nth-child(2) .ytu{ background:url(../images/d2.png) no-repeat center;}
.yyyy li:nth-child(3) .ytu{ background:url(../images/d3.png) no-repeat center;}
.yyyy li:nth-child(4) .ytu{ background:url(../images/d4.png) no-repeat center;}
.yyyy li:nth-child(1) .ytu:hover{ background:url(../images/d1h.png) no-repeat center;}
.yyyy li:nth-child(2) .ytu:hover{ background:url(../images/d2h.png) no-repeat center;}
.yyyy li:nth-child(3) .ytu:hover{ background:url(../images/d3h.png) no-repeat center;}
.yyyy li:nth-child(4) .ytu:hover{ background:url(../images/d4h.png) no-repeat center;}
.yyyy li .tkkz{overflow:hidden; box-sizing:border-box; border-radius:5px; background:#fff; position:absolute; bottom:-200px; right:0; z-index:9999; padding:10px;
transition:0.4s; opacity:0; border:1px solid #CCC; display:none;}
.yyyy li .tkkz h4{ font-size:14px; color:#666; text-align:center; display:block; width:100%;}
.yyyy li:hover .tkkz{right:15px; opacity:1;bottom:50px; display:block;}
.yyyy li .tkkz p{ font-size:12px; color:#666; text-align:center; display:block; width:100%; display:block; font-weight:400; line-height:1.4em;}
.yyyy li .tkkz img{ width:100%; display:block; margin:0 auto;}
.yyyy li:nth-child(1) .tkkz{ width:190px;}
.yyyy li:nth-child(2) .tkkz{ width:100px;}
.yyyy li:nth-child(3) .tkkz{ width:140px;}
.yyyy li:nth-child(4) .tkkz{ width:180px;}



/*院情介绍*/
.jjj{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;}
.jjj .jjbt{width:100%; margin:0 auto 10px; box-sizing:border-box;overflow:hidden; padding:10px 0;text-align:left; }
.jjj .jjbt h2{ font-size:22px; color:#595757; line-height:52px; box-sizing:border-box; border-bottom:1px solid #c4c4c4; font-weight:400;}
.jjj .jjbt h4{ font-size:12px; text-transform:uppercase; color:#898989; font-weight:400; padding-top:10px;}

.jjbb{width:100%; margin:0 auto 10px; box-sizing:border-box;overflow:hidden; padding:10px 0;text-align:left; }
.jjbb h3{ text-align:center; font-size:20px; color:#595757; margin:0 auto;}
.jjbb h5{ font-size:16px; color:#595757; line-height:1.88em; font-weight:400;}
.jjbb img{width:100%; margin:0 auto; display:block;}
.jjbb p{ font-size:14px; color:#898989; text-align:left; text-indent:2em; line-height:1.8em;}

/*荣誉资质*/
.ryzz{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.ryzz::after{content:""; display:block; clear:both;}
.ryzz li{ display:block; width:305px; height:190px; background:#efefef; transition:0.3s; float:left; margin-right:20px; margin-bottom:20px;}
.ryzz li:nth-child(4n){ margin-right:0;}
.ryzz li .rytu{width:100%; height:180px; box-sizing:border-box; padding:10px;}
.ryzz li .rytu img{max-height:100%;max-width: 100%;display: block;margin: 0 auto;object-fit: contain;align-self: center;}
.ryzz li:hover{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3);}

/*荣誉资质*/
.tdjs{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.tdjs::after{content:""; display:block; clear:both;}
.tdjs li{ display:block; width:48%;background:#efefef; transition:0.3s; float:left; margin-bottom:20px;}
.tdjs li:nth-child(odd){ float:left;}
.tdjs li:nth-child(even){ float:right;}
.tdjs li a{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;}
.tdjs li a .zztu{width:100%; height:330px; box-sizing:border-box; overflow:hidden;}
.tdjs li a .zztu img{width:100%; display:block; margin:0 auto;}

.tdjs li a .zzi{ width:100%; background:#fff; border:1px solid #b5b5b6; box-sizing:border-box; padding:15px; text-align:center;transition:0.3s;}
.tdjs li a .zzi h3{font-size:18px; color:#454545; font-weight:400;line-height:1.2;width:100%;transition:0.3s; margin-bottom:5px;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.tdjs li a .zzi p{font-size:14px; color:#454545; font-weight:400;line-height:1.2em;width:100%;transition:0.3s; text-transform:uppercase;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}


/*专家介绍*/
.zjjs{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.zjjs::after{content:""; display:block; clear:both;}
.zjjs li{ display:block; width:175px;background:#efefef; transition:0.3s; float:left; margin-bottom:20px; margin-right:30px;}
.zjjs li:nth-child(6n){ margin-right:0;}
.zjjs li a{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;}
.zjjs li a .zztu{width:100%; height:215px; box-sizing:border-box; overflow:hidden;}
.zjjs li a .zztu img{width:100%; display:block; margin:0 auto;}
.zjjs li a .zzi{ width:100%; background:#fff; border:1px solid #b5b5b6; box-sizing:border-box; padding:15px; text-align:left;transition:0.3s;}
.zjjs li a .zzi h3{font-size:16px; color:#454545; font-weight:400;line-height:1.2;width:100%;transition:0.3s; margin-bottom:5px;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.zjjs li a .zzi h4{font-size:12px; color:#b5b5b6; font-weight:400;}
.zjjs li a .zzi h5{font-size:12px; color:#b5b5b6; font-weight:400;}

/*弹框*/
.out {width:530px;height:80%;background: #fff;position: fixed;left: 50%;margin-left: -265px;top:10%;
display:none;z-index:1000; box-sizing:border-box;}
.out .close {width: 30px;height: 30px;background: #898989;color: #fff;text-align: center;line-height: 30px;position: absolute;top: 0;
right: -30px;cursor: pointer;}
.bg{ width:100%; height:100%; background:#595757; opacity:0.85; position:fixed; top:0; left:0; display:none; z-index:999;}
.tankkk{ width:100%; height:100%; overflow:auto; box-sizing:border-box; display:block; padding:30px;}
.tankkk h3{ font-size:16px; text-align:center; line-height:44px; margin:0 auto; border-bottom:1px solid #898989; font-weight:400;}
.txtu{ width:160px; height:200px; display:block; margin:0 auto; display:block;}
.txtu img{width:100%; display:block; margin:0 auto;}
.txxzi{ width:100%;margin:0 auto; box-sizing:border-box;overflow:hidden;padding:20px 20%;}
.txxzi p{ font-size:12px; text-align:center; color:#575757; line-height:1.8em;}
.grjjc{ width:100%;margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.grjjc p{ font-size:12px; text-align:center; color:#575757; line-height:1.8em; text-indent:2em;text-align: justify;}

/*新闻列表*/
.news{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.news li{ display:block; width:100%; transition:0.3s; margin-bottom:34px;}
.news li a{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; padding-bottom:12px; border-bottom:1px dashed #dadada; display:block; transition:0.3s;}
.news li a::after{content:""; display:block; clear:both;}
.news li a .newsl{ width:60%; float:left;}
.news li a .newsl h4{font-size:16px; color:#595757; font-weight:400;line-height:1.2em;width:100%;transition:0.3s; margin-bottom:15px;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.news li a .newsl h5{font-size:14px; color:#b5b5b6; font-weight:400;line-height:1.2em;width:100%;transition:0.3s;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.news li a h6{float:right; font-size:14px; color:#b5b5b6; font-weight:400; transition:0.3s;}


.news li:hover a{border-bottom:1px dashed #2d4f75;}
.news li:hover a .newsl h4{ color:#2d4f75;}
.news li:hover a .newsl h5{ color:#2d4f75; padding-left:10px;}
.news li:hover a h6{color:#2d4f75;}


/*新闻详情*/
.xwxq{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0; min-height:calc(100vh - 380px); border-bottom:1px solid #b5b5b6;}
.xwxq p img{width:100%; display:block; margin:0 auto;height:auto;}
.xwxq p{font-size:16px; text-align:left; color:#898989; line-height:1.8em;}

.sxp{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.sxp::after{content:""; display:block; clear:both;}
.sxp .spp{ float:left;}
.sxp .xyp{ float:right;}
.sxp a{ font-size:16px; color:#898989; line-height:50px; transition:0.3s;}
.sxp a:hover{ color:#2d4f75; font-weight:900;}


/*上下分页*/
.ny_xfl{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.ny_xfl::after{content:""; display:block; clear:both;}
.ny_xfl li{ float:left; margin-right:14px;}
.ny_xfl li a{ font-size:14px; color:#C7C7C8; padding:6px 12px; box-sizing:border-box; border:1px solid #c7c7c8; transition:0.3s;}
.ny_xfl li:hover a{ color:#636161;border:1px solid #636161;}
.ny_xfl li.on a{ color:#636161;border:1px solid #636161;}

.ny_xfl li span{ font-size:14px; color:#C7C7C8; padding:6px 12px; box-sizing:border-box; border:1px solid #c7c7c8; transition:0.3s;}
.ny_xfl li.disabled a{ font-size:14px; color:#C7C7C8; padding:6px 12px; box-sizing:border-box; border:1px solid #c7c7c8; transition:0.3s;}
.ny_xfl li.active a{ color:#636161;border:1px solid #636161;}
.ny_xfl li.active span{ color:#636161;border:1px solid #636161;}



/*返回头部*/
.top{ width:30px; height:30px; background:#000; color:#fff; text-align:center; line-height:30px; cursor:pointer; position:fixed; right:50px; bottom:100px; display:none;}
.top:hover{ background:#2D4F75;}


/*分类导航*/
.fldh{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0 0;}
.fldhc{width:1200px; margin:0 auto; box-sizing:border-box; overflow:hidden; background:#fff; display:block; padding-left:573px;}
.fldhc::after{content:""; display:block; clear:both;}
.fldhc li{float:left; margin-right:30px;}
.fldhc li a{ font-size:14px; color:#595757; padding:6px 0 4px; box-sizing:border-box;transition:0.3s; display:block;border-bottom:1px solid #fff;}
.fldhc li:hover a{ border-bottom:1px solid #595757;}
.fldhc li.on a{ border-bottom:1px solid #595757;}







/*768移动端页面*/
@media (max-width:768px){


/*作品*/
.con{ width:100%;padding:20px 20px 70px;}
.con2{ width:100%;padding:20px 20px 70px;}

.work li{ width:100%; float:none; margin-bottom:20px; margin-right:0;}
.work li a .zztu{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; height:auto;}
/*服务*/
.service li{ width:100%; float:none; margin-bottom:20px; margin-right:0;}
.service li a .zztu{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; height:auto;}



.gallery-top {height:260px;width: 100%;}
.wnxq{ width:55%;}

.slideBox .hd{ width:100%; overflow:hidden; z-index:1;margin:10px auto 0; box-sizing:border-box;overflow:hidden; display:block; padding:10px; background:#221815;}
.slideBox .hd::after{display:block; content:""; clear:both;}
.slideBox .hd .pageState{ font-size:13px; line-height:2em; float:right; width:10%; color:#fff; font-weight:400;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right; width:90%;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:28%; height:auto; text-align:center; background:#fff; cursor:pointer; opacity:0.24;}
.slideBox .hd ul li img{ display:block; width:100%; margin:0 auto;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; opacity:1;}
.wzjsc{ float:left; width:100%; text-align:left; box-sizing:border-box; padding-left:0; padding-top:14px;}
.wzjsc h3{ font-size:16px; color:#fff; font-weight:400;}
.wzjsc .wznrc{ width:100%; margin:10px auto 0; text-align:left;}
.wzjsc .wznrc p{ font-size:12px; color:#c9c9c9; line-height:1.4em;}




/*荣誉*/
.ryzz li{ display:block; width:100%; height:190px; background:#efefef; transition:0.3s; float:left; margin-right:0; margin-bottom:20px;}
.ryzz li:nth-child(4n){ margin-right:0;}

/*荣誉资质*/
.ryzz li{ display:block; width:100%; height:190px; background:#efefef; transition:0.3s; float:left; margin-right:0%; margin-bottom:20px;}
.ryzz li:nth-child(4n){ margin-right:0%;}




/*荣誉资质*/
.tdjs li{ display:block; width:100%;background:#efefef; transition:0.3s; float:left; margin-bottom:20px;}
.tdjs li a .zztu{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}



.zjjs{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.zjjs li{ display:block; width:48%;background:#efefef; transition:0.3s; float:left; margin-bottom:20px; margin-right:4%;}
.zjjs li:nth-child(2n){ margin-right:0;}
.zjjs li a .zztu {width: 100%;height:auto;box-sizing: border-box;overflow: hidden;}

/*新闻列表*/
.news{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.news li{ display:block; width:100%; transition:0.3s; margin-bottom:34px;}
.news li a{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; padding-bottom:12px; border-bottom:1px dashed #dadada; display:block; transition:0.3s;}
.news li a::after{content:""; display:block; clear:both;}
.news li a .newsl{ width:60%; float:left;}
.news li a .newsl h4{font-size:16px; color:#595757; font-weight:400;line-height:1.2em;width:100%;transition:0.3s; margin-bottom:15px;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.news li a .newsl h5{font-size:14px; color:#b5b5b6; font-weight:400;line-height:1.2em;width:100%;transition:0.3s;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.news li a h6{float:right; font-size:14px; color:#b5b5b6; font-weight:400; transition:0.3s;}



/*分类导航*/
.fldh{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0 0;}
.fldhc{width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden; background:#fff; display:block; padding-left:0; padding:0 10px;}
.fldhc::after{content:""; display:block; clear:both;}
.fldhc li{float:left; margin-right:0; width:33.33%; padding:8px 10px; box-sizing:border-box;}
.fldhc li a{ font-size:14px; color:#595757; padding:6px 0; box-sizing:border-box;transition:0.3s; display:block;border:1px solid #fff; text-align:center; background:#f0f0f0;}
.fldhc li:hover a{ border:1px solid #335170; background:#335170; color:#fff;}
.fldhc li.on a{ border:1px solid #335170; background:#335170; color:#fff;}


}

/*移动端公用页面*/
@media (max-width:992px){
	.hd_con{ width:100%; height:66px; padding:0 15px;}
	.header .logo{  margin-top:13px; height:40px; margin-left:0;}
	.header .logo a{ height:100%;}
	.header .logo a img{ height:100%;}
	.header .btn{ display:block;right:15px;top:17px;}
	.header .nav{ display:none; position:absolute; width:100%; top:66px; left:0; text-align:center; background:rgba(255,255,255,1); border-top:1px solid #aaa; z-index:98;
	box-sizing:border-box; padding-bottom:20px;}	
	.header .nav ul{float:none; width:100%; margin:0 auto; box-sizing:border-box; padding:0 20px;}
	.header .nav li{ float:none; width:100%;box-sizing:border-box; padding-right:0;}
	.header .nav li a{ line-height:54px; text-align:left;background:url(../images/you.png) no-repeat right center;}
	.header .nav ul span{ display:none;}

	.header .nav .ddh{ line-height:60px; border-bottom:1px solid #cfcfcf;}
	.nav li .down{ width:100%; background:rgba(255,255,255,1); position: static; transition:0.5s; z-index:100; box-sizing:border-box; 
padding-left:10px; height:auto; overflow:hidden;}
	.nav li .down a{ display:block; color:#686868; width:100%; line-height:44px; font-size:14px; margin-right:25px;}
	.nav li .down a:hover{color:#2d4f75;}
	.nav li:hover .down{ display:block;}


	.header .nav .souss{ float:none; width:90%; margin:0 auto; height:46px; border-radius:23px; box-sizing:border-box; padding:0 22px;
	margin-top:15px;}
	.header .nav .souss .sousl{ width:80%; height:44px;line-height:44px; float:left;}
	.header .nav .souss .sousr{ width:24px; height:44px;}
	.header.on {height:66px;}


	/*底部区域*/
	.foot{width:100%; padding:0 20px;}
	.foot p{ font-size:14px; color:#595757; line-height:1.5em; float:left; font-weight:400; text-align:center;}
	.foot p a{ font-size:14px; color:#595757; line-height:1.5em;}
	.yyyy{ display:none;}


.gallery-top {height:400px;width: 100%;}
.wnxq{ width:55%;}


/*荣誉资质*/
.tdjs li{ display:block; width:100%;background:#efefef; transition:0.3s; float:left; margin-bottom:20px;}
.tdjs li a .zztu{width:100%; height:auto; box-sizing:border-box; overflow:hidden;}

.zjjs{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.zjjs li{ display:block; width:32%;background:#efefef; transition:0.3s; float:left; margin-bottom:20px; margin-right:2%;}
.zjjs li:nth-child(2n){ margin-right:2%;}
.zjjs li:nth-child(4n){ margin-right:2%;}
.zjjs li:nth-child(3n){ margin-right:0;}
.zjjs li a .zztu {width: 100%;height:auto;box-sizing: border-box;overflow: hidden;}
.out {width:70%;height:80%;background: #fff;position: fixed;left:15%;margin-left:0;top:10%;}
.txxzi{width: 100%;margin: 0 auto;box-sizing: border-box;overflow: hidden;padding: 20px 10px;}
	
	/*返回头部*/
.top{ width:30px; height:30px; background:#000; color:#fff; text-align:center; line-height:30px; cursor:pointer; position:fixed; right:20px; bottom:100px; display:none;}
.top:hover{ background:#2D4F75;}



/*分类导航*/
.fldh{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0 0;}
.fldhc{width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden; background:#fff; display:block; padding-left:0; padding:0 10px;}
.fldhc::after{content:""; display:block; clear:both;}
.fldhc li{float:left; margin-right:0; width:33.33%; padding:8px 10px; box-sizing:border-box;}
.fldhc li a{ font-size:14px; color:#595757; padding:6px 0; box-sizing:border-box;transition:0.3s; display:block;border:1px solid #fff; text-align:center; background:#f0f0f0;}
.fldhc li:hover a{ border:1px solid #335170; background:#335170; color:#fff;}
.fldhc li.on a{ border:1px solid #335170; background:#335170; color:#fff;}


}


/*pid 768-992*/
@media (min-width:768px){

	/*作品*/
	.con{ width:100%;padding:20px 0 70px;}
	.con2{ width:100%;padding:20px 0 70px;}
	
	.work li{ width:50%; float:left; margin-bottom:20px; margin-right:0; box-sizing:border-box; padding:0 10px;}
	.work li a .zztu{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; height:200px;}
	/*服务*/
	.service li{ width:50%; float:left; margin-bottom:20px; margin-right:0; box-sizing:border-box; padding:0 10px;}
	.service li a .zztu{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; height:170px;}


.gallery-top {height:500px;width: 100%;}
.wnxq{ width:34%;}
.jjj{ padding:0 20px;}


/*荣誉*/
.ryzz li{ display:block; width:48%; height:190px; background:#efefef; transition:0.3s; float:left; margin-right:4%; margin-bottom:20px;}
.ryzz li:nth-child(2n){ margin-right:0;}

.zjjs{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.zjjs li{ display:block; width:32%;background:#efefef; transition:0.3s; float:left; margin-bottom:20px; margin-right:2%;}
.zjjs li:nth-child(2n){ margin-right:2%;}
.zjjs li:nth-child(4n){ margin-right:2%;}
.zjjs li:nth-child(3n){ margin-right:0;}
.zjjs li a .zztu {width: 100%;height:auto;box-sizing: border-box;overflow: hidden;}

.out {width:70%;height:80%;background: #fff;position: fixed;left:15%;margin-left:0;top:10%;}
.txxzi{width: 100%;margin: 0 auto;box-sizing: border-box;overflow: hidden;padding: 20px 10px;}



/*分类导航*/
.fldh{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0 0;}
.fldhc{width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden; background:#fff; display:block; padding-left:0; padding:0 10px;}
.fldhc::after{content:""; display:block; clear:both;}
.fldhc li{float:left; margin-right:0; width:25%; padding:8px 10px; box-sizing:border-box;}
.fldhc li a{ font-size:14px; color:#595757; padding:6px 0; box-sizing:border-box;transition:0.3s; display:block;border:1px solid #fff; text-align:center; background:#f0f0f0;}
.fldhc li:hover a{ border:1px solid #335170; background:#335170; color:#fff;}
.fldhc li.on a{ border:1px solid #335170; background:#335170; color:#fff;}


}

/*ipad pro平板页面*/
@media (min-width:992px){
.hd_con{ width:100%; box-sizing:border-box; padding:0 10px;}
.header .nav{ float:right; width:45%;}
.header .nav li{ float:left; padding-right:24px;}

/*作品*/
.con{ width:100%;padding:20px 10px 70px;}
.con2{ width:100%;padding:20px 10px 70px;}
.work li{ width:33.33%; float:left; margin-bottom:20px; margin-right:0; box-sizing:border-box; padding:0 6px;}
.work li a .zztu{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; height:185px;}

/*服务*/
.service li{ width:33.33%; float:left; margin-bottom:20px; margin-right:0; box-sizing:border-box; padding:0 6px;}
.service li a .zztu{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; height:170px;}


/*荣誉资质*/
.ryzz li{ display:block; width:32%; height:190px; background:#efefef; transition:0.3s; float:left; margin-right:2%; margin-bottom:20px;}
.ryzz li:nth-child(2n){ margin-right:2%;}

.ryzz li:nth-child(4n){ margin-right:2%;}
.ryzz li:nth-child(3n){ margin-right:0;}





	/*底部区域*/
	.foot{width:100%; padding:0 20px;}
	.foot p{ line-height:1.5em;text-align:center;}
	.foot p a{ line-height:1.5em;}
	.yyyy{ display:none;}

.gallery-top {height:500px;width: 100%;}
.wnxq{ width:32%;}

.jjj{ padding:0 25px;}

.zjjs{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.zjjs li{ display:block; width:24%;background:#efefef; transition:0.3s; float:left; margin-bottom:20px; margin-right:1%;}
.zjjs li:nth-child(2n){ margin-right:1%;}

.zjjs li:nth-child(3n){ margin-right:1%;}
.zjjs li:nth-child(4n){ margin-right:0;}
.zjjs li a .zztu {width: 100%;height:auto;box-sizing: border-box;overflow: hidden;}

.out {width:70%;height:80%;background: #fff;position: fixed;left:15%;margin-left:0;top:10%;}
.txxzi{width: 100%;margin: 0 auto;box-sizing: border-box;overflow: hidden;padding: 20px 10px;}


/*分类导航*/
.fldh{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0 0;}
.fldhc{width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden; background:#fff; display:block; padding-left:0; padding:0 10px;}
.fldhc::after{content:""; display:block; clear:both;}
.fldhc li{float:left; margin-right:0; width:25%; padding:8px 10px; box-sizing:border-box;}
.fldhc li a{ font-size:14px; color:#595757; padding:6px 0; box-sizing:border-box;transition:0.3s; display:block;border:1px solid #fff; text-align:center; background:#f0f0f0;}
.fldhc li:hover a{ border:1px solid #335170; background:#335170; color:#fff;}
.fldhc li.on a{ border:1px solid #335170; background:#335170; color:#fff;}



}
/*电脑最终页面*/
@media (min-width:1200px){
.hd_con{ width:1280px; box-sizing:border-box; padding:0 0;}

.header .nav{ float:right; width:52%;}
.header .nav li{ float:left; padding-right:55px;}
	
/*作品*/
.con{ width:1280px;padding:30px 0 120px;}
.con2{ width:1200px;padding:30px 0 120px;}
.work li{ width:300px; float:left; margin-bottom:20px; margin-right:26.5px; box-sizing:border-box; padding:0 0;}
.work li a .zztu{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; height:175px;}

	/*底部区域*/
	.footer{width:100%; margin:0 auto; box-sizing:border-box; position:fixed; bottom:0; left:0; background:#fff;}
	.foot{width:1280px; margin:0 auto;box-sizing:border-box;}
	.foot::after{ content:""; display:block; clear:both;}
	.foot p{ font-size:14px; color:#595757; line-height:55px; float:left; font-weight:400;text-align:left;}
	.foot p a{ font-size:14px; color:#595757; line-height:55px;}
	.yyyy{ display:block;}
	
	
	
.gallery-top {height:650px;width: 100%;}
.wnxq{ width:35%;}

.service li{ width:300px; float:left; margin-bottom:20px; margin-right:26.5px; box-sizing:border-box; padding:0 0;}
.service li a .zztu{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden; height:200px;}
.jjj{ padding:0 0;}


/*荣誉资质*/
.ryzz{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.ryzz::after{content:""; display:block; clear:both;}
.ryzz li{ display:block; width:305px; height:190px; background:#efefef; transition:0.3s; float:left; margin-right:20px; margin-bottom:20px;}
.ryzz li:nth-child(2n){ margin-right:20px;}


.ryzz li:nth-child(3n){ margin-right:20px;}
.ryzz li:nth-child(4n){ margin-right:0;}


.ryzz li .rytu{width:100%; height:180px; box-sizing:border-box; padding:10px;}
.ryzz li .rytu img{max-height:100%;max-width: 100%;display: block;margin: 0 auto;object-fit: contain;align-self: center;}
.ryzz li:hover{-webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3);}




/*专家介绍*/
.zjjs{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0;}
.zjjs::after{content:""; display:block; clear:both;}
.zjjs li{ display:block; width:175px;background:#efefef; transition:0.3s; float:left; margin-bottom:20px; margin-right:30px;}
.zjjs li a{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;}
.zjjs li a .zztu{width:100%; height:215px; box-sizing:border-box; overflow:hidden;}
.zjjs li a .zztu img{width:100%; display:block; margin:0 auto;}
.zjjs li a .zzi{ width:100%; background:#fff; border:1px solid #b5b5b6; box-sizing:border-box; padding:15px; text-align:left;transition:0.3s;}
.zjjs li a .zzi h3{font-size:16px; color:#454545; font-weight:400;line-height:1.2;width:100%;transition:0.3s; margin-bottom:5px;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.zjjs li a .zzi h4{font-size:12px; color:#b5b5b6; font-weight:400;}
.zjjs li a .zzi h5{font-size:12px; color:#b5b5b6; font-weight:400;}
.zjjs li:nth-child(2n){ margin-right:30px;}
.zjjs li:nth-child(3n){ margin-right:30px;}
.zjjs li:nth-child(4n){ margin-right:30px;}
.zjjs li:nth-child(6n){ margin-right:0;}


/*弹框*/
.out {width:530px;height:80%;background: #fff;position: fixed;left: 50%;margin-left: -265px;top:10%;
display:none;z-index:1000; box-sizing:border-box;}
.txxzi{ width:100%;margin:0 auto; box-sizing:border-box;overflow:hidden;padding:20px 20%;}


/*分类导航*/



.fldh{width:100%; margin:0 auto; box-sizing:border-box;overflow:hidden;padding:10px 0 0;}
.fldhc{width:1200px; margin:0 auto; box-sizing:border-box; overflow:hidden; background:#fff; display:block;padding:0; padding-left:573px;}
.fldhc::after{content:""; display:block; clear:both;}
.fldhc li{float:left; margin-right:30px; width:auto; padding:0;}
.fldhc li a{ font-size:14px; color:#595757; padding:6px 0 6px; box-sizing:border-box;transition:0.3s; display:block; border:none;border-bottom:1px solid #fff; background:#fff;}
.fldhc li:hover a{ border:none; border-bottom:1px solid #595757; background:#fff; color:#595757;}
.fldhc li.on a{ border:none; border-bottom:1px solid #595757; background:#fff; color:#595757;}


	

}