@charset "utf-8";
/* CSS Document */
.m-btn{ width:25px; height:15px;display:none; position: absolute; right:1%;top:50%; margin-top:-8px;}
.m-btn span{ width:100%; height:3px;background: #2f318b; 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:76px; 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:18px; 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:#2f318b; 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:#2f318b; 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-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 a{ background:url(../images/right_pic6.png) no-repeat center 5px; padding-top:27px}

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

.yuyan{ display:none; position: absolute; top:50%; right:45px;line-height:15px; height:15px; margin-top:-5px; color:#888; font-size:14px }
.yuyan a{ color:#888 }
.yuyan a:hover{ color:#b90000}


@media screen and (max-width: 1600px){
.header .menu li .menu_a{ margin:0 15px;}
}

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


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

.header .use{ display:none}
.yuyan{ display:block}
.m-btn{ display:block}
.header .menu{ display:none; }
.banner a{ min-height:400px;}

.banner .txt{top:30%; left:5%; width:90%; max-width:640px; }
.banner .txt h3{ font-size:50px; line-height:50px; }
.banner .txt h4{ font-size:18px; margin-bottom:15px; }
.banner .txt .more{ display:none;}

.i-about .abconn{background:#fff; padding-left:0%; width:100%;position:relative; padding-top:40px}
.i-about .abconn .ableft{ float:none; width:100%;}
.i-about .abconn .abpic{ display:none;}
.i-about .abconn .pcshow{ display:none !important;}
.i-about .abconn .phshow{ display:block !important;}
.i-about .abconn .abdpic{ width:100%}
.i-about .abconn .ableft .title h3{ font-size:24px;margin-bottom:20px;}

.i-products{ background:url(../images/probg.jpg) no-repeat center bottom; background-size:cover; margin-top:50px;}
.i-products .title{ text-align:center; padding-top:40px; margin-bottom:0px;}
.i-products .title h3{ font-size:34px; color:#2f318b; font-weight:bold; margin-bottom:20px; line-height:30px;}
.i-products .title p{ font-size:16px;}

.i-products .conn{}


.i-news .title{ padding-top:40px; margin-bottom:40px;}
.i-news .title h3{ font-size:34px; margin-bottom:20px; line-height:30px;}
.i-news .title p{ font-size:16px;}
.i-news { background:url(../images/newsbg.png) no-repeat center bottom; background-size:cover; }
.i-news .wrapa .proconn .conn{background:none;}
.i-news .wrapa .proconn .conn ul{ width:100%; }



.i-case { background:url(../images/casebg.jpg) no-repeat center bottom; background-size:cover; }
.i-case .title{  padding-top:40px;margin-bottom:30px;  }
.i-case .title h3{ font-size:34px; color:#2f318b;}
.i-case .title p{ font-size:16px;}
.i-case .conn{ background:none;}

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

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

.nguide .wrap{ width:100%}
.nguide {line-height:50px;}
.nguide li a {line-height: 50x;padding:0 20px;}

.nsection{ padding:45px 0;}
.ntitle{ margin-bottom:20px;}
.ntitle .shouzi{ font-size:70px;line-height:55px; height:50px;}
.ntitle .tother h3{font-size:30px;height:30px;}
.ntitle .tother p{ line-height:22px; font-size:18px;}


.npartners li{height:70px;}
.npartners li span{height:120px; top:50%; left:50%; margin-top:-60px;margin-left:-60px;}
}

@media screen and (max-width: 1024px){
.header .menu li .menu_a{ font-size:17px; line-height:80px; margin:0 15px;}
.header .wrapz{ height:80px;}
.nbanner{ padding-top:80px;}
.banner .swiper-slide {margin-top:80px;}
}

@media screen and (max-width: 768px){
.banner a{ min-height:300px;}
.banner .txt{top:30%; }
.banner .swiper-pagination{ bottom:20px}
.banner .txt h3{ font-size:32px; line-height:40px; }
.banner .txt h4{ font-size:14px; margin-bottom:10px; }
.mouse{ width:20px; margin-left:-10x; }
.mouse img{ width:100%; height:auto; display:block}
.i-products .item{ float:left; width:46%; padding:0 2%;}
.i-products .swiper-slide .item:nth-child(2n+1){ clear:both}
.i-products .item .pic{ border:solid 10px #b8d0e8; }
.i-products .item .wenzi{ padding:10px 0; font-size:15px;}
.i-products .swiper-slide {padding-bottom: 30px;}

.i-news li{ float:left; width:49%; margin-right:2%;box-shadow: 2px 0px 10px rgba(0,0,0,0.2); margin-bottom:20px; background:#fff;}
.i-news li:nth-child(2n){ margin-right:0}
.i-news li:nth-child(3){ display:none}
.i-news li .wenzi .date .ym h3{ font-size:20px; line-height:20px; height:20px; }

.i-case li{ float:left; width:18%; margin:0 1%; }
.i-case li:nth-child(8){ margin-left:1%;}
.i-case li:nth-child(6){ margin-left:9%;}
.i-case li:nth-child(10){ margin-left:18%;}
.i-case li:nth-child(13){ display:none}

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


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

.nabteam li{ float:left; width:calc(49% - 2px); margin-right:0%; margin-bottom:20px;}
.nabteam li:nth-child(3n+1){ clear:none; float:left; }
.nabteam li:nth-child(2n){ float:right; }
.nabteam li:nth-child(2n+1){ clear:both}
.nabteam li .wenzi{ padding:0 5% 15px 5%;}
.nabteam li .wenzi h3{ font-size:17px; line-height:28px;}
#gallery {max-width:640px;}

.nabhonor li{ float:left; width:calc(49% - 2px); margin-right:0%;margin-bottom:20px;}
.nabhonor li:nth-child(3n+1){ clear:none; float:left; }
.nabhonor li:nth-child(2n){ float:right}
.nabhonor li:nth-child(2n+1){ clear:both}
.nabhonor li .wenzi{ padding:0 5% 15px 5%;}
.nabhonor li .wenzi h3{font-size:17px; line-height:28px;}

.main_sw.his .box1 .wrap .list .cont .y {font-size: 50px;line-height: 50px;height: 50px;}
.main_sw.his .box1 .wrap .list {padding-bottom: 100px;padding-top: 60px;}

.npartners li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; height:60px; }
.npartners li:nth-child(5n){ margin-right:2%}
.npartners li:nth-child(5n+1){ clear:none}
.npartners li:nth-child(3n){ margin-right:0}
.npartners li:nth-child(3n+1){ clear:both}
.npartners li span{height:100px;margin-top:-50px;margin-left:-50px;}

.nproducts li{ float:left; width:calc(49% - 2px); margin-right:0%; margin-bottom:20px; }
.nproducts li:nth-child(3n+1){ clear:none; float:left; }
.nproducts li:nth-child(2n){ float:right}
.nproducts li:nth-child(2n+1){ clear:both}
.nproducts li .wenzi{ padding:0 5% 15px 5%;}
.nproducts li .wenzi h3{ font-size:18px; }


.show01 .pro-switch{ float:none; width:100%;}
.show01 .flex-control-nav {bottom: 20px;}
.show01 .wenzi{ float:none; width:100%; margin-top:20px; }
.nmain .stitle h3{ line-height:45px; font-size:30px; font-weight:bold}

.lianxiq{ position: relative; line-height:24px; height:50px; padding-left:60px;border-top:solid 1px #ddd; width:calc(100% - 60px); right:0; bottom:0px; padding-top:20px; }
.lianxiq .zixun{  width:120px;}
.nmain .tabmenu li {padding:0px 20px; margin:0 5px;}
.show01 .sconn {line-height: 32px;font-size: 18px;padding: 0px 0 40px 0;}

.i-news li .wenzi .date .day{ font-size:40px;}
}

@media screen and (max-width:640px){
.footer li:nth-child(5){ display:none}
.footer li:nth-child(4){ display:block}
#gallery {max-width:320px;}	
.nbanner img{ width:140%; margin-left:-20%}
.nguide {line-height:48px;}
.nguide li a {line-height: 48px;padding:0 15px;}


.qywh li{ float:none; width:100%; margin-right:0%;  margin-bottom:32px;}
.qywh li:last-child{ margin-bottom:10px;}
.qywh li .wenzi{ text-align:center; line-height:24px; font-size:16px;}
.qywh li .wenzi h3{ padding:12px 0; line-height:28px;}


.xiangmu li{ float:none; width:100%; margin-right:0%;  margin-bottom:32px;}
.xiangmu li:last-child{ margin-bottom:10px;}
.xiangmu li .wenzi{ text-align:center; line-height:24px; font-size:16px;}
.xiangmu li .wenzi h3{ padding:12px 0; line-height:28px;}

.pyingy li{width:calc(49% - 2px); margin-right:0%; margin-bottom:20px; }
.pyingy li:nth-child(4n){ margin-right:0}
.pyingy li:nth-child(4n+1){ clear:none; }
.pyingy li:nth-child(2n){ margin-right:0; float:right;}
.pyingy li:nth-child(2n+1){ clear:both; }


.nnews .pic{ float:none; width:98%; padding:1%; border:solid 1px #ddd; margin-bottom:10px}
.nnews .wenzi{ float:none; width:100%}
.nabhr .hrlianxi { float:none; width:90%; padding:5%; }
.nnews .wenzi h3 { padding:10px 0;font-size:20px;}
.nnews .wenzi p{ line-height:24px;}
.nnews li .more{position: relative; margin:15px 0 0 0; bottom:0}

.nabhr .hrlistt{ float:none; width:100%; margin-bottom:25px;}
.nabhr .hrlianxi h3{ margin-bottom:12px; font-size:20px;}
.hrlistt .hrlist_tit{ color:#666; line-height:45px; border-radius:8px;}
.hrlistt li .hrlist_tit span{ display:none}
.hrlistt li .hrlist_tit span:first-child{float:none; width:100%; display:block}

.hrlistt .mail a{ padding:0 30px;}


.lianxixiang .lianxi li{ float:left; width:50%; margin-bottom:20px;}
.lianxixiang .lianxi li:nth-child(2n+1){ clear:both}
.lianxixiang .lianxi p{ line-height:28px; color:#333; text-align:center; font-size:16px;}
.lianxixiang .lianxi .pic{ width:60%; max-width:124px; margin:0px auto 20px auto;}


.i-about .linebg, .i-products .linebg, .i-news .linebg, .i-case .linebg{ display:none}


}



@media screen and (max-width:480px){
.banner .txt{ width:60%; max-width:250px; }
.banner a{ min-height:240px;}
.banner .swiper-pagination{ bottom:20px}
.banner .txt h3{ font-size:20px; line-height:24px;margin-bottom:5px; }
.banner .txt h4{ font-size:14px;line-height:20px; margin-bottom:10px; }

.i-about .abconn .ableft .title h3{ font-size:20px;margin-bottom:10px;}

.i-products .title h3{ font-size:24px; }
.i-news .title h3{ font-size:24px;}
.i-news .mores {margin-top:10px;}
.i-news .title{ margin-bottom:20px;}


.i-case .title{ margin-bottom:0px;line-height:24px;}
.i-case .title h3{ font-size:24px;margin-bottom:10px; }

.nguide {line-height:40px;}
.nguide li a {line-height: 40px;padding:0 7px;}
.nmain .stitle h3{ line-height:35px; font-size:24px; }

.header .logo img{ height:45px;} 
.header .wrapz{ height:70px;}
.nbanner{ padding-top:70px;}
.banner .swiper-slide {margin-top:70px;}


}