@charset "utf-8";
/* CSS Document */
.menu-btn{ position: absolute; top:50%; right:0; height:60px; width:25px; margin-top:-47px; cursor:pointer; display:none}
.menu-btn span{display:block; height:3px; width:25px; background:#006ac1; margin-bottom:5px}
.menu-btn .line1{ margin-top:36px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999999; position:fixed; text-align:center; display:none}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:24px; line-height:60px; display:block}
.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-foot{ position:fixed; width:100%; height:60px; padding-top:5px; left:0; bottom:0;background: #006ac1; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 3px; padding-top:25px}
.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}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25); z-index:999999}
.tanchuang .text{ position:fixed;left:50%; margin-left:-150px;top:20%; width:300px; padding:20px; height:auto; background:#fff; z-index:9999999;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:#006ac1}
.tanchuang .text .tel{ background:#006ac1; color:#fff;padding:10px; -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;color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#006ac1; font-size:18px; margin-top:15px}

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




@media screen and (max-width: 1600px){
.banner .txt{ margin-top:-120px}
.banner .txt h3{ font-size:36px; line-height:50px;}
.banner .txt h4{ font-size:45px; line-height:45px;}
.banner .txt .more{ margin-top:45px;}

.iabout .conn .wenzi .use{ margin-top:50px}
.iabout .conn .wenzi .tit h3{ margin-bottom:25px; padding-bottom:25px;}
.iabout .conn .wenzi{ padding:3% 3% 0% 3%;}

.nbanner { height:360px; }
.nbanner.nbanner02{ height:330px;}
.nbanner .text{ margin-top:-40px;}

}
@media screen and (max-width: 1366px){
	
.wrap{width:94%;}
.title h3{ line-height:34px; font-size:34px;}
.iproducts .item {padding:30px 30px 0 30px; min-height:470px;}
.iproducts .item .tit{ line-height:45px; font-size:30px; padding-bottom:20px;}
.iproducts .item:hover .tit{ padding-bottom:40px}


.iproducts .item .show01 .text{ padding:40px 0px; color:#666;}
.iproducts .item:hover .show02 .text{ color:#fff; padding:20px 0;}
.iabout .conn .wenzi .tit h3{ font-size:28px; }

.iabout .conn .wenzi .use{ margin-top:40px;}
.iabout .conn .pic img{ min-height:370px}

.nbanner { height:320px; }
.nbanner.nbanner02{ height:300px;}

.ntitle h3{ font-size:28px;}
}

@media screen and (max-width: 1240px){
.iproducts .item .tit{ font-size:28px}

.banner .txt{ margin-top:-100px}
.banner .txt h3{ font-size:32px; line-height:40px;}
.banner .txt h4{ font-size:40px; line-height:40px;}
.banner .txt .more{ margin-top:35px;}

.banner .img{ width:120%; margin-left:-10%;}
.iabout .pic img{ height:120% !important}




.section{ padding:70px 0 90px 0;}
.sectionpre{ padding-top:70px}
.sectionnext{ margin-bottom:90px;}
.space{ height:90px}
.header{height:90px; }
.header .menu li .menu_a{ line-height:90px;font-size: 16px; margin: 0 14px}
.header .menu{ margin-right:180px}
.header .tel{ font-size:18px;}	

body{ font-size:15px;}

.youshi li h3 span{ font-size:36px}
.iabout .conn .wenzi .tit h3{ font-size:26px; }
.icase .title h3{ font-size:28px}

.nbanner { height:280px; }
.nbanner.nbanner02{ height:250px;}

.nbanner .text h3{font-size:36px;line-height:36px; }
.nabout .wenzi h3{ font-size:28px;}
.proxiang .wenzi .ptitle h3{font-size:28px;}
.nabout03 .wenzi{ font-size:16px;}


.ncase .item { width:23.5%; }
.ncase .item:nth-child(5n){ margin-right:2%}
.ncase .item:nth-child(5n+1){ clear:none;}
.ncase .item:nth-child(4n){ margin-right:0}
.ncase .item:nth-child(4n+1){ clear:both;}
.ncase .item .pic{height:85px;}
.ncase .item img { max-height:85px;}
}

@media screen and (max-width: 1110px){
.wrap{width:96%;}
.section{ padding:60px 0 80px 0;}
.sectionpre{ padding-top:60px}
.sectionnext{ margin-bottom:80px;}
.space{ height:80px}
.header{height:80px; }
.header .menu li .menu_a{ line-height:80px; margin:0 12px;}
.header .menu{ margin-right:160px}
.header .tel{ font-size:17px;}	
.banner .swiper-pagination{ bottom:20px;}
	
}


@media screen and (max-width: 1025px){
.header .menu, .header .tel{ display:none}	
.header .wrap{ height:80px}	
.menu-btn{ display:block}
.header .logo img{height:50px;}
.banner .txt{ margin-top:-80px}
.banner .txt h3{ font-size:28px; line-height:32px;}
.banner .txt h4{ font-size:36px; line-height:36px;}
.banner .txt .more{ margin-top:25px;}
.footer li:nth-child(6){ display:none}
.m-foot{ display:block}
.copyright{ margin-bottom:55px;}

}

@media screen and (max-width: 920px){
.banner .txt h3{ font-size:24px; line-height:28px;}
.banner .txt h4{ font-size:30px; line-height:32px;}
.banner .txt .more{ margin-top:25px;}
.banner .img{ width:130%; margin-left:-15%;}	
.iproducts .item{ min-height:430px}
.youshi li h3 span{ font-size:34px}	
.icase .title h3{ font-size:26px}

.title h3{ line-height:32px; font-size:32px;}
.footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(4), .footer li:nth-child(5){ display:none}
.footer{ padding:40px 0;}
.copyright{ line-height:25px;}

.nbanner { height:240px; }
.nbanner.nbanner02{ height:210px;}
.nbanner .text{ margin-top:-30px;}
.nbanner .text h3{font-size:32px;line-height:36px; }
.nbanner .text p{ font-size:16px; margin-top:0px;}

.nav{height:50px; margin-top:-50px; position:relative}
.nav li .nav_a{font-size: 16px;height:50px;}
.nav li .cur, .nav li.on .nav_a{ height:60px;font-size:16px;}


.nprolist02 li .wenzi{ font-size:16px; padding:12px 0}
.proxiang #protabcontent img{ max-width:100%}


.ncase .item { width:32%; }
.ncase .item:nth-child(4n){ margin-right:2%}
.ncase .item:nth-child(4n+1){ clear:none;}
.ncase .item:nth-child(3n){ margin-right:0}
.ncase .item:nth-child(3n+1){ clear:both;}
.ncase .item .pic{height:75px;}
.ncase .item img { max-height:75px;}

.nnews .newskuai .date{ display:none; border:none}
.nnews .newskuai .wenzi{ width:72%; padding:0 0 0 2%}
.nnews .newskuai .wenzi h3{ line-height:40px; margin:0}

.ntitle h3{ font-size:26px;}
}

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

.iproducts .item .tit{ font-size:24px;}
.nabout .wenzi h3{ font-size:24px; margin-bottom:20px; padding-bottom:20px;}
.proxiang td{ padding:10px;}

.proxiang .protabmenu li {margin:0px; line-height:46px; padding:0 15px; font-size:17px;}
.hrlist .toptit{ flex-wrap:wrap;}
.hrlist .toptit span{ width:auto}
.hrlist .toptit span.job{ width:90%;}
.hrlist .cont{ padding:3%; margin:0 2%}
}
@media screen and (max-width: 640px){
	
	
.banner .txt h3{ font-size:20px; line-height:28px; margin-bottom:5px;}
.banner .txt h4{ font-size:24px; line-height:32px;}
.banner .txt .more{ margin-top:5px; line-height:40px; padding:0 40px 0 20px; background:url(../images/jt.png) #006ac1 no-repeat 85% center}
.banner .img{ width:140%; margin-left:-20%;}	
.banner .txt{ margin-top:-60px}

.space{ height:75px}
.header{height:75px; }

.iproducts .item{ float:none; width:100%; margin-right:0; margin-bottom:15px; min-height:400px}
.iproducts .item .show01 .text{ padding:30px 0}
.iproducts .item:hover .show02 .text{  padding:0px;}

.iabout .conn .pic{ float:none; width:100%}
.iabout .conn .pic img{ height:auto; min-height:auto;}
.iabout .conn .wenzi{ float:none; width:100%; padding:20px 15px 50px 15px;}
.iabout .conn .wenzi .tit h3{ font-size:24px; }

.youshi li{ width:50%; }
.youshi li:nth-child(1), .youshi li:nth-child(2){ margin-bottom:30px;}

.icase .qimo8 .qimo ul li{ width:200px; height:84px; }
.icase .qimo8 .qimo ul li img {max-width:200px; max-height:84px;}

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

.nbanner { height:200px; }

.nabout .abpic{ float:none; width:100%;}
.nabout .abpic:after{ display:none}
.nabout .wenzi{ float:none; width:100%; line-height:30px; margin-top:30px;}

.nabout03 .wenzi{ float:none; width:100%; line-height:30px; padding-bottom:35px}
.nabout03 .wenzi .intro h3{font-size:18px;}
.nabout03 .whpic{ float:none; width:100%}


.history-list .swiper-slide:nth-child(even) .item h3{  bottom:0; right:0; left:0; top:auto}
.history-list .swiper-slide .item h3:before{ display:none}
.history-list .swiper-slide:nth-child(even) .item{ right:-50px; top:0; left:-50px; bottom:auto}
.history-list .swiper-slide:nth-child(even) .item:before{bottom:-62px; left:50%; margin-left:-9px; top:auto;}
.history-list .swiper-slide:nth-child(even) .item:after{ top:-45px; bottom:auto;}
.history-list .swiper-slide:nth-child(even) .item .word{ margin-top:0}
.history-list .swiper-slide-active{ z-index:99}
.history-list .item:before{ display:none}

.history-list .swiper-slide{height:180px;}
.history-list{ padding:0px;}

.history-list .swiper-button-next, .history-list .swiper-button-prev{ bottom:0; top:auto;}
.history-list .swiper-button-next { right:50%; margin-right:-55px}
.history-list .swiper-button-prev { left:50%; margin-left:-55px}

.nprolist li{ float:none; width:100%; margin-bottom:25px;}
.nprolist li:nth-child(2n){ float:none; }
.nprolist li:nth-child(2n+1){ clear:both}

.nprolist02 li{  width:48.5%; margin-right:0%; margin-bottom:3%;}
.nprolist02 li:nth-child(3n+1){ clear:none}
.nprolist02 li:nth-child(2n){ float:right}
.nprolist02 li:nth-child(2n+1){ clear:both}

.proxiang .wenzi .ptitle h3{font-size:24px;}

.proxiang .pic{ float:none; width:100%; margin-bottom:30px;}
.proxiang .wenzi{ float:none; width:100%;}

.proxiang .shangxia{ position:relative; width:100%; font-size:16px; padding:15px; line-height:35px; margin-top:30px;}


.proxiang .wenzi .use .dianhua{ display:none}
.proxiang .wenzi .use .zixun{ position: relative; right:0; top:auto; margin-top:15px; width:180px; }

.ntitle h3{ font-size:24px;}
.ncontact ul{ margin-bottom:30px; margin-top:-20px}
.ncontact li{ float:none; width:100%; clear:both}
.ncontact li .icon{ float:left; width:30%}
.ncontact li .icon img{ width:100%;}
.ncontact li .wenzi{ float:right; width:65%; text-align:left; margin-top:30px; margin-bottom:0px;}

.inquiry .form .column{ float:none; width:calc(100% - 15px); height:48px;}
}

@media screen and (max-width: 540px){
	
.banner .img{ width:146%; margin-left:-23%;}		

.icase .qimo8 .qimo ul li{ width:180px; height:75px; }
.icase .qimo8 .qimo ul li img {max-width:180px; max-height:75px;}
.footer li:nth-child(7){ display:none}
.footer li:nth-child(1) img{ display:none}
.footer { padding:10px 0 30px 0}

.nbanner { height:180px; }
.nbanner.nbanner02{ height:150px;}

.nbanner .text h3{font-size:30px;line-height:32px; }
.nbanner .text p{ font-size:15px; margin-top:0px;}

.nabout02 .item{ width:50%; margin-top:-1px; font-size:18px;} 
.nabout02 .item:nth-child(1), .nabout02 .item:nth-child(2){ margin-top:0}

.proxiang .protabmenu li {margin:0px; line-height:42px; padding:0 5px; font-size:16px;}


.ncase .item { width:48.5%; margin-right:0 !important; margin-bottom:20px; }
.ncase .item:nth-child(3n){ margin-right:0%}
.ncase .item:nth-child(3n+1){ clear:none;}
.ncase .item:nth-child(2n){ float:right}
.ncase .item:nth-child(2n+1){ clear:both;}
.ncase .item .pic{height:65px;}
.ncase .item img { max-height:65px;}

.nnews .newskuai .pic{ float:none; width:100%; margin-bottom:15px}
.nnews .newskuai .wenzi{ float:none; width:100%; padding: 0%;}
}