/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#cms .proli .title{ font-size:16px;}
.flash img.phone{ display:none}
@media screen and (max-width :1650px){


.box{
	width:1200px;
	margin:auto;
	min-width:1200px;
}
.pro .econtent .picli{ min-height:380px;}
.news .econtent .hc .li{
	padding: 35px;
	margin-bottom: 25px;

}
.flash .txt{ font-size:24px;}
.flash .txt .title .t1{ font-size:48px;}
.flash .txt .more{ font-size:20px; line-height:35px;}
}

@media screen and (max-width :1250px){
body{ min-width:1100px;}
.box{ width:1100px; min-width:1000px;}





.protitle,.protitle2{	padding-top:35px;}
.foot{ margin-top:50px;}

#left{ width:100%;}
#left .tags,#left .lxin{ display:none}
#left+#right{ width:100%; margin:auto;}

.contact .t1{ font-size:32px; line-height:1.2; padding-bottom:10px;}
.contact .t2{ }

.book .t1{ font-size:24px;}	
.book .t2{ font-size:12px;}
.book .tel .it div span{ font-size:14px;}
.book .tel .it div b{  font-size:18px;}
.about .right .title span{ font-size:14px;}

.news .econtent .hc .li{
	padding: 30px;
	margin-bottom: 25px;

}
#top{
		background-image: url(top2.png);
	background-position: right top;
}
#nav .box>ul >li>a{ font-size:18px;}
.pro,.shebei,.youshi,.case,.news{ padding-top:50px; padding-bottom:50px;}
.youshi .econtent .img { min-height:500px;}
.about{padding-bottom:50px;}
}
@media screen and (max-width :1150px){

body{ min-width:1000px;}
.box{ width:1000px;}

#header .logo img { max-width:500px; padding-top:7.5px;}



.footnav .ul {  width: calc(100% - 200px); }


.hot .item{ padding-left:50px;}
.hot .item1 .title{ font-size:20px;}

.news .econtent .hc .li{
	padding: 25px;
	margin-bottom: 25px;

}
.about .left{  width:510px;}
.about .right{  width:calc(100% - 550px);}

.hezuo .picli,.hezuo .picli  .img a,.front,.back{min-height:120px;max-height:120px;}
#header .logo .zu{ display:none}
#nav .box>ul >li>a{ font-size:16px;}
.hezuo{ background-image:none;}
.hezuo{padding-bottom:50px;}
.hezuo .econtent{ margin-top:50px;margin-bottom:0;}
}




@media screen and (max-width :816px){
.flash img.phone{ display:block}
.flash img.pc{ display:none}
body{ font-size:14px;}
#footnav{ display:block;}

.banner .box img{ width:160%; margin-left:-30%;}

.banner .box { width:100%; min-width:0px;}


#header,#nav{ display:none}


#cms1,#cms2,#cms {min-height:0px;}

blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;
}

*,body,.box1,.box{ min-height:0px; min-width:0px;}

#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
.app_rt a{ color:#FFFFFF}

.app_top{ display:block}


.app_header{ display:block}
.app_top{ height:72px; float:left; width:100%;}

#pages,#right,.box{ max-width:100%; min-height:0px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;display:block; top:0px; left:0px; height:70px; background-color:#ffffff;
}

.box{ max-width:98%;}


.app_header .app_logo{ width:220px;  float:left; padding-top:5px; margin-left:5px;}
.app_header .app_logo img{ max-width:100%;max-height:60px;}
.app_header .morenav{ float:right; display:block; width:50px; height:50px; margin-top:5px; font-size:14px;  background-color:rgba(255,255,255,0.2); text-align:center; line-height:50px; font-weight:500;margin-top: 10px;border-radius: 15px;}

.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
.app_header .navon{height:72px;}
.app_header .morenav{float:right;display:block;width: 40px;height: 40px;margin-top:5px;font-size: 12px;background-color: rgb(24 1 1 / 73%);text-align:center;line-height: 40px;font-weight:500;margin-top: 10px;border-radius: 15px;}

#menu ul li a>font{ display:none}



/*底部*/

.footnav .ul{ display:none;}
.footnav .qrcode{ width:100%; text-align:center; }

