@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 1450px){

.about-tab .news-tab-list{width: 324px;padding: 20px 30px;height: 340px;}
.about-tab3 .news-tab-list{width: 420px;}
.about-tab .news-tab-list span{    font-size: 24px;margin-top: 25px;
    line-height: 30px;}
.about-tab .news-tab-list .cpname{line-height: 25px; 
    width: 85%;}
.about-tab .news-tab-list .line{    margin: 30px auto;}
.about-tab3 .news-tab-list .cpname{    margin: 10px auto 20px;}


}

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

.bsn-box .bsn-nt p{margin-top: 0px;max-height: 140px;    -webkit-line-clamp: 7;
    line-height: 20px;
    min-height: 140px;
    font-size: 12px;
    margin-top: 5px;}
.bsn-box .bsn-tit{top: 20px;}
.bsn-box .bsn-nt h4{margin-top:20px;}

}
@media only screen and (max-width:1310px) and (min-width: 1201px){

.bsn-box .bsn-nt p{margin-top: 0px;max-height: 160px;  
    line-height: 20px;
    min-height: 160px;
    font-size: 12px;
    margin-top: 10px;}
.bsn-box .bsn-tit{top: 20px;}
.bsn-box .bsn-nt h4{margin-top:20px;}

}

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

.header-container{padding: 0 1%;}
.H-nav{width:60%;margin-left: 5%;}
.H-nav .H-all{width: 500px;}
.H-nav .H-all>li{padding: 0 32px;}

.contain{width:100%;}
.ind-tit1{padding-top: 60px;}
.ind-abt dl{padding: 40px 0%;}
.ind-abt{height: 445px;}
.ind-abt dl dd span{font-size: 48px;}

.ind-abt2{height: 445px;}
.ind-abt2 .cont{width: 662px;}
.ind-abt2 .cont .intro{font-size: 25px;max-width: 560px;}
.ind-tit2{padding-top: 60px;margin-bottom: 40px;}

.ind-ban2{height: 445px;}
.ind-ban2 .cont{width: 662px;top: 36%;}
.ind-ban2 .cont .intro{font-size: 25px;max-width: 560px;}

.ind-news h2{padding-top: 60px;}
.ind-news{padding: 0px 0 70px;}

.bsn-box .bsn-fl{width: 16.667%;}
.picList .pic{width: 18% !important;margin: 15px 1% !important;}

.about-tab .about-cont{width: 100%;}
.about-tab .about-cont .icox2{margin-left: 5%;}
.about-tab .about-cont .icox{margin-left: 5%;}
.about-tab .about-cont .icox .po1{ width: 140px;font-size:12px;}
.about-tab .about-cont .icox .po2{ width: 150px;font-size:12px;}
.about-tab .about-cont .icox .ico-line{width: 60px;left: 75px;bottom: 90px;}
.about-tab .about-cont .icox2 .ico-line{width: 60px;left: 75px;bottom: 90px;}
.about-tab .about-cont .icox2 .po1{ width: 150px;font-size:12px;left: -35px;}
.about-tab .about-cont .icox .po3{ width: 140px;font-size:12px;}

.ind-ban3 .blo-left2 img{max-width: 80%;}


}


