.warp{width:1200px; margin:0 auto;}
.tal{text-align:left;}

/*----导航----*/
.header{width:100%; background:#fff;}
.header.fix{position:fixed; top:0; z-index:99; box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}
.logo{float:left; margin-top:10px;}
.logo img{height: 60px;width: auto;max-width: 300px;}
.nav{float:right; position:relative; z-index:99;margin-top:20px;}
.nav li{float:left; line-height:35px; height:35px; font-size:14px; position:relative;}
.nav li a{padding:0 15px; display:block;}
.nav li a:hover{color:#fff; background:#ef61aa;}
.nav li.on a{ color:#fff; background:#d54b92;}
.nav li ul{position:absolute; left:0; top:35px; z-index:10; background:#fff; text-align:center; width:100%; display:none;}
.nav li ul li{width:100%; overflow:hidden; line-height:45px; height:45px;border-bottom: 1px solid #eee;}
.nav li ul li a:hover{color:#fff; background:#ef61aa;}
.nav li ul a{padding:0 0 25px;}
.nav li.on ul a{border:0 none; color:#000; background:none;}
.nav .navico{display:none; position:relative; z-index:99;}
.hsbg{position:fixed; top:0; left:0; background:#000; opacity:0.01; width:100%; height:100%; z-index:1; display:none;}
/*----导航 end----*/
/*----首页banner----*/
.banner_box{ width:100%; height:100%;  margin:0 auto; position:relative; overflow:hidden;}
.banner_box .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; text-align:center;}
.banner_box .hd ul{ display:inline-block;}
.banner_box .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; margin:0 8px;  vertical-align:top; overflow:hidden; border:2px #fff solid; text-indent:-9999em;}
.banner_box .hd ul .on{ background:#fff;  }
.banner_box .bd{ position:relative; z-index:0; }
.banner_box .bd li{position:relative;}
.banner_box .bd li img{ width:100%;height:auto;max-height:450px;}
.ban_txt{display:none;position:absolute; top:35%; left:50%; margin-left:-20%; width:40%; padding:30px 0; box-sizing:border-box; background:rgba(0,0,0,0.4); color:#fff; text-align:center;}
.ban_txt h2{font-size:38px;}
.ban_txt p{font-size:14px; padding-top:15px;}
.nbanner{width:100%; height:180px; overflow:hidden;}
/*----首页banner end----*/
.pad40{padding:40px 0; width:100%; overflow:hidden;}

.footer{background:#4e062b; text-align:center; width:100%; overflow:hidden; padding:20px 0;}
.foot_link{color:#fff; font-size:14px;  line-height:28px;}
.foot_link a{padding:0 10px; color:#fff; display:inline-block;}
.foot_copy{color:#707070; margin-top:20px;}
.title{width:100%; text-align:center; overflow:hidden; position:relative; top:50px; opacity:0;}
.title h2,.title h2 a{font-size:24px; color:#d54b92;}
.title p{font-size:14px; color:#e87ab3; padding-top:5px;text-indent:0em;}
.iservic dl{border:1px #f0f0f0 solid; width:48%; margin-top:38px; padding:35px 0; position:relative;}
.iservic dl dt{padding-left:30px; float:left;}
.iservic dl dt img{border:1px #f0f0f0 solid; width:88px; height:88px; border-radius:50%;}
.iservic dl dd{padding:0 30px 0 150px; line-height:22px;}
.iservic dl dd h2{font-size:18px; color:#333; padding:0px 0 10px;}
.iservic dl dd p{ font-size:12px; color:#999;max-height:66px;overflow-y:auto;}
.iservic dl dd p -webkit-scrollbar { width: 0 !important }
.iservic .fl{left:-50%; opacity:0;}
.iservic .fr{right:-50%; opacity:0;}
.iabout{text-align:center; font-size:18px; color:#333; line-height:30px;}
.iabout_txt{ padding:30px 0; position:relative; left:-50%; opacity:0; width:60%; margin:0 auto;}
.iabout_more{right:-50%; opacity:0; position:relative;}
.iabout_more a{width:200px; height:58px; line-height:58px; background:#fff; border-radius:5px; color:#666; font-size:14px; text-align:center; display:inline-block;}

.iproduct{margin-top:15px;}
.iproduct .picScroll{ text-align:center;}
.iproduct .picScroll .bd ul{ width:100%;  float:left; padding-top:10px; position:relative; top:150px; opacity:0;display: flex;justify-content:center;flex-wrap:wrap;}
.iproduct .picScroll .bd li{ width:12.5%; float:left; text-align:center; margin-top:20px; line-height:22px;}
.iproduct .picScroll .bd li a{ padding:0 8px; display:block;}
.iproduct .picScroll .bd li img{ width:100%;}
.iproduct .picScroll .bd li span, .iproduct .picScroll .bd li em, .iproduct .picScroll .bd li i{width:100%; overflow:hidden; display:block;}
.iproduct .picScroll .bd li span{height: 165px;}
.iproduct .picScroll .bd li em{margin-top:10px; font-size:16px; height:22px;}
.iproduct .picScroll .bd li i{margin-top:5px; color:#666; height:22px;}


.ivideo{margin-top:15px;}
.ivideo .picScroll{ text-align:center;}
.ivideo .picScroll .bd ul{ width:100%;  float:left; padding-top:10px; position:relative; top:150px; opacity:0;display: flex;justify-content:center;flex-wrap:wrap;}
.ivideo .picScroll .bd li{ width:25%; float:left; text-align:center; margin-top:20px; line-height:22px;}
.ivideo .picScroll .bd li a{ padding:0 8px; display:block;}
.ivideo .picScroll .bd li video{height:210px;width:100%;padding: 0 5px;}

.ivideo .picScroll .bd li img{ width:100%;}
.ivideo .picScroll .bd li span, .iproduct .picScroll .bd li em, .iproduct .picScroll .bd li i{width:100%; overflow:hidden; display:block;}
.ivideo .picScroll .bd li span{height: 165px;}
.ivideo .picScroll .bd li em{margin-top:10px; font-size:16px; height:22px;}
.ivideo .picScroll .bd li i{margin-top:5px; color:#666; height:22px;}


.picScroll .hd{ margin:30px auto 0; display:inline-block;}
.picScroll .hd ul{ display:none;}	
.picScroll .hd li{}
.picScroll .hd .on{ background:#d54b92; color:#fff;}

.picScroll .prev,.picScroll .next{ display:inline-block; width:66px; height:38px; border:1px #e0e0e0 solid; border-radius:5px; float:left; cursor:pointer;}
.picScroll .prev{ background:url(../images/ico_jlf.png) no-repeat center center; }
.picScroll .next{ background:url(../images/ico_jfr.png) no-repeat center center; }
.picScroll .prevStop{ background:url(../images/ico_jlf2.png) no-repeat center center; }
.picScroll .nextStop{ background:url(../images/ico_jfr2.png) no-repeat center center; }
.imore {width:200px; height:38px; line-height:38px; margin:0 5px; border:1px #e0e0e0 solid; border-radius:5px; float:left; font-size:14px; color:#111; background:#fff;}
.btn{min-width:100px; height:30px; line-height:30px; margin:0 5px; border:1px #e0e0e0 solid; border-radius:5px; float:left; font-size:14px; color:#111; background:#fff;}
.inewsbg{background:#fafafa;}
.inews .picScroll{ text-align:center;}
.inews .picScroll .bd ul{position:relative; top:150px; opacity:0;}
.inews .picScroll li{width:31.33%; height:280px;overflow:hidden;float:left; padding:20px; margin:20px 1% 0; display:inline-block; border:1px #f0f0f0 solid; background:#fff; box-sizing:border-box; text-align:left; line-height:20px;}
.inews .picScroll li h2{font-size:14px; font-weight:bold; color:#333;height: 2.4em;line-height: 1.2em;overflow: hidden;text-align:center;}
.inews .picScroll li h1{margin-top:5px; color:#666;}
.inews .picScroll li h1 img{width:100%;}
.inews .picScroll li p{margin-top:-10px; color:#666; font-size:14px;}
.inews .picScroll li p.ptxt{height:40px; overflow:hidden; font-size:12px;}
.inews .picScroll li h3{margin-top:0px; color:#666;text-align:center;}
.inews .picScroll li h3 a{color:#999;}
.inews .picScroll .pcat{color: #fff; padding: 5px;left: 80%;bottom: 27px;right: 30px;border-radius: 4px;position: relative;background-color: rgb(213 75 146 / 80%);}
.icontact_box{width:100%; overflow:hidden; padding-left:1px; box-sizing:border-box; margin-top:30px; position:relative; left:-50%; opacity:0;}
.icontact_box dl{width:33.33%; float:left; box-sizing:border-box; border:1px #e8e8e8 solid; margin:0 0 0 -1px; padding:50px 0;}
.icontact_box dl dt{padding-left:28px; float:left;}
.icontact_box dl dt img{ border:1px #e8e8e8 solid; width:50px; height:50px; border-radius:50%;}
.icontact_box dl dd{padding:0 20px 0 88px; color:#666; line-height:20px;}
.icontact_box dl dd h2{font-size:14px; color:#333; padding:3px 0 5px;}
.icontact_info{ right:-50%; opacity:0; width:100%; overflow:hidden; position:relative;}
.icontact_info dl{width:29.33%; border-bottom:1px #e8e8e8 solid; float:left; margin:35px 6% 0 0; display:inline-block;}
.icontact_info dl.dl3{margin:35px 0 0;}
.icontact_info dl.dl4{width:100%; margin:35px 0 0;}
.icontact_info dl dt{width:75px; float:left; line-height:30px; color:#666; font-size:14px;}
.icontact_info dl dd{padding-left:75px;}
.icontact_info dl dd input{border:0 none; height:30px; line-height:30px; background:none; font-size:14px; width:100%;}
.icontact_info dl dd textarea{width:100%; height:60px; line-height:20px; border:0 none; background:none; font-size:14px; padding-top:5px;}
.button{width:200px; height:58px; text-align:center; line-height:58px; border:1px #e0e0e0 solid; border-radius:5px; background:#fff; font-size:14px; color:#666; margin-top:30px;}
.title_menu{width:100%; text-align:center; overflow:hidden; padding:30px 0 10px; position:relative; top:150px; opacity:0;}
.title_menu a{width: 112px; height: 50px; margin:16px 8px 0; line-height: 50px; background:#f0f0f0; display:inline-block; font-size:14px; color:#000;}
.title_menu a.on{background:#d54b92; color:#fff;}
.page{overflow:hidden; text-align:center; width:100%; margin-bottom:20px;}
.page a{height:40px; line-height:40px; width:40px; margin:0 5px; display:inline-block; color:#000; background:#f0f0f0; font-size:14px;}
.page a.active{background:#d54b92; color:#fff;}
.contact{line-height:30px; font-size:14px; padding:30px 0; color:#333;}
.contact h2{font-size:18px; font-weight:bold; color:#000; padding-bottom:10px;}
.iabout_txt.tal{width:90%;}
.news{font-size:14px; color:#999; line-height:22px; width:1100px; margin:0 auto; overflow:hidden; position:relative; top:150px; opacity:0;}
.news li{width:100%; overflow:hidden; border-bottom:1px solid #f0f2f5; padding:30px 0;}
.news li h2{font-size:18px; color:#000;}
.news li p{ height:22px; overflow:hidden; width:100%; margin-top:18px;text-overflow:ellipsis; white-space:nowrap;text-indent:0em;}
.news li h3{ margin-top:10px;}
.news li .newsimage{width:216px;float:left;}
.news li .newsimage img{height:auto;width: 100%;}
.news li .newstitle{margin-left:230px;}
.detail{font-size:20px; line-height:32px; width:1100px; margin:0px auto 0; overflow:hidden; position:relative; top:150px; opacity:0;}
.detail_tit{text-align:center; margin-bottom:30px; width:100%; overflow:hidden; border-bottom:1px #ddd dashed; padding-bottom:20px;}
.detail_tit h2{font-size:18px;font-weight:700; margin-bottom:10px; width:100%; overflow:hidden;}

@media all and (max-width:1200px) {
	.warp{width:100%;}
	.ban_txt{padding:10px 0; width:50%; margin-left:-25%;}
	.ban_txt h2{font-size:32px;}
	.ban_txt p{font-size:14px;}
	.iservic{padding:0 20px; box-sizing:border-box;}
	.iservic dl dt{padding-left:30px;}
	.iservic dl dd{padding:0 30px 0 140px;}
	.iabout_txt{width:70%;}
	.contact{padding:0 5%;}
	.news{width:90%;}
	.detail{width:90%;}
}
@media all and (max-width:1000px) {	
	.iservic dl dt{padding-left:20px;}
	.iservic dl dd{padding:0 20px 0 125px;}
}
@media screen and (min-width:769px) and (max-width:1000px) {
	.nav li a{padding:0 22px;}
	.ban_txt h2{font-size:28px;}
	.ban_txt p{font-size:12px;}
	.iabout_txt{width:80%;}
	
}
@media all and (min-width:0) and (max-width:768px) {	
	.nbanner{height:148px;}
	.logo{width:240px; margin:5px 5px;}
	.logo img{ height:40px;max-width:100%;}
	.nav{margin-top: 0px;}
	.nav .navico{display:block;padding: 15px 15px;}
	.nav ul{position:absolute; top:58px; right:0; width:100px; background:#f0f0f0; display:none; z-index:99;}
	.nav ul li{width:100%; overflow:hidden; line-height:48px; height:48px; border-bottom:1px #ddd solid; text-align:center;}
	.nav li a{ padding:0 10px; display:block;}
	.nav li.on a{ background:none; color:#000;}
	.nav li ul{position:inherit; display:none; top:inherit; left:inherit; right:inherit; padding:0 0 10px; overflow:hidden;}
	.nav li ul li{}
	.nav li ul li a{padding:0; color:#000;}
	
	.focus .hd{bottom:10px;}
	.ban_txt{padding:10px 0; width:80%; margin-left:-40%; top:23%;}
	.ban_txt h2{font-size:16px;}
	.ban_txt p{font-size:12px; padding-top:8px;}
	.iservic{padding:0 20px; box-sizing:border-box;}
	.iservic dl{width:100%; overflow:hidden; padding:20px 0; margin-top:22px;}
	.iservic dl dt{padding-left:10px;}
    .iservic dl dt img{width: 44px;height: 44px;}
	.iservic dl dd{padding:0 20px 0 71px;}
	.iabout_txt{width:90%;} 
	.tal{padding: 0 15px;font-size:15px;}
	
	.iproduct .picScroll .bd ul{padding-top:0px;padding-left: 3%;}
	.iproduct .picScroll .bd li{width:24%;margin-top:0px;margin-bottom:10px;}
	.iproduct .picScroll .bd li a{height:115px;padding: 0 5px;}
	.iproduct .picScroll .bd li em{font-size:10px;margin-top: 3px;}
	.iproduct .picScroll .bd li span{height: 95px;}
	
	
	.ivideo .picScroll .bd ul{padding-top:0px;padding-left: 3%;}
	.ivideo .picScroll .bd li{width:90%; height: 210px;margin:5px 0 0;padding: 10px 30px 10px 0px;}
	.ivideo .picScroll .bd li video{height:210px;width:100%;padding: 0 5px;}
	
	.ivideo .picScroll .bd li a{height:auto;padding: 0 5px;}
	.ivideo .picScroll .bd li em{font-size:14px;margin-top: 3px;}
	.ivideo .picScroll .bd li span{height:auto;}
	
	.picScroll .prev, .picScroll .next{width:48px; height:42px;}
	.imore{width:158px; margin:0 10px; height:42px; line-height:42px;}
	
	.inews .picScroll {margin-top: 10px;}
	.inews .picScroll li{width:90%; height: 210px;margin:5px 5% 0;padding: 10px 20px;}
	.inews .picScroll li h1{margin-top: 5px;}
	.inews .picScroll li h3{margin-top: 0px;}
	.inews .picScroll li p.ptxt{display: none;}
	.icontact_box dl{width:90%; margin:10px auto 0; float:inherit; overflow:hidden;padding: 10px 0;}
	.icontact_info{width:90%; margin:0 auto; overflow:hidden;}
	.icontact_info dl{width:100%; float:inherit; overflow:hidden;} 
	.iservic dl dd p{max-height:none;}
	.title_menu a {width: 70px;height: 30px;margin: 4px 4px 0;line-height: 30px;font-size: 10px;}
    .news li .newsimage{width: 100%;float:left;}
    .news li .newsimage img{height:auto;width: 100%;}
    .news li .newstitle{margin:0 auto;text-align:center;}
    .news li h2{font-size:16px;}
    .news li h2 a{height:40px;line-height:1.5em;}
    .news li p{margin-top:5px;white-space: break-spaces;height:auto;}
	.pad40 {padding: 20px 0;}
	.footer {padding: 10px 0;}
	.detail_cont{max-width: 677px;margin-left: auto;margin-right: auto;}
	.inews .picScroll .pcat{left: 78%;}
}
.detail_tit  p{color:#999;font-size: smaller;}
.detail_cont p,.iabout_txt p{text-indent:2em;}
.detail_cont p img{margin-left: -2em; width: 100%;height: auto;}