@charset "utf-8";
/* CSS Document */
.mobile{display:none;}
.webpc{display:block;}
.banner{ width:100%;position: relative;z-index: 30;}
.banner ul{margin:0; padding:0; list-style:none;float: left;}
.banner ul li{height:471px;position: absolute;float: left; display:none;top: 0;left: 0; background-position:center; background-repeat:no-repeat;}
.banner ul li a{height:470px; }

.dzbanner{ width: 100%;}
.dzbanner div{height: 570px;background-position: center top;
    background-repeat: no-repeat; width: 100%;}
.dzbox{width: 100%; background: url("dzbg.png") top center no-repeat; background-size: cover;}
.dzbox .wrap{width: 1022px;}
.dzbox .dzpic{width: 100%;}
.dzbox .dzpic img{max-width: 100%; display: block; margin: 0 auto;}
.dzbox .cppic{ width: 1088px; margin-left: -33px;}
.dzfooter{width: 100%; height: 288px; background: url("dzfooter.png") top center no-repeat;}

.ultable{width:100%; margin:0; padding:0; list-style:none;}
.ultable li{width:31%; float:left; margin:5px 1.1%; list-style:none; height:172px; text-align:center; line-height:24px; background:#f7f7f7; padding:12px 0;}
.ultable li img{max-width:100%;}

.indexPro .con a img{width:100%; vertical-align:middle;}

.indexR img{width:224px; height:222px;}
.header .searchbtn{ width:20px; height:20px; position:absolute; top:28px; right:60px; z-index:999; display:none; background:url(searchbtn.png) no-repeat; background-size:contain;}
.header .menubtn{position:absolute; top:20px; right:20px; width:30px; height:30px; z-index:999; display:none; }
.header .menubtn a.mobileBtn{width:30px; height:30px; float: right; margin: 3px 0px 0 0;  cursor:pointer; position: relative;
transition:.2s .1s; -moz-transition:.2s .1s; -ms-transition:.2s .1s; -o-transition:.2s .1s; -webkit-transition:.2s .1s;
transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-moz-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-ms-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
 -o-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); 
-webkit-transition:0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.header .menubtn a.mobileBtn hr{height:4px; background:#ffffff; background:#d43667; display:block; margin:0; padding:0; border:none; position:absolute;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.header .menubtn a.mobileBtn hr:nth-child(1){width:100%; top:0; right:0;}
.header .menubtn a.mobileBtn hr:nth-child(2){width:40%; top:50%; left:0; margin-top:-2px; opacity:1;}
.header .menubtn a.mobileBtn hr:nth-child(3){width:40%; top:50%; right:0; margin-top:-2px; opacity:1;}
.header .menubtn a.mobileBtn hr:nth-child(4){width:100%; bottom:0; right:0;}
a.showbtn{display:none;}
.header .searchmobile{ display:none;}
@media(min-width: 980px) and (max-width: 1200px) {
	
   
}
/* 中型平板或小型笔记本 tablet */
@media(min-width: 768px) and (max-width: 979px) {
	.mobile{display:block;}
	.webpc{display:none;}
	.wrap{width:96%; margin:0 auto;}
	.header{height:70px; position:relative;}
	
	.header .searchbtn{display:block;}
	.header .menubtn{display:block;}
	.header .menubtn a.mobileBtn.open hr:nth-child(1){width:100%; top:50%; margin-top:-2px; transform:rotate(45deg); -moz-transform:rotate(45deg);
-ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); 
transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 
-o-transform-origin:center; -webkit-transform-origin:center;}
	.header .menubtn a.mobileBtn.open hr:nth-child(2){opacity:0; left:-50%;}
	.header .menubtn a.mobileBtn.open hr:nth-child(3){opacity:0; right:-50%;}
	.header .menubtn a.mobileBtn.open hr:nth-child(4){width:100%; bottom:50%; margin-bottom:-2px; transform:rotate(-45deg); -moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; -webkit-transform-origin:center;}
	
	.header .logo{ margin:0 auto; height:70px;}
	.header .logo a{height:70px;}
	.header .search{display:none;}
	.header .searchmobile{ display:none; padding:20px; width:100%; box-sizing:border-box;background: rgba(10,10,10,.5);
    position: absolute;
    top: 70px;
    left: 0;
    right: 0; text-align:center; z-index:999}
	.header .searchmobile form{border:1px solid #fff; background:#fff;}
	.header .searchmobile .txt{display:inline-block; width:80%; height:30px; line-height:30px; text-indent:10px; border:none; text-align:left;}
	.header .searchmobile .txt:focus{outline:none;}
	.header .searchmobile .btn{display:inline-block; width:16%; height:30px; line-height:30px; text-indent:10px; background: url(searchbtn.png) center no-repeat;
    border: none;
    vertical-align: middle;}
	
	.header .searchmobile.open{display:block;}
	.header .lang{display:none;}
	.header .lang.open{display:block; position:absolute; top:70px; right:2%; margin:4px 0; z-index:999}
	.header .menu{width:100%; height:auto; display:none; left:0; right:0;}
	.header .menu.open{display:block; position:absolute; z-index:998; background:#c8003f; top:100px;}
	.header .menu li{width:100%; height:33px; text-align:left;}
	.header .menu li a{text-align:left; width:90%; text-indent:20px; font-size:16px; display:inline-block;}
	.menu li a.select{background: #c8003f; color: #fff;}
	.header .menu li span{display:inline-block; cursor:pointer; line-height:33px; width:8%; text-align:center; color:#fff; font-size:16px;}
	.menu li .child{display:none; width:100%; position:relative; text-align:left; top:0; height:auto; background:#fff;}
	.menu li .child a{width:45%; display:inline-block; text-align:left; text-indent:30px; font-size:14px; color:#c8003f}
	
	.banner{height:121px;}
	.banner ul li{height:121px; background-size:contain;}
	.banner ul li a{height:121px;}
	
	.indexCate{height:277px;}
	.indexCate a{width:48%; margin:0 1%;}
	.indexCate a.c1,.indexCate a.c2{margin-bottom:5px;}
	.indexPro .con a{width:50%; float:left; margin:0; height:auto;}
	.indexPro .con a img{width:100%;}
	
	.indexNews .tit a{width:80px; position:relative;}
	
	.indexNews .tit a:hover, .indexNews .tit a.select{ width:80px; background:url(tabh.png) right no-repeat; background-size:100% 100%;}
	
	.indexNews{width:100%; float:none; height:280px; background:none;}
	.indexNews .con{padding:18px 5px; height:202px; border-bottom:1px solid #dbdbdb; border-radius:0 0 6px 6px;}
	.indexNews .con .pic{width:145px; height:89px;}
	.indexNews .con .pic img{width:100%;}
	.indexR{width:100%; float:none; box-sizing:border-box; background:none; border:1px solid #dbdbdb; border-radius:7px; height:auto; margin-bottom:10px;}
	.indexR img{width:100%; height:auto;}
	.footer .cat{width:100%; float:none;}
	.footer .cat .cattit{height:34px; text-align:left;}
	.footer .cat .cattit a{width:90%; display:inline-block; text-align:left;}
	.footer .cat .cattit span{line-height:22px; cursor:pointer;}
	.footer .cat .catcon{display:none;}
	.footer .cat .catcon a{display:block; width:49.5%; float:left; text-align:left;}
	
	.infoSide{ position:relative;}
	.infoSide a.showbtn{ position:absolute; z-index:997; top: -30px; left: 0; width: 60px; border: 1px solid #dbdbdb; text-align: center; display:block;}
	.infoSide .con{display:none;}
	.infoSide .con.show{ display:block; position:absolute; top:0px; left:0;  z-index:998; background:#fff; min-height:0;}
	
	
	.mainInfo{width:100%;}
	.mainInfo .con img{max-width:100%;}
	.prolist ul li{width:48%; margin:0 1% 20px 1%;}
	.prolist ul li img{display:block; margin: 0 auto;}
	.spic{width:100%;}
	.spic .spicbox{width:90%; margin-left:0;}
	.spic .flbtn{width:5%; background: url(hl.jpg) center no-repeat;}
	.spic .frbtn{width:5%;background: url(hr.jpg) center no-repeat;}
	.jInfo .first img{width:166px; height:122px;}
	.Form_con{width:100%; padding:25px 0;}
	.Form_con .txt,.Form_con .txtarea{width:95%;}
	.proinfo{ width:100%; padding:20px 0;}
	.ultable li{width:46%; float:left; margin:5px 1.9%; list-style:none; height:auto; text-align:center; line-height:24px; background:#f7f7f7; padding:12px 0;}
	.mainInfo .con .ultable li img{max-width:96%;}
	.jobTit>div.t{width:12%; overflow:hidden; height:36px;}
	.jobTit>div.t:nth-last-child(1){ width:20%;}
	.jobTit div.t1{width:39%;}
	.jobcon>div.t{width:12%; overflow:hidden; height:36px;}
	.jobcon>div.t:nth-last-child(1){ width:20%;}
	.jobcon div.t1{width:39%;}
	.jobDis ul.l li{ width:100%;}
	.infoBanner div{background-position:left top;}
	.mainInfo .tit span.path{display:none;}
    .dzbanner{ width: 100%;}
    .dzbanner div{height: 370px;background-position: center top;
        background-repeat: no-repeat; width: 100%; background-size: contain; }
    .dzbox{width: 100%; background: url("dzbg.png") top center no-repeat; background-size: cover;}
    .dzbox .wrap{width: 100%;}
    .dzbox .dzpic{width: 100%;}
    .dzbox .dzpic img{max-width: 100%; display: block; margin: 0 auto;}
    .dzbox .cppic{ width: 100%; margin-left: 0;}
    .dzfooter{width: 100%; height: 188px; background: url("dzfooter.png") top center no-repeat;  background-size: contain;}
}
/* 手机或小平板 phone */
@media(max-width: 767px) {
	.mobile{display:block;}
	.webpc{display:none;}
	.wrap{width:96%; margin:0 auto;}
	.header{height:70px; position:relative;}
	
	.header .searchbtn{display:block;}
	.header .menubtn{display:block;}
	.header .menubtn a.mobileBtn.open hr:nth-child(1){width:100%; top:50%; margin-top:-2px; transform:rotate(45deg); -moz-transform:rotate(45deg);
-ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); 
transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; 
-o-transform-origin:center; -webkit-transform-origin:center;}
	.header .menubtn a.mobileBtn.open hr:nth-child(2){opacity:0; left:-50%;}
	.header .menubtn a.mobileBtn.open hr:nth-child(3){opacity:0; right:-50%;}
	.header .menubtn a.mobileBtn.open hr:nth-child(4){width:100%; bottom:50%; margin-bottom:-2px; transform:rotate(-45deg); -moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform-origin:center; -moz-transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; -webkit-transform-origin:center;}
	
	.header .logo{ margin:0 auto; height:70px;}
	.header .logo a{height:70px;}
	.header .search{display:none;}
	.header .searchmobile{ display:none; padding:20px; width:100%; box-sizing:border-box;background: rgba(10,10,10,.5);
    position: absolute;
    top: 70px;
    left: 0;
    right: 0; text-align:center; z-index:999}
	.header .searchmobile form{border:1px solid #fff; background:#fff;}
	.header .searchmobile .txt{display:inline-block; width:80%; height:30px; line-height:30px; text-indent:10px; border:none; text-align:left;}
	.header .searchmobile .txt:focus{outline:none;}
	.header .searchmobile .btn{display:inline-block; width:16%; height:30px; line-height:30px; text-indent:10px; background: url(searchbtn.png) center no-repeat;
    border: none;
    vertical-align: middle;}
	
	.header .searchmobile.open{display:block;}
	.header .lang{display:none;}
	.header .lang.open{display:block; position:absolute; top:70px; right:2%; margin:4px 0; z-index:999}
	.header .menu{width:100%; height:auto; display:none; left:0; right:0;}
	.header .menu.open{display:block; position:absolute; z-index:998; background:#c8003f; top:100px;}
	.header .menu li{width:100%; height:33px; text-align:left;}
	.header .menu li a{text-align:left; width:90%; text-indent:20px; font-size:16px; display:inline-block;}
	.menu li a.select{background: #c8003f; color: #fff;}
	.header .menu li span{display:inline-block; cursor:pointer; line-height:33px; width:8%; text-align:center; color:#fff; font-size:16px;}
	.menu li .child{display:none; width:100%; position:relative; text-align:left; top:0; height:auto; background:#fff;}
	.menu li .child a{width:45%; display:inline-block; text-align:left; text-indent:30px; font-size:14px; color:#c8003f}
	
	.banner{height:121px;}
	.banner ul li{height:121px; background-size:contain;}
	.banner ul li a{height:121px;}
	
	.indexCate{height:277px;}
	.indexCate a{width:48%; margin:0 1%;}
	.indexCate a.c1,.indexCate a.c2{margin-bottom:5px;}
	.indexPro .con a{width:50%; float:left; margin:0; height:auto;}
	.indexPro .con a img{width:100%;}
	
	.indexNews .tit a{width:80px; position:relative;}
	
	.indexNews .tit a:hover, .indexNews .tit a.select{ width:80px; background:url(tabh.png) right no-repeat; background-size:100% 100%;}
	
	.indexNews{width:100%; float:none; height:280px; background:none;}
	.indexNews .con{padding:18px 5px; height:202px; border-bottom:1px solid #dbdbdb; border-radius:0 0 6px 6px;}
	.indexNews .con .pic{width:145px; height:89px;}
	.indexNews .con .pic img{width:100%;}
	.indexR{width:100%; float:none; box-sizing:border-box; background:none; border:1px solid #dbdbdb; border-radius:7px; height:auto; margin-bottom:10px;}
	.indexR img{width:100%; height:auto;}
	.footer .cat{width:100%; float:none;}
	.footer .cat .cattit{height:34px; text-align:left;}
	.footer .cat .cattit a{width:90%; display:inline-block; text-align:left;}
	.footer .cat .cattit span{line-height:22px; cursor:pointer;}
	.footer .cat .catcon{display:none;}
	.footer .cat .catcon a{display:block; width:49.5%; float:left; text-align:left;}
	
	.infoSide{ position:relative;}
	.infoSide a.showbtn{ position:absolute; z-index:997; top: -30px; left: 0; width: 60px; border: 1px solid #dbdbdb; text-align: center; display:block;}
	.infoSide .con{display:none;}
	.infoSide .con.show{ display:block; position:absolute; top:0px; left:0;  z-index:998; background:#fff; min-height:0;}
	
	
	.mainInfo{width:100%;}
	.mainInfo .con img{max-width:100%;}
	.prolist ul li{width:48%; margin:0 1% 20px 1%;}
	.prolist ul li img{display:block; margin: 0 auto;}
	.spic{width:100%;}
	.spic .spicbox{width:90%; margin-left:0;}
	.spic .flbtn{width:5%; background: url(hl.jpg) center no-repeat;}
	.spic .frbtn{width:5%;background: url(hr.jpg) center no-repeat;}
	.jInfo .first img{width:166px; height:122px;}
	.Form_con{width:100%; padding:25px 0;}
	.Form_con .txt,.Form_con .txtarea{width:95%;}
	.proinfo{ width:100%; padding:20px 0;}
	.ultable li{width:46%; float:left; margin:5px 1.9%; list-style:none; height:auto; text-align:center; line-height:24px; background:#f7f7f7; padding:12px 0;}
	.mainInfo .con .ultable li img{max-width:96%;}
	.jobTit>div.t{width:12%; overflow:hidden; height:36px;}
	.jobTit>div.t:nth-last-child(1){ width:20%;}
	.jobTit div.t1{width:39%;}
	.jobcon>div.t{width:12%; overflow:hidden; height:36px;}
	.jobcon>div.t:nth-last-child(1){ width:20%;}
	.jobcon div.t1{width:39%;}
	.jobDis ul.l li{ width:100%;}
	.infoBanner div{background-position:left top;}
	.mainInfo .tit span.path{display:none;}
    .dzbanner{ width: 100%;}
    .dzbanner div{height: 170px;background-position: center top;
        background-repeat: no-repeat; width: 100%; background-size: cover; }
    .dzbox{width: 100%; background: url("dzbg.png") top center no-repeat; background-size: cover;}
    .dzbox .wrap{width: 100%;}
    .dzbox .dzpic{width: 100%;}
    .dzbox .dzpic img{max-width: 100%; display: block; margin: 0 auto;}
    .dzbox .cppic{ width: 100%; margin-left: 0;}
    .dzfooter{width: 100%; height: 108px; background: url("dzfooter.png") top center no-repeat; background-size: contain;}
}