@media only screen and (max-width:1023px) and (min-width: 768px){
.header-container{padding: 0 1%;}
.H-nav{width: 55%;
    margin-left: 3%;
}
.H-nav .H-all{width: 380px;}
.H-nav .H-all>li{padding: 0 22px;}

.contain{width:100%;}
.ind-tit1{padding-top: 60px;font-size: 25px;}
.ind-abt dl{padding: 40px 0%;}
.ind-abt{height: 400px;}
.ind-abt dl dd span{font-size: 30px;}

.ind-abt2{height: 420px;}
.ind-abt2 .cont{width: 572px;}
.ind-abt2 .cont .intro{font-size: 22px;max-width: 500px;line-height: 40px;}
.ind-tit2{padding-top: 60px;margin-bottom: 40px;font-size: 25px;}

.ind-ban2{height: 420px;}
.ind-ban2 .cont{width: 572px;top: 30%;}
.ind-ban2 .cont .intro{font-size: 22px;max-width: 500px;line-height: 40px;}
.ind-ban2 .cont .title{font-size: 30px;}
.ind-ban2 .cont .cpname{font-size: 16px;}

.ind-news h2{padding-top: 60px;font-size: 25px;}
.ind-news{padding: 0px 0 70px;}

.iBnr1-box .t1{font-size: 45px;}
.iBnr1-box .t2{font-size: 16px;}
.iBnr1-box .t3{width:120px;height:36px;line-height: 36px;}
.ind-abt dl dd p{font-size:13px;}
.ind-abt dl dd img{margin-top: -25px;}

.bsn-box .bsn-fl{width:33.33333%;}
.bsn-box .bsn-fr{width:33.33333%;}

.picList .pic{width: 18% !important;margin: 15px 1% !important;}


.F-cen{margin-left: 4%;}
.F-cen .h2{font-size: 27px;margin-bottom: 20px;}
.F-nav dd a{text-align:center;}




.about-tab .about-cont{width: 100%;}
.about-tab .about-cont .icox2{margin-left: 5%;width:60px;}
.about-tab .about-cont .icox2 img{width:100%;}
.about-tab .about-cont .icox{margin-left: 5%;width:60px;}
.about-tab .about-cont .icox img{width:100%;}
.about-tab .about-cont .icox .po1{ width: 140px;font-size:12px;    top: -190px;}
.about-tab .about-cont .icox .po2{ width: 150px;font-size:12px;    top: -190px;}
.about-tab .about-cont .icox .ico-line{width: 50px;left: 54px;bottom: 100px;}
.about-tab .about-cont .icox2 .ico-line{    width: 50px;left: 54px;    top: 78px;}
.about-tab .about-cont .icox2 .po1{ width: 150px;font-size:12px;left: -35px;    bottom: -160px}
.about-tab .about-cont .icox .po3{ width: 140px;font-size:12px;    top: -190px;}
.about-tab .atop{margin-top:200px;}

.ind-ban3 .blo-left2 img{max-width: 77%;}



}


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


.H-action{ margin:11px 1.2% 0px 0;}

.header-container{padding:0 1%;}
.H-nav{width: 55%;
    margin-left: 2%;
}
.H-nav .H-all{width:100%;}
.H-nav .H-all>li{padding:0 0px;width:100%;text-align:center;}

.contain{width:100%;}
.ind-tit1{padding-top:30px;font-size:18px;padding-bottom: 5px;}
.ind-abt dl{padding:20px 0% 40px;}
.ind-abt{height:auto;background-size:cover;}
.ind-abt dl dd span{font-size:27px;}

.ind-abt2{height:250px;}
.ind-abt2 .cont{width:80%;}
.ind-abt2 .cont .intro{font-size:12px;max-width:80%;line-height:20px;}
.ind-tit2{padding-top:30px;margin-bottom:20px;font-size: 18px;padding-bottom: 20px;}
.ind-ban2{height: 250px;}
.ind-ban2 .cont{width: 80%;top:25%;}
.ind-ban2 .cont .title{line-height:30px;font-size:18px;}
.ind-ban2 .cont .cpname{ font-size:12px;line-height:25px;max-height:125px;overflow:hidden;}

.ind-ban3{height:100%;background-size: cover;}
.ind-ban3 .cont{width:80%;top:20%;max-width:80%;}
.ind-ban3 .cont .title{line-height:30px;font-size:18px;}
.ind-ban3 .cont .cpname{font-size:12px;line-height:25px;max-height:125px;overflow:hidden;}
.ind-ban3 .blo-left2{width:80%;top:60%;max-width:80%;}
.ind-ban3 .blo-left2 img{width:100%;}
.blo-container .blo-cont .t2{margin-top: 10px;}
.blo-container .blo-all{display:table;padding:20px 0px;}
.blo-container .blo-left{    max-width: 100%;text-align:center;margin: 30px 0px;}
.blo-container .blo-right{    max-width: 100%;text-align:left;margin: 30px 0px;font-size:14px;}


