@charset "utf-8";
/* CSS Document */
body{padding:0; margin:0; font-size:14px; font-family:"微软雅黑", Arial, Helvetica,; color:#2b334d;}
h1,h2,h3,p,dl,dt,dd,ul,li,input{padding:0; margin:0; list-style:none;}
a{display:inline-block; text-decoration:none; color:#2b334d;}
a:hover{text-decoration:none;}
img{max-width:100%}
.nav_box{position:absolute; top:0; left:0; width:100%; border-bottom:1px solid rgba(255,255,255,0.3); height:80px; z-index:9999;}
.nav_black{ border-bottom:1px solid rgba(29,43,87,0.2);}
.nav{max-width:1200px; margin:0 auto; height:80px; }
.logo{width:221px; float:left; height:50px; padding:15px 0;}
.wrapper .btn2{padding-top:0 !important;}
.nav ul{width:580px; float:right; height:80px; line-height:80px;}
.nav ul li{display:inline-block; padding:0 20px;}
.nav ul li a{color:#fff; position:relative;}
.nav ul li a em{display:none; width:90%; height:1px;background:#fff; position:absolute; bottom:0; left:0;}
.nav_black .nav ul li a em{background:#1d2b57;}
.log{background:#4068fa; border-radius:5px; color:#fff; height:40px;}
.nav ul .log a{ color:#fff; line-height:40px; height:40px; display:block;}
.nav ul li .cur{position:relative;}
.nav ul li .cur em,.nav ul li a:hover em{display:inline-block;}
.banner{max-height:750px; overflow:hidden; position:relative;}
.banner .text{ height:100%;}
.banner .text{position:absolute; width:100%; left:0; color:#fff; z-index:99; top:0; height:100%; background-image:linear-gradient( to top,rgba(33,54,46,0.7),rgba(5,5,36,0.7));}
.banner .text img{width:70%; padding-top:calc(7vw + 80px);}
.ban_p{ position:absolute; left:0; bottom:3vw; width:100%;}
.banner .text p{ max-width:1200px; margin:0 auto;text-align:right; color:#fff; font-size:14px;}
.banner .text p em{display:inline-block; height:1px; width:calc(100% - 13em); border-bottom:1px solid rgba(255,255,255,0.1);margin-top: -4px;vertical-align: middle;}
.banner .text p font{display:inline-block; margin-left:10px;}
.pic{max-width:1200px; margin:0 auto;}
.product_box{background:#f6f6f6; padding:50px 0;}
.pro_hpone{display:none;}
.title{max-width:1200px; margin:0 auto;}
.title p{padding:5px;}
.pro_nav{border-top:1px solid #d8e4f4; width:100%; margin-top:30px;}
.ul{max-width:1200px; margin:0 auto; height:30px;}
.ul p{width:20%; text-align:left; float:left; font-size:16px; margin-top:-21px;}
.ul p font{background:#f6f6f6; padding:0 10px; line-height:39px;}
.ul p .font1{display:none;}
.ul .cur .font1,.ul p:hover .font1{display:inline-block; color:#ff6633; font-weight:bold;}
.ul .cur .font1 span{font-size:20px;}
.ul p .font2{position:relative; width:50px; height:39px; display:inline-block; background-size:auto 100%;}
.ul .cur .font2,.ul p:hover .font2{display:none;}
.pro_list dl{max-width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.pro_list dl dt{width:40%; float:left;}
.pro_list dl dd{width:55%; float:left; padding-left:2%;}
.pro_list dl dd h2{font-size:30px; padding:12% 0 0 0;}
.pro_list dl dd strong{display:block; padding:10px 0; font-size:18px;}
.pro_list dl dd p{ color:#a6a6a6; line-height:26px;}
.btn{width:120px; height:40px; border:1px solid #9baff8; border-radius:20px; text-align:center; line-height:40px; margin-top:20px; display:block;}
.btn span{font-size:30px; color:#9baff8;}


.w-imgText{ position:relative; overflow: visible;}
.w-imgText ul,.w-imgText li{ list-style:none; padding:0; margin:0;}
.w-imgText .item{ position:relative;}
.w-imgText .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.w-imgText .swiperBox{ overflow: hidden; padding-right: 4%;}
.w-imgText .imTB{ overflow:hidden;}
.w-imgText .img{ width:50%;}
.w-imgText .img img{width:100%; }
.w-imgText .textB{ position:absolute; left:50%; right:0; top:0; bottom:0;padding:15px 4%; line-height:1.7;}
.w-imgText .textB .bg_x{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;}
.w-imgText .textB .text_x{ position:relative; z-index:1;max-height: 100%; overflow:hidden; }
.w-imgText .textB .text_x h2{font-size:30px; padding:12% 0 0 0;}
.w-imgText .textB .text_x strong{display:block; padding:10px 0; font-size:18px;}
.w-imgText .textB .text_x p{ color:#a6a6a6; line-height:26px;}
.w-imgText .igt_page{position: absolute; z-index: 10; left: auto; width: auto; right: 0; top: -65px; font-size: 20px; color: #999;}
.w-imgText .igt_page span.on{ color: #222; font-size: 200%;}
.igt_page_text{ margin-top:-28px;}


.igt_page_text li{ float: left; text-align: center; overflow: hidden; opacity:1; cursor: pointer; line-height:48px;}
.igt_page_text li:hover,.igt_page_text li.on{opacity: 1;}

.igt_page_text li .item_span{ display: inline-block; padding: 0 1em; background:#f6f6f6;}
/*.igt_page_text li .item_span:before,.igt_page_text li .item_span:after{ content: ''; position: absolute; height: 1px; width:600px; top: 50%; background: #d8e4f4;}
.igt_page_text li .item_span:before{right: calc(100% + 20px);}
.igt_page_text li .item_span:after{ left: 100%;}*/
.igt_page_text li .item_span > div{display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
.igt_page_text li .item_span .num{ width:1em; color: #e7ebf1; visibility: hidden; font-size:48px; font-family: DIN, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.igt_page_text li .item_span .tit{ margin-left:-50px; font-size: 16px; color:#2b334d; display:inline-block;}

.igt_page_text li .item_span .num,.igt_page_text li .item_span .num{visibility: visible;}
.igt_page_text li .item_span .adore{ display:none;}
.igt_page_text li.on .item_span .adore,.igt_page_text li:hover .item_span .adore{color:#f60; font-size:20px; font-weight:bold;}

.igt_page_text ul{height:auto; overflow:hidden;}
.igt_page_text ul li:nth-child(1).on .item_span .adore:before,.igt_page_text ul li:nth-child(1):hover .item_span .adore:before {content: "\e76e";}
.igt_page_text ul li:nth-child(2).on .item_span .adore:before,.igt_page_text ul li:nth-child(2):hover .item_span .adore:before {content: "\e76f";}
.igt_page_text ul li:nth-child(3).on .item_span .adore:before,.igt_page_text ul li:nth-child(3):hover .item_span .adore:before {content: "\e76b";}
.igt_page_text ul li:nth-child(4).on .item_span .adore:before,.igt_page_text ul li:nth-child(4):hover .item_span .adore:before {content: "\e76d";}
.igt_page_text ul li:nth-child(5).on .item_span .adore:before,.igt_page_text ul li:nth-child(5):hover .item_span .adore:before {content: "\e76c";}

.igt_page_text ul li.on .item_span .num,.igt_page_text ul li:hover .item_span .num{ display:none;}
.igt_page_text li.on .item_span .adore,.igt_page_text li:hover .item_span .adore{display:inline-block;}
.igt_page_text ul li.on .tit,.igt_page_text ul li:hover .tit{color:#f60; font-weight:bold; margin-left:0px;}
.pl_box{border-top:1px solid #d8e4f4; margin-top:50px;}
.pro_list{max-width:1200px; margin:0 auto;}


.tab{max-width:1200px; margin:0 auto; text-align:center;}
.tab span{width:28px; height:28px; border-radius:5px; background:#e6eaf1; display:inline-block; text-align:center; line-height:28px; margin:3px;}
.plan{padding:50px 0; max-width:1200px; margin:0 auto;}
.plan ul{height:auto; overflow:hidden; padding:20px 0;}
.plan ul li{width:calc(33.3% - 6px); float:left; margin:3px; position:relative; display:block;}
.plan ul li:nth-child(4){width:calc(50% - 6px);}
.plan ul li:nth-child(5){width:calc(50% - 8px);}
.ver{display:table;width:calc(100% - 22px);height:calc(100% - 22px); border:1px solid rgba(255,177,29,0);text-align:center; position:absolute; left:10px; top:10px; color:#fff;}
.plan ul li p{ display:table-cell; vertical-align:middle;}
.plan ul li p strong{font-size:18px;}
.plan ul li p em{display:block; margin:0 auto; width:25px; height:10px; border-bottom:1px solid #fff; margin-bottom:10px;}
.plan ul li p font{font-size:16px;}
.ul p .e1{ background:url(../images/num_03.jpg) center center no-repeat;}
.ul p .e2{ background:url(../images/num_07.jpg) center center no-repeat;}
.ul p .e3{ background:url(../images/num_09.jpg) center center no-repeat;}
.ul p .e4{ background:url(../images/num_14.jpg) center center no-repeat;}
.ul p .e5{ background:url(../images/num_11.jpg) center center no-repeat;}

.plan ul li:hover .ver{ border:1px solid rgba(255,177,29,1); color:#ffb11d;}
.plan ul li p:hover em{border-bottom:1px solid #ffb11d;}
.service{width:100%; background:url(../images/pic_18.jpg) top center repeat-y; background-size:100% auto; padding:60px 0;}
.title .colorw{color:#fff;}
.service ul{max-width:1200px; margin:10px auto; height:auto; overflow:hidden; padding:40px 0;}
.service ul li{width:18%; margin:0.5%; background:rgba(255,255,255,0.1); padding:1.5% 1% 1% 1%; float:left; color:#fff; position:relative;}
.service ul li img{margin:0 auto; display:block; position:absolute; left:50%; top:-56px; margin-left:-75px;}
.service ul li p{color:#fff; position:relative; height:100px;border:1px solid #fff; padding:10px; width:calc(100% - 22px); overflow:hidden;}
.service ul li .p2{display:none; text-align:center; background:rgba(255,255,255,0.9); border:1px solid rgba(255,255,255,0.9); color:#334e95;}
.service ul li .p2 em{position:absolute; left:10px; top:-18px; color:#dfe2ec; font-size:40px; font-style:normal; font-weight:bold;}
.service ul li .p2 font{display:table-cell; vertical-align:middle;}
.service ul li .p1{display:block;}
.service ul li .a1{margin:0 0 8px 0;}
.service ul li a{ display:block; width:100%;}
.service ul li a:hover .p1{display:none;}
.service ul li a:hover .p2{display:table;}
.service ul li .p1 strong{display: block; font-size:22px; padding-bottom:25px;}
.service ul li .p1 font{font-weight:bold; font-size:18px;}
.service ul li .p1 font em{font-style:normal; font-weight:normal; font-size:14px;}
.service ul li .p1 span{ position:absolute; right:10px; top:10px; font-size:38px;}
.service ul .li2{width:55%; padding:1% 0.5%;}
.service ul .li2 a{width:32.3%; float:left; margin:0.5%;}


.news{width:100%; padding:50px 0;}
.news_sort{max-width:1200px; margin:10px auto; text-align:right;}
.news_sort a{display:inline-block; padding:0 15px; line-height:38px; border-radius:5px; border:1px solid #d8e4f4; color:#98a1ab; margin-left:10px;}

#tags li{display:inline-block;}
#tags li a {display:inline-block; padding:0 15px; line-height:38px; border-radius:5px; border:1px solid #d8e4f4; color:#98a1ab; margin-left:10px;}
#tags li.emptyTag {background: none transparent scroll repeat 0% 0%; width: 4px;}
#tags li.selectTag a {color:#3753ff; border:1px solid #3753ff;}
.tagContent {display: none; }
#tagContent div.selectTag {display: block}

.news_sort .cur,.news_sort a:hover{color:#3753ff; border:1px solid #3753ff;}
.news_list{max-width:1200px; margin:10px auto;}
.news_list dl{width:calc(32.3% - 24px); margin:0.5%; padding:12px; background:#fff; box-shadow:0 0 25px rgba(192,207,230,0.3); float:left; margin-bottom:100px;}
.news_list dl dd h3{padding:10px 0; font-size:18px;}
.news_list dl dd h3 em{display:none;}
.news_list dl dd p{color:#888888; line-height:20px; font-size:14px; height:60px; overflow:hidden;}
.date{border-top:1px solid #e7eef6; line-height:40px; margin-top:10px;}
.date a{float:right; padding:0 5px; border:1px solid #d8e4f4; border-radius:10px; line-height:20px; margin-top:10px;}
.date a span{color:#cbd7ea;}

.about{width:100%; background: url(../images/about_bg_02.jpg) top center no-repeat; background-size:100% auto; padding:100px 0; clear:both;}
.about dl{max-width:1130px; margin:0 auto; padding:35px; background:#fff; box-shadow:0 0 30px rgba(208,213,216,0.3); height: auto; overflow:hidden;}
.about dl dt{width:38%; float:left; padding-right:1%;}
.about dl dd{width:60%; float:left;}
.about dl dd h2{font-size:20px; padding:25px 0 15px 0;}
.about dl dd em{width:40px; height:12px; border-top:1px solid #000; display:block;}
.about dl dd p{color:#98a1ab; font-size:13px; line-height:20px;}
.about dl dd font{line-height:20px; height:40px; overflow:hidden; display:inline-block;}
.about dl dd ul{height: auto; overflow:hidden; padding:15px 0;}
.about dl dd ul li{width:50%; float:left; padding:10px 0;}
.about dl dd ul li span{width:55px; vertical-align:middle; background:#ecf0fe; border-radius:50%; text-align:center; line-height:55px; display:inline-block; color:#0060ef; font-size:30px;}
.about dl dd ul li p{display:inline-block; width:calc(80% - 70px); padding-left:10px; vertical-align:middle;}
.about dl dd ul li p strong{color:#2f3533;}
.more{line-height:12px; height:30px; text-align:center; font-size:30px; font-weight:bold; color:#c0cfe6; border-radius:20px; border:1px solid #c0cfe6; margin:0 auto; display:block; width:80px;}

.footer{background:#f3f8fc; width:100%;}
.sitemap{ max-width:1200px; margin:0 auto; height:auto; overflow:hidden; padding:20px 0;}
.code{width:118px; float:right; text-align:center;}
.f_bottom{width:100%; border-top:1px solid #dee3e6; text-align:center;}
.f_bottom p{ max-width:1200px; font-size:12px; margin:0 auto; line-height:26px;}
.add{float:left; width:250px;}
.add img{padding-bottom:15px;}
.add p{color:#98a1ab; line-height:26px; padding:0 0 0 5px;}
.sitemap ul{width:700px; float:left; padding:0 5%;}
.sitemap ul li{width:110px; float:left;}
.sitemap ul li:nth-child(4){width:150px;}
.sitemap ul li a{display:block; color:#98a1ab; line-height:23px;}

.clear{clear:both;}
.img2{display:none;}

/*===============================关于我们======================================*/
.nav_black ul li a{color:#000;}
.nav_black .icon-gengduo{color:#000;}
.aboutus,.contactus{max-width:1160px; margin:0 auto; padding:0 20px;}
.aboutus dl dt img{padding-top:10px;}
.aboutus dl dt p{font-size:16px; color:#7c838b; padding:30px 0; line-height:36px;}
.aboutus dl dd em,.z_tit em{width:20px; height:3px; background:#777777; display:block;}
.aboutus dl dd b,.z_tit b{font-weight:normal; color:#999; padding-bottom:5px; display:block;}
.aboutus dl dd ul{height:auto; overflow:hidden; padding-top:30px;}
.aboutus dl dd ul li{width:30%; margin:1% 3% 1% 0; float:left;}
.aboutus dl dd ul li .iconfont{width:90px; height:90px; background:#ecf0fe; border-radius:50%; font-size:60px; color:#0f69f0; text-align:center; line-height:90px; display:block;}
.aboutus dl dd ul li strong{font-size:20px; padding:10px 0; display:inline-block;}
.aboutus dl dd ul li p{font-size:14px; line-height:30px; height:150px;}

.zizhi ul{height:auto; overflow:hidden; padding:20px 0;}
.zizhi ul li{width:23%; float:left; margin:1%; text-align:center;}
.zizhi ul li:last-child{ width:48%;}
/*===============================联系我们======================================*/
.contactus dl{height:auto; overflow:hidden; padding:20px 0;}
.contactus dl dt{width:400px; float:left; height:290px; padding:50px; position:relative; background:url(../Images/contact_11.png) no-repeat; background-size:auto 100%;}
.contactus dl dt p{padding-top:30px; color:#666; font-size:16px;}
.contactus dl dt img{position:absolute; right:20px; top:20px;}
.contactus dl dt em,.contactus dl dd em{width:20px; height:1px; background:#666; margin:20px 0 0 0; display:block;}
.contactus dl dt p strong{font-weight:bold; font-size:36px; letter-spacing:1;}
.contactus dl dd{width:calc(95% - 500px); float:left; padding:50px 0 0 5%;}
.contactus dl dd h3{font-size:22px;}
.contactus dl dd span{font-size:18px; color:#989898;}
.contactus dl dd p font{display:block; padding-top:20px; font-size:18px;}

/*===============================产品列表======================================*/
.about_ban{position:relative;}
.p_tit{position:absolute; left:0; top:80px; color:#fff; width:100%;}
.p_tit h1{max-width:1170px; margin:0 auto; padding:10% 15px 0 15px; color:#fff;}
.p_tit h1 strong{font-size:30px;}
.p_tit h1 p{font-size:21px; font-weight:normal;}
.product_list{max-width:1200px; margin:20px auto;}
.product_list dl{height:auto; overflow:hidden; padding:20px 0;}
.product_list dl dt{width:35%; float:left;}
.product_list dl dd{width:55%; margin-left:-1%; margin-top:2%; float:left; height:auto; background:url(../Images/product_11.jpg) top center repeat-y; background-size:100% auto ; padding:5%; position:relative;}
.product_list dl dd strong{display:block; padding:10px 0;}
.product_list dl dd p{line-height:26px; color:#a6a6a6; font-size:14px; min-height:130px;}
.product_list dl dd em{position:absolute; left:2%; top:5%;}
/*===============================资讯列表======================================*/
.newsbox{max-width:1170px; padding:10px 15px; margin:0 auto; background:#fff; margin-top:-60px; position:relative; z-index:999;}
.news_tit{height:auto; overflow:hidden; padding:20px;}
.nt_left{display:inline-block;}
.news_sort{width:50%; float:right;}
.n_list{height:auto; overflow:hidden;}
.n_list dl{width:31.3%; padding:1%; float:left;}
.n_list dl h3{padding:5px 0;}
.n_list dl h3 em{display:none;}
.ndetial{padding:20px;}
.ncon img{width:100%; margin:5px 0;}
.ndetial p{color:#98a1ab;}
.ndetial .time{display:block; padding:5px 0 10px 0; color:#98a1ab; font-size:14px;}


/*===============================帮助中心======================================*/
.help{height:auto; overflow:hidden; padding:30px 0 50px 0;}
.help_sort{width:200px; float:left; padding-left:30px}
.h_list{height:auto; overflow:hidden;}
.h_list dl{padding:1%;}
.h_list dl h3{padding:5px 0; height:auto}


/*===============================充值======================================*/
.recharge{max-width:1200px; margin:0 auto;}
.break{padding:10px 0;}






@media (max-width:1024px){
.logo{padding-left: 3%;}
.youshi{margin:0 auto; background-size:auto 80%; background-position:center bottom; width:100%; overflow:hidden;}	
.tit{padding:0 3vw;}
.li_1,.li_2,.li_3{background-image:none;}	
.youshi .li{background:rgba(255,255,255,0.5); box-shadow:0 0 20px rgba(22,78,59,0.3); border-radius:20px; width:auto; height:auto; padding:5px 0 15px 0; text-align:center;}	
.youshi .li p{padding:0 15px;}
.youshi h3{padding:2% 0;}
.phone{display: block;
    padding: 3% 3% 3% 3%;
    overflow: hidden;}
.web{display:none;}
.youshi .li span{font-size:58px !important;-webkit-background-clip: text;color: transparent; padding:20px 10px 10px 10px; display:inline-block;}
.fangan{width:100%;}
.fa_list{padding-right:3%;}
.fa_list img{width:100%;}
.fa_list dl{width:47%; padding:3% 0 3% 3%;}
.fa_list dl:nth-child(2), .fa_list dl:nth-child(5) {padding:3% 0 3% 3%;}
.jiazhi{width:100%;}
.jiazhi_p{padding:2%; height:auto; overflow:hidden;}
.jiazhi_p .li{width:25.3%; height:25.3vw; margin:1%; padding:3%; background:#fff; border-radius:5px; box-shadow:0 0 20px rgba(198,218,236,0.3); float:left;}
.jiazhi_p .li_mid{background:none; border:1px solid rgba(52,95,250,0.3); box-shadow:0;width:calc(25.3% - 2px); height:calc(25.3vw - 2px); padding:3%;}
.jiazhi_p .li_mid .q{width:calc(100% - 42px); height:calc(25.3vw - 42px); background-color:rgba(52,95,250,0.3); border-radius:10px; padding:20px; display:table}
.jiazhi_p .li_mid .q span{width:96%; height:96%; border-radius:10px; box-shadow:0 0 20px rgba(52,95,250,0.7); display:block; text-align:center; background:#fff; display:table-cell; vertical-align:middle; padding:2%;}
.jiazhi_p .iconfont{font-size:28px; vertical-align:middle;-webkit-background-clip: text;color: transparent; height:30px; line-height:30px;}
.jiazhi_p strong{display:block; padding:5px 0;}
.jiazhi_p img{width:auto; height:100%;}
.frame{width:90vw; padding:1vw; margin:0 auto;}
.taocan{width:100%; overflow:hidden;}
.price_list{width:97%; overflow:hidden; padding:3% 0 3% 3%;}
.list_box{width:1200px; scroll-x:}
.guanyu{width:100%;}
.guanyu dl dt,.guanyu dl dd,.footer dl dt,.footer dl dd{float:none; width:100%;}
.footer{text-align:center;}
.b_logo{margin:0 auto;}
.footer dl dt{text-align:center; padding-top:2%;}
.footer dl,.f_bottom p{width:100%;}
.guanyu dl dt{width:80%; margin:0 auto;}
.about {background-size: auto 100%;background-position: left top; padding:150px 3% 3% 3%; width:94%;}
.guanyu dl dd{width:100%;}
.guanyu dl dd p{text-align:center;}
#topNav {width:98%; padding-left:1% !important;overflow: hidden;}
.c_z {padding-bottom: 8px;}
.service ul{width:100%;}
.about{background-size:150% auto; background-position:top center;}


.product_list dl dd p{line-height:21px; color:#a6a6a6; font-size:13px; min-height:105px;}
.product_list dl dd{padding:4% 5%;}

	}

@media (max-width:880px){
	.pro_hpone{display:block;}
	.webp{display:none;}
	.product_box{padding:50px 15px;}
.nav{padding:0 15px; height:100%; position:relative;}	
.ul1,.ul_nav{display:none;}	
.nav_icon{display:block; position:absolute;right:3%; top:50%; margin-top:-12px;}
.logo{padding:3% 0;width: 25%; height:auto;}
.icon-gengduo{font-size:24px !important; color:#fff;}
.banner{min-height:310px;}
.banner .text{padding:0;}
.banner .text p strong{ font-size:26px; line-height:1.5em;padding:0 10px;}
.banner .text p font{ font-size:12px; padding:0 5px 0 0;}
.banner .text p a{margin:0;}
video{min-height:310px;}
.fa_list dl dd h3{font-size:16px;}
.fa_list dl dd p{font-size:14px; height:2em;}
.jiazhi_p .iconfont{ font-size:20px;height: 20px;line-height: 20px;}
.jiazhi_p p{font-size:12px;}
.tit strong{font-size:21px;}
.tit span{font-size:14px;}
.jiazhi_p .li_mid .q{width:calc(100% - 32px); height:calc(25.3vw - 32px); padding:15px;}
.wrapper{display:block;}

.plan ul li{width:calc(50% - 6px);}
.plan ul li img{width:100%; height:220px; object-fit:cover;}
.ver{height: calc(100% - 25px);}
.plan ul li:last-child{width:100%;}
.plan{padding:50px 15px 0 15px;}
.service{padding:60px 15px 0 15px; width:calc(100% - 30px); background-size:auto 100%;}
.service ul{width:100%; padding-top:20px;}
.service ul li,.service ul .li2{float:none; width:98%; margin:0.5% 0; padding:20px 1% 1% 1%;}
.service ul li a{width:48%; float:left;padding: 0 1%;}
.service ul .li2{padding:1.5%; padding-top:20px;}
.service ul .li2 a{width:32%; padding:0; margin:0.5%;}
.service ul .li2,.service ul .li3{ margin-top:30px; padding-bottom:2%;}
.service ul .li1 img{left:15%;}
.service ul .li3 img{right:5%; left:auto;}
.news_sort{display:none;}
.news_list dl{width:calc(100% - 24px); margin:0 auto; float:none;}
.news_list dl img{width:100%;}
.news_list dl .date{display:none;}
.news_list dl dd h3 em{display:block; float:right; font-style:normal; font-weight:bold; color:#666;}
.news{padding-bottom:10px;}
.about{background-size:200% auto; background-position:top center;}
.about dl{padding:0;}
.about dl dt{width:100%; float:none;}
.about dl dt img{width:100%;}
.about dl dd{width:90%; float:none; padding:0 5%;}
.img1{display:none;}
.img2{display:block;}
.sitemap ul{display:none;}
.footer .code{float:none; width:100%; text-align:center;}
.footer .add{width:96%; padding:0 2%; float:none; text-align:left;}
.footer .add p{ display:inline-block;}
.footer .add p:last-child{width:100%;}
.web3 a{display:none;}
.btn{margin:0 auto;}
.news{width:calc(100% - 30px); padding:30px 15px 0 15px;}

.about_ban img{height:300px; width:100%; object-fit:cover;}
.ab_tit{width:150px;}
.aboutus dl dd ul li{width:calc(48% - 1px); padding:2% 1%; padding-top:20px; text-align:center; margin:0; border-bottom:1px solid #ecf0fe; border-right:1px solid #ecf0fe;}
.aboutus dl dd ul li .iconfont {margin:0 auto;}
.aboutus dl dd ul li:nth-child(2),.aboutus dl dd ul li:nth-child(4),.aboutus dl dd ul li:nth-child(6){border-right:0; }
.aboutus dl dd ul li:nth-child(5),.aboutus dl dd ul li:nth-child(6){border-bottom:0;}
.zizhi ul li{width:48%; padding:0 1%; margin:1% 0;}
.zizhi ul li:last-child{ width:98%;}

.contactus dl dt{float:none; width:90%; height:auto; background:url(../Images/cbg2_03.jpg) no-repeat; background-size:100% auto; padding:5%; margin:0;}
.contactus dl dd{float:none; width:98%; padding:1%;}

.product_list{margin-top:0;}
.p_tit h1{padding:6% 10%;}
.p_tit h1 p{font-size:14px;}
.product_list dl{padding:15px; margin:0 auto;}
.product_list dl dt{width:100%; float:none;}
.product_list dl dt img{display:block; width:100%;}
.product_list dl dd{width:90%; float:none; padding:5%; margin:0;}
.product_list dl dd em{position:unset;}
.product_list dl dd .btn{margin:10px 0 0 0;}
.product_list dl dd strong{padding:5px 0;}
.product_list dl dd p{font-size:12px;}

.newsbox{margin-top:0;}
.nt_left img{width:60%;}
.n_list dl{width:48%; padding:1%;}
.n_list dl p{height:63px; line-height:21px;}
.n_list dl dd h3{width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_tit{padding:2%;}

.help{padding:15px 0 50px 0;}
.help_sort{padding-left:15px}

	}
@media (max-width:560px){
.logo{width: 150px;
    height: auto;
    margin: 22px 0;}
video{height:310px; width:105% !important;}
.jiazhi_p strong{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jiazhi_p p{font-size:12px; overflow: hidden;text-overflow: ellipsis;white-space: pre-wrap;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.about dl dd p{font-size:12px;}
.about dl dd p font{letter-spacing:-1px;}
.service ul li .p1 font{font-size:15px;}
.service ul li .p1 font em{line-height:15px; font-size:12px; display:inline-block;}

.aboutus dl dt p{font-size:14px; line-height:24px; padding:20px 0;}
.aboutus dl dd ul li .iconfont{width:70px; height:70px; line-height:70px; font-size:50px;}
.aboutus dl dd ul li strong{font-size:16px;}
.aboutus dl dd ul li font{font-size:13px; line-height:22px; display:block;}
.zizhi ul li{font-size:12px;}

.contactus dl dt p{padding-top:2%;}
.contactus dl dt em{margin-top:2%;}
.contactus dl dt p strong{font-size:30px;}
.contactus dl dt img{width:90px;}

.n_list dl{width:98%; padding:1%;}
.n_list dl img{width:100%;}
.ndetial{padding:5px;}


.hban img {
    height:250px;
}

	}
@media (max-width:414px){video{height:310px; width:130% !important;} .wrapper .btn2{padding-top:3%;}.footer .add p{ font-size:13px;}.nav_box{height:70px;}
.slider .box .details {margin-top:0px;}
.aboutus dl dd ul li strong{font-size:15px;}
.aboutus dl dd ul li font{font-size:12px;}
.contactus dl dt p strong{font-size:28px;}
.contactus dl dt p font{font-size:14px;}
.contactus dl dd{margin-top:15px;}
.contactus dl dd em{margin-top:10px;}
.contactus dl dd p font{padding-top:10px; font-size:14px;}
}
@media (max-width:375px){video{height:310px; width:150% !important;}
.contactus dl dt p strong{font-size:24px;}
.contactus dl dt p font{font-size:12px;}

}
.p_img{text-align:center;}