.foot .flx{ display:block; text-align:left; width:500px; max-width:90%; margin:auto; padding:10px; margin-bottom:20px;}
.foot .flx .item{ width:100%; display:block;text-align:left; margin-top:20px; margin-bottom:20px;}
/*内页*/
.bannerin .sort{ line-height:50px; font-size:16px;}
.bannerin .txt .t1{ font-size:24px;}
.bannerin .txt .t2{ font-size:28px;}
.bannerin .txt{ height:calc(100% - 50px);}
#left{ width:100%; margin-top:10px;}
#left .leftdh{ background-color:#FFFFFF; padding-top:15px;}
#left .leftdh>ul>li{ float:left; width:48%; margin-left:1%; margin-right:1%; margin-bottom:5px;}
#left .leftdh>ul>li>a{ padding-left:20px;border: 1px solid #dddddd;}
#left .leftdh>ul>li ul{ display:none}
#left .lxin,#left .tags{ display:none}
#left+#right{ width:100%; margin-top:10px;}

#right #cms{ margin-top:20px;}
#cms1 h1.h1{ font-size:18px;}
#cms1 .content{font-size:14px;}


#cms1{ margin:0px; width:100%; position:relative;}


.flash .swiper-slide{ overflow:hidden;}
.flash .swiper-slide img{ width:100%; margin-left:0%;}


.protj{ padding-top:30px;}
#cms,#cms1{ padding-bottom:0px;}

.nextpage>div{ float:left; width:100%; max-width:100%;}

#cms,#cms1{ margin-top:20px; padding:0;}
/*#cms .proli .img img,#cms .hli .img img,#cms .picli .img img{ width:100%;}
#cms .proli .img,#cms .proli .img img,#cms .hli .img { min-height:0; max-height:1000px;}

#cms .proli,#cms .picli,#cms .hli,#right #cms .proli,.protj .econtent .proli2{ width:48%; margin-left:1%; margin-right:1%;}
#cms .proli:nth-child(3n+1),#cms .picli:nth-child(3n+1),#cms .hli:nth-child(3n+1),#right #cms .proli:nth-child(3n+1){ clear:none;}
#cms .proli:nth-child(2n+1),#cms .picli:nth-child(2n+1),#cms .hli:nth-child(2n+1),#right #cms .proli:nth-child(2n+1),.protj .econtent .proli2:nth-child(2n+1){ clear:both}*/

#cms .newsli .li .date{ display:none}
#cms .newsli .li .date + .right{ margin-left:auto;}
#cms .newsli .li .datei{ display:block}
#cms .newsli .li:hover .date +.right{ margin:auto;}
.leftnav > .box > ul > li > a{ padding-left:10px; padding-right:10px; font-size:14px}


.footnav{ padding-top:20px; padding-bottom:20px;}
.footnav .ul,.footnav .ul:before{ border:none;}
.footnav .ul>ul{ display:none}
.footnav .ul .qrcode{ text-align:center; width:100%;}

.copy .box{ margin-top:0; padding-top:10px; font-size:14px; border:none;}
.copy .box>.fl,.copy .box>.fr{ width:100%; float:left; text-align:center;}
.copy .box>.fl{	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd; padding-top:10px; margin-top:10px;}

.kefu{ width:80px; font-size:12px; display:none;}
.kefu .gotop .iconfont{ font-size:14px;}
.kefu .item a {
  padding: 10px;  padding-bottom:5px;
}


.proshow{ padding-top:20px;}
.proshow .right .tel .fl{background-image: url(in_r2_c6.jpg); line-height:25px;}
.proshow .img{ width:100%;}
.proshow .right{ margin:auto; padding-top:20px; clear:both;}

#cms1 .nextpage{font-size:14px; line-height:1.5; padding-bottom:0; padding-top:20px;}
#cms1 .nextpage > div.fr{ text-align:left;}
#cms1 .nextpage>div{ float:left; width:100%; text-align:left;}
.foot{ margin-top:20px; padding-bottom:50px;}

