@charset "utf-8";

/* CSS Document */

@media screen and (max-width:3000px)
	
{
body {
        font-size: 18px;
    }
	
}

@media screen and (max-width:2000px)
	
{
body {
        font-size: 16px;
    }
	.logo{width: 120px}
	.bantxt h2{font-size: 70px;}
	.bantxt1 h2{font-size: 50px;}
	.advleft h2{font-size: 46px;}
	.advleft p{font-size: 24px;}
	.zttit h2{font-size: 46px;}
	.ableft{font-size: 30px;}
	.rongyuright li{font-size: 22px;}
	.mainbox1 {padding-left:10%;padding-right:10%;}
	.toutxst h2{font-size: 50px;}
	.jianjieinfo .mainbox:before{width:100%;}
}

@media screen and (max-width:1800px){
	.ads_right{width:60%; margin-right:-5%;}
}


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

	.logo{width: 120px}
	.bantxt h2{font-size: 70px;}
	.bantxt1 h2{font-size: 50px;}
	.advleft h2{font-size: 40px;}
	.advleft p{font-size: 20px;}
	.zttit h2{font-size: 40px;}
	.ableft{font-size: 26px;}
	.rongyuright li{font-size:18px;}
	.bustxts h3{font-size: 24px;}
	.toutxst h2{font-size:46px;}
	.toutxst span{font-size: 24px;}
	.toutxst p{font-size: 30px;}
	.zhibtit h2{font-size: 32px;}
	.zhibobot li h3{font-size: 32px;}
	.zhibobot li p{font-size: 20px;}
	.touxright img{max-width: 120px;}
	.bustxts p{font-size: 22px;}
	.jianjieinfo .txt{font-size:22px;}
	.ads_right{width:55%; }
	.ads_left .adslist li .tit{font-size:24px; line-height:1.2;}
	.ads_right .adspiccontent .item h2{font-size:26px;}
	.developandlic .tit h2{font-size:46px;}
	.developandlic .developlist ul li .info a h2{font-size:20px;}
	.developandlic .developlist ul li .info a .cont{padding:20px 25px; font-size:16px;}
	.questionlist li .tit{font-size:20px;}
	.ads_right{border-top-left-radius: 80px; border-bottom-left-radius: 250px;}
}

@media screen and (max-width:1366px)
	
{
	.mainbox1 {padding-left:6%;padding-right: 6%;}	
    .bustxts p{font-size: 18px;}
	
	.bustxts{min-height: 280px; }
	.bustxts p{font-size: 18px;}
	
}




@media screen and (max-width:1280px)
	
{
	.logo{width: 90px;}
	
	.bantxt h2{font-size: 60px;}
	.bantxt1 h2{font-size: 40px;}
	
	.frombanner h2{font-size: 50px;}
	.frombanner h3{font-size: 30px;}
	.frombanner p{font-size: 20px;}
	.frombox{font-size: 14px;}
	.danxuanbox li{margin-right: 38px;}
	.fromtit{font-size: 20px;}
	.tablefrom li p{font-size: 14px;}
	
	.developandlic .tit h2{font-size:36px; line-height:1.2;}
	.developandlic .developlist ul li .info a .cont{font-size:14px;}
}




@media screen and (max-width:1100px)
	
