@charset "gb2312";
/* CSS Document */

#dituContent { float:right;width: 60%;}

.m-btn{ display:none; margin-top:43px; z-index:9999}
.m-btn span{ width:25px; height:3px; background:#b92025; display:block; margin-bottom:5px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.m-btn .span3{ margin-bottom:0}
.open-btn .span2{ display:none}
.open-btn .span1{ -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:right top}
.open-btn .span3{ -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);transform-origin: 14px 8px}

.m-menu{ position:fixed; top:100px; background:#fff; width:100%; display:none; z-index:10; z-index:9999; border-top:solid 1px #ddd}
.m-menu li {line-height: 45px; font-size: 16px;border-bottom: 1px solid #e8e8e8; z-index:9999}
.m-menu li a{ position:relative; padding:0 2%; display:block}
.m-menu li .menu_a i {position: absolute;top: 13px;right: 2%;width: 22px;height: 22px;background: url(../images/ico_03.png) no-repeat center;background-size: 15px 15px;}
.m-menu li .menu_a.cur {background: #b92025;color: #fff;}
.m-menu li .menu_a.cur i{background: url(../images/ico_03_h.png) no-repeat;background-size: 15px 15px;height: 2px;top: 22px;}
.m-menu li .sub {background: #f5f5f5;line-height: 35px;font-size: 14px;padding: 10px 0 20px;display: none; z-index:9999}


.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background: #b92025; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:25%; 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: 1440px){

}
@media screen and (max-width: 1199px){
.wrap{ width:98%}
.location .wrap{ width:100%}
.header .menu li .menu_a{ font-size:17px;margin-left:34px;}
.header .menu li .sub {margin-left: 32px;}


.ad{ line-height:84px; height:84px;margin-top:-103px; }
.ad h3{font-size:28px;  color:#fff; padding-left:15px }

.about .pic{ width:45%; float:left; border:solid 1px #ddd; background-color:#fff; padding:1px;}
.about .jianjie{ width:39%; float:left; padding:15px 3%; margin-left:-3px; }
.about .quite{ width:10%; margin-left:-3px; border:solid 1px #ddd; float:left}


}

@media screen and (max-width: 1024px){
.header .menu li .menu_a{ font-size:17px;margin-left:26px;}
.header .menu li .sub {margin-left: 24px;}


.ad{ line-height:84px; height:84px;}
.ad h3{font-size:26px;  color:#fff; }

.about .quite a .wenzi{ font-size:16px;}

.about .jianjie p {font-size: 15px;line-height: 28px;}
.about .jianjie p:last-child{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;overflow: hidden;}
.about .quite a {padding: 12px 0;}

.case .kuaiz .tu{ height:410px;}
.case .kuaiyy .tu{ height:198px;}
.case .kuaiz a .wenzi{ margin-top:-410px; }
.case .kuaiz a:hover .wenzi{ height:410px;}

.case .kuaiyy a .wenzi{margin-top:-198px;}
.case .kuaiyy a:hover .wenzi{ height:198px;}


.tomore {dwidth: 120px; line-height: 36px; height: 36px;font-size:14px;margin:25px auto 0 auto;}
.tomore i, .tomore span {height:36px;}

.serivce li a { padding: 120px 0 0px 0;min-height:300px;}

.footer .kuai { margin-right: 65px;}
.nbanner {height: 280px;}

.nmain .yewulist li a { padding: 40px 0 0px 0;min-height: 315px;}



.case .kuaiz:hover .tu img{transform:scale(1);}
.case .kuaiyy:hover .tu img{transform:scale(1);}

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

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

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

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

.caseslist li .tu{ height:auto;}
.caseslist li:hover .tu img{transform:scale(1);}

.about{bpadding:35px 0 45px 0}
.case{padding::35px 0 45px 0}
.news{padding::35px 0 45px 0}
.nmain{padding:35px 0 90px 0; }

.demo-image {height:650px;}
}


@media screen and (max-width: 920px){
.nav{ display:none}
.m-btn{ display:block}	
.header .logo {width: 30%;max-width: 227px;margin-top: 0;}
.header{ height:100px;}
.banner{ padding-top:100px; }
.nbanner{ margin-top:100px; }
.tool_bar{ display:none} 

.notice .more{ display:none}
.notice { height:50px;}
.flink{width: 100%; float:left;HEIGHT: 50px; }
.flink li{WIDTH: 100%; HEIGHT: 50px; line-height:50px; font-size:15px;}
.mouse_direction {margin-top: 15px;}

.ad{ line-height:60px; height:60px;margin-top:-78px;}
.ad{ width:80%;}
.ad h3 {font-size: 24px;}

.about .jianjie p:last-child{ display:none}
.about .pic{ width:45%; float:left; }
.about .jianjie{ width:49%;padding: 10px 2%; }
.about .quite{ display:none}

.about .jianjie h3{ font-size:20px; line-height:55px; margin-bottom:15px;}

.serivce li a { padding: 80px 0 0px 0;min-height: 250px;}
.serivce li a .tu{ width:60%}
.serivce li a .wenzi h3{ font-size:18px;}
.serivce li a .wenzi p{ font-size:15px;}

.title{ margin-bottom:20px;}
.title h3{ line-height:45px; font-size:30px;}
.title p{font-size:15px; }

.title02{ margin-bottom:20px;}
.title02 h3{ line-height:45px; font-size:30px;}
.title02 p{font-size:15px;}

.case .tabmenu li{ font-size:16px;}

.case .kuaiz .tu{ height:305px;}
.case .kuaiyy .tu{ height:148px;}
.case .kuaiz a .wenzi{ margin-top:-305px; }
.case .kuaiz a:hover .wenzi{ height:305px;}

.case .kuaiyy a .wenzi{margin-top:-148px;}
.case .kuaiyy a:hover .wenzi{ height:148px;}

.case .kuaiz h3{ font-size:18px;}
.case .kuaiz p{ font-size:14px; }
.case .kuaiyy h3{ font-size:18px; }
.case .kuaiyy p{ font-size:14px; }

.case  .conn p.mores{font-size:14px;margin:20px auto 0px auto;}

.footer .kuai{ float:left;margin-right:0px; width:25%; margin-bottom:15px;}
.footer .kuai:nth-child(5){width:50%; clear:both}

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

.demo-image {height:580px;}


}

@media screen and (max-width: 768px){
.header .logo {width: 30%;max-width: 204px; height:auto;margin-top: 0;}
.header{ height:90px;}
.banner{ padding-top:90px; }
.nbanner{ margin-top:90px; height:220px}
.m-btn{  margin-top:38px}

.m-menu{ top:90px;}

.demo-image {height:460px;}
}

@media screen and (max-width: 680px){
.copyright .coright { float: none;}
.header .logo {width:60%;max-width: 182px; height:auto;margin-top: 0;}
.header{ height:80px;}
.banner{ padding-top:80px; }
.nbanner{ margin-top:80px;height: 140px; }
.m-btn{  margin-top:33px}
.m-menu{ top:80px;}	

.ad{ line-height:50px; height:50px;margin-top:-68px;}
.ad{ width:80%;}
.ad h3 {font-size: 18px;}

.news .kuai{ float:none; width:100%; margin-bottom:2%; clear:both}
.news .kuai:nth-child(2n){ float:none; }
.news .kuai:nth-child(2n+1){ clear:both; }

.news .kuai .wenzi h3{ margin-bottom:0;}

.link{ background:#333333 ; }
.link .link_left{ float:left; background:#b92025;font-size:15px;line-height:22px;height:44px; padding:16px 0; width:22%; text-align: center; margin-right:2%;}
.link .link_right{ float:right;line-height:22px; padding:16px 0; width:75%}


.nguide li a{ display:block; padding:3px 15px;font-size:15px}

.demo-image {height:320px;}

.newtit {line-height: 32px;font-size: 18px;}

.shangxia ul li{float:none;width: 100%;line-height:28px;}
.shangxia ul li:nth-child(2){text-align: left;}


.proslist li{width:48%;margin-right:0%;float: left;margin-left:0px;}
.proslist li:nth-child(3n){ margin-right:0;}
.proslist li:nth-child(3n+1){ margin-left:0; clear:none}
.proslist li:nth-child(2n){ margin-right:0; float:right;}
.proslist li:nth-child(2n+1){ margin-left:0; clear:both}

.product-top #preview{ width:100%;float:none; margin-bottom:20%}

.product-top .text{ float:none; width:100%;}


.morepro .morelist li{width:48%;margin-right: 0%;margin-left:0px; font-size:15px;}
.morepro .morelist li:nth-child(4n){ margin-right:0;}
.morepro .morelist li:nth-child(4n+1){ margin-left:0; clear:none}

.morepro .morelist li:nth-child(2n){ margin-right:0; float:right;}
.morepro .morelist li:nth-child(2n+1){ margin-left:0; clear:both}

#dituContent { float:none; width:100%}


.caseslist li{width:48%;margin-right: 0%;margin-left:0px; font-size:15px;}
.caseslist li:nth-child(3n){ margin-right:0;}
.caseslist li:nth-child(3n+1){ margin-left:0; clear:none}
.caseslist li:nth-child(2n){ margin-right:0; float:right;}
.caseslist li:nth-child(2n+1){ margin-left:0; clear:both}

.lianxilist ul li{width:48%;float:left; margin:0 1% 15px 0}
.lianxilist ul li:nth-child(2n+1){ clear:both;}

.liuyan .inp-sub {width: 124px;}

.hrtit dd{ float:left; width:25%;color:#fff; text-align:center}
.hrtit dd:nth-child(1){ width:50%;}
.hrtit dd:nth-child(2){ display:none}
.hrtit dd:nth-child(4){ display:none}

.hrlist .hrlist_tit span{ float:left; width:25%; text-align:center; font-size:15px;}
.hrlist .hrlist_tit span:nth-child(1){ width:50%;}
.hrlist .hrlist_tit span:nth-child(2){ display:none}
.hrlist .hrlist_tit span:nth-child(4){ display:none}
}
@media screen and (max-width: 480px){
.about .pic{ width:100%; float:none; margin-bottom:15px;; }
.about .jianjie{ width:98%;padding: 10px 1%; float:none }

.serivce li a .tu { width:80%;}
.serivce li a { padding: 40px 0;min-height:auto;}

.case .kuaiz{ display:none}
.case .kuaiy{ float:none; width:100%;}
.case .conn p.mores{ display:none}

.case .kuaiyy .tu{ height:115px;}
.case .kuaiyy a .wenzi{margin-top:-115px;}
.case .kuaiyy a:hover .wenzi{ height:115px;}

.ad {width: 100%;line-height: 50px; height: 50px;margin-top: -20px; }

/*.notice{ display:none;}*/

.nguide li a{ display:block; padding:3px 18px;font-size:16px}
.nguide li:nth-child(1) a{ margin-bottom:10px;}
.nguide li:nth-child(2) a{ margin-bottom:10px;}
.nguide li:nth-child(3) a{ margin-bottom:10px;}

.nguide .navnews li:nth-child(1) a{ margin-bottom:0px;}
.nguide .navnews li:nth-child(2) a{ margin-bottom:0px;}
.nguide .navnews li:nth-child(3) a{ margin-bottom:0px;}

.nguide .navbrank li:nth-child(3) a{ margin-bottom:0px;}

.jianjie .imgfl{ float:none; width:100%; margin-right:0px; margin-top:0px;}
.jianjie .imgfl02{ float:none; width:100%; margin-right:0px; margin-top:0px;}
.jianjie .imgfl03{ float:none; width:100%; margin-right:0px; margin-top:0px;}

.jianjie .imgright{ float:none; width:100%; margin:0px; margin-top:0px;}
.jianjie .imgleft{ float:none; width:100%; margin:0px; margin-top:0px;}


.demo-image {height:220px;}

.nmain  .yewulist li{ width:50%;}
.nmain .yewulist li a{ padding:40px 0; min-height:auto;}
.nmain .yewulist li:nth-child(1) a{ padding-bottom:0;}
.nmain .yewulist li:nth-child(2) a{ padding-bottom:0;}

.nmain .yewulist li a .wenzi h3{ font-size:18px; line-height:32px; }
.nmain .yewulist li a .wenzi p{ font-size:14px;}

.newslist li .wenzi h3{line-height: 28px; font-size: 15px;margin-bottom: 5px;}
.newslist li .wenzi  .times{font-size: 13px; margin-bottom:5px;}

.proslist .wenzi{font-size:14px;}

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

.lianxilist ul li{width:100%;float:none; margin:0 0 15px 0;}
.lianxilist ul li .pic{ float:left}
.lianxilist ul li .pic img{ display:block; width:80%; max-width:90px; margin:0 auto;}

.footer { padding: 25px 0;}
}