@charset "utf-8";

/* CSS Document */

.m-btn{ width:25px; height:15px;display:none; position: absolute; right:1%;top:33px}

.m-btn span{ width:100%; height:3px;background: #0a0f72; 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.open-menu .line2 {opacity: 0;filter: alpha(opacity=0);}

.m-btn.open-menu .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

.m-btn.open-menu .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}





.m-menu{ display:none; padding-top:0px; padding-bottom:30px; margin-top:78px; z-index:999}

.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden;}

.m-menu ul{ width:100%; height:calc(100vh - 85px); 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.cur{ background:#0a0f72; color:#fff;}

.m-menu .menu_a.cur i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}

.m-menu .m_lang{ font-weight:bold}

.m-menu form{ width:96%; margin:20px auto 30px; position:relative}

.m-menu form .input01{ width:100%; line-height:40px; border:1px solid #ddd; padding:0 110px 0 10px;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.m-menu form .sytijiao{ width:100px; position:absolute; right:0;top:0;}





.m-foot{ position:fixed; width:100%; height:60px; left:0; bottom:0;background:#0a0f72; 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 8px; padding-top:27px}

.m-foot li.li2 a{ background:url(../images/kf-email.png) no-repeat center 8px; padding-top:27px}

.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 8px; padding-top:27px}

.m-foot li.li4{ background:url(../images/fcode.png) no-repeat center 8px; padding-top:27px; cursor:pointer}

.m-foot li.li5{ background:url(../images/fshare.png) no-repeat center 8px; padding-top:27px; cursor:pointer}



.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; float:left; }
.dbbox .dbs.fenxiang-box a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }





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

.nbanner{ width:120%; margin-left:-10%;}

.ad{ width:120%; margin-left:-10%;}

}

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

.navfu .wrap .conn .kuai{ margin:12px 20px;}

.navfu .wrap .conn .kuai p a { line-height:25px;}

}

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

}

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

.nbanner{ width:120%; margin-left:-10%;}

.ad{ width:120%; margin-left:-10%;}

.header .menu li .menu_a{ font-size:16px;padding:0 18px;}

.header .search{margin-left:12px;}

.header{padding:28px 0;}



.honor .picScroll{ width:90%; margin:0 auto}



}





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

.nbanner{ width:130%; margin-left:-15%;}

.ad{ width:130%; margin-left:-15%;}

.header .menu li .menu_a{ font-size:15px;padding:0 16px;}



.header .menu li .menu_a{ padding:0 15px;}

.header .search{margin-left:18px;}



.nguide li a{ line-height:60px;margin:0 80px 0 0;}



.nguide .weizhi{ float:right; text-align:right; line-height:62px; font-size:14px;}



.nmain .topnav li{ width:140px;}

}

@media screen and (max-width: 1024px){
.ad{ width:130%; margin-left:-25%;}
.top{ display:none}

.menu{ display:none}

.m-btn{ display:block}

.header .search{ display:none}

.header{ height:auto; padding:0;}

.header .logo img{ height:auto; min-height:30px; width:auto; padding:20px 0;} 



.lianxixiang{ padding:30px 0 60px 0}

.lianxixiang .title h3{ font-size:28px;}

.lianxixiang .title p{font-size:22px; }



.footer li{ display:none}

.footer li:nth-child(5){ display: block}

.footer li:nth-child(6){ display: block}

.copyright{ margin-bottom:55px;}

.m-foot{ display:block;}



.jishuxiang .topnews {padding: 25px 0;}

.jishuxiang .jishukuai{padding: 25px 0;}



.techxiang{ padding:30px 0 50px 0}

.techxiang .ttitle h3{ font-size:30px;}

.techxiang .conn .teshu{ font-size:30px;}



.youshi .ivon h3{ font-size:30px; line-height:42px; }

.techxiang .ttitle h3{ font-size:30px;  }

.techxiang .conn .teshu{ font-size:30px; }

.jishuxiang .jishukuai .date h3{ font-size:30px;}





.app .appkuai .pic{ float:left; width:50%;}

.app .appkuai .wenzi{ padding:20px 0; width:45%; float:right}



.appxiang .picScroll{ width:80%;}



.jianjie{ padding:30px 0}



.wenhua .conn{ margin:30px 0 40px 0;}



.honor .picScroll ul li{ width:33.33%}



.application li{ width:33.33%; }



.navfu{ display:none}



.banner .pcshow{ display:none;}

.banner .phshow{ display:block;}

}



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