{
.topright{justify-content:flex-end;}
	.toprightico{margin-right:50px;}
	body{overflow-x: hidden}
	.nav{ position: fixed;top:120px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 120px); 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: 90%; margin: 0 auto;padding-top: 20px; }

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

	.nav li:nth-child(6){background: none}
	.nav li:nth-child(6) a{display: block;}

	.nav li:nth-child(3) .navdown, .nav li:nth-child(4) .navdown{width: 100%}
	
	
	
	.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 20px;border-top: 1px solid #f0f0f0; background: none; border-bottom: none}




	.nav-btnbox {position:absolute;z-index:999999999999999999;right:5%;top: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; transform: translate(0,-50%)}
	.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#ffffff;-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: #555555}
	.top.curtwo .nav-btnbox .icon-bar{background: #555555}
	.nav-btnbox .icon-bar+.icon-bar {margin-top:5px}	
	.menu-open .nav-btnbox .icon-bar{ background-color:#555555;}
	.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);}



	.menu-open .top{background: #fff}
	.menu-open .top .logo img.none{display:block}
	.menu-open .top .logo img.show{display:none}
	.menu-open .top .soubtn img.show{display:none}
	.menu-open .top .soubtn img.hide{display:block}
	.menu-open .top .yuyanbtn img.show{display: none}
	.menu-open .top .yuyanbtn img.hide{display:block}

	
	
	
	.menu-open .top .nav li>a{color: #555555;}

	.menu-open .top .soubtn svg{stroke:#555555; }
	.menu-open .top .yuyanbtn path{fill:#555555; }

	.menu-open .top.cur .nav{top: 80px}
	
	.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;}



	@-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)}

	}
	
	.top.cur .navdown{top: 0px;}
	.navdown a{color: #333}

	.bantxt h2{font-size: 50px;}
	.bantxt1 h2{font-size: 36px;}
	.bantxt1 h3{font-size:20px;}
	.businessbox{padding-bottom: 30px;}
	
	.danxuanbox li {margin-right: 20px;}
	
	.jianjieinfo .txt{font-size:18px;}
	
	.advancont{display:block;}
	.ads_left{width:100%;}
	.ads_left .adslist{width:100%;}
	.ads_right{width:100%; margin-right:0px; margin-top:30px;padding-bottom:16%;}
	.advancont{padding-top:0px;}
	
	.ads_left .adslist li .tit{font-size:20px;padding: 25px 0px 25px 35px;}
	.ads_left .adslist li .contbox{margin-left:35px;}
	.ads_left .adslist li .tit:after{width:calc(100% - 35px);}
	.ads_right .adspiccontent .item h2{font-size:22px;}
	.ads_right{border-top-left-radius: 60px;border-bottom-left-radius: 150px;}
	.mainbox1 {padding-left: 5%;padding-right: 5%;}
}




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


}

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

.bantxt1 h2{font-size: 30px;}
.developandlic .developlist ul li{width:calc(50% - 20px);}	
	
}

@media screen and (max-width:920px)
	
{
	.zhibobot li p{display: block}
	.zhibobot li p em{display: block}
	.zhibobot li p{min-height: 140px}
	.logo{top: 3%}
	.logo2{top: 3%}
	
	.advbox .mainbox{display: block}
	.advleft{width: 100%}
	.advright{width: 100%; margin-top: 30px; margin-right: 0px;}
	
	.businessbox ul{display: block;}
	.businessbox li{width: 100%}
	.ableft{width: 100%}
	
	
	.biaodanboxsd li {width: calc(100% - 20px)!important;}
		
	.frombanner h2{font-size: 30px;}
	.frombanner h3{font-size: 20px;}
	.frombanner p{font-size: 14px;}
	
	.frombanner{padding-top: 150px;}
	
	.frombox{padding: 30px;}
	
	.danxuanbox{display: block;overflow: hidden;width: calc(100% + 20px); margin-right: -20px;  }
	
	.danxuanbox li{width: calc(33.33% - 20px); float: left; margin-bottom: 10px;}
	
	.danxuanbox li.zuo{width: calc(66.66% - 20px); }
	.textinput{height: 30px;}
	
	p{word-break: break-all;}
	
	.tablefrom li{display: block;padding-top: 20px}
	.tablefrom li p {width: calc(100% - 40px); padding:0 20px;}
		
	.fromtit{padding: 10px 15px; line-height: 1.4}
		
	.scalebox>p{padding: 0px;}
		
	.intended .danxuanbox{padding: 0px;}
	.tijiaos{font-size: 20px;}
	.jianjieinfo .txt{line-height:1.7; padding:0px 15px;font-size:16px;}
	.footerbot{display: block}
	.footcon{width: 100%}
	.footyings{text-align: left; margin-top: 20px;}
	.footertop{display: block}
	.footnav{display: none}
}

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

{
.footerbj{background: url("../images/footerbj2.jpg") no-repeat center center; background-size:cover}	
	

}

