@charset "utf-8";

/* CSS Document */

@media screen and (max-width:1680px)
{
.joblefthezis{height:510px }
	
}

@media screen and (max-width:1440px)
{
	.mainbox{padding-left:50px; padding-right:50px;}
	
	
}

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

	
}




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

	
}




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

	.top>.mainbox{height: 50px;}
	.yuyan{ margin-right: 20px;}
.nav{ position: fixed;top:50px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 50px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fff; margin-top: 0px; }
.nav ul{display:block; width:100%; }

.nav li{border-bottom: 1px solid #f0f0f0; height:auto;display:block; margin: 0px; text-align: left; background: url("../images/down01.png") no-repeat 97% 27px; background-size: 12px auto;}
.nav li>a{ padding-left: 20px; display: inline-block; line-height: 60px; color: #333}
.nav li.cur>a{color: #044f9b;}


	
	
	
.navdown{background: #fff; position:relative; left:0%; transform:none; width:100%;box-shadow:none; border-bottom-left-radius:0px; border-bottom-right-radius:0px;  top: 0px; display: none; padding: 0px}
	
.navdown a{line-height:36px; text-align:left; padding:10px 40px;border-top: 1px solid #f0f0f0; background: none; border-bottom: none}

.nav li.cur:before{display: none}
.nav li:hover:before{width:0%}
	
.nav-btnbox {position:absolute;z-index:999999999999999999;right:8px;top:50%; transform:translate(0,-50%); width:20px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:block; }
.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;-ms-transition: all .3s ease; margin:0 auto;}
.top.cur .nav-btnbox .icon-bar{background: #000}
.top.curtwo .nav-btnbox .icon-bar{background: #000}
.nav-btnbox .icon-bar+.icon-bar {margin-top:6px}	
.menu-open .nav-btnbox .icon-bar{ background-color:#000;}
.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);}	
.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}
.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);}



.menu-open .nav{visibility:visible;opacity:1;}
.menu-open .icon-bar{ background:#FFF}
.menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;
}

.menu-open .nav li:nth-child(1){animation-delay:0s;}
.menu-open .nav li:nth-child(2){animation-delay:0.1s;}
.menu-open .nav li:nth-child(3){animation-delay:0.2s;}
.menu-open .nav li:nth-child(4){animation-delay:0.3s;}
.menu-open .nav li:nth-child(5){animation-delay:0.4s;}
.menu-open .nav li:nth-child(6){animation-delay:0.5s;}
.menu-open .nav li:nth-child(7){animation-delay:0.6s;}
.menu-open .nav li:nth-child(8){animation-delay:0.7s;}
.menu-open .nav li:nth-child(9){animation-delay:0.8s;}
.menu-open .nav li:nth-child(10){animation-delay:0.9s;}

.menu-open .top{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}




.menu-open .top .nav li:nth-child(1){background: none; }
.menu-open .top .nav li:nth-child(5){background: none; }
	
.menu-open .top .nav li:nth-child(1) a{display: block}		
.menu-open .top .nav li:nth-child(5) a{display: block}			
	
	

@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)}

100% {opacity:1;-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)}

100% {opacity:1;-moz-transform:translateY(0)}

}

@-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)}

100% {opacity:1;-o-transform:translateY(0)}

}

@keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)}

100% {opacity:1;transform:translateY(0)}

}
	
	.whtxt{left:20px; top: 20px;}
	.whico{left: 20px; bottom: 20px;}
	
	.mt80{margin-top: 50px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}




@media screen and (max-width:1024px)
{
	
	body{overflow-x: hidden}

	.mainbox{padding-left:20px; padding-right:20px;}
	
	.bantxthezi{width: 100%}
	.bantxt h2{font-size: 35px;}
	.syyingyongbox .bantxthezi{width: 80%}
	.syyingyongbox .bantxt h2{font-size: 35px;}
}

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


@media screen and (max-width:920px)
{
	.zizhihezi{display: block}
	.zizhihezileft{width: 100%}
	.zizhiheziright{width: 100%; margin-top: 30px;}
	
}

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

