@charset "utf-8";

/* CSS Document */

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

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


	

}




@media screen and (max-width:1440px)
	
{
	body{font-size: 16px;}
	.fazhantop li{font-size: 18px;}
	.fazstxt h2{font-size: 260px;}
}

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

	
}




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

	.liuyanright{width: 45%}
	.bantxt h2{font-size: 38px;}
	.bantxt p{font-size: 18px;}
	
	
	.videotanchubox {max-width:800px;}
		


		
}




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


	body{overflow-x: hidden}
	.topright {width: 125px; margin-right: 45px;}

	
	.nav{display: none}
	.wapnavbj{background: rgba(0,0,0,0.6); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99999; opacity: 0; visibility: hidden;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}
	
	.wapnav{position: fixed; width:80%; top: 0px; right:-100%; height: 100%; background: #fff; z-index: 999999;overflow-y: scroll;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}
	.waptits h2{text-align: center; font-size: 18px; height: 80px; line-height: 80px;}

	.fanhui{width: 20px; display: block}
	.fanhui img{width: 10px;}
	.waptits h2{width: calc(100% - 40px); margin: 0 auto}
	.waptits h2 img{width: 30px; margin-right: 10px;}
	.wapnav ul{padding: 20px;}
	.wapnav li>a{font-size: 18px; font-weight: bold; background: url("/theme/default/images/youx.png") no-repeat right center; background-size: 8px auto; display: block; padding: 10px 0px;}
	.wapnavdown dd p{background: url("/theme/default/images/youx.png") no-repeat right center; background-size: 8px auto; }
	.wapnavdown dd{padding-top: 20px;}
	.nobj dd p{background: none}
	.wapnavdown dd p.nojian{background: none}
	.wapnavdown dd p img{width:30px; margin-right: 10px;}
	.wapnavdowntwobox{overflow-y: scroll; height: calc(100vh - 50px)}
	.wapnavdowntwobox span em{font-weight: bold; font-size: 16px; display: block; margin-bottom: 5px;}
	.wapnavdowntwobox span{margin: 20px 0px; display: block}
	.wapnavdowntwobox span i{display: block; font-size: 16px; padding:3px 0px;}
	.wapnavdowntwobox span i a{color: #666666}
	.wapnavdowntwobox span i a:hover{color: #004ea2}
	.wapnavdowntwobox span>a{display: block; padding: 10px 0px;}
	.wapnavdown{display: none; position:absolute; left: 0px; top: 0px; height: 100vh; width: calc(100% - 40px);background: #fff; padding: 0px 20px;}
	.wapnavdowntwo{display: none; position:absolute; left: 0px; top: 0px; height: 100vh; width: calc(100% - 40px);background: #fff; padding: 0px 20px;}
	.menu-open{height: 100vh;overflow: hidden}
	.menu-open .wapnavbj{opacity: 1; visibility: visible}
	.menu-open .wapnav{right: 0px;}
	
	
	

	.nav-btnbox {position:fixed;z-index:999999999999999999;right:20px;top:27px; width:22px;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:#000;-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;}
	.nav-btnbox.baise .icon-bar {background: #fff}
	.nav-btnbox.baise.cur .icon-bar {background: #000}
	.nav-btnbox .icon-bar+.icon-bar {margin-top:5px}	
	.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, -7px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, 45deg);}


	
	.whtxt p{font-size: 24px;}
	.sytit h2{font-size: 30px;}
	
	
	.zhuanlibox li{width: 49%}
	
}




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

}

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

	
	
	
}

@media screen and (max-width:920px)
	
{
	.footleft{width: 25%}
	.footcenter{width:40%}
	.footright{width: 25%}
	.nyabout{display: block}
	.nyaboutleft{width: 100%}
	.nyaboutright{width: 100%; margin-top: 30px;}
	
	.abshuzi ul{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.abshuzi li p{padding: 0px 20px;}
	.abshuzi li{width: 33.333%; float: left; max-width: none}
	.yingyongbox{display: block}
	.yingyongleft{width: 100%}
	
	.yingyongleft ul{display: none}
	.nynavselect{display: block}
	.yingyongright{width: 100%}
	
	.contactbox{display: block}
	.contactleft{width: 100%}
	.contactright{width: 100%; margin-top: 30px;}
	
	.liuyanboxs{display: block}
	.liuyanleft{width: 100%}
	.liuyanleft img{ margin: 30px 0;}
	.liuyanright{width: 100%}
	.liuyanright .loginbox{width:calc(100% - 100px); max-width: none}
	.nynewsshowbox{display: block}
	.newsleft{width: 100%}
	.newsright{width: 100%}
	.nynav{padding-bottom: 20px;}
	.nynav ul{display: none}
	
	.zhichibox{display: block}
	.zhichileft{width: calc(80% - 40px);position:fixed; left: -100%; top: 0px; height: calc(100vh - 40px); overflow-y: scroll; background: #fff; padding: 20px; z-index: 999999;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
	
	.zhichileft.cur{left: 0px;}
	
	.zhichiright{width: 100%; margin-top: 30px;}
	
	.shaixuanbtn{display: block; border: 1px solid #ccc;  border-radius: 5px;}
	.shaixuanbtn a{height: 40px;}
	.shaixuanbtn img{margin-right: 20px;}
	.close{display: block; position: absolute; right: 20px; top: 20px; width:16px;}
	.wapnavbj.cur{opacity: 1; visibility: visible}
	
	.xgwenzhang ul{display: block}

	.xgwenzhang li{width: calc(100% - 2px); margin-bottom: 20px;}
	
	.faqboxs li {width: calc(50% - 122px);}
	.xgziyuan ul{display: block}	
	.xgziyuan li{width: calc(100% - 2px); margin-bottom: 20px;}
	.faqshowleft{width: 100%}
    .faqshowright{width: 100%; margin-top: 30px;}
	.faqshowleftlist{display:none}
	.pcshow{display: none}
	.wapshow{display: block}
	.fazhantop ul{width: 100%}
	
	.jishuboxs{display: block}
	.jishupic{width: 100%}
	
	.jishutxt{width: 100%; margin-top: 30px;}
	
	.newsaboutbox{display: block}
	.newsaboutleft{width: 100%}
	.newsaboutright{width: 100%; margin-top: 30px;}
	
	.searchnav{display: none}

}

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

{
	.nybanner{overflow: hidden}
	.nybanner img{width: 150%; margin-left: -30%; max-width: none}
	
	.tsziyuan ul{display: block}
	.tsziyuan li:nth-child(1){width: 100%}
	.tsziyuan li:nth-child(2){width: 100%; margin: 20px 0px;}
	.tsziyuan li:nth-child(3){width: 100%}
	.xzproductp p{padding-right:30px;}
}

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

{
	
	.pd3{ padding-top:6%; padding-bottom:6%}
	.pd4{ padding-top:8%; padding-bottom:8%}
	.pd5{ padding-top:10%; padding-bottom:10%}
	.pd6{ padding-top:10%; padding-bottom:10%}
	.pd2{ padding-top:4%; padding-bottom:4%}

	.mt1{ margin-top:3%}
	.mt2{ margin-top:6%}
	.mt3{ margin-top:9%}
	.mt4{ margin-top:10%!important}
	.mt5{ margin-top:10%}

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	
	
	.logo{width: 140px;}
	.bantxt{line-height: 1.4}
	.bantxt h2{font-size:22px;}
	.bantxt p{font-size: 20px; margin-top: 20px;}
	
	.syabouttop{display: block}
	.sytit h2{font-size: 26px;}
	.syabouttxt{width: 100%; margin-top: 20px;}
	.syaboutbot{display: block}
	.syaboutbot li{padding: 20px 0;}
	.syaboutbot ul{width: 100%}
	.syabvideo{width: 100%; margin-top: 30px;}
	.procase ul{display: block}
	.procase li{width: 100%; margin: 20px 0px;}
	.procasetxt h2{font-size: 24px;}
	.procasetxt{padding: 20px;}
	.synewsbox .swiper-slide{width: 50%}
	
    .syjoinbj{background: url("/theme/default/images/joinpic2.jpg") no-repeat center center; background-size: cover}
	.syjoin{width: 100%; padding-bottom: 300px;}
	
	.symore{width: 120px; height: 36px; line-height: 36px;}
	.footertop{display: block}
	.footleft{width: 100%}
	.footleft img{max-width: 140px;}


	
	.footcenter{width: 100%; margin: 20px 0px;}
	.footright{width: 100%; max-width: 240px;}
	.footerbot{display: block}
	.footerbot p{margin: 0px;}
	
	.top .mainbox{height: 70px;}
	.nybanner{margin-top: 70px;}
	.nybantxttwo h2{font-size: 22px;}
	.nyaboutleft h2{font-size: 22px; line-height: 1.4}
	.abshuzi li span em{font-size: 50px;}
	.abshuzi li {width:50%; margin-bottom: 10px;}
	.fazhantop li{font-size: 16px;}
	.fazhantop li span{width: 50px;}
	.fazhantop li p {width: calc(100% - 50px);}
	
	.fazstxt h2{font-size: 150px;}
	.fazhanbot .mySwiper p{font-size: 20px;}
	.fazhanbot .mySwiper .swiper-slide.swiper-slide-thumb-active p{font-size: 24px;}
	.fazhanbot .mainbox{ width: 80%}
	.fazhanbj .swiper-button-next{right: -10%}
	.fazhanbj .swiper-button-prev{left: -10%}
	.teamboxs ul{display: block}
	.teamboxs li{width: 100%; margin-bottom: 20px;}
	.teamtxt span{font-size: 22px;}
	.tanleft{display: none}
	.tanright{width: 100%}
	.tanright h3{font-size: 22px;}
	
	.tanright p{font-size: 16px}
	.tanrighttxt{height: 400px;}
	.dituContent{height: 300px;}
	.contactright .yyxstit h3{font-size: 22px;}
	.contactright li span{font-size: 18px;}
	.contactright ul{margin-top: 0px;}
	.fulihezi li {width: calc(25% - 10px); margin-bottom:30px;}
	
	.fuliico{height: 35px;}
	.fulihezi li p{margin-top: 10px;}
	.joinshaixuan ul{display: block}
	
	.joinshaixuan li{width: 100%; margin-bottom: 15px;}
	
	.joinshaixuan li:last-child{width: 100%}
	
	.joinlist dt{padding: 10px 15px;}
	.joinlist dd{padding: 0px 0px;}
	.joinlist dd a {padding: 15px 15px;}
	
	.joinw03{display: none}
	.joinshowtit{padding-top: 0px;}
	.joinshowtit h2{font-size: 22px;}
	
	.loginbox{width: calc(90% - 40px); padding:30px 20px;}
	.liuyanright .loginbox {width: calc(100% - 40px);}
	.liuyanleft h2{font-size: 22px; margin-bottom: 20px;}
	
	.pcpage{display: none}
	.wappage{display:flex}
	.newstit{display: block}
	.newstitright{display: block; margin-top: 20px;}
	.newstitright .selecttwo{margin: 0px; width: 100%; margin-bottom: 10px;}
	.nynewsboxs li h3{font-size: 18px; line-height: 1.4}
	
	
	.newslefttit h1{font-size: 22px;}
	
	.tuijiannews{padding: 20px;}
	.lianxswo{padding: 20px;}
	
	
	.nybantxt p{display: none}
	
	.wenzitxt.shang{display: block}
	.wenzitxtleft{width: 100%; margin-bottom: 20px;}
	
	.wenzitxtright{width: 100%}
	
	
	.proystxt {width: calc(100% - 120px);}
	
	.proyoushi li{display:flex;flex-direction:row;justify-content:space-between;align-content:flex-start;align-items:flex-start}

	.guigetable{overflow-x: scroll}
	
	.guigetablebox{width: 200%;}
	
	.zctits{display: block}
	.zctits p{display: block; margin-top: 20px;}
	.zctits p .sousux{width: calc(100% - 37px)}
	.zctits p .selects{width: 100%; margin-top: 10px;}
	
	.faqboxs li {width: calc(100% - 122px);}
	
	
	.faqtit h2{font-size: 22px; line-height: 1.4}
	
	.yantaobox li {width: calc(100% - 32px);}
	
	.guanbitwo {right: 0px;top: -100px;}
	
	.nybantxtthreehz h2{font-size: 18px; line-height: 1.4; margin-bottom: 20px}
	
	.synewsbox a{padding: 30px;}
	
	.tsziyuan li a{padding:20px;}
	.wenzhangs{padding: 0px 20px;}
	
	.footerbot .mainbox.juzhong{display: block}
	.loginbox li label{font-size: 14px;}
	
	.guanbi{right: 0px;}
	
	.erweimabox{left: 0px; transform: none}
	.erweimabox:before{left: 5px; transform: none}
	
	.syabouttxt .you.mt3{display: block}
	
	.fazhanbot{bottom: 4%}
	.jishutxt h2{font-size: 22px;}
	
	.wapjoinshow{display:block}
	.pcjoinshow{display: none}
	
	
		.sitedown{padding-left: 0px;}
	.sitedowntwo{padding-left: 0px;}
	.footerbot p br{display: block}
	.banvideo{display: none}
	.banbj{display: none}
	
	.newsaboutright li em{font-size: 60px;}
	
	.joinshowtit p{overflow: hidden; display: block}
	.joinshowtit p span{width:50%; float: left;margin-bottom: 5px; margin-right: 0px;}
	
	.videotanchubox h2{font-size: 14px; line-height: 1.4}
	
	.zhuanlibox li{width:100%;margin-bottom: 30px;}
	.zhuanlibox li p{font-size: 16px;}
	.zhuanlibox ul{display: block}
	


	
	.zhuanlibox li{width: 100%}
	
}


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

{
	

	
}

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

	
}

@media screen and (max-height:450px)
	
{
	.bantxt h2{font-size: 30px;}
	.bantxt p{font-size: 18px;}

}

@media screen and (max-height:1000px)
	
{
	.pronavdown dt a{height: 42px; font-size: 14px}
	.pronavleftlist span{margin-top: 10px;}
	.pronavleftlist span i{padding: 1px 0px; font-size: 14px;}
	.pronavhezi{padding: 20px 50px}
}


@media screen and (max-width: 680px){
.notfound .face {
    width: 120px;
}