@charset "utf-8";

/* CSS Document */





/*手机端*/

.Hmenu-btn{width:25px;height:100%;padding:37px 0 0;cursor:pointer;float:right;display:none; margin-right:20px}

.Hmenu-btn a{display:block;width:100%;height:3px;background-color:#4e4e4e;position:relative;}

.Hmenu-btn a:before,

.Hmenu-btn a:after{content:"";display:block;width:100%;height:3px;background-color:#4e4e4e;position:absolute;left:0px;}

.Hmenu-btn a:before{top:-10px;}

.Hmenu-btn a:after{bottom:-10px;}

.Hmenu-btn.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}

.Hmenu-btn.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }

.Hmenu-btn.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }

@-moz-keyframes buttonAnimationBefore {

	0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }

	50% {-moz-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }

	100% {-moz-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 

}

@-webkit-keyframes buttonAnimationBefore {

	0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }

	50% {-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }

	100% {-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 

}

@keyframes buttonAnimationBefore {

	0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }

	50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }

	100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }

@-moz-keyframes buttonAnimationAfter {

	0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }

	50% {-moz-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }

	100% {-moz-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 

}

@-webkit-keyframes buttonAnimationAfter {

	0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }

	50% {-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }

	100% {-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 

}

@keyframes buttonAnimationAfter {

	0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }

	50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }

	100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 

}