{
	.yuyan{ margin-right: 40px;}
	.pd3{padding-top:6%; padding-bottom:6%}
	.pd4{padding-top:8%; padding-bottom:8%}
	.mt4{margin-top:8%}
	.mt3{margin-top:6%}
	.pt3{padding-top: 6%}
	.mt2{margin-top: 5%}
	.pd5{padding-top:10%; padding-bottom:10%}
	
	
	.moreban{margin-top: 20px;}
	
	.bantxt p{margin-top: 5px;}
	
	.syyingyongbox .sytit{position: relative;margin-bottom: 30px}
	.syyingyongbox .sytit.baise{color: #333}
	.syyingyongbox .sytit.baise:before{background: #044f9b;}
	
	.syabout{display: block}
	.syaboutleft{width: 100%}
	.syaboutleft img{width: 100%}
	.syaboutright{width: 100%;  margin-top: 30px;}
	.synewsbox{display: block}
	.synewsboxleft{width: 100%;}
	.synewsboxleft img{width: 100%}
	.synewsboxright{width: 100%; margin-top: 30px;}
	.synewsboxright ul{position: relative}
	
	.synewsboxright li{padding: 30px;}
	
	.footnav{width: 100%; padding-right: 0px; border: none}
	.footnav ul{display: block}
	
	.footnav li {max-width: 100%;}
	.footnavdown{display: none; padding-top: 10px; padding-left: 20px}
	.footnav li>p{font-size: 16px; padding: 15px 0px; margin-bottom: 0px;text-align: left; background: url("../images/xia01.png") no-repeat  right center; background-size: 10px auto;border-bottom: 1px solid rgba(255,255,255,0.08); }
	
	.footnav li.cur>p{background: url("../images/xia03.png") no-repeat right center; background-size: 10px auto;}
	
	.foottop{display: block}
	.footlogo{display: none}
	.erweima{display: none}
	
	
	.qiehuan .swiper-button-prev{display: none}
	.qiehuan .swiper-button-next{display: none}
	
	.sypro{padding-bottom: 20px;}
	
		
	.nybanner{width:200%; margin-left: -50%}
	.miaobao{width: 50%; left: 25%}
	
	.wenhuabox ul{display: block}
	.wenhuabox li{margin-bottom: 20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; overflow: hidden;}
	.wtwo{width: 100%}
	.wone{width: 100%}

		
	.wenhuabox li .fangdapic{ width: 100%}
	.wenhuabox ul:last-child:last-child li{height: 400px}
	.wenhuabox li .fangdapic img{max-width: none}
	.wenhuabox ul:last-child:last-child li .fangdapic>img{width: auto}
	
	.whtxt>p{font-size: 18px;}
	.whtxt span{font-size: 12px;}
	
	.whico{width: 30px;}
	
	.newsboxs li {width: calc(100% - 50px); margin-bottom: 30px;}
	
	.nyproduct li {width: calc(50% - 50px); margin-bottom: 50px}
	
	.proshowboxs{display: block}
	.proshowpic{width: 100%}
	.prorighttxt{width: 100%; margin-top: 30px;}
	
	.yinytxt p{height:90px; line-height:30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
	
	.celieboxs li .fangdapic{width: 100%}
	
	.celiertxt{width: 50%}
	

    .jiaruboxs li {width:33.33%; margin-bottom: 30px;}
	.jiaruboxs li span{max-width: 80%; min-height:98px;}
	.contactbox{display: block}
	.contactboxleft{width: 100%}
	.contactboxright{width: 100%}
	
	.joblistbox>.shang{display: block}
	.jobleft{width: 100%}
	.jobright{width: 100%; margin-right: 0px; margin-bottom: 5%}
}
@media screen and (max-width:1200px){
	.nymap.culture dl dd{font-size: 16px;line-height: 30px}
}

@media screen and (max-width:680px)

{
	
	body{font-size: 14px;}
	
	
	
	.logo{width: 30%;}

	
	.bantxthezi{width: 100%}
	.bantxt h2{font-size: 18px;}
	.bantxt p{font-size: 12px; margin-top: 10px;}
	.moreban{width: 100px; height: 30px; border: 1px solid #fff; text-align: center; line-height: 30px;  display: block; color: #fff; margin-top: 5px;}
	
	.sypro{margin-top: 20px;}
	.qiehuan .swiper-pagination{bottom:5px;}
	
	.qiehuan .swiper-pagination-bullet{width: 6px; height: 6px; margin: 0px 5px;}
	.bantxt{top: 56%}
	.syprotxt p{font-size: 20px;}
	
	.sytit{font-size: 22px; padding: 15px 0px;}
	.sytit:before{width: 40px;}
	.sytit{font-size: 22px; padding: 15px 0px;}
	.syyingyongbox .bantxthezi{width: 100%}
	
	.syyingyongbox .bantxt p{font-size: 12px; line-height: 1.6}
	.syyingyongbox .bantxt h2{font-size: 18px;}
	.chankan{width: 120px; height: 30px; font-size: 12px; line-height: 30px; margin-top: 20px;}
	.chankan img{width: 16px; margin-left: 5px;}
	

	
	.footnav li p a{font-size: 16px;}
	.sypro .swiper-container{padding:5px 0}
	
	.syaboutright{line-height: 1.8}
	.syaboutright h2{font-size: 24px; line-height: 1.4}
	
	.synewsboxleft{display: none}
	.synewsboxright a{display: block}
	.newstime p{font-size: 18px;}
	.newstime{width:100%;}
	.newsright {width:100%;}
	.newsright p{font-size: 16px;}
	
	.newsright p{-webkit-line-clamp:2;line-clamp: 2;}
	.newsright span{-webkit-line-clamp:3;line-clamp:3;}
	.newstime{border-bottom: none; padding-bottom: 10px;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
	.newstime p{display: inline-block}
	
	.syaboutright .chankan.heise{margin: 0 auto; margin-top: 10%}
	
	.nybanner h2{font-size: 20px;}
	.miaobao{font-size: 12px; padding: 10px 0}
	.miaobao p{background-size: 12px auto; padding-left: 20px;}
	.nynav li{width: 50%; float: left;    border-bottom: 1px solid #f4f4f4;}
	.nynav ul{display: block; overflow: hidden; padding-bottom: 2px;}
	.nynav li a{display: block}
	.nynav{height: auto; border-bottom: none}
	.nynav .mainbox{padding: 0px;}
	.nytit{font-size: 20px; padding: 15px 0px;}
	.nytit:before{width: 40px;}
	.nymap.culture dl dt{width: 100%;display:block}
	.nymap.culture dl dd{width: 100%;display:block;}
	.nymap.culture dl dt video{width: 100%;}
	.nymap.culture dl dd{font-size: 14px;line-height: 25px;padding-top:20px;}
	
	.fazhanbox .slick-slide{border: none}
	.wapnone{display: none}
	.pcnone{display: block}
	
	
	.zizhihezi{padding:0 20px;}
	
	.zizhihezilefttxt>h2{font-size: 18px;}
	
	
	.wenhuabox li{max-height:200px}
	.qiyexs p{display: block}
	
	.whtxt{width: calc(100% - 40px)}
	
	.qiyexs p em{font-size: 14px;}
	.qiyexs p span{width: 100%; margin-top: 5px;}
	.qiyexs p span br{display: none}
	
	.wenhuabox ul:last-child:last-child li{height: 400px;max-height:300px}
	
	.newsstxtshz p{font-size: 18px; height: auto}
	.newsstxtshz{padding: 20px;}
	
	.newsshowtit{width: 100%}
	.newsshowtit h1{font-size: 20px;}
	.newsshowbox>.shang{display: block}
	.newsshowleft{width: 100%}
	.fenxiangs{ display: none}
	
	.jiehsaxc{display: block}
	.jiejxaf{width: 100%}
	.jixstit{font-size: 20px;}
	.jieshoxs{width: 100%; margin-top: 30px;}
	
	.zuchengpic{display: block}
	.jiegouleft{width: 100%}
	.jiegouright{width: 100%; margin-top: 30px}
	
	.chuangxboxs{display: block}
	.chuanxinleft{width: 100%}
	.chuanxinright{width: 100%; margin-top: 30px;}
	.chuanxinleft>h2{font-size: 18px;}
	.chuanxinleft>h3{font-size: 16px;}
	.tediansx li>h3{font-size: 18px;}
	.nyproduct li {width: calc(100% - 50px); margin-bottom:30px}
	.prorighttxttit h1{font-size: 20px;}
	
	.prorighttxttit span{font-size: 16px;}
	
	.tedians{display: block}
	.tedians>h3{width: 100%}
	.tdianright{width: 100%; margin-top: 20px}
	
	.protablebox{overflow-x: scroll}
	
	.protablebox table{width:200%; }
	
	.chansxs{display: block}
	.chansxsleft{width: 100%}
	.chansxsright{width: 100%}
	
	.zixusn li{width: 100%; display: block}
	.zixusn li span{display: block; width: 100%; text-align: left; margin-bottom: 10px;}
	.zixuninput{width: calc(100% - 12px);}
	.tijaios{width: 100%}
	.proshowpic .swiper-button-next{width: 30px; height: 50px; margin-top: -25px;}
	.proshowpic .swiper-button-prev{width: 30px; height: 50px; margin-top: -25px;}
	
	.yinyongbox li {width: calc(100% - 50px); margin-bottom: 30px;}
	.yinyongbox.three-block li {width: calc(100% - 50px);}
	.yinytxt h3{font-size: 20px;}	
	.yinytxt p{font-size: 16px;}
	
	
	.celiertxt{position: relative; width: 100%; top: auto; transform: none}
	
	.celieboxs li{display: block}
	.celiertxtxs{padding: 20px;}
	.celiertxtxs h2{font-size: 20px;}
	
	.jiaruboxs h2{font-size: 20px;}
	.jiaruboxs h3{font-size: 20px;}
	.jiarupic{width: 90px; height: 90px;}
	.jiaruboxs li {width:50%; margin-bottom: 0}
	.jiaruboxs li span br{display: none}
	.jiaruboxs li p{font-size: 18px; margin: 15px 0px}
	
	.contactboxleft li h2{font-size: 20px;}
	.contactboxleft li h3{font-size: 16px;}
	.txsc p{font-size: 16px;}
	
	.nyliuyan li{display: block; width: 100%}
	
	.liuright{width: 100%}
	.nyliuyan li span{display: block; margin-bottom: 10px; text-align: left}
	.jobtit{font-size: 20px;}
	.jobtxtbox h2{font-size: 16px;}
	
	.jobleft h1{font-size: 20px;}
	.joblefthezis li p{font-size: 18px;}
	.joblefthezis li{padding-bottom: 20px; margin-bottom: 20px;}
}




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

	
}





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



	
}

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

}