@charset "gb2312";
/* CSS Document */
.m-btn{ width:25px; height:15px; margin-top:26px; display:none; position:relative}
.m-btn span{ width:100%; height:3px;background: #0073b2; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn .line2{top:7px;}
.m-btn .line3{top:14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.active .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.active .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.active .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.m-menu{ display:none; margin-top:65px;}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99}
.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu li{ border-bottom:1px solid #d8d8d8;}
.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}
.m-menu .menu_a.active{ background:#0073b2; color:#fff;}
.m-menu .menu_a.active i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}

.m-menu li.last{ border-bottom:none; margin-top:15px; font-weight:bold;}
.m-menu li.last span{ background:url(../images/l_uk.jpg) no-repeat left center; padding-left:30px; background-size:25px; display:block}


.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background:#0073b2; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li2 a{ background:url(../images/kf-email.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}

@media screen and (max-width: 1600px){
.banner{ width:120%; margin-left:-10%;}


.nbanner{height:330px;}
.nbanner .t1{margin-top:120px;font-size:38px;}
.nbanner .t2{margin-top:120px;font-size:38px;}
}
@media screen and (max-width: 1440px){
.wrap{ width:96%}
.banner{ width:140%; margin-left:-20%;}
}

@media screen and (max-width: 1199px){
.serivce .conn li .pic{ height:auto;}
.serivce .conn li .pic:hover img{transform:scale(1);}

.case .case_left .pic{ height:auto;}
.case .case_right .pic{ height:auto;}
.case .pic:hover img{transform:scale(1);}

.news .conn .newsleft .pic{ height:auto; }
.news .conn .newsleft:hover img{transform:scale(1);}

.brank .conn li .pic{ height:auto; }
.brank .conn li:hover img{transform:scale(1);}

.b0kuai .bbtu .kleft{ height:auto;}
.b0kuai .bbtu:hover img{transform:scale(1);}

.news_list .newspic span{ height:auto;}
.news_list .newskuai:hover .newspic  span img{transform:scale(1);}

.divTeamList .pic{ height:auto;}
.divTeamList .pic:hover img{transform:scale(1);}

.divTeamList02 .pic{ height:auto;}
.divTeamList02 .pic:hover img{transform:scale(1);}

.appxiang .appright li .pic{ height:auto;}
.appxiang .appright li .pic:hover img{transform:scale(1);}

.case-list ul li{height:auto;}
.case-list li:hover img{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1)}

.casexiang .caseright li .pic{ height:auto; }
.casexiang .caseright li .pic:hover img{transform:scale(1);}

.tit05 a:hover img,.tit05 .cur img{-webkit-transform:scale(1,1);-moz-transform:scale(1,1); -transform:scale(1,1);}

.prolist li .kleft{ height:auto;}
.prolist li:hover img{transform:scale(1);}

.nbanner{height:280px;}
.nbanner .t1{margin-top:90px;font-size:32px;}
.nbanner .t2{margin-top:90px;font-size:32px;}

.location .wrap { width:100%; margin:0 auto}


.pcvideo-banner{height:auto;}
.pcvideo-banner .video-src{ top: 0%;transform: translateY(-0%);position: relative;}


.prokuai01{ background:none;}
.prokuai02{ background:none;}


.header .menu li .menu_a{ font-size:17px; margin-right:20px;} 
}