.blo-container .blo-cont{ max-width: 100%;text-align:left;margin: 30px 0px;font-size:14px;}
.blo-container .blo-cont .title{font-size:18px;}
.blo-container .blo-cont .cpname{font-size:14px;}
.blo-container .blo-cont .more{width: 100px;height: 30px;line-height:30px;margin-top: 10px;}
.blo-container .blo-cont .xian{margin: 10px 0px;}


.ind-news h2{padding-top: 40px;font-size: 18px;}
.ind-news{padding: 0px 0 40px;}
.iBnr1-box{width:100%;margin-left: 0px;left:0%;top: 25%;}
.iBnr1-box .t1{font-size: 18px;width:100%;}
.iBnr1-box .t2{font-size: 12px;line-height: 25px;margin-bottom:30px !important;width:98%;margin-left:1%;}
.iBnr1-box .t3{width:120px;height:36px;line-height: 36px;}
.ind-abt dl dd p{font-size:12px;}
.ind-abt dl dd img{margin-top: -25px;}

.bsn-box .bsn-fl{width:50%;}
.bsn-box .bsn-fr{width:50%;}

.picList .pic{width: 30% !important;margin: 10px 1.5% !important;}

.F-cen{margin-left: 4%;}
.F-cen .h2{font-size: 27px;margin-bottom: 20px;}
.F-nav dd a{text-align:center;}

.H-srch{width: 50px;
    height: 25px;
    line-height: 25px;}
.H-srch .Hsrch-menu{    width: 50px;
    height: 23px;
    line-height: 23px;}
.H-lang{width: 50px;
    height: 25px;
    line-height: 25px;}
.H-lang .Hlang-menu{    width: 50px;
    height: 23px;
    line-height: 23px;}

.ind-abt dl dd{width: 36%;    margin: 10px 7%;}

.F-nav{display:none;}
.F-cen{float:right;margin-right:1%;border:0px;width: 98%;}
.F-cen .h2{display:none;}

.F-code .type{margin: 0px 0 20px;}

.iBnr1-box .t1, .iBnr1-box .t2, .iBnr1-box .t3{margin-bottom: 10px;}

.nytalbe table, .nytalbe table tr, .nytalbe table td{font-size:12px;width: 500px;}
.contain2{overflow-x: scroll;}
.blo-container2 .ny_text {font-size:14px;}

.side{width: 35px;height:119px;}
.side .slide_min{width: 35px;height:119px; background-size:100%;}
.side .slide_box{    right: -840%;}
.for-top{    margin-top: 129px;width: 35px;}
.side .active {
    right: 45px;
}
.ind-tit3{font-size:30px;    margin: 40px auto 20px;}
.blo-container2{padding-bottom: 40px;}
.ind-tit3 .xian{bottom: 20px;}

.about-tab .about-cont{width: 100%;    margin: 0px auto 0px;}
.about-tab .about-cont .icox2{margin-left: 2%;width:46%;height:180px;margin-top:20px;}
.about-tab .about-cont .icox2 img{width:80px;margin:10px auto;}
.about-tab .about-cont .icox{margin-left:2%;width:46%;margin-top: 20px;text-align: center;height:180px;}
.about-tab .about-cont .icox img{width:80px;margin:10px auto;}
.about-tab .about-cont .icox .po1{ width: 100%;font-size:12px; position:unset;float:left;height:auto;}
.about-tab .about-cont .icox .po2{ width: 100%;font-size:12px;  position:unset;float:left;height:auto;}
.about-tab .about-cont .icox .ico-line{display:none;}
.about-tab .about-cont .icox2 .ico-line{display:none;}
.about-tab .about-cont .icox2 .po1{ width: 100%;font-size:12px;position:unset;float:left;height:auto;}
.about-tab .about-cont .icox .po3{ width:100%;font-size:12px; position:unset;float:left;height:auto;}
.about-tab .atop{margin-top:200px;}
.about-tab .news-tab-list{width:48%;    margin-right:1%;
    margin-left:1%;float:left;height: 280px;}
.about-tab .news-tab-list img{margin-top: 10px;}
.about-tab .news-tab-list span{font-size: 14px;}
.about-tab .news-tab-list .cpname{font-size: 12px;line-height: 22px;}
.about-tab3 .news-tab-list{width:100%;    margin-right: 0px;
    margin-left: 0px;height: auto;padding: 0px 0px;}