@-moz-keyframes buttonAnimation {

	0% {background: #aaaaaa; }

	50% {background: rgba(255, 255, 255, 0); }

	100% {background: rgba(255, 255, 255, 0); }

}

@-webkit-keyframes buttonAnimation {

	0% {background: #aaaaaa; }

	50% {background: rgba(255, 255, 255, 0); }

	100% {background: rgba(255, 255, 255, 0); } 

}

@keyframes buttonAnimation {

	0% {background: #aaaaaa; }

	50% {background: rgba(255, 255, 255, 0); }

	100% {background: rgba(255, 255, 255, 0); } 

}





@media all and (max-width:1380px){/*1366*/

	/*- Header -*/

	.Hlang{margin:0 .5rem 0 40px;}

	

	.Hn2nd-box .Hn2nd-list{width:160px;font-size:14px;}

	.Hn2nd-box .split{margin:0 .5rem;}

	.Hn2nd-box .Hn2nd-con{width:240px;}

	



}

@media all and (max-width:1440px){
.Hnav>li{margin:0 .2rem;}
}

@media all and (max-width:1280px){



	.contain{width:100%;padding:0 2%;}



	/*- Header -*/

	.Hlang{margin:0 2% 0 0px;}

	

	.Had{font-size:14px;}

	

	.Hnav>li{margin:0 .18rem;}

	.Hnav .Hname{font-size:14px;}

}



@media all and (max-width:1200px){ /*1200*/



	.Had{font-size:12px;}

	.cIdea-wrap{width:92%;}

.lianxi { width:98%;}

.nmain .contact_con .lianxi { width:98%;}

.lianxi_list ul{width:98%;}

.link .inlink{width:98%;}

.banquan .inbanquan{ width:98%;}



.nmain .jianjie{ width:98%;}

}



@media all and (max-width:1100px){/*1024 * 768 */



	

	html{font-size:50.1563px;}



	img{max-width:100%;}

	

	/*-- Header --*/

	.header-container{padding:0;}

	.Had,

	.Hnav{display:none;}

	.Hmenu-btn{display:block;}

	.Hlang{line-height:80px;}

	.select{right:76px }

	

	.Hsrch-box{width:100%;border-top:1px solid #ccc;top:50px;}

	

	.Hnav{display:none;width:100%;background:#fff;border-top:1px solid #ccc;position:absolute;top:50px;left:0px;}

	.Hnav>li{width:100%;border-bottom:1px solid #ccc;margin:0px;}

	.Hnav .Hname{height:50px;line-height:50px;padding:0 4%;font-size:14px;}

	

	.Hnav>li:hover .Hname, 

	.Hnav>li.cur .Hname{background:none;}

	

	.Hn2nd-box .Hn2nd-img,

	.Hn2nd-box .split,

	.Hn2nd-box .Hn2nd-con{display:none;}

	.Hnav .Hn2nd-box{padding:0px;text-align:left;position:relative;top:0px;}

	.Hn2nd-box .Hn2nd-list{display:block;width:100%;margin:0px;}

	.Hn2nd-list dt:after,

	.Hn2nd-list dd a:after{display:none;}

	.Hn2nd-list dt{line-height:45px;font-size:13px;padding:5px 6% 0;margin:0px;}

	.Hn2nd-list dd{padding:0 0 5px;line-height:40px;}

	.Hnav .Hn2nd-box .Hn2nd-list dd a{width:100%;padding:0 8%;line-height:38px;}

	

	.Hname i{display:block;}

	

	.artInfo-con table{width:100% !important;}

	

	

	

	#index-bnr{display:none;}

	#index-webBnr{display:block;}

	

	.bnr-img.PSA-bnr{padding:3rem 4%;}

	.bnr-img.PSA-bnr .t1{font-size:30px;line-height:45px;}

	.bnr-img.PSA-bnr .t2{font-size:16px;line-height:24px;}





.nbanner{ height:320px; margin-top:115px;}

.nbanner h3{ font-size:46px;line-height:300px}



.footer .infooter .flogo{ float:left; margin-right:60px}

.footer .infooter .kuai{ float:left; margin-right:60px}

.footer .infooter .erweima{ margin-right:20px}

.banquan .inbanquan .zuo{ float:none;width:100%;}

.banquan .inbanquan .you{ float:none; width:100%;}

.banquan .inbanquan .you li{ float:left; }



.news_list .newskuai .time{margin-top:15px;}

.news_list .newspic span{ height:auto;}

.news_list .newskuai p{line-height:30px; color:#666; font-size:14px; max-height:60px; overflow:hidden}

.news_con  .xiangq{padding:30px 10px 65px 10px;}

.ppxiang .pro_detail{ padding-left:10px;padding-right:10px;}



.prolist{width:98%;}

.prolist .pro_con li span{ height:auto;}

.prolist .pro_detail .proimg{height:350px}



.nmain .jianjie .con img{ width:500px; height:auto}

}



@media all and (max-width:1024px){

#smallpicarea { display:none}

.nmain .nhistory #smallpicarea {display:none}



.nmain .wenhua .con li{min-height:350px;}





}

@media all and (max-width:1000px){

.Hlogo{width:36%; max-width:180px}

.Hlogo{height:50px;line-height:50px;}

.Hlang{line-height:50px;}

.Hmenu-btn{padding:23px 0 0;}

.header-container{height:50px;}

.select{margin-top:-35px;right:50px;}



.nav .innav_pro li { width:25%;}



.bigbtnPrev {LEFT: 0px}

.bigbtnNext {RIGHT: 0px}



.nmain .wenhua .con li{ float:left; width:50%; min-height:300px;}

.nmain .wenhua .con li:nth-child(1){border-top: solid 1px #dfdfdf;border-left: solid 1px #dfdfdf; margin-left:-2px;}

.nmain .wenhua .con li:nth-child(2){border-top: solid 1px #dfdfdf;}

.nmain .wenhua .con li:nth-child(3){border-top: none;border-left: solid 1px #dfdfdf; margin-left:-2px;}

.nmain .wenhua .con li:nth-child(4){border-bottom: solid 1px #dfdfdf;border-left:none; margin-left:0px;}

.nmain .wenhua .con li:nth-child(5){border-left: solid 1px #dfdfdf; margin-left:-2px;}

.nmain .wenhua .con li:nth-child(6){border-bottom: solid 1px #dfdfdf;}



.news_content .newskuai .date{ width:22%; }

.news_content .newskuai .newsd{ float:right; width:75%;}

.news_content .newskuai { margin-bottom:25px}

}

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



.Iadv-list li:first-child{width:90%;}

.Iadv-list li{width:90%;float:none;margin:0 auto;}

.Inews-list{width:90%;}



.nmain .contact_con .title{ line-height:50px; font-size:30px;}

.lianxi .lxfs{ float:none; width:100%; margin-bottom:100px}

.nmain .contact_con .lianxi .lxfs{ float:none; width:100%; margin-bottom:100px}

.lianxi .liuyan{ float:none; width:100%; font-size:16px; color:#fff;}

.nmain .contact_con .lianxi .liuyan{ float:none; width:100%; font-size:16px; color:#fff;}

.applist .title{ line-height:50px; font-size:30px;}

.nmain .jianjie .title{line-height:50px; font-size:30px;}

.nmain .nhistory .title{line-height:50px; font-size:30px;}

.nmain .wenhua .title{line-height:50px; font-size:30px;}



.I-title .title{ine-height:50px; font-size:30px;}



.nmain .contact_con .lianxi .lxfs .tel{ margin-bottom:8px; padding-left:60px;}

.nmain .contact_con .lianxi .lxfs .fax{margin-bottom:8px; padding-left:60px;}

.nmain .contact_con .lianxi .lxfs .email{margin-bottom:8px; padding-left:60px;}

.nmain .contact_con .lianxi .lxfs .add{line-height:27px; margin-bottom:8px; padding-left:60px;}



.lianxi .lxfs .tel{ margin-bottom:8px; padding-left:60px;}

.lianxi .lxfs .fax{margin-bottom:8px; padding-left:60px;}

.lianxi .lxfs .email{margin-bottom:8px; padding-left:60px;}

.lianxi .lxfs .add{line-height:27px; margin-bottom:8px; padding-left:60px;}





.lianxi_list .title{ line-height:50px; font-size:30px;}

.lianxi_list ul li{ float:none; width:100%; margin-bottom:25px }

.lianxi_list ul li p{ padding-left:60px}



.footer .infooter .flogo{ display:none}

.footer .infooter .kuai{ float:left; width:48%; margin: 10px 1%; padding:0;}

.footer .infooter .erweima{margin-right:2%;width:48%}



.nbanner{ height:220px; margin-top:85px;}

.nbanner h3{ font-size:42px;line-height:200px}



.nav .innav_news li a{ float:left; padding:0;color:#333333; display:block; text-align:center; width:33.33%;}

.nav .innav_about li a{ float:left; padding:0;color:#333333; display:block; text-align:center; width:50%;}





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

.news_list .newspic span{ height:auto;overflow:hidden; display:block; }



.news_list .newskuai a{ padding:20px 0; display:block; border-bottom:solid 1px #dddddd}

.news_list .newskuai h3{ line-height:30px; padding:12px 0; color:#333; font-size:18px;}







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

.news_list .newspic span{ height:auto;}



.news_content .topnews span{ height:auto; }

.applist .app_con .app_kuai .appimg span{ height:auto;}

.applist .app_con .app_kuai .jian{ float:none; width:100%; margin-bottom:50px}

.applist .app_con .app_kuai .appimg{ float:none; width:100%;}

.applist .app_con .app_kuai a .jian h3{ margin:10px auto 0px auto}

.applist .app_con .app_kuai:nth-child(2n) .jian{ float:none; width:100%;}

.applist .app_con .app_kuai:nth-child(2n) .appimg{ float:none; width:100%;}



.nav .innav_pro li { width:33.33%;}



.applist .app_con02 .jian{ float:none; width:100%;}

.applist .app_con02 .appimg{float:none; width:100%;}



.applist .app_con02 .appimg span{ height:auto;}



.prolist .title{ line-height:50px; font-size:30px;}





.prolist .pro_con li span{ height:auto;}



.prolist .pro_detail .proimg{float:none; width:100%; height:300px}

.prolist .pro_detail .projian{ float:none; width:100%;}



.ppxiang .pro_detail .pro_kuai{float:none; width:98%; margin:0 auto}

.ppxiang .pro_detail .pro_kuai:nth-child(2n){ float:none;}



.proapp .app_list li{ float:left; width:48%; margin-right:1%;margin-left:1%; margin-bottom:12px;}

.proapp .app_list li:nth-child(4n){ margin-right:1%;}



.proapp .app_list li span{ height:auto;}

.picScroll ul li{ width:50%;}



.nmain .jianjie .con img{ width:300px;}



.nmain .nhistory #bigpicarea {background:#fff; width:98%; margin:0 auto}

#bigpicarea {height:324px; background:#fff; }

#bigpicarea .word{ width:90%;}

#bigpicarea .word .pp{ height:250px;line-height:26px;}

#bigpicarea .word H3 {TEXT-ALIGN: center; LINE-HEIGHT: 45px; HEIGHT: 45px; COLOR: #fff; background-color:#ff9900; margin-bottom:20px; FONT-SIZE: 16px; }





#picarea {background:#fff; width:98%; margin:0 auto}

#bigpicarea {height:324px; }

#bigpicarea .word{ width:90%;}

#bigpicarea .word .pp{ height:250px;line-height:26px;}

#bigpicarea .word H3 {background-color:#15559c;}



.app_list .kuai{ float:left; width:33.33%; overflow:hidden;display:block}



.news_content .newslist{ float:none; width:100%;}

.news_content .topnews{ float:none; width:100%; max-width:auto;}



.news_content .newskuai .date{ width:25%; }



.news_content .newskuai .newsd{ float:right; width:72%;}

.news_content .newskuai { margin-bottom:15px}

.proapp .app_list li a p{font-size:16px; height:60px; }
}





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

prolist .pro_con li span{ height:auto;}

.nmain .jianjie .con img{ width:auto; max-width:100%; float:none; margin-bottom:15px; margin-left:0;}



.nmain .wenhua .con li h3 { line-height:32px; margin-bottom:15px;}

.nmain .wenhua .con li p { line-height:25px}



.nmain .wenhua .con li{ float:none; width:98%; min-height:auto; height:auto; margin:0 auto; padding-bottom:50px}



.app_list .kuai{ width:50%; }

.app_list .kuai .wenzi h3{ font-size:16px}



.app_list .kuai .wenzi{ max-width:180px;  }

}

@media all and (max-width:540px){

    .prolist .pro_detail .proimg{float:none; width:100%; height:250px}

	#index-bnr .bnr-img{height:16.75rem;}

	

	.Iadv-list li{width:90%;}



	.bnr-img.page-bnr{height:12rem;}



.nbanner{ height:160px;}

.nbanner h3{line-height:150px}



.news_list .newspic{ float:none;width:98%; margin:0 auto}

.news_list .newscon{ float:none; width:98%;margin:0 auto}

.nav .innav_pro li { width:50%;height:60px; overflow:hidden; }


.prolist .pro_con li{ float:none; width:98%; margin:0 auto 30px auto}

.prolist .pro_con li span{ height:auto;}

}



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



}

@media all and (max-width:320px){



.header-container{max-width:320px}

}





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

.outlink { display:none}



}