/* css reset */
*,:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
body,ul,li,p,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form {margin:0;padding:0;}
h1,h2,h3,h4{letter-spacing:2px;text-indent:2px;}
ul,li{list-style:none;}
img{border:none;display:block;}
a{text-decoration:none;color:#000;}
input,textarea,button,select{padding:0;margin:0;outline:none;font:inherit;}
em{font-style:normal;}
input{-webkit-appearance:none;}
input[type=checkbox]{-webkit-appearance:checkbox;}
body{font-size:14px;color:#000;font-family: "微软雅黑",arial;background:#fff;}
.clear{ clear:both}
.clear20{ clear:both; height:20px; width:100%;}
/*头部*/
.header{width:100%;height:1.1rem;background:#fff;position:fixed;left:0;top:0;z-index:999;box-shadow:0 0 4px 1px rgba(0,0,0,0.1);}
.header .logo{position:absolute;left:.3rem;top:.05rem;z-index:1;}
.header .logo img{height:1rem;}
.header .nav{width:100%;position:fixed;right:-100%;top:0;bottom:0;background:rgba(0,0,0,0.85);transition:all 0.3s;-webkit-transition:all 0.3s;z-index:1000;}
.header .nav.active{right:0;}
.header .nav span.close{display:block;width:1rem;height:1.1rem;float:right;background:url(../sjimages/icon-close.png) no-repeat center;
	background-size:.46rem .46rem;}
.header .nav .box{position:absolute;left:.96rem;right:.96rem;top:1.1rem;bottom:1.1rem;overflow-y:auto;}	
.header .nav .box ul{width:100%;height:100%;}
.header .nav li{width:100%;position:relative;}
.header .nav li>a{display:block;color:#ccc;display:block;font-size:.36rem;height:1.16rem;line-height:1.16rem;position:relative;border-bottom:1px solid rgba(255,255,255,0.2);}
.header .nav li>a:before{content:'';display:block;width:.24rem;height:.24rem;background:url(../sjimages/icon-add.png) no-repeat;background-size:100%;
	position:absolute;right:0;top:50%;margin-top:-.12rem;}
.header .nav li.active>a{color:#fff;}
.header .nav li.active a:before{background:url(../sjimages/icon-min.png) no-repeat center;}
.header .nav li .hide{width:100%;padding:.4rem;padding-right:0;-webkit-column-count:2;column-count:2;display:none;}
.header .nav li .hide a{display:block;height:.9rem;line-height:.9rem;font-size:.3rem;color:#fff;}
.header .nav .cn-en{position:absolute;left:.96rem;right:.96rem;bottom:.5rem;}
.header .nav .cn-en a{display:inline-block;padding:0 .36rem;color:red;font-size:.36rem;}
.header .nav .cn-en a:nth-of-type(2){float:right;}
.header .nav .cn-en a.active{color:#fff;}
.header .toggle-btn{position:absolute;right:0;width:.48rem;height:.41rem;right:.3rem;top:50%;margin-top:-.2rem;cursor:pointer;outline:none;
	background:url(../sjimages/toggle-btn.png);background-size:100%;}
.header .toggle-btn.active{display:none;}
/*banner*/
.banner{width:100%;overflow:hidden; margin:auto; margin-top:1.1rem;}
.banner .swiper-container{width:100%;height:3rem;}
.banner .swiper-slide img{width:100%;height:100%;}
.banner .swiper-pagination{bottom:.2rem;}
.banner .swiper-pagination-bullet{width:.62rem;height:.1rem;background:#fff;opacity:1;margin:0 .1rem !important;border-radius:.05rem;}
.banner .swiper-pagination-bullet-active{background:red;opacity:1;}

.ny_banner{ width:100%; height:200px; margin:0px auto; text-align:center; background-repeat:no-repeat; background-position:50% 50%; margin-top:1.1rem;}
/*底部*/
.backtop{width:.86rem;position:fixed;right:.3rem;bottom:1.2rem;overflow:hidden;z-index:9;}
.backtop i.icon-back{display:none;width:.86rem;height:.86rem;background:url(../sjimages/icon-backtop.png) no-repeat center rgba(0,0,0,0.6);background-size:.5rem .5rem;margin-top:.1rem;}

/*底部导航菜单*/
.foot_gd{ float:left; width:100%; overflow:hidden; height:1.2rem;}
.foot_menu{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999;height:1rem;}
.foot_menu-content{position: relative;min-width: 320px;max-width: 750px;width: 100%;margin: 0 auto; border-top:
#e9e9e9 1px solid;}
.foot_menu ul{ float:left; width:100%; overflow:hidden; height:1rem; background-color: #5ec5c1;
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex; /* Safari */ 
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
.foot_menu ul li{ text-align: center; width: 20%;}
.foot_menu ul li i{display: block; margin-bottom: .08rem;}
.foot_menu ul li img{ display: block; margin:0 auto; width: .35rem;height: .35rem; }
.foot_menu ul li a{ color: #fff; font-size: .22rem;display: inline-block;}
.foot_menu ul li.cur a{ color: #fff;}


/*导航*/
.service-pro{width:100%;overflow:hidden; margin-top:20px; margin-bottom:10px;}
.service-pro ul li{width:33.33333333%;float:left;text-align:center;}
.service-pro ul li {display:block; margin:auto; line-height:0.6rem; color:#000; font-size:0.24rem;}
.service-pro ul li i{display:block; text-align:center;}
.service-pro ul li img{ display: block; margin:0 auto;}

.fldh{width:96%;overflow:hidden; margin:0px auto; padding-top:10px; padding-bottom:10px;}
.fldh ul li{width:25%;float:left;text-align:center;}
.fldh ul li {display:block; margin:auto; line-height:0.5rem; color:#000; font-size:0.22rem; padding-top:0.1rem; padding-bottom:0.1rem}
.fldh ul li a.dqfl{text-align:center;font-size:.22rem;color:#fff;padding:5px 15px; background-color:#ff1959; border-radius:5px; margin-top:10px;}
.fldh ul li a.qtfl{text-align:center;font-size:.22rem;color:#fff;padding:5px 15px; background-color:#5ec5c1; border-radius:5px; margin-top:10px;}

.qsdh{width:96%;overflow:hidden; margin:0px auto; padding-top:10px; padding-bottom:10px;}
.qsdh ul li{width:50%;float:left;text-align:center;}
.qsdh ul li {display:block; margin:auto; line-height:0.5rem; color:#000; font-size:0.28rem; padding-top:0.1rem; padding-bottom:0.1rem}
.qsdh ul li a.dqfl{text-align:center;font-size:.36rem;color:#fff; width:150px; height:60px; line-height:60px; display:inline-block; background-color:#ff1959; border-radius:10px; margin-top:10px;}
.qsdh ul li a.qtfl{text-align:center;font-size:.36rem;color:#fff;width:150px; height:60px; line-height:60px; display:inline-block; background-color:#5ec5c1; border-radius:10px; margin-top:10px;}


/*关于*/
.about-sq{width:100%;overflow:hidden;position:relative;padding:0 .3rem;background:#fff;}
.about-sq .title{position:relative;z-index:2;}
.about-sq .title h2{font-weight:normal;font-size:.36rem;text-indent:-1px;margin-top:.6rem;margin-bottom:2px; text-align:center;}
.about-sq .title p{font-size:.24rem; font-weight:bold; color:#ff1959; text-align:center;}
.about-sq .cont{padding-top:.3rem;font-size:.3rem;color:#7d7d7d;line-height:1.4;padding-bottom:.6rem;position:relative;z-index:2;}
.about-sq .cont img{width:100%;margin:.4rem 0;}
.about-sq .cont a.more{text-align:center;font-size:.24rem;color:#fff;padding:5px 15px; background-color:#ff1959; border-radius:5px; margin-top:10px;}

.about-sq:before{content:'';display:block;width:2.51rem;height:1.96rem;background:url(../sjimages/about-em1.jpg) no-repeat;background-size:100%;position:absolute;top:0;right:0;}
.about-sq:after{content:'';display:block;width:1.58rem;height:3.11rem;background:url(../sjimages/about-em2.jpg) no-repeat;background-size:100%;position:absolute;bottom:0;left:0;}

.txtp img{ width:100px;}

.main_flxx{width:100%;margin:auto; overflow:hidden}
.fltit{ width:100%; height:50px; line-height:50px; border-bottom:1px #f5f5f5 solid; font-size:18px; color:#000; margin-bottom:5px; background-image:url(../sjimages/jgtit.png); background-repeat:no-repeat; background-position:2% 50%;}
.fltitzuo{ margin-left:21px;}
.fltityou{ margin-right:21px; float:right; font-weight:normal; font-size:16px; color:#ff185c;}
.fltityou a{color:#ff185c;}


/*专区*/
.special-area{ width:100%; background:#FFF; padding:20px 0 0 0;}
.special-area-le{ float:left; width:46%; height:1.6rem; margin-left:2%; background:#ffacbc; border-radius:.1rem;}
.special-area-bt{ float:left; width:50%; margin-left:6%; margin-top:.1rem; }
.special-area-bt1{ float:left; width:100%; overflow:hidden; font-size:.28rem; height:.5rem; line-height:.5rem; color:#FFF;}
.special-area-bt2{ float:left; width:100%; overflow:hidden; font-size:.20rem; height:.3rem; line-height:.3rem; color:#FFF;}
.special-area-bt3{ float:left; width:100%; overflow:hidden; margin-top:.1rem;}
.special-area-bt3 a{ float:left; width:1.2rem; height:.3rem; border-radius:.15rem; background:#FFF;}
.special-area-bt3 a span{ float:left; font-size:.20rem; color:#aaa;margin-top:.01rem; margin-left:.2rem;}
.special-area-img{ float:right; width:44%; overflow:hidden; text-align:center;}
.special-area-img img{ max-height:1.4rem; max-width:100%; margin-top:.1rem;}
.special-area-ri{ float:right; width:46%; height:1.6rem; margin-right:2%; background:#5ad5d0; border-radius:.1rem;}

/*内容展示*/
.neirong{ float:left; width:100%;overflow:hidden; background:#FFF;}
.neirong1{ float:left; width:96%; margin-left:2%; overflow:hidden;}
.neirong2-xh{ float:left; width:98%; height:10px; margin-left:1%; overflow:hidden; border-bottom:1px #eeeeee dotted; }
.neirong2-bt{ float:right; width:56%; margin-right:4%;  margin-left:2%}
.neirong2-bt1{ float:left; width:100%; overflow:hidden; font-size:.28rem; height:.5rem; line-height:.5rem; color:#666;}
.neirong2-bt2{ float:left; width:100%; overflow:hidden; font-size:.24rem; height:1rem; line-height:.3rem; color:#a8a8a8;}
.neirong2-bt4{float:left; width:100%; overflow:hidden;  height:.5rem; line-height:.5rem; color:#ccc; font-size:.20rem;}
.neirong2-bt4-ri{float:right;}
.neirong2-img{ float:left; width:34%;  margin-left:4%; overflow:hidden;}
.neirong2-img-box{float:left; width:100%; overflow:hidden; height:2rem; text-align:center;margin-top:.1rem; border:1px #f5f5f5 solid;}
.neirong2-img-box img{ max-height:2rem; max-width:100%;}
a.morenews{text-align:center;font-size:.24rem;color:#fff;padding:5px 15px; background-color:#ff1959; border-radius:5px; margin-top:10px;}

.nynr{ width:96%; margin:0px auto; text-align:center;}
.nynr1{ width:96%; margin:0px auto; text-align:center; line-height:25px; font-size:16px; font-weight: bold; color:#222; margin-bottom:15px; margin-top:15px;}
.nynr2{ width:96%; margin:0px auto; text-align:left; line-height:25px; font-size:16px;}
.nynr2 img{ width:100%;}
.nynr3{ width:96%; margin:0px auto; text-align:left; line-height:30px; font-size:14px; color:#999; border-top:1px dotted #CCC; margin-top:20px;}
.nynr3 fff{ float:right}
.nynr4{ width:96%; margin:0px auto; text-align:left; line-height:30px; font-size:14px; color:#999; border-top:1px dotted #CCC; margin-top:10px;}


.recom-pro{width:100%;overflow:hidden;position:relative;padding:0 .3rem;}
.recom-pro ul{overflow:hidden;padding-bottom:.8rem;}
.recom-pro li{width:48%;float:left;margin-left:4%;margin-top:.36rem;}
.recom-pro li:nth-of-type(2n+1){margin-left:0;}
.recom-pro li a{display:block;}
.recom-pro li .pic{width:100%;  position:relative; padding-top:110%;border:1px solid #ddd;}
.recom-pro li .pic img{width:100%; height:100%; position:absolute;left:0;top:0;}
.recom-pro li p{font-size:.28rem;color:#555;text-align:center;line-height:1.5; display:inline-block; margin-top:.1rem;}


/*分页样式*/
.pageclass{width:100%; margin:0px auto; text-align:center;font-size:14px; height:40px; line-height:40px;}
.pageclass{
	
	width:100%;
	margin-top:5px;
	text-align:right;
	padding:10px 0;
	clear:both;
}
.pageclass a, .pageclass .current{
	font-size:14px;
	font-family:Arial;
	margin:0 4px;
}
.pageclass a, .pageclass .current{
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px 10px;
	text-decoration:none;
}
.pageclass .current, .pageclass a:hover{
	background-color:#ff185c;
	color:#FFF;
}