.nbanner{ width:140%; margin-left:-20%;}

.ad{ width:140%; margin-left:-20%;}

.header{ height:auto; padding:0;}





.nguide li a{ line-height:50px;margin:0 50px 0 0;}

.nguide .weizhi{ display:none}





.lianxixiang .conn{ margin:0px 0 30px 0;}

.lianxixiang .lianxi li{ float:left; width:50%; margin-bottom:2%;}

.lianxixiang .lianxi li:nth-child(2n+1){ left:both; }

.lianxixiang .lianxi p{ font-size:15px;}

.lianxixiang .lianxi .pic{ max-width:100px; margin:35px auto 15px auto;}



.footer{ padding:25px 0 45px 0;}



.shangxia li{ float:none;}

.shangxia li:last-child{ float:none;}



.appxiang .picScroll .prev,

.appxiang .picScroll .next{ position:absolute; z-index:99;  left:-40px; top:44%; display:block; width:35px; height:35px; overflow:hidden; background:url(../images/lzuo.png) no-repeat; cursor:pointer;}

.appxiang .picScroll .next{ left:auto; right:-40px; background:url(../images/lyou.png) no-repeat;z-index:99; }

.appxiang .picScroll .prevStop{background:url(../images/lzuo02.png) no-repeat;z-index:99; }

.appxiang .picScroll .nextStop{background:url(../images/lyou02.png) no-repeat;z-index:99; }





