@charset "utf-8";
/* CSS Document */
.m-btn{ width:25px; height:15px;display:none; position: absolute; right:2%;top:50%; margin-top:-8px;}
.m-btn span{ width:100%; height:3px;background: #3E64A3; 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:74px; z-index:99999999}
.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:#3E64A3; 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:55px; left:0; bottom:0;background: #3E64A3; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 8px; padding-top:30px !important}
.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 8px; padding-top:30px}
.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 5px; padding-top:30px}
.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 8px; padding-top:30px}

.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}
.m_contact a{ color:#999}
.m_fnav{}
.m_fnav li{ float:left; margin-right:15px; padding-right:15px; position:relative}
.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}
.tanchuang{ display:none; z-index:9999999999999; position:fixed; }
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25)}
.tanchuang .text{ position:fixed;left:50%; margin-left:-170px;top:30%; width:300px; padding:20px; height:auto; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center}
.tanchuang .text .closed{width:30px; height:30px; background:url(../images/close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#3e64a3}
.tanchuang .text .tel{ background:#3e64a3; color:#fff;padding:15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url(../images/b-03.png) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:35px; color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#3e64a3; font-size:18px; margin-top:15px}

.pcshow{ display:block;}
.phshow{ display:none;}



@media screen and (max-width: 1288px){
.topsearch{ width:450px; margin-left:-225px;}
.topsearch .sinput input { width:240px;}

}

@media screen and (max-width: 1200px){
.section{ padding:45px 0}
.section02{ padding:45px 0 0 0}
.section03{ padding:0 0 40px 0}


.menu li .menu_a{ font-size:16px;}
body{ font-size:14px;}
.menu li .menu_a i{right:5px;}
.nmain .conn{ font-size:16px;}
.nbanner .wenzi, .nbanner .wenzi02,.nbanner .wenzi03{ margin-top:-40px;}

.topsearch{ width:400px; margin-left:-200px;}
.topsearch .sinput input { width:140px;}
}
@media screen and (max-width: 1100px){
.topsearch{ width:340px; margin-left:-170px;}
.topsearch .sinput input { width:120px;}	
	
}
@media screen and (max-width: 1024px){
.topsearch{ display:none}
	
.m-btn{ display:block;}
.menu{ display:none}
.topsearch{ display:none}
.m-menu .topsearch{ display: block; }
.m-menu .topsearch{width:380px; margin-left:-190px;}
.m-menu .topsearch .sinput input { width:160px;}

.use{ display:none}

.pcshow{ display:none;}
.phshow{ display:block;}

.top{height:80px;}
.top .logo{ height:74px;}
.top .logo img{ height:60px;}
.top .logo .ad{ position:relative; bottom:5px;}

.banner {padding-top:74px;}
.nbanner {margin-top:74px;}
.aboutbanner{margin-top:74px;}
.huiyuan {margin-top:74px;padding: 50px 0;}

#newBridge{ display:none !important}
.float_kf{ display:none; }

.recommended{ margin-top:20px;}
.recommended li {margin-top:15px;float:none; width:96%; margin-right:0%; padding:12px 2%;}
.recommended li:hover{margin-top:0px; margin-bottom:0}
.recommended li .wenzi h3{margin-bottom: 5px;}

.title{ text-align:center; margin-bottom:20px}
.title h3{ font-size:30px;margin-bottom:6px; font-weight:bold; margin-bottom:5px;}
.title p{ font-size:17px; margin-bottom:15px;}
* .title:after{margin:15px auto; }


.anniu .sou{width:130px;}
.anniu .xiazai{ width:130px;}

.keyword .conn select{ line-height:30px; height:30px;padding:0 6px;}
.keyword .conn .course select{ width:178px; margin-bottom:8px;}
.keyword .conn .course, .keyword .conn .tese, .keyword .conn .idizhi { margin-right:5px;}
.keyword .conn .tese select{ width:132px;}
.keyword .conn .idizhi select{ width:110px;}
.keyword .conn .shijian select{ width:90px;}
.keyword .conn .guanjianzi input{ width:70%; margin:8px 0; line-height:30px; height:30px; padding:0 6px;}

.isolution .tabmenu li { padding:10px 0 0 0;}
.isolution #tabcontent {padding:10px 0 0 0; }
.isolution #tabcontent .pic{ float:none; width:100%; margin-bottom:20px;}
.isolution #tabcontent .wenzi{ float:none; width:100%; }
.isolution #tabcontent .more{ position: relative; right:0; bottom:auto; margin-top:20px; }

.isolution .tabmenu li .pic{ margin:0 auto;}
.waveContent { height:180px}

.iabout .advantageList{ margin:20px auto 0px auto;}
.iabout .advantageList li{ float:left; width:23%; margin:0 1%; text-align:center}	
.iabout .advantageList li h3 span{font-size:26px;}
.iabout .advantageList li:nth-child(4n+1){ clear:both;}
.iabout .advantageList li:nth-child(5){ margin-left:12.5%;}


.ivideo .vtabmenu .title02 h3{ font-size:24px;margin-bottom:6px;}
.ivideo .vtabmenu .title02 p{ font-size:13px;}

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

.footer .right .io{ display:none}



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

.nbanner .wenzi{width:100%;}
.nbanner .wenzi h3{ font-size:30px; height:50px;}
.nbanner .wenzi p{ font-size:24px;height:30px; text-transform:uppercase}

.nbanner .wenzi02 h3{ font-size:30px; height:50px; }
.nbanner .wenzi02 p{ font-size:24px;height:30px;text-transform:uppercase}

.nbanner .wenzi03 h3{ font-size:30px; height:50px; }
.nbanner .wenzi03 p{ font-size:18px;height:30px;text-transform:uppercase}

.jiejuefangan .nav li{ padding:0}
.solution .zhanshi01 li .info h3{ font-size:18px;}


.aboutbanner .nadv{ position: relative; height:auto;color:#fff; width:100%; background: rgba(62,100,163,1); padding-bottom:30px;}
.aboutbanner .nadv li{ float:left; width:24%; text-align:center}
.aboutbanner .nadv li:nth-child(4n+1){ clear:both}
.aboutbanner .nadv li:nth-child(1){width:27%;}


.aboutbanner .text h3{ font-size:30px; margin-bottom:10px;}
.aboutbanner .text p{ font-size:20px; margin-bottom:10px;}

.tuijianjs .picScroll ul li{ float:left; width:50%;}
.tuijianjs .picScroll ul li .pic{ width:100px; height:100px;}

.neixunleft .kuaipic .wenzi{font-size: 32px;}


.lastsanlie .item{ float:left !important; width:48% !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-right:0%  !important}
.lastsanlie .item:nth-child(2n){ float:right !important}
.lastsanlie .item:nth-child(3n+1){ clear:none !important}
.lastsanlie .item:nth-child(2n+1){ clear:both !important}

.lastsilie .item{ float:left !important; width:48% !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-right:0%  !important}
.lastsilie .item:nth-child(2n){ float:right !important}
.lastsilie .item:nth-child(4n+1){ clear:none !important}
.lastsilie .item:nth-child(2n+1){ clear:both !important}
}
@media screen and (max-width: 768px){
.igongkai ul li .info img{ height:70px}
.isolution .tabmenu li {width:33.33%;}
.igongkai ul li .info {top: 20px;}
.igongkai ul li .info h3 {padding-top:20px;}

.ishuzihua .atabmenu li {width:33.33%; padding:15px 0;}
.ishuzihua .atabmenu li:nth-child(3n+1){ clear:both}

.iabout .conn h3{ font-size:18px;}


.bottomx{  padding:30px 0; }
.bottomx h3{ font-size:28px; margin-bottom:10px;}
.bottomx p{ font-size:20px; margin-bottom:10px;}
.bottomx .tiyan a:nth-child(1){width: 120px; }
.bottomx .tiyan a:nth-child(2){width: 140px;}

.footer .left, .footer .serlist{ display:none}
.footer .right{ float:none; padding:30px 0px 45px 0px;}
.footer img { float:right; margin-top:-120px;}

.solution .zhanshi01 li {height:180px; margin-bottom:10px;padding: 0;}
.solution .zhanshi01 li .btns{ display:none}
.solution .zhan04 li{width:50%;}
.solution .zhan05 li{width:50%;}
.solution .zhan06 li{width:33.33%;}
.solution .zhan06 li:nth-child(3n+1){ clear:both}
.solution .zhanshi01 li .info h3{ font-size:16px;}
.solution .zhanshi02 li .pic{}

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

.nbanner .wenzi{width:100%;}
.nbanner .wenzi h3{ font-size:30px; height:40px;}
.nbanner .wenzi p{ font-size:20px;height:30px; text-transform:uppercase}

.nbanner .wenzi02 h3{ font-size:30px; height:40px; }
.nbanner .wenzi02 p{ font-size:20px;}

.nbanner .wenzi03 h3{ font-size:30px; height:40px; }
.nbanner .wenzi03 p{ font-size:18px;}

.nbanner .wenzi, .nbanner .wenzi02, .nbanner .wenzi03 {margin-top: -35px;}


.hotneixun ul li {width:50%;height:230px;}
.hotneixun ul li:nth-child(2n){ background:none;}
.hotneixun ul li a.btns { display:none}

.sousou .wrap .kuai .kleft{ float:none; width:100%; font-size:16px;}
.sousou .wrap .kuai .kright{ float:none; width:100%;}
.sousou .wrap .kuai .kright .lifen li a, .sousou .wrap .kuai .kright .lifen03 li a{padding: 0 3px;width:calc(100% - 6px)}
.sousou .wrap .kuai .kright .lizong{ float:left; width:50px; text-align:center}
.sousou .wrap .kuai .kright .lifen, .sousou .wrap .kuai .kright .lifen03{ float:right; width:calc(100% - 50px);}
.sousou .wrap .kuai .kright select{ width:120px;}



.aboutbanner .nadv li h3 span{ font-size:24px;}
.aboutbanner .nadv h3{ font-size:15px;}
.aboutbanner .nadv p{ font-size:12px;} 

.aboutbanner .text h3{ font-size:28px; margin-bottom:10px;}
.aboutbanner .text p{ font-size:18px; margin-bottom:10px;}

.nmain .caselist .item{ float:none; width:100%; margin-right:0%; margin-bottom:25px;}

.newslist .item .nneirong{ float:left; width:65%; padding:20px 0;}
.newslist .item .nneirong .shijian{ font-size:28px;width:100%; float:none; text-align:left; margin-bottom:15px;}
.newslist .item .nneirong .neirong{ float:none; width:100%}
.newslist .item:hover{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}


.nteacher #tabcontent ul li{ float:none; width:100%; position:relative; padding-bottom:20px; clear:both}
.nteacher #tabcontent ul li:nth-child(2n){ float:none;}
.nteacher #tabcontent ul li .pic{ width:100px; height:100px; position:relative; float:left; overflow:hidden; border-radius:50%;}
.nteacher #tabcontent ul li .wenzi{ width:calc(100% - 120px); float:right; line-height:30px;}
.nteacher #tabcontent ul li .wenzi h3{ font-size:18px; color:#000; margin-bottom:15px;}

.jiangshijiesq .pic{ width:100px; height:100px; }

.nteacherlist ul li .pic{ width:100px; height:100px;}
.nteacherlist ul li .wenzi{ width:calc(100% - 120px); float:right; line-height:30px; }
.nteacherlist ul li .you{ display:none}

.neixunleft .kuai01 .kzuo{  width:100%; line-height:35px; font-size:16px; float:none; margin-bottom:20px; }
.neixunleft .kuai01 .kyou{width:100%; line-height:35px; font-size:16px; float:none; text-align:center}

.neixunleft .kuaipic .wenzi{font-size: 28px;}


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

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


@media screen and (max-width: 640px){
.nmain .fuyoushi li {width:100%;height:330px; margin-left: 0;z-index: 10; background:none }
.nmain .guanyu li{ float:none; width:100%; margin-bottom:15px}

.nmain .case li{ float:none; width:100%; margin-right:0%; position:relative; margin-bottom:20px;}
.nmain .case li:nth-child(3n){ margin-right:0}


.nmain .jifenlist li {float: left;position: relative;width:100%; background:none; border-bottom:solid 1px #ddd}
.nmain .conn .line h3{ font-size:20px;}

.fengcai li{ float:none; width:100%; margin-right:0%; margin-bottom:2%}

.tuijianjs .picScroll ul li{ float:left; width:100%;}

.neixunlist .conn li span{ display:none}
.neixunlist .conn li span:nth-child(2){ width:78%; text-align:left; padding-left:2%; display:block}
.neixunlist .conn li span:nth-child(5){ display:block; width:20%;}

.neixunleft .kuaipic .wenzi{font-size: 26px;}


.gongkailist .conn li span, .gongkailist .conn tr td{ display:none }
.gongkailist .conn li span:nth-child(2), .gongkailist .conn tr td:nth-child(2){ display:block; width:53%; text-align:left; padding-left:2%}
.gongkailist .conn li span:nth-child(4), .gongkailist .conn tr td:nth-child(4){display:block; width:40%; float:right}

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


.stylelist .conn li span{ display:none}
.stylelist .conn li span:nth-child(2){ width:30%; display:block}
.stylelist .conn li span:nth-child(3){ width:68%; display:block}


.huiyuan .other{ float:none; width:100%; color:#fff; padding:0px 0 50px 0;}

.huiyuan .login{ float:none; width:94%; max-width:450px; padding:50px 3%; }
.huiyuan .login .loginbox .row label{ width:75px; }
.huiyuan .login .loginbox .row select{width:calc(100% - 128px);}
.huiyuan .login .loginbox .row .inp,.huiyuan .login .loginbox .row .inp2{width:calc(100% - 140px); }
.huiyuan .login .loginbox .row .inp2{width: 30% !important;}
.huiyuan .login .loginbox .row .submit{width:calc(100% - 128px);}
.member{ width:100%; padding:50px 0% 100px 0%;}

.lastsilie{ display:none}
}
@media screen and (max-width: 420px){
	
.nbanner img{ width:150%; margin-left:-25%}

.igongkai ul li { position: relative;width:50%; height:290px; margin-left: 0px;z-index: 10; margin-bottom:25px; }
.igongkai ul li:nth-child(2), .igongkai ul li:nth-child(3){ background:none}
.igongkai ul li a.btns{ display:none;}
.igongkai ul li:nth-child(3){ width:100%;}

.ivideo #vtabcontent ul .item{ width:49%; margin-right:0%; background-color:#fff; margin-bottom:20px;}
.ivideo #vtabcontent ul .item:nth-child(2n){ float:right}
.ivideo #vtabcontent ul .item:nth-child(3){ display:none;}
.bottomx{  padding:30px 0; }
.bottomx h3{ font-size:24px; margin-bottom:6px;}
.bottomx p{ font-size:18px; margin-bottom:0px;}

.newslist .item .nneirong{ float:none; width:100%; }
.newslist .item .nvideo{ float:none; width:100%;}


.sousou .wrap .kuai .kright .lifen02 li{width: 100%;}
.sousou .wrap .kuai .kright .lifen03 li{width: 50%;}
.kechengap li{ float:none !important; width:100%; margin-right:0%; margin-left:0px; height:15px;}

.huiyuanzong li{  float:none; width:100%; margin-bottom:30px;}

.neixunleft .kuaipic .wenzi{ padding-top:6px; font-size:20px;}

.keyword02 .conn .guanjianzi input{ width:calc(100% - 22px)}
.keyword02 .anniu{ float:none; width:312px; margin:0 auto}

input{-webkit-appearance: none ;}
}