.blo-container4 .ny_text {font-size: 14px;line-height: 25px;}
.about-tab .news-tab-list .line{margin: 15px auto;}

.F-ct{display:none\9;*display:none;display:none;}
.F-cen{display:none\9;*display:none;display:none;}
.footer-container{padding: 10px 0;}
.F-cen2{display:block;text-align:center;font-size:12px;line-height:20px;}

.H-nav .H-all>li:hover .second_menu{display:block;padding:0px 0px 10px;}
.H-nav .H-all>li .second_menu{width:100%;height:0px;padding: 0px 0px;border-bottom: 0px solid #343537;display:none !important;}
.H-nav .H-all>.active .second_menu{position:unset;height:auto;width:100%;border-bottom:0px solid #eeeeee;display:block !important;left:0%;margin-left: 0px;}
.H-nav .H-all>.active .second_menu dd{line-height:25px;height:25px;}
.H-nav .H-all>.active .second_menu dd a{font-size:13px;color:#929292;line-height:25px;height:25px;}
.H-nav .H-all>.active .Hnav-menu. i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}

.active i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.Hnav-menu i{z-index:999;}
.logo{width:100%;height:60px;text-align:center;display:block\9; *display:block;display:block;}
.H-nav .H-all>li i{display:block\9; *display:block;display:block;}
}
/* CSS Document */


@media all and (max-width:767px){/*web*/
	html{font-size:50.1563px;}
	img{max-width:100%;}
	#index-bnr{display:none;}
	#web-bnr{display:block;}
	/*-- Header --*/
	.H-logo,
	.Hsrch-box{height:50px;}
	.H-logo{line-height:50px;}
	.H-logo img{height:30px;}
	.picList .pic img {height:auto !important;}

	.H-nav{width:100%;background:#fff;position:absolute;top:50px;left:0px;margin:0px;float:none;}
	.H-nav .H-all>li{border-bottom: 1px solid #e1e1e1;}
	.H-nav .Hnav-menu{padding:0 4%;height:50px;line-height:50px;color:#333;font-size:14px;}
	.H-nav .active{position:unset;height:auto;}
.H-nav .H-all>li .active .second_menu{position:unset;height:auto;width:100%;}


	.Hnav-menu i{display:block;}
	.Hnav-sub{padding:5px 0;position:relative;top:0px;}
	.Hnav-sub .contain{padding:0px;}
	.HnavSub-box,
	.HnavSub-img{display:none !important;}
	.HnavSub-list{width:100%;float:none;}
	.HnavSub-list li{width:100%;padding:0px;border:0px;}
	.HnavSub-list li a{padding:0 0%;height:45px;line-height:54px;text-align:left;color:#333;font-size:13px;background:none;}
	.Head_xl{width:100%;}
	.Head_xl dd{width:100%;height:auto;}
	.Head_xl dd img{display:none;}
	.Head_xl dd span{position: static;color:#333;font-size:14px;font-weight:normal;display: block;padding:10px 4%;transform: translate(0,0);text-align:left;}
	.Head_xl dd:nth-child(2n){margin-left:0px;}
	.Head_shop{display: none;}
	.H-action .split{margin:17px 0 0;}

	.act .Hmenu-btn a{background:#999;}
	.act .Hmenu-btn a:after{background:#999;}
	.act .Hmenu-btn a::before{background:#999;}
	
	
	.Hmenu-btn.H-rMenu-btn{display:none;}
	.Hmenu-btn.Hmenu-web{display:block;}
	
	.H-nav{left: -100%;z-index:9999;width:120px;top:0px;height: 667px;overflow-y: scroll;}
	.F-split{display:inline-block;}
	
	.Hsrch-box{top:50px;}
	.Hsrch-block{width:92% !important;padding:0px !important;margin:9px auto 0;}
	
	.H-lang{position:static;position:initial;}
	.Hlang-box{padding:10px 0;width:100%;top:50px;left:0px;}
	.Hlang-box:before{display:none;}
	

	.Header-wrapper.Header-searching .H-logo img{display:none;}
	.Header-wrapper.Header-searching .H-logo img.rollover{display:block;margin-top:10px;}
	
	.bsn-box .bsn-nt p{ margin-top: 5%;max-height:124px;min-height:auto;overflow: hidden;-webkit-line-clamp: 5;}



}


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

	/* news */
	.In-news .F-news-fl,.In-news .F-news-fr,.In-newsL ul li,.proct-fl,.proct-fr{width:100%;}
	.In-news .F-news-fr,.In-newsL ul li .note{padding:1rem;}
	.In-news .swiper-pagination{bottom:1rem!important;}
	.In-newsL{padding:2rem 0;}
	.F-news{padding:0;}
	
	.In-news .swiper-slide{display: none;}
	
	.In-notice{padding:30px 0;}
	.In-notice h2{font-size:24px;}
	.nttab{overflow:hidden;}
	.nttab a{width:33.3333%;float:left;margin:0;}
	.nttab a:last-child{float:right;}
	.In-notice ul li{padding:0px;}
	.In-notice ul li h4{padding:2rem 25% 2rem 15%;font-size:16px;line-height:26px;}
	.In-notice ul li .date{right:0px;}
	.InvGvrcBOD-list{padding:0 0;}
	.InvGvrcBOD-list ul li{width:100%;padding: .5rem 0 0 4.761904761904762%;}
	.cTeamModal-contain{padding:.8rem 80px .8rem 4%;width:100%;height:100%;top:0px;left:0px;transform:translate(0,0);-webkit-transform:translate(0,0);}
	.cTeamModal-action{top:50%;right:0px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
	.Intelligence ul li{width:100%;margin-left:0px;margin-top:60px;}

	.ct-fs ul{padding:1rem;top:-15px;}
	.message ul li{width:100%;}
	.vcode .inp-code{width:50%;}
	.vcode .inp-code img{width:50%;}
	.message .info{line-height:30px;}
	.ct-fs ul li{width:50%;min-height:10rem;}
	.vcode .inp-submit{position: static;margin-top:15px;}
	.ctme ul{margin-top:30px;}
	.ctme ul li{width:100%;margin-bottom:20px;margin-left:0;}
	.ctme{padding:40px 0 30px;}
	.Ab_note h4{font-size:22px;}
	.ctme .info{line-height:28px;}
	.Ab_honor .hn-pic img{width:100%;object-fit: cover;height:100%;}

	.pro-one .cont,.pro-one .pic,.pro-two .pic,.pro-two .cont{width:100%;}
	.pro-one .cont,.pro-two .cont{padding:1rem;}
	.pro-one .cont a,.pro-two .cont a{margin-top:1rem;}
	.comInvest-list li,.honor .honor-fl,.honor .honor-fr{width:100%;}
	.comInvest-list li.cur{width:100%;}
	.cInvest-con .con{display:block;}
	.cInvest-con .type{width:30%;}
	.social{padding:40px 0px 30px;}
	.In-about ul li{margin:0;}
	.In-about{padding-top:30px;}

	.pc{display:none\9;*display:none;display:none;}
.phone{display:block\9;*display:block;display:block;}


}

@media all and (max-width:640px){
	.xz-modal .xz-modal-box{width:100%;max-height:100%;height:100%;top:0px;left:0px;margin-left:0px;}
	.xz-modal-action{right:0px;}
	.tdIntroModal-action .btn, .xz-modal-action .btn{width:50px;height:50px;}
	.xz-modal-box .content{padding:0;padding-bottom:50px;}
	.bann .t2 span:before{display:none;}
	.bann .t2 span:after{display:none;}
	.product_list_prod{height:245px;}
	.proct-fr h4{font-size:26px;margin-bottom:20px;}
	.bann .h1{font-size:30px;margin-top:-3rem;}
	.e_adv,.ego,.e_adv,.e_pro{overflow: hidden;width:100%;}
	
	.proct-fl,.proct-fr,.proct-fl img{height:auto;}
	.bann .h2{height:128px;overflow-y:scroll;}
	.xz-modal-box table td{width:auto;}
	
}


@media all and (max-width:414px){
	html{font-size:21.5625px;}
}

@media all and (max-width:320px){
	.side .active {
    right: 50%;top: -40px;
}
}