@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%}
    .mt5{ margin-top:10%}

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}
	.topcenter{height: 80px;}
	.logo1{width: 60px;}
	.nav{top:80px;height:calc(100vh - 80px);}
	
	.footcon ul{display: block}
	.footcon li{margin: 15px 0px;}
	
	.footerbot{padding: 20px 0px;}
	.footertop{padding: 20px 0px;}
	.footcon li{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
	.bantxt h2{font-size: 24px;}
	.bantxt1 h2{font-size: 30px;}
	.logo2{width: 30%}
	.bantxt{top: 65%}
	.bantxt1{top: 55%}
	.touxiangs{display: block}
	.touxleft{width: 100%}
	.toutxst h2{font-size: 30px;}
	.toutxst p{font-size: 20px;}
	.toutxst span{font-size: 20px;}
	.toutxst{width: 60%}
	.touximg{width: 30%}
	.touxright{width: 100%; border-top:1px solid #f1f1f2; border-left: none; margin-top: 30px; padding-top: 30px;}
	.touxright>div{width: 100%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
	.touxright img{margin: 0px; max-width: 80px;}
	.zhiboboxs{padding: 20px;}
	.zhibtit{padding-bottom: 30px;margin-bottom: 30px}
	.zhibtit h2{font-size: 26px;}
	.zhibobot ul{display: block;}
	.sline{width: 100%; height: 1px; margin: 30px 0px;}
	.zhibobot li h3{font-size: 26px;}
	.zhibobot li p{min-height: inherit}
	
	.logo{width: 60px}
	.ableft{font-size: 20px;}
	.advleft h2{font-size: 32px;}
	.zttit h2{font-size: 32px;}
	.abbouts{background-attachment: scroll; background-position: 70% center}
	.rongyuboxs{display: block}
	.rongyuleft{width: 100%}
	.rongyuright{width: 100%}
	.advbox{background-size: 100% auto}
	.zhiboboxs{background-image:none}
	
	.zhuantibiaodan h2{font-size: 24px;}
	
	.zhuantibiaodan{padding: 30px 20px;}
	
	.biaodanboxsd li button{width: 100%; min-width: inherit; font-size: 20px;}
	
	
	.frombox{padding: 30px 15px;}
	.frombanner h2{font-size: 22px;margin-bottom: 10px;}
	.frombanner{padding-top: 120px; padding-bottom: 50px;}
	
	.protype{padding: 20px 10px;}
	
	.danxuanbox li {width: calc(50% - 20px);}
	.danxuanbox li.zuo {width:100%;margin-right: 0px;}
	
	.ads_left .adslist li .tit{font-size:16px;padding: 15px 0px 15px 35px;}
	.ads_left .adslist li .contbox{font-size:14px;}
	.ads_right .adspiccontent .item h2{font-size:18px;}
	.ads_right {
	        border-top-left-radius: 20px;
	        border-bottom-left-radius: 50px;
	    }
	.developandlic .tit h2{font-size:30px;}
	.developandlic .developlist ul li{width:calc(100% - 20px);}
	.developandlic .developlist ul li .info a .cont{padding:20px 25px;}
	.developandlic .developlist ul li:after{width:180px; height:170px;}
	.questionlist li .tit span{background-size:30px; padding-left:43px; line-height:25px;}
	.questionlist li:hover .tit span,.questionlist li.active .tit span{background-size:30px;}
	.questionlist li .cont em{width:30px; margin-right:10px;}
	.questionlist li .cont .info{font-size:16px;}
	.questionlist li .tit{font-size:16px;padding:15px;}
	.questionlist li .tit em{width:20px; height:21px;}
	.questionlist li .cont{padding:15px;}
	.pages a {width: 30px;height: 30px;line-height: 30px;}
	.addSlide .searchbox .int{width: 90%}
	.footcon ul{display: block}
	.footcon li{margin: 15px 0px;}
	
	.footerbot{padding: 20px 0px;}
	.footertop{padding: 20px 0px;}
	.footcon li{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
}


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

{
	.bantxt1 h2{font-size: 24px;}
.bantxt1 h3{font-size: 16px;}
.ads_left .adslist li .contbox p em{display:block;}	
.jianjieinfo .txt{padding:0px; }
}

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

.bantxt1 h2{font-size: 20px;}
.bantxt1 h3{font-size: 14px;}	
.developandlic .tit h2{font-size:28px; margin-bottom:15px;}
}

@media screen and (max-height:450px)
	
{


}

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

	.topcenter{height: 80px;}
	.logo1{width: 60px;}
	.nav{top:80px;height:calc(100vh - 80px);}
	
	
}