@charset "utf-8";
/* CSS Document */
.m-btn{height:55px;width:45px; margin-top:-27px;display:none; position: absolute; top:50%; right:0%;background:#fff;}
.m-btn span{ width:20px; height:2px;background: #053f90; position:absolute; left:17.5px; top:20px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:2px center;-moz-transform-origin:2px center;transform-origin:2px center}
.m-btn .line2{top:26px;}
.m-btn .line3{top:32px;-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);}

.mobile-menu{width: 270px;position: fixed; top: 0; height: 100%; overflow: hidden;background-color: #0C0C0C;z-index: 1001;left: 0;transform: translate3d(-270px,0,0);-webkit-transform: translate3d(-270px,0,0);-ms-transform: translate3d(-270px,0,0);-sand-transform: translate3d(-270px,0,0); -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease;}
.mobile-menu .closed{ display:block; width:30px; height:30px; background:url(../images/guanbi.png) no-repeat center #f8f8f8; position:absolute; right:15px; top:15px}
.mobile-menu ul{ width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}
.mobile-menu a{ display:block}
.mobile-menu li{ position:relative}
.mobile-menu li>a{display: block;padding:12px 15px; font-size: 16px; line-height: 26px; overflow-x: hidden;text-transform: uppercase;color: rgba(255,255,255,.8);border-bottom: 1px solid rgba(92,92,92,.23);}
.mobile-menu .menua i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.mobile-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}

.mobile-menu .m-search{padding:12px 15px; font-size: 16px;border-bottom: 1px solid rgba(92,92,92,.23);position:relative}
.mobile-menu .m-search form{ position:relative}
.mobile-menu .m-search .input{background-color: rgba(255,255,255,.1);border: none;padding: 14px 50px 14px 18px;font-size: 14px;color: #fff;height: 48px;width:100%;color: rgba(255,255,255,.8)}
.mobile-menu .m-search .btn{position: absolute;top:0;right: 0;bottom:0;font-size: 0;border: none;background:url(../images/search-btn01.png) no-repeat center;width: 50px;}
.mobile-menu.show{left: 0;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-sand-transform: translate3d(0,0,0);}
.mobile-menu-bg, .sidebar-left-bg{position: fixed;top: 0;left: 0;width: 100%; height: 100%;z-index: 1000; display:none;background-color: rgba(0,0,0,.7);}

.mobile-sidebar-btn{ font-weight:bold; color:#333; display:flex; display:-webkit-flex; align-items:center; opacity:0; visibility:hidden; height:0; overflow:hidden; font-size:16px}
.mobile-sidebar-btn .line{ margin-right:10px; position:relative}
.mobile-sidebar-btn .line, .mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{display: inline-block;width: 18px;height: 2px; background:#333;}
.mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{position: absolute;content: "";left: 0;}
.mobile-sidebar-btn .line:before{top: -6px;}
.mobile-sidebar-btn .line:after{top: 6px;}
.sidebar-left-close{display: none;padding: 16px 20px;background-color: #000;text-align: right; color:#fff}
.sidebar-left-close span{text-transform: uppercase;font-size: 12px;line-height: 35px;position: relative;cursor: pointer;padding-right: 21px;}
.sidebar-left-close span:after{content:" ";position: absolute; right: 0; top: 50%; margin-top: -1px;width: 15px;height: 2px; display: inline-block; background-color: #fff;}
.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#053f90; 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.li2 a{ background:url(../images/kf-emails.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}


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

@media screen and (max-width: 1366px){
body{ font-size:15px;}
.icase .casetabmenu li{padding: 10.6px 5%;}
.header .top .logo{ margin-top:-20px; font-size:20px; }
.header .top .logo span{ padding-left:14px; margin-left:14px;}
.header .top .logo img{ height:40px; }
.header .top .tel{ font-size:20px;}

.space{ height:155px;}
.header .top .wrap{  height:105px;}

.header .menu li .menu_a{ line-height:50px; display:block; position:relative; font-size:17px;}

.banner .swiper-slide a{ min-height:500px !important;}

.section{ padding:60px 0 }
.sectionabout{ padding:50px 0 60px 0 }
.sectioncontact{ padding:30px 0 60px 0 }
.sectionnext{ padding:0 0 60px 0}
.sectionnext02{ padding:0 0 35px 0}


.title{ margin-bottom:25px}
.title h3{ font-size:36px; line-height:55px; margin-bottom:10px;}
.title h3 span { padding:0 25px;}
.title p { font-size:18px}


.titleabout{ margin-bottom:25px}
.titleabout h3{ font-size:34px; line-height:60px;}
.titleabout p{font-size:22px;}


.title02 h3{ font-size:28px; line-height:50px; margin-bottom:10px;}

.title03{ margin-bottom:25px}
.title03 h3{ font-size:36px; line-height:50px; }
.title03 p { font-size:18px;}

.protile h3{ font-size:32px; line-height:32px;}
.protile h3 .en {font-size:22px;}
.protile a{font-size:17px;}

.protile02{ margin-bottom:20px;}
.protile02 h3{ font-size:28px; font-weight:bold; line-height:32px; color:#053f90}
.protile02 h3 .en {font-size:22px; }
.protile02 a{ font-size:17px;}

.casetitle{padding:15px 0;}
.casetitle h3{font-size:28px; line-height:40px;}
.newstitle h3{font-size:28px; line-height:40px;}

.iapplication .apptabmenu li{ line-height:45px;font-size:21px; }

.iapplication #apptabcontent .bottom .kuai .wenzi{ line-height:28px; padding:15px 0; font-size:17px;}	

.casepic .qimo8 .qimo ul li img{ height:100px;}

.footer .qlink .qnav{ font-size:16px;}
.footer .flx li{padding: 45px 0;margin-right:30px;}
.footer .flx li h3 {font-size: 18px;}

.aboutnav .wrap{ line-height:55px;}
.aboutnav li{ padding:0 30px; font-size:17px; position:relative}

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

.nabout02 li .text{ font-size:18px; }
.nabout02 li .text h3{ font-size:22px;line-height:35px;}

.nabout04 li .text h3{ font-size:22px}

.newstitle h3{font-size:26px; line-height:40px;} 

.casemenu ul .menu_a{ line-height:46px; font-size:17px; width:180px; }
}
@media screen and (max-width: 1239px){
.iproducts .protabmenu li{width: calc(100% - 20px);}
.iproducts #protabcontent a .ppic{display: block;width:100%; padding:0 10% 10% 10%}
.iproducts #protabcontent a .wenzi{display: block;width:100%; padding:10%}

.header .top .logo{ margin-top:-17.5px; font-size:19px; }
.header .top .logo img{ height:35px; }
.header .top .tel{ font-size:18px;}

.space{ height:135px;}
.header .top .wrap{  height:85px;}

.header .menu li .menu_a{font-size:16px;}
.banner .swiper-slide a{ min-height:450px !important;}

.title{ margin-bottom:20px}
.title h3{ font-size:32px; line-height:50px;}
.title h3 span { padding:0 20px;}
.title p { font-size:17px}


.titleabout{ margin-bottom:20px}
.titleabout h3{ font-size:32px; line-height:55px;}
.titleabout p{font-size:20px;}


.title02 h3{ font-size:24px; line-height:50px; margin-bottom:10px;}

.title03{ margin-bottom:20px}
.title03 h3{ font-size:32px; line-height:50px; }
.title03 p { font-size:17px;}

.protile h3{ font-size:28px; line-height:32px;}
.protile h3 .en {font-size:22px;}
.protile a{font-size:17px;}

.protile02{ margin-bottom:20px;}
.protile02 h3{ font-size:24px; font-weight:bold; line-height:32px; color:#053f90}
.protile02 h3 .en {font-size:20px; }
.protile02 a{ font-size:16px;}

.casetitle{padding:15px 0;}
.casetitle h3{font-size:24px; line-height:35px;}
.newstitle h3{font-size:24px; line-height:35px;}

.casepic .qimo8 .qimo ul li img{ height:90px;}

.inews #newstabcontent .othernews .kuai{padding: 10px 6px 10px 12px;}
.inews #newstabcontent .othernews .kuai a{ padding-right:20px;}
.footer{ display:none}
.inews #newstabcontent .othernews .kuai h3{ font-size:17px}

.case-con-left{height:480px;}
.case-con-right .case-right-ul{height:480px;}

}

@media screen and (max-width: 1024px){
.header .top .logo{font-size:18px; }
.banner .swiper-slide a{ min-height:400px !important;}

.icase .casetabmenu li{ font-size:16px}

.nabout03 .picScroll ul li{ width:33.33%;}

.nabout04 li .text { margin-top: -40px;padding: 60px 20px 30px 20px;}

.casemenu ul .menu_a{ line-height:42px; font-size:17px; width:160px; }
}

@media screen and (max-width: 920px){
.banner .swiper-slide a{ min-height:350px !important;}	
.section{ padding:50px 0 }
.sectionabout{ padding:40px 0 50px 0 }
.sectioncontact{ padding:30px 0 50px 0 }
.sectionnext{ padding:0 0 50px 0}
.sectionnext02{ padding:0 0 30px 0}
.header .top .logo{ margin-top:-15px; }
.header .top .logo img{ height:30px; }
.header .top .wrap{  height:70px;}
.header .menu li .menu_a{ line-height:50px;}
.space{ height:120px;}

.search{ display:none}



.title h3{ font-size:28px; line-height:45px;}
.title p { font-size:16px}

.titleabout h3{ font-size:28px; line-height:45px;}
.titleabout p{font-size:18px;}


.title02 h3{ font-size:21px; line-height:45px; margin-bottom:10px;}

.title03{ margin-bottom:20px}
.title03 h3{ font-size:28px; line-height:45px; }
.title03 p { font-size:16px;}

.protile h3{ font-size:21px; line-height:32px;}
.protile h3 .en {font-size:18px;}
.protile a{font-size:16px;}
.protile02 h3{ font-size:21px;}
.protile02 h3 .en {font-size:18px; }
.protile02 a{ font-size:16px;}

.casetitle{padding:15px 0;}
.casetitle h3{font-size:21px; line-height:35px;}
.newstitle h3{font-size:21px; line-height:35px;}

.iapplication .apptabmenu li{ line-height:45px;font-size:18px; }

.icase .casetabmenu li:hover:after, .icase .casetabmenu li.cli:after{ display:none}
.icase .casetabmenu{float:none; width:100% !important;}
.icase #casetabcontent{ float:none; width:100%}
.icase .casetabmenu li{ float:left !important; width:33.33%; clear:none;padding: 6px 0%;}
.icase .casetabmenu li .icon, .icase .casetabmenu li .text{ float:none; text-align:center; margin:0 auto}
.casepic .qimo8 .qimo ul li img{ height:80px;}
.icase .casetabmenu li .text{ margin-top:-10px;}
.icase #casetabcontent .wenzi{font-size:16px; line-height:30px;padding:15px; width:100%; position: relative;  bottom:auto}
.icase #casetabcontent .wenzi .more a{width:60px; height:60px; position:absolute; left:auto; right:0; top:0; margin-top:-60px; }
.icase #casetabcontent .wenzi h3{ font-size:20px;}

.aboutnav li:hover:after, .aboutnav .cur:after{ display:none}

.aboutnav .wrap{ line-height:45px;}
.aboutnav li{ padding:0 20px; font-size:16px; position:relative}

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

.nabout02 li .text{ font-size:17px; }
.nabout02 li .text h3{ font-size:20px;}

.nabout04 li .text h3{ font-size:20px}

.copyright .link{ float:none;}
.copyright .bah{ float:none;}


.ncontact li{ float:left; width:33.33%; font-size:17px; padding:0 0 20px 0}
.ncontact li:nth-child(4){ margin-left:16.66%; clear:both}

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

.nmain .pleft{ float:none; width:100%}
.nmain .pright{ float:none; width:100%}


.newslist .kuai .text h3{ font-size:18px;}
.newslist .kuai{ padding:14px;}

.shangxia .kuai span:nth-child(2){ width:calc(100% - 180px);}
.shangxia .kuai span:nth-child(1){ width:76px;}

.casemenu ul .menu_a{ line-height:40px; font-size:16px; width:150px; }

.case-con-left dl{ padding:5%; width:100%; background:#f3f3f3;}
.case-con-left{width:100%; float:none !important; background: #EEEEEE;height:auto;}
.case-con-right{width:100%; float:none}
.case-con-right .case-right-ul li.on .jiantou{ display:none}
.case-con-left dl dt .jiantou{ width:60px; height:60px; bottom:0; }
.case-con-left dl dd h2{font-size:17px;}
.case-con-right .case-right-ul li .info b{font-size:16px;}
.case-con {margin-top: 0px;}
.case-con-left dl{ margin:20px auto}
.case-con-right .case-right-ul li .inconn{padding:15px; margin-left:0px; position: relative}
.case-con-right .case-right-ul li .line{width:calc(100% - 15px); margin-left:15px;}

.nmain .pleft{ margin-bottom:30px;}
.nmain .pleft .pnav .kuai h3{line-height:42px; font-size:18px;}
.nmain .pleft .pnav .kuai .conn p{ line-height:30px;}
.nmain .pleft .pnav02 .kuai .conn p{ float:left !important; width:50% !important}

.nmain .pright .apptop .apics{ float:none; width:100%; margin-bottom:20px;}
.nmain .pright .apptop .text{ float:none; width:100%; margin-bottom:20px;}

.nmain .pics { float:none; width:100%; padding:10px; width:100%; margin-bottom:20px;}
.nmain .wenzi{ float:none; width:100%;margin-bottom:20px;}
}

@media screen and (max-width: 768px){
.banner .swiper-slide a{ min-height:300px !important;}
.menu{ display:none}
.space{ height:70px;}
.header .top .logo span{ display:none}	
.header .top .tel{ display:none}
.m-btn{ display:block}
.float_kf{ display:none}


.section{ padding:40px 0 }
.sectionabout{ padding:30px 0 40px 0 }
.sectioncontact{ padding:30px 0 40px 0 }
.sectionnext{ padding:0 0 40px 0}
.sectionnext02{ padding:0 0 30px 0}

.iproducts .protabmenu{float:none; width:100%;}
.iproducts #protabcontent{ float:none; width:100%; }

.iproducts .protabmenu li{width: calc(50% - 20px);}


.iapplication #apptabcontent .top a{ width:32.6666%; margin-right:1%; line-height:35px;}
.iapplication #apptabcontent .top a:nth-child(1), .iapplication #apptabcontent .top a:nth-child(2), .iapplication #apptabcontent .top a:nth-child(3){ margin-bottom:1%}
.iapplication #apptabcontent .top a:nth-child(3n){ margin-right:0}
.iapplication #apptabcontent .top a:nth-child(3n+1){ clear:both}
.iapplication #apptabcontent .bottom .kuai{ float:left; width:49%; margin-right:0%;}
.iapplication #apptabcontent .bottom .kuai:nth-child(3){ margin-top:2%}
.iapplication #apptabcontent .bottom .kuai:nth-child(2n){ float:right}
.iapplication #apptabcontent .bottom .kuai:nth-child(3n+1){ clear:none;}
.iapplication #apptabcontent .bottom .kuai:nth-child(2n+1){ clear:both;}

.iabout .conn .abouttop .pic{ float:none; width:100%;}
.iabout .conn .abouttop .wenzi{ float:none; width:100%; padding:12px 5%}
.iabout .conn .abouttop .more{ left:auto; right:0 !important;width: 60px;height:60px; background-size:70% auto;}
.iabout .conn .aboutbottom li{ font-size:17px;}

.inews .news{ float:none; width:100%}
.inews .faq{ float:none; width:100%}
.inews #newstabcontent .topnews .wenzi h3{ font-size:20px; line-height:50px;}
.inews #newstabcontent .othernews .kuai h3{ font-size:16px}
.copyright{ margin-bottom:55px;}
.m-foot{ display:block}


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

.newstitle h3{font-size:20px; line-height:25px; padding:12px 0} 
.newstitle p{line-height:20px; padding:5px 0}
}

@media screen and (max-width: 640px){
.banner .swiper-slide a{ min-height:250px !important;}	
.iabout .conn .aboutbottom li{ float:left; width:50%; font-size:16px; padding:0; margin-top:20px;}
.iabout .conn .aboutbottom li:nth-child(2n+1){ clear:both}

.inews #newstabcontent .topnews .pic{ float:none; width:100%}
.inews #newstabcontent .topnews .wenzi{ float:none; width:100%}
.inews #newstabcontent .topnews .wenzi h3{ font-size:18px; line-height:45px;}

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

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

.nabout03 .picScroll ul li{ width:100%; margin-bottom:20px;}


.ncontact li{ float:none; width:100%;}
.ncontact li:nth-child(4){ margin-left:0%; clear:both}

.ncontact li .icon{ width:30%; float:left}
.ncontact li .text{ width:70%; float:right; text-align:left}


.message .item{width:100%; float:none}
.message .item:nth-child(even){ float:none}


.nmain .wenzi .use{ margin-top:40px;}
.nmain .wenzi .use .dianhua{ width:100%; }
.nmain .wenzi .use .dianhua h3{ font-size:20px;}
.nmain .wenzi .use .zixun{ position: relative; right:auto; top:auto; margin-top:15px; width:230px; text-align:center; color:#fff}

.nmain .silie li{ float:left; width:49%; background:#fff; margin-right:0%;}
.nmain .silie li:nth-child(2n){ float:right}
.nmain .silie li .text{ line-height:30px; padding:10px 0}

}
@media screen and (max-width: 420px){
.banner .swiper-slide a{ min-height:200px !important;}	

.title h3{ font-size:24px; line-height:40px;}
.titleabout h3{ font-size:24px; line-height:40px;}
.title03 h3{ font-size:24px; }

.nabout02 li{ float:none; width:100%; margin-right:0%; margin-bottom:20px}
.nabout04 li .text h3{ font-size:18px}

.nabout04 li .icon{ width:30%;}
.nabout04 li{ float:none; width:100%;}
.nabout04 li:nth-child(2n){ float:none}
.nabout04 li .text{ min-height:auto}

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

.nmain .pright .prolist li{ float:none; width:calc(100% - 2px); }

.nbanner{ width:145%; margin-left:-22.5%}

.casemenu ul .menu_a{ width:145px; }

.nmain img { float:none !important; width:100%; margin:0 auto;}


.nmain.proguide .kuai{ float:left; max-width:360px; margin-bottom:20px;}
.nmain.proguide .kuai h3{ font-size:18px;}
.nmain.proguide .kuai .conn p{ float:left; min-width:160px; line-height:30px; }


.protile h3 .en {font-size:16px;}


.nmain .sanli li{ float:none; width:100%; margin-right:0%; margin-bottom:2%}
.nmain .sanli li:nth-child(3n){ margin-right:0}
.nmain .sanli li .text{ font-size:16px; line-height:30px; padding:15px 0}

}