.guideer li{ float:left;width:calc(33.33% - 2px); border:solid 1px #ddd; line-height:38px; position:relative; margin-top:-1px;}



.nmain .topnav li{ width:120px;}

.prokuai .conn .pinpai{ margin:10px;}





.jiazhig li{ float:left; width:calc(33.33% - 1px); min-height:388px; border-right:solid 1px #fff; color:#fff;}

.jiazhig li .wenzi { width:90%; margin:0 auto;}





.honor .picScroll{ width:80%; margin:0 auto}





.news .newskuai{ float:none; width:100%; margin-bottom:15px; margin-bottom:20px;}

.news .newskuai:last-child{ float:none;}

.news .newskuai .topnews .wenzi p{ display:none}



.othernews .newskuai{ float:none; width:100%; margin-bottom:20px;}

.othernews .newskuai:nth-child(2n){ float:none;}





.banner{width:130%; margin-left:-15%;}

}



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


.news .newskuai .newslist p span{ font-size:12px;}

.banner{width:140%; margin-left:-20%;}

.nbanner{ width:150%; margin-left:-25%;}

.ad{ width:300%; margin-left:-120%;}

.m-btn{top:23px }

.m-menu{ margin-top:60px;}

.header .logo img{ height:25px; min-height:25px; width:auto; padding:18px 0;} 



.nguide li a{ line-height:50px;margin:0 15px 0 0;}






.jishuxiang .topnews {padding: 12px 0;}

.jishuxiang .jishukuai{padding: 12x 0;}



.jishuxiang .topnews .pic{ float:none; width:100%; margin-bottom:15px;}

.jishuxiang .topnews .wenzi{ float:none; width:100%}



.jishuxiang .jishukuai .pic{ float:none; width:100%; margin-bottom:15px;}

.jishuxiang .jishukuai .wenzi{ float:none; margin-left:0%; width:100%; }

.jishuxiang .jishukuai .date{ display:none}





.tuijian{line-height:55px; margin:30px 0 0 0;}

.tuijian .biao{ float:left; color:#000; font-size:24px;}





.case li{ float:left; width:48%; margin-right:0%; margin-bottom:4%;}

.case li:nth-child(3n){ margin-right:0}

.case li:nth-child(3n+1){ clear:none; float:left}



.case li:nth-child(2n){ margin-right:0; float:right}

.case li:nth-child(2n+1){ clear:both}







.app .appkuai .pic{ float:none; width:100%;}

.app .appkuai .wenzi{ padding:20px 0 50px 0; width:100%; float:right}

.app .appkuai .wenzi .jies{ line-height:28px; height:auto; color:#666;display: -webkit-box; margin-bottom:20px;-webkit-box-orient: vertical;-webkit-line-clamp:auto;overflow: hidden;}



.appxiang .picScroll{ width:76%;}





.prokuai .conn li{ float:left; width:calc(50% - 2px); border:solid 1px #ddd; position:relative; margin-left:-1px;margin-top:-1px;}

.prokuai .conn li:nth-child(4n){ margin-left:-1px;}

.prokuai .conn li:nth-child(4n+1){ clear:both}



.prokuai .conn li:nth-child(2n){ margin-left:-1px;}

.prokuai .conn li:nth-child(2n+1){ clear:both}



.nmain .topnav li{ width:90px;}



.proxiang .propic{ float:none; width:100%; border:solid 1px #ddd; margin-bottom:30px;}



.proxiang .prowenzi{ float:none; width:100%;}







.jianjie .zuo{ float:none; width:100%;}

.jianjie .pic{ width:100%; margin-bottom:20px;}





.wenhua .conn .pic{ float:none; width:100%;margin-bottom:20px;}

.wenhua .conn .wenzi{width:100%}

.wenhua .conn .wenzi{ font-size:24px; margin:20px 0; }

.wenhua .conn .wenzi h3{line-height:40px;}

.wenhua .conn .wenzi h4{ color:#333;font-size:22px;  margin-top:15px; clear:both}



.jiazhig li{ float:left; width:calc(50% - 1px); min-height:388px; border-right:solid 1px #fff; color:#fff;}





.youshi .pic{ float:none; width:100%; overflow:hidden}

.youshi .wenzi{ float:none; width:100%;}

.youshi .kuai:nth-child(2n) .pic{ float:none; width:100%; overflow:hidden}

.youshi .kuai:nth-child(2n) .wenzi{ float:none; width:100%;}



.youshi .ivon{ background:#0a0f72; color:#fff; padding:35px 25px; width:auto; height:auto; position:absolute;  color:#fff; z-index:9999}

.youshi .ivon h3{ font-size:30px; font-weight:bold;line-height:45px; }

.youshi .ivon p{}

.youshi .ivon p .num{ float:left; font-family: 'Impact'; font-size:40px;line-height:45px;}

.youshi .ivon p .zz{ float:left; font-size:20px; line-height:22px; margin-top:5px;}



.honor .picScroll ul li{ width:50%}

.application li{ width:50%;  min-height:340px;}





.othernews .pic{ float:none; width:100%; margin-bottom:20px}

.othernews .wenzi{ float:none; width:100%;margin-bottom:20px}







.ipro .kuai{ padding:30px 0 40px 0;}

.ipro .pic{ float:none; width:100%; margin-bottom:20px; overflow:hidden}

.ipro .wenzi{ float:none; width:100%;}

.ipro .kuai:nth-child(2n) .pic{ float:none; width:100%; overflow:hidden}

.ipro .kuai:nth-child(2n) .wenzi{ float:none; width:100%;}


* .biaoge { width:100%;overflow-x: scroll;}


.case .wenzi{ line-height:18px;}
}


@media screen and (max-width: 480px){
.newslist p span{ display:none;}
.nguide li {width:100%}
.nguide li a{ line-height:35px; }
.guideer li{ float:left;width:49%; }
.guideer li{ line-height:20px; padding-top:10px;  height:40px;}
.nmain .topnav li{  width:100%}
.prokuai .conn .wenzi{ line-height:20px; font-size:12px; height:50px;}
.ad .wenzi{ width:100%;  float:right;max-width:350px;}
.ad {width:310%;font-size:18px; line-height:24px;margin-left:-205%;}
.banner{width:120%; margin-left:-10%;}

}