@media screen and (max-width: 1024px){
.banner{ padding-top:75px;}

.menu{ display:none }
.yuyan{ display:none}
.m-btn{ display:block}
.header{ height:75px;}
.header .logo{min-width:180px;}
.header .ad{width:10%; font-size:13px; min-width:100px;margin:22px 0 0 8px; padding-left:5px;}
.m-menu{ margin-top:75px;}

.banner{ width:150%; margin-left:-30%;}

.nbanner{height:240px; padding-top:75px;}
.nbanner .t1{margin-top:70px;font-size:28px;}
.nbanner .t2{margin-top:70px;font-size:28px;}


.jiangek{ height:223px;}

.location li a{  padding:0 28px;}


.news_list .newskuai h3{ line-height:36px;height:36px;}
.news_list .newskuai p{line-height:26px; height:52px;}
.news_list .newskuai .time{margin-top:15px; height:auto}
}
@media screen and (max-width:768px){

.banner{ padding-top:65px;}

.header{ height:65px;}
.header .ad{margin:16px 0 0 8px;}
.m-menu{ margin-top:65px;}

.banner{ width:160%; margin-left:-30%;}

.nbanner{height:220px;}
.nbanner .t1{margin-top:60px;font-size:24px;}
.nbanner .t2{margin-top:60px;font-size:24px;}

.location{line-height:46px; background:#f2f2f2}
.location .nav{ float:none; width:100%; }
.location .weizhi{  width:98%; float:none; text-align:left; margin:0 auto; background-color:#fff; padding-left:2%;}

.location li a{ padding:0 24px;}

.footer .kuai01{ display:none; }
.footer .kuai02{ float:left; width:16%;}
.footer .kuai03{ float:left; width:19%; }


.message-con-1{ float:left; width:100%; margin-bottom:25px}
.message-con-1 .tit{ float:left; color:#666; margin-right:15px; width:30%; font-size:15px; padding-top:7px; text-align:left}
.message-con-1 .input-m{ width: 60%; padding:2%; border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}

.message-con-2 .tit{ float:left;color:#666; margin-right:15px; width:30%; font-size:15px; text-align:left;padding-top:7px;}
.message-con-2 textarea{ width: 60%; padding:2%; border:1px solid #ccc; outline:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 .input-m{ width: 40%; padding:2%; border:1px solid #ccc; outline:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}


.erbiao h1 { font-size:28px;line-height:40px;}
.erbiao h3 { font-size:20px;}

.bankuai #atabcontent h1{ line-height:40px; font-size:20px;}
.bankuai #atabcontent .yewu h2{ line-height:36px; font-size:20px; }
.bankuai #atabcontent .yewu h3{ font-size:18px; line-height:40px;}

.yewu{ margin-bottom:30px;}

.b0kuai{ clear:both}
.b0kuai .bbtu{ float:none; width:100%; margin-bottom:15px;background-color: #f1f1f1;}
.b0kuai .bbtu:nth-child(2n){ float:none;}
.b0kuai .bbtu:nth-child(2n+1){ clear:both; }

.b0kuai .bbtu .kleft { margin-bottom:15px;}
.b0kuai .bbtu{ float:none; clear:both}

.jiangek{ height:0px;}

.nmain{ padding:20px 0;}


.jishu{padding:30px 0;}
.jishu li h3{ font-size:46px; line-height:48px; }

.prokuai01{ margin-top:0}
.pro02right h3{line-height:60px; font-size:20px; margin-top:15px;}
.pro02right p{line-height:28px; font-size:15px;}

.prokuai02{ margin-bottom:50px;}


.image-list .cover{ width: 32%; margin-right:2%;}
.image-list .cover:nth-child(4n){ margin-right:2%;}
.image-list .cover:nth-child(4n+1){ clear:none; float:left; }

.image-list .cover:nth-child(3n){ margin-right:0;}
.image-list .cover:nth-child(3n+1){ clear:both;}


#pictureViewer > .content{ height: 480px;}

.newsxiang .newsleft{ float:none; width:100%;}
.newsxiang .newsright{ display:none; }


.divTeamList ul li{ float: left; width:32%; margin-right: 2%; margin-bottom: 2%; }
.divTeamList ul li:nth-child(4n){margin-right:2%;}
.divTeamList ul li:nth-child(4n+1){ clear:none; float:left}

.divTeamList ul li:nth-child(3n){margin-right: 0%;}
.divTeamList ul li:nth-child(3n+1){ clear:both;}


.divTeamList02 ul li{ float: left; width:32%; margin-right: 2%; margin-bottom: 2%; }
.divTeamList02 ul li:nth-child(4n){margin-right:2%;}
.divTeamList02 ul li:nth-child(4n+1){ clear:none; float:left}

.divTeamList02 ul li:nth-child(3n){margin-right: 0%;}
.divTeamList02 ul li:nth-child(3n+1){ clear:both;}

HTML {OVERFLOW-X: hidden;}


.news .conn .newsright .newskuai{ margin-bottom:15px;}
.news .conn .newsright .newskuai .num{font-size:50px; }

.casexiang .caseleft{ float:none; width:100%;}
.casexiang .caseright{ display:none}


.case-list .case-summary .p2 .syl {font-size: 14px;line-height:20px;font-weight: normal;}


.m-foot{ display:block}
.copyright{ margin-bottom:50px;}
}

@media screen and (max-width:640px){
.nbanner{height:100px;}
.nbanner .t1{margin-top:20px;font-size:24px;}
.nbanner .t2{margin-top:20px;font-size:24px;}


.lianxikuai01 ul li{width:50%;}
.lianxikuai01 ul li:nth-child(2n+1){ clear:both; }
.lianxikuai01 ul li:nth-child(1){ margin-bottom:15px;}
.lianxikuai01 ul li:nth-child(2){ margin-bottom:15px;}

.footer .kuai02{ width:50%;}
.footer .kuai02:nth-child(2n){ clear:both}
.footer .kuai02:nth-child(4){ display:none}
.footer .kuai02:nth-child(5){ display:none}
.footer .kuai03{ width:50%; border:none;}


.bankuai .tabmenu li {font-size:15px;width:48.5%; margin-right:3%;}
.bankuai .tabmenu li:nth-child(2n){ margin-right:0;}
.bankuai .tabmenu li:nth-child(2n+1){ margin-left:0;}
.bankuai .tabmenu li:nth-child(1){ margin-bottom:30px;}
.bankuai .tabmenu li:nth-child(2){ margin-bottom:30px;}


.yewu .ywleft{ float:none; width:100%; margin-bottom:40px;}
.yewu .ywright{ float:none; width:100%}

.b0kuai .bbtu{ float:none; clear:both}
.b0kuai .bbtu .kleft{ float:none; width:100%;}
.b0kuai .bbtu .kright{ float:none; width:100%; padding-bottom:15px; margin-bottom:15px;}
.b0kuai .bbtu .kleft { margin-bottom:0px;}

.b0kuai .bbtu .kright h3{ font-size:16px;margin:0px 0px 10px 0px}

.bankuai #atabcontent img{ width:100%; max-width:100%;}



.jishu li{ float:left; width:50%; border-right:solid 1px #ddd; margin-left:-1px;}
.jishu li:nth-child(2n+1){ margin-left:0px;}
.jishu li:nth-child(2n){ border-right:none; }

.jishu li:nth-child(1){ margin-bottom:15px;}
.jishu li:nth-child(2){ margin-bottom:15px;}

.jishu li h3{ font-size:40px; line-height:45px; }


.prokuai01 .pro02left { float:none; width:100%;}
.prokuai01 .pro02right{ float:none; width:100%;}

.prokuai02 .pro02left { float:none; width:100%;}
.prokuai02 .pro02right{ float:none; width:100%;}

.pro02right h3{ margin-top:0}



.honor .yiji  li a{ display:block;padding:8px 20px;}
.honor .yiji  li{  margin:0 5px 10px}

.honor .erji  li{ margin:0 5px 10px}
.honor .erji  li a{ padding:7px 30px;}

.image-list .cover{ width: 48.5%; margin-right:3%; margin-top:3%; }
.image-list .cover:nth-child(3n){ margin-right:3%;}
.image-list .cover:nth-child(3n+1){ clear:none; float:left; }

.image-list .cover:nth-child(2n){ margin-right:0;}
.image-list .cover:nth-child(2n+1){ clear:both;}

#pictureViewer > .content{ height: 400px;}

.zcleft { float:none; width:100%; text-align:center;}
.zcleft img { width:auto; max-width:100%; height:auto; display:block; margin:0 auto;}
.zcright { float:none; width:100%; margin-top:30px;}

.location li{ float:left; width:33.33%; text-align:center}
.location li a{padding:0; position:relative; width:100%;}

.pages .searchPage .page-go{ display:none}
.pages .searchPage .page-btn{ display:none}


.divTeamList ul li{ float: left; width:48.5%; margin-right: 3%; margin-bottom: 3%; }
.divTeamList ul li:nth-child(3n){margin-right:3%;}
.divTeamList ul li:nth-child(3n+1){ clear:none; float:left}

.divTeamList ul li:nth-child(2n){margin-right: 0%;}
.divTeamList ul li:nth-child(2n+1){ clear:both;}


.divTeamList02 ul li{ float: left; width:48.5%; margin-right: 3%; margin-bottom: 3%; }
.divTeamList02 ul li:nth-child(3n){margin-right:3%;}
.divTeamList02 ul li:nth-child(3n+1){ clear:none; float:left}

.divTeamList02 ul li:nth-child(2n){margin-right: 0%;}
.divTeamList02 ul li:nth-child(2n+1){ clear:both;}

.divTeamList ul li .span_name{ font-size: 14px;line-height:20px;height:60px; padding:8px 0; }
.divTeamList02 ul li .span_name{ font-size: 14px;line-height:20px;height:60px; padding:8px 0; }

.serivce .conn li{ float:none; width:100%; margin-right:0%;border:solid 1px #ddd; margin-left:0px; min-height:auto; border-radius:10px; clear:none; margin-bottom:15px;}

.case .case_left{ display:none; }
.case .case_right{ float:none; width:100%; overflow:hidden;}


.news .conn .newsleft{ float:none; width:100%; margin-bottom:15px;}
.news .conn .newsright{ float:none; width:100%;}


.news .conn .newsright .newskuai .num{font-size:40px; }

.brank .conn li{ float:left; width:48.5%; margin-right:3%;border-radius:10px; overflow:hidden;}
.brank .conn li:nth-child(2n){ margin-right:0}
.brank .conn li:nth-child(1){ margin-bottom:3%}
.brank .conn li:nth-child(2){ margin-bottom:3%}


.case-list ul li{width: 48.5%; margin-right:3%; margin-bottom:3%;}
.case-list ul li:nth-child(3n){ margin-right:3%;}
.case-list ul li:nth-child(3n+1){ clear:none; float:left; }
.case-list ul li:nth-child(2n){ margin-right:0;}
.case-list ul li:nth-child(2n+1){ clear:both;}

.location li a{  font-size:14px;}
.weizhi { font-size:14px;}
}

@media screen and (max-width:420px){

#pictureViewer > .content{ height: 320px;}

.news_list .newspic{ float:left; width:35%;}
.news_list .newscon{ float:right; width:62%;}

}