#left .etitle2.h1{ line-height:1.5; padding-top:15px; padding-bottom:15px;}
#cms .picli,#cms .caseli{ width:49%;}
#cms .picli:nth-child(2n+1),#cms .caseli:nth-child(2n+1){ clear:both; margin-left:0; margin-right:0;}
#cms .picli:nth-child(2n),#cms .caseli:nth-child(2n){ float:right;margin-left:0; margin-right:0;}
#cms .picli .img{ padding:2px;}
#cms .picli .title{ font-size:16px; line-height:1.5;}
#cms .picli .img>div{ min-height:40vw; max-height:40vw;}
#cms .picli.newli{ width:100%; margin-left:0; margin-right:0;}
#cms .picli.newli .right{ padding-top:10px; clear:both;}
#cms .picli.newli .title2,#cms .picli.newli .contentdp{ max-height:10000px; min-height:0;}
#right #cms .proli .img > div{min-height:40vw; max-height:40vw;}

.contact .hc .item{ width:48%; margin-left:1%; margin-right:1%;}
.contact .hc .item:nth-child(3n+1){ clear:none;}
.contact .hc .item:nth-child(3n+2){ margin-left:1%; margin-right:1%;}
.contact .hc .item:nth-child(2n+1){ clear:both;}
.contact { margin-top:20px;}
.message .t1{}
.message { margin-top:20px; padding-top:50px; padding-bottom:50px; background-size:100% 100%;}
.message .input ,
.message .tijiao2 { padding-top:30px;}
.message .input input,.message .tijiao2 button{ font-size:16px; height:45px;}


.postion2 b{ display:none}
.postion2{ float:left; width:100%;}
.postion2 .fr{ float:left; width:100%;}
#right #cms{ clear:both; float:left; width:100%;}
.proshow .right{ margin:auto; width:100%; clear:both;}
.proshow .right .tel{ padding-top:15px; padding-bottom:15px;}
.proshow .right .tel .tt2{ font-weight:bold; font-size:18px;}
#cms1 .content{ min-height:0;}
#cms1 .content *{ max-width:100%; overflow-x:auto;}

