.aboutbanner { position:relative}
.aboutbanner .pic img{ width:100%; height:auto; display:block}
.aboutbanner .text{ position:absolute; top:calc(50% - 100px); height:130px; margin-top:-35px; color:#fff}
.aboutbanner .text h3{ font-size:36px; margin-bottom:10px;}
.aboutbanner .text p{ font-size:24px; margin-bottom:10px;}
.aboutbanner .text .line{ background:#fff; width:58px; height:6px; position:absolute; bottom:0}



.aboutbanner .nadv{ position:absolute; bottom:0; height:130px;color:#fff; width:100%; background: rgba(62,100,163,0.7);}
.aboutbanner .nadv li{ float:left; width:14.285%; text-align:center}
.aboutbanner .nadv li h3{ color:#fff; margin-bottom:10px}
.aboutbanner .nadv li h3 span{ font-weight:bold; font-size:32px;}
.aboutbanner .nadv li p{ color:#fff; }
.aboutbanner .nadv h3{ font-size:20px; line-height:40px; margin-top:20px;}
.aboutbanner .nadv p{ font-size:16px;} 


/*.nmain {background: url(../images/w23.png) no-repeat #fff center top;background-size: 100% auto;}*/

.nmainbg{background: #f2f4f5;}

.nmain .cn {letter-spacing:2px}

.nmain .en p{display: inline-block;text-align: justify;}

.nmain .en .teshu{display: block;text-align: center;}

.nmain .title{ text-align:center; margin-bottom:20px}
.nmain .title h3{ font-size:30px;margin-bottom:6px; font-weight:bold; margin-bottom:5px;}
.nmain .title p{ font-size:18px; margin-bottom:12px; text-transform:uppercase; color:#999}
.nmain .title .line{background:#3e64a3; width:46px; height:3px; margin:0 auto}


.nmain .guanyu .wenzi{line-height:24px;}

.nmain .guanyu li{ float:left; width:33.33%;}
.nmain .guanyu li .pic{ width:60%; max-width:160px; margin:0 auto;display:block;margin-bottom:20px;-webkit-transition:transform .5s;-o-transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;transition:transform .5s;}
.nmain .guanyu li .pic img{ width:100%; height:auto; background: url(../images/ybg.png) no-repeat center center; background-size:cover;display:block; }
.nmain .guanyu li:hover .pic{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}

.nmain .guanyu li .wenzi{ width:95%; margin:0 auto; text-align:center; }
.nmain .wenzi h3{ font-size:18px;line-height:30px; font-weight:bold; margin-bottom:5px;}

.nmain .wenzi .cn{ color:#000;}
.nmain .wenzi .cn p{font-size:18px;}
.nmain .wenzi .cn p{ color:#555; line-height:25px;}

.nmain .wenzi .en{ color:#999; font-weight:12px; margin-top:15px;line-height:24px;}
.nmain .wenzi .en h3{font-size:15px; }

.nmain .xianshang .item .pic{ display:block; overflow:hidden; }
.nmain .xianshang .item .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; overflow:hidden}
.nmain .xianshang .item .pic:hover img{transform:scale(1.2);}
.nmain .xianshang .item .wenzi{ line-height:28px; margin-top:25px;}


.nmain .nmainbg .wenzi .en{ color:#666; }


.nmain .xianxia .pic{ display:block; overflow:hidden; }
.nmain .xianxia .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; overflow:hidden}
.nmain .xianxia .pic:hover img{transform:scale(1.2);}
.nmain .xianxia .wenzi{ line-height:28px; }


.nmain .zonghe .item .pic{ display:block; overflow:hidden; }
.nmain .zonghe .item .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; overflow:hidden}
.nmain .zonghe .item .pic:hover img{transform:scale(1.2);}
.nmain .zonghe .item .wenzi{ line-height:28px;}



.nmain .case img{ width:100%; height:auto; display:block;}


.nmain .case li{ float:left; width:32%; height:auto; margin-right:2%; position:relative}
.nmain .case li:nth-child(3n){ margin-right:0}

.nmain .case li .video{ width:100%;height:auto;background:#000; }
.nmain .case li .video video, .nmain .case li .video img{ width:100%; height:100%; z-index:1}
.nmain .case li .wenzi{ padding:5% 3%; min-height:220px;}
.nmain .case h3{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-weight:normal; color:#333; font-size:18px; line-height:40px; }
.nmain .wenzi  span{background:#3e64a3; width:46px; height:3px; display:block; margin-bottom:15px;}
.nmain .case p{ color:#666; line-height:27px;}



.nmain .case li:after {content: "";width: 0px;height: 2px;background: #3e64a3;bottom: 0;left: 0;position: absolute;z-index: 999;transition: 1s;}

.nmain .case li:hover {box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3); background:#fff;}
.nmain .case li:hover:after {width: 100%;height: 2px;}