/*首页*/
.flash .txt{ width:80%; left:10%; line-height:1.2; }
.flash .txt{ font-size:18px;}
.flash .txt .title{ padding-left:20px; position:relative; padding-top: 20px;}
.flash .txt .title .t1{ font-size:20px;padding-top: 10px;}
.flash .txt .title .t2{font-size: 12px;}
.flash .txt .more{ font-size:2px; line-height:18px;    padding-left: 20px;}
.flash .txt .more a{display:inline-block;background-color:#C0211D;border-radius:35px;color:#FFFFFF;padding-left: 15px;padding-right: 15px;}
.flash .txt .title:before{ width:5px;    margin-top: 20px}
.flash .swiper-pagination .swiper-pagination-bullet{ width:5px;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 10px;left: 170px;border-radius: 0%;text-align:left;}

.flash .txt .dp {
    margin-top: 10px;
    padding-left: 20px;
    font-size: 14px;
}
.hot .item{ float:left; width:50%; padding:0; text-align:center;}
.hot .item.item3{ display:none;}
.hot .item.item3:before{ display:none;}
/*.hot .item>div{ width:300px; margin:auto; float:none;}*/

.pro .econtent .sorti{ display:none}
.pro .econtent .picli{ width:48%;}
.youshi .econtent .img{ width:90%; max-width:500px;min-height:0px;}
.youshi .ys{ position:relative; left:auto; top:auto; width:90%; margin-left:5%; margin-right:5%; margin-top:20px;}

.hezuo .econtent .picli{ width:25%;}
.hezuo .econtent .picli:nth-child(1),.hezuo .econtent .picli:nth-child(2){ display:none}
.about .econtent .left,.about .econtent .right{ width:100%; margin:auto; margin-top:20px;}
.about .econtent .right .hcontent{ min-height:0; max-height:100000px;}
.about .econtent .left img{ width:100%;}

.about .abys { margin-top:20px;}
.book .box{ padding-bottom:0;}
.book .left{ width:100%; padding-bottom:30px;}
.book .right{ float:none; margin:auto; position:relative; top:auto; clear:both;}
.news .econtent{ width:100%; float:left; clear:both; margin-top:50px;}

.kfad .box{ width:500px; line-height:1.5;}
.kfad .t1,.kfad .t2{width:100%; text-align:center;}

.kfad .t1 span {font-size: 28px;font-family: Impact;}

.pro,.shebei,.youshi,.case,.news,.about{ padding-top:50px; padding-bottom:50px;}
.hezuo{padding-bottom:50px;}
.hezuo .econtent{ margin-top:50px;}
.news .econtent { margin-top:0; margin-bottom:20px;}
.news{ padding-bottom:0;}

.pro .econtent .picli .right .ntitle{ text-align:center; padding-right:10x; background-color:#eeeeee; margin-top:20px; float:left; width:100%;box-sizing:border-box;font-size:18px; text-align:center; padding-left:10px; padding-right:10px;}
.shebei .econtent .picli .right .ntitle{padding:0; font-size:18px;}
.shebei .econtent .picli .right .ntitle:after{ display:none;}



.about .right .hcontent {
  margin-top: 20px;
}

.shebei .econtent .picli .img {

  min-height: 0px;
  max-height: 3000px;

}
.news .econtent .hc .picli .r { width:calc(100% - 85px); margin-left:0;}
.news .econtent .hc .picli .r .dp,.news .econtent .hc .li .r .dp  { font-size:14px;}




#cms .jobli{ margin-bottom:10px; margin-top:10px; padding-left:20px; padding-right:0px;}
#cms .jobli .title{ line-height:30px; padding-top:10px; padding-bottom:10px; }
#cms .jobli .title b{ font-size:18px;}
#cms .jobli .title .date{font-size: 14px; margin-right:30px;}
#cms .jobli .title:after{   font-size: 28px; right:0px; margin-top:-14px;}
#cms .jobli .title.hover + .econtent{ padding-bottom:10px; padding-top:10px; }
}


@media screen and (max-width :600px){
.leftnav > .box > ul > li > a > span{
	padding-left:0px;
	background-position: -1000px center;
}
.footnav .fnav { max-width:240px; margin:auto; float:none;text-align:center; }
.footnav .qrcode{ text-align:center; width:100%; line-height:1; padding-top:15px;}
.footnav .fr .tel,.footnav .flogo{ width:100%; text-align:center; margin:auto; padding-top:15px;}
.footnav .flogo{ padding-top:0px;}
.youshi .ys .it  .item .ico {
  left: auto;
  right: auto; position:relative; text-align:center; float:none; margin:auto;
}
.youshi .ys .it  .item .ico+div{ clear:both; text-align:center; margin-right:auto; margin-left:auto; padding-top:30px;}



.etitle{ font-size:28px; margin-bottom:10px;}
.etitle font{ font-size:32px;}
.pro,.shebei,.youshi,.case,.news,.about{ padding-top:30px; padding-bottom:30px;}
.hezuo{padding-bottom:30px;}
.hezuo .econtent{ margin-top:20px;}
.news .econtent { margin-top:0; margin-bottom:20px;}
.news{ padding-bottom:0;}


.pro .econtent .picli .right .ntitle{ font-size:16px; }



.about .right .hcontent {
  margin-top: 0px; font-size:14px; line-height:1.5;
}
.about .abys .item .t1 span { font-size:24px;}
.about .right .title b { font-size:24px;}
.book .tel .it {  margin-right: 0px; width:50%;}
.book .tel .it div { margin-left:65px;}
.book .tel { width:450px; max-width:100%; float:none; margin:auto;}
.book .sort ul{ text-align:center;}
.book .sort ul li { margin-top:5px;}
.book .sort ul li a{padding-left: 25px;padding-right: 25px;}
.book .t1,.book .t2 { text-align:center; line-height:1.2;}
.book .t1 {padding-bottom:5px;}



.pro .econtent .picli .right .ntitle,
.shebei .econtent .picli .right .ntitle{ font-size:16px;}
.shebei .econtent .picli .right .dp { font-size:14px;}

.about .qywh .qleft { float:left; width:100%; padding-left:0px; padding-right:0;}
.about .qywh .qleft > div {

  padding-left: 30px;
  padding-right: 30px;

  min-height: 0px;
}
.about .qywh .qright { float:left; width:100%;}
.about .qywh .qright span{ line-height:30px; float:left; width:50%; padding-top:10px; padding-bottom:10px;}
.about .qleft .swiper-button-next, .about .qleft .swiper-button-prev,.news .econtent .hc .swiper-button-next, .news .econtent .hc .swiper-button-prev ,.case .econtent .swiper-button-next, .case .econtent .swiper-button-prev{ width:30px;}
.about .qleft .swiper-button-next i, .about .qleft .swiper-button-prev i,.news .econtent .hc .swiper-button-next i, .news .econtent .hc .swiper-button-prev i,.case .econtent .swiper-button-next i, .case .econtent .swiper-button-prev i{ font-size:30px;}




.sitemap> ul> li{width:50%;}


}

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

.protitle,.protitle2{	padding-top:35px;}
.foot{ margin-top:30px;}
.message .input input{ width:100%; margin-bottom:10px;}
.message .input input:nth-child(3n+2){ margin-left:0%; margin-right:0%;}
.message .tijiao2{ padding-top:0;}
.message .tijiao2 button{ width:100%;border-radius:0px;}



.hot .item{ display:block; float:left; width:100%; padding:0; text-align:center;}
.hot .item>div{ width:300px; margin:auto; float:none;}
.hot .item:before{ display:none;}
.pro .econtent .picli{ width:98%;}
.pro{
	background-image: url(aboutbg.png);
	background-repeat: repeat;
}
.pro .econtent .picli{ padding:10px;box-sizing:border-box; }

.pro .econtent .picli .right{ position:relative; top:auto; left:auto;}
.pro .econtent .picli .img{ overflow:hidden;min-height:0px; max-height:2850px; float:left; width:100%;}
.pro .econtent .picli .img span{ display:block; overflow:hidden;}
.pro .econtent .picli .right .ntitle:after{ display:none;}


.hezuo .econtent .picli{ width:50%;}
.hezuo .econtent .picli:nth-child(1),.hezuo .econtent .picli:nth-child(2){ display:block;}

.news .econtent .hc .li .r {

  width: calc(100% - 140px);

}
.news .econtent .hc .li i { width:40px; height:40px; line-height:40px; font-size:18px; margin-top:10px;}
.news .econtent:nth-child(2){ margin-bottom:0px;}

.about .left .title {
	padding-top:0;
	padding-left:100px;
	line-height:70px;
	background-position: -30px -10px; font-size:20px; padding-right:50px;
}


}

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

#left .leftdh>ul>li>a{ font-size:14px}

.box{ min-width:320px;}

.leftnav > .box > ul > li > a::before{ display:none;}
.leftnav{ padding-top:10px; padding-bottom:10px;}
.leftnav > .box > ul > li > a{border-radius:3px;
	border: 1px solid #dddddd;
	background-color: #FFFFFF; padding-left:10px; padding-right:10px; line-height:32px; margin:5px;
}


.link{ display:none;}

.contact .hc .item{ width:98%; clear:both;}
.contact .t1,.message .t1{ font-size:24px;}
.message .t2 br{ display:none}
.bannerin>img{ width:140%; margin-left:-20%;}

.news .econtent .hc .li {
  padding: 15px;
  margin-bottom: 15px;
}


.book .tel .it i { width:40px; line-height:40px; height:40px; margin-top:5px;}
.book .tel .it div { margin-left:55px;}

}
@media screen and (max-width :460px){
.about .left .title { font-size:15px; line-height:20px; min-height:70px; padding-top:25px;}
.about .left .title a { right:10px; margin-top:-15px;}
.about .left .title a i { font-size:30px;}
}
@media screen and (max-width :380px){
.book .tel{ width:200px;}
.book .tel .it{ width:100%;}
/*.book .sort ul li { float:left; width:50%;}*/
.kfad .t1 span { font-size:28px;}
}


.hot .item .title:before{
	content:'';
	width:1.5em;
	left:1em;
	top:0;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000;
	position:absolute;    display: none;
}


.hot {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
    width: 100%;
    clear: both;
}