@charset "UTF-8";
.main{ max-width:1340px; padding:0 10px 0 10px; margin:auto; position:relative;}

.fd_top{position:fixed; width:100%; top:0; left:0; z-index:9999999999;}

.top{ padding:60px 0 0 0; background-color:#FFFFFF;}
.top .logo{ float:left;}
.top .logo img{height:50px;}
/*主导航开始*/
.top .nav{ float:right;}
.top .nav li{float:left; position:relative; padding:0 14px 0 14px;}
.top .nav li > a{ display:inline-block; height:60px; line-height:56px; border-bottom:4px solid #FFFFFF; font-size:18px;}
.top .nav li p{position:absolute; left:0; top:86px; width:140%; left:-20%; display:none; z-index:666666; background-color: rgba(250,250,250,0.99); padding-bottom:6px;}
.top .nav li p a{position:relative; display:block; text-align:center; line-height:35px; height:35px; overflow:hidden; font-size:14px; padding:0 12px 0 12px; color:#383838;}
.top .nav li p a:hover{ background-color:#990000; color:#FFFFFF;}
.top .nav li:hover > a{border-bottom:4px solid #C61968; color:#222222;}
.top .nav li .a_be{border-bottom:4px solid #C61968; color:#222222;}
.top .nav li:hover p{
	display:block;
	animation: xiala 0.4s;
	-moz-animation: xiala  0.4s;
	-webkit-animation: xiala  0.4s;
	-o-animation: xiala  0.4s; 
}
.baobao{position:relative;}
.baobao span{ position:absolute; width:100%; text-align:center; left:0; top:-18px; display:none;}
.baobao span img{width:80px;}
.baobao:hover > a{ color:#FFFFFF !important;}
.baobao:hover > span{ display:block;}

.top_kong{height:124px;}

/*手机点开*/
.nav_x{ float:right; display:none; margin-top:4px;}
.nav_x2{ line-height: 50px; display: inline-block; vertical-align: middle;}
.nav_x2 a{ font-size:30px; color:#222222;}
.nav_x2 a:hover{color:#C61968;}

/*手机导航*/
.x_nav{ width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); position: fixed; top: 0; right: -101%; z-index: 999999999999; border-left:1px solid #eeeeee;}
.x_nav_t{ width: calc(100% - 15px); width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); height: 60px; line-height: 60px; text-align: right; padding-right: 16px;}
.x_nav_t a{ color: #C61968; font-size: 16px; font-weight:normal; }
.x_nav_t i{font-size:20px; color:#C61968;}

.x_nav2{ width: 100%; height: 100%; overflow:auto; padding-bottom:75px;}
.x_nav2 ul li{ height: auto;}
.x_nav2 ul li a{ height: 40px; line-height: 40px; display: block; font-size: 14px; color: #333333;  padding-left: 18px;  background-color: rgba(238,238,238,0.5); border-bottom: 1px solid #dddddd;}
.x_nav2 ul li span{ width: 64px; height: 40px; display: inline-block; line-height: 40px; text-align: center; float: right; margin-right: 0px; background: url(../images/jia.png) no-repeat center center;}
.x_nav2 ul li span.xjian{ background: url(../images/jian.png) no-repeat center center;}
.xnav_xl { display: none;}
.xnav_xl dd .a_bj{ background-color:#FFFFFF; padding-left:30px;}
.xnav_xl dd .a_bj2{ background-image:url(../images/shu_h.png); background-repeat:no-repeat; background-position:32px center; padding-left:48px;}




/*banner大图*/
.banner{position:relative; width:100%; margin:auto;}
.banner .arrow{
	position:absolute;
	top:40%;
	z-index:999;
	background-repeat: no-repeat;
	background-position: center center;
	width:42px;
	height:36px;
}
.banner .arrow.pre {background-image: url();left:0px;}
.banner .arrow.next {background-image: url(); right:0px;}
.banner .arrow:hover{}

.banner .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	border:0;
	background-color:#ffffff;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 4px;
	line-height: 0;
	margin: 0 6px 35px 6px;
	outline: medium none;
	padding: 0;
	width: 50px;
}
.banner .slick-dots li.slick-active button {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	background-color:#C61968;
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; width:100%;}
.banner .dataitem .mimg{}
.banner .dataitem .mimg img{ width:100%; display:block;}
/*左右滚动结束*/


.hei8{height:8px; line-height:8px;}
.hei12{height:12px; line-height:12px;}
.hei20{height:20px;}
.hei30{height:30px;}
.hei40{height:40px;}
.hei50{height:1vw;}
.hei60{height:3vw;}
.hei80{height:80px;}
.hei100{ height:4vw;}





.i_jjhsm{ position:relative;}
.i_jjhsm .bk_title{ position:absolute; left:0; top:40%; top: calc(50% - 37px); top: -moz-calc(50% - 37px); top: -webkit-calc(50% - 37px);  width:220;  background-image:url(../images/fenxian.jpg); background-repeat:no-repeat; background-position:left bottom; text-align:left; padding-bottom:10px;}
.i_jjhsm .bk_title a{ position:relative; display:block; font-size:30px; line-height:0.85em;}
.i_jjhsm .bk_title a span{font-size:16px;}
.i_jjhsm .mright{ float:right; width:70%; width: calc(100% - 245px); width: -moz-calc(100% - 245px); width: -webkit-calc(100% - 245px); line-height:1.8em; font-size:18px; text-align:justify;}
.i_jjhsm .mright .en_t{font-size:16px;}

@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('../fonts/iconfont.ttf?t=1626783885865') format('truetype');
}
.mfk_ico:before {
  content: "\e60e";
}



.footer_box{border-top:1px solid #bfbfbf; padding:32px 0 26px 0;}
.footer_box .mleft{float:left; width:140px; text-align:left; margin:14px 0 0 0;}
.footer_box .mleft a{ display:inline-block; text-align:left; padding:0 40px 0 0px; color:#777777; font-weight:bold;}
.footer_box .f_copy{ float:left; text-align:center; line-height:22px; font-size:14px; color:#C0C0C0; width:79%; width: calc(100% - 280px); width: -moz-calc(100% - 280px); width: -webkit-calc(100% - 280px);}
.footer_box .f_copy a{color:#C0C0C0}
.footer_box .mright{ float:right; width:140px; text-align:right; margin:14px 0 0 0; text-align:right;}
.footer_box .mright li{ float:right; position:relative; margin:0 4px 0 4px;}
.footer_box .mright li a{ position:relative; display:block; width:26px; line-height:26px; height:26px; border:1px solid #9FA1A0; text-align:center; border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%; color:#9FA1A0;}
.footer_box .mright li a i{font-size:18px;}
.footer_box .mright li a .i2{font-size:24px;}
.footer_box .mright li a .i3{
	font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
}
.footer_box .mright li p{ position:absolute; display:none; left:-40%; left:40%; left: calc(50% - 60px); left: -moz-calc(50% - 60px); left: -webkit-calc(50% - 60px); bottom:40px; width:100px; background-color:#FFFFFF; padding:6px; text-align:center; line-height:16px; font-size:12px; border:1px solid #eeeeee;}
.footer_box .mright li p img{width:100%;}
.footer_box .mright li a:hover{ color:#000000; border:1px solid #000000;}
.footer_box .mright li:hover p{display:block;}
.footer_box a:hover{color:#C61968;}
/*二级页面底部*/
.footer_box_er{background-color:#B32F68; border-top:1px solid #B32F68;}
.footer_box_er .mleft a{ color:#FEB4D9;}
.footer_box_er .f_copy{ color:#FFCCEF;}
.footer_box_er .f_copy a{ color:#FFCCEF;}
.footer_box_er .mright li a{ color:#E8BED4; border:1px solid #E8BED4;}
.footer_box_er .mright li a:hover{ color:#FFFFFF; border:1px solid #ffffff;}
.footer_box_er a:hover{color:#FFFFFF;}


/*二级页面*/
.er_box{ background-color:#E4E4E4; background-image:url(); background-repeat:no-repeat; background-position:center top; background-size:auto auto; padding:180px 10px 0 10px;}
.er_box .er_nav{ max-width:1360px; height:52px; overflow:hidden; margin:auto;}
.er_box .er_nav a{ float:left; position:relative; display:block; margin-right:2px; height:52px; line-height:52px; padding:0 50px 0 50px; border-radius:16px 16px 0 0; -moz-border-radius:16px 16px 0 0;  -webkit-border-radius:16px 16px 0 0; background-color:#B42F68; color:#FFFFFF; font-size:16px;}
.er_box .er_nav a:hover,
.er_box .er_nav .a_be{background-color:#FFFFFF;  color:#3C3839;}
.er_box .er_nav a:last-child{margin-right:0;}
.er_box .er_main{ max-width:1360px; margin:auto; background-color:#FFFFFF;}

.er_box .er_main .con_box{padding:60px 80px 40px 80px;}
.er_box .er_main .con_box2{padding:60px 0px 40px 0px;}
.er_box .er_main .con_box2 .main_box{padding:0px 80px 0px 80px;}


.er_title{ padding:0 0 20px 0; text-align:center; font-size:36px; color:#3D393A; font-weight:bold; line-height:2.5em;}


@font-face {
  font-family: 'news-yuandian';
  src: url('../fonts/news.ttf?t=1626856545971') format('truetype');
}
.news-dian:before {
  content: "\e60f";
  font-style: normal;
}



/*新闻*/
.news-list{ padding:10px 0 0 0;}
.news-list li{ padding:46px 0 46px 0; border-bottom:1px dashed #dbdbdb; position:relative;}
.news-list li .mimg{float:left; width:350px; overflow:hidden;}
.news-list li .mimg img{width:100%; display:block;}
.news-list li .nr-box{ float:left; margin-left:30px; width:62%; width: calc(100% - 448px); width: -moz-calc(100% - 448px); width: -webkit-calc(100% - 448px);}
.news-list li .nr-box .mtitle{ position:relative; display:block; font-size:24px; color:#393738; font-weight:bold; line-height:1.6em; height:1.6em; overflow:hidden;}
.news-list li .nr-box .mtitle:hover{ color:#B32F68;}
.news-list li .nr-box .mjianjie{ font-size:18px; color:#575757; line-height:1.6em; padding:20px 0 0 0;}
.news-list li .nr-box .mydate{ padding:20px 0 0 0; line-height:30px; font-size:18px; color:#777777;}
.news-list li .mright{ position:absolute; height:80%; height: calc(100% - 92px); height: -moz-calc(100% - 92px); height: -webkit-calc(100% - 92px); top:46px; right:0; width:38px; text-align:center; font-size:42px; background-color:#e2e2e2; color:#777777; font-family: "news-yuandian" !important;}
.news-list li:hover .mright{background-color:#B32F68; color:#FFFFFF;}

.news-list_adfx{ padding-bottom:40px;}
.news-list_adfx li{display:none;}
.news-list_adfx li:nth-child(1){display:block;}
.news-list_adfx li:nth-child(2){display:block;}


/*关于*/
.about_box{padding:10px 100px 40px 100px;}








/*右边客服*/
.kefu_right{position:fixed; right:0; top:30%; z-index:9876;}
.kefu_right li{ border-bottom:1px solid #FFFFFF; position:relative; background-color:#CC0001; width:60px; padding-top:6px; text-align:center;}
.kefu_right li > a{position:relative; display:block; width:100%; text-align:center; padding:10px 0 10px 0; text-align:center; line-height:20px; font-size:12px; color:#555555;}
.kefu_right li > a img{ max-width:100%; 
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.kefu_right li p{position:absolute; display:none; right:-250px; top:0; white-space:nowrap; background-color:#CC0001; padding:15px; color:#FFFFFF;
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari 和 Chrome */
	-o-transition: all 2s; /* Opera */
}
.kefu_right li:hover > a img{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.kefu_right li:hover p{display:block;
	right:60px;	
}
.kefu_right li:first-child p{line-height:66px; font-size:18px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 10px 0 20px;}
.kefu_right li:nth-child(2) p{line-height:66px; font-size:18px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 10px 0 20px;}
.kefu_right li:nth-child(3) p{line-height:66px; font-size:18px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 10px 0 20px;}
.kefu_right li:nth-child(4) p{ top:-80px; font-size:14px; font-weight:normal;}
.kefu_right li:last-child{border-bottom:0;}



/*弹出视频*/
.tc_box{ position:fixed; display:none; left:0; top:0; width:100%; height:100%; padding-top:10%; background-image:url(../images/hei_bj.png); z-index:99999999910;}
.tc_box .con_width{max-width:1000px; min-width:280px; margin:auto; position:relative;}
.tc_box .con_width video{width:100%;}
.tc_box .con_width .close{position:absolute; top:15px; right:15px;}



/*详细*/
.xx_title{font-size:32px; padding:10px 0 30px 0; text-align:center; line-height:1.8em; font-weight:bold; }
.xx_author{ text-align:center; line-height:3em; font-size:14px; color:#999999; background-color:#f8f8f8;}
.xx_video{ padding:10px 0 0 0; text-align:center; width:80%; margin:auto;}
.xx_video video{ width:100%;}
.xx_img{padding:10px 0 0 0; text-align:center;}
.xx_img img{max-width:100%;}
.xx_content{line-height:2em; padding:8px 0 0 0; font-size:18px; color:#585858; text-align:justify;}
.xx_content img{max-width:100%;}



/*爱心建议*/
.input_ul{}
.input_ul li{}
.input_ul li .p1{ padding:40px 0 0 0; line-height:58px; font-size:28px;}
.input_ul li .p1 i{font-style:normal; font-size:18px; color:#E02323;}
.input_ul li .p2{ position:relative;}
.input_ul li .p2 .minput{width:90%; width: calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); height:78px; line-height:78px; padding:0 25px 0 25px; font-size:24px; color:#999999; background-color:#f4f4f4;}
.input_ul li .p2 .minput2{width:90%; width: calc(100% - 50px); width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); height:78px; line-height:78px; padding:0 25px 0 25px; font-size:24px; color:#999999; background-color:#f4f4f4; height:18em;}
.input_ul li .p2 .minput3{background-image:url(../images/xsj_hui.png); background-repeat:no-repeat; background-position:right center; background-size:auto 100%;}
.input_ul li .p2 .layer{ display:none; position:absolute; left:0; width:100%; top:78px; z-index:55555; background-color:#eeeeee; border-top:1px solid #dddddd;}
.input_ul li .p2 .layer a{position:relative; display:block; padding:0 0 0 25px; height:44px; line-height:44px; font-size:22px; color:#999999; border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.input_ul li .p2 .layer a:hover{background-color:#1E90FF; color:#FFFFFF;}

.input_ul li .p3{text-align:center; padding:30px 0 0 0;}
.input_ul li .p3 .msubmit{ background-color:#C31A68; width:240px; height:70px; line-height:70px; text-align:center; color:#ffffff; font-size:28px;}
.input_ul li .p3 .msubmit:hover{background-color:#9E2069;}
.input_ul li .p1_t{padding-top:10px;}


/*爱的奉献*/
.adfx_title{ height:81px; background-image:url(../images/tb_bj1.jpg); background-repeat:repeat-x; background-position:center top;}
.adfx_title .mtitle{ width:283px; margin:auto; height:81px; background-repeat:no-repeat; background-image:url(../icon/1.png); background-position:center top; background-size:auto 100%; font-size:26px; line-height:52px; color:#FFFFFF; font-weight:bold; text-align:center; letter-spacing:6px; word-spacing: 6px;}
.adfx_footer{height:28px; background-image:url(../images/tb_bj2.png); background-repeat:repeat-x; background-position:center top;}
.adfx_more{ padding:0 0 50px 0; text-align:center;}

/*荣誉*/
.honor{ border-bottom:1px dashed #dbdbdb;}
.honor li{ float:left; width:47%; width: calc((100% - 45px)/2); width: -moz-calc((100% - 45px)/2); width: -webkit-calc((100% - 45px)/2); margin:40px 0 0 0;}
.honor li:nth-child(2){float:right;}
.honor li .mimg{position:relative; overflow:hidden;}
.honor li .mimg img{width:100%; display:block;}
.honor li .mimg .mydate{position:absolute; left:0; bottom:0; width:210px; height:48px; line-height:48px; text-align:center; background-color:#C31A68; color:#FFFFFF; font-size:18px;}
.honor li .mtitle{ position:relative; display:block; height:68px; line-height:68px; overflow:hidden; font-size:18px;}


/*团队*/
.team_box{ padding:0 100px 0 100px;}
.team_box li{ padding:20px 0 20px 0;}
.team_box li .mimg{ overflow:hidden;}
.team_box li .mimg img{width:100%; display:block;}
.team_box li .mtitle{ position:relative; display:block; height:50px; line-height:50px; padding:20px 0 0 0; overflow:hidden; font-size:18px; text-align:center;}


/*爱的艺术*/
.art{position:relative; width:100%; margin:auto;}
.art .arrow{
	position:absolute;
	top:40%;
	top: calc(50% - 37px); width: -moz-calc(50% - 37px); width: -webkit-calc(50% - 37px);
	z-index:999;
	background-repeat: no-repeat;
	background-position: center center;
	width:33px;
	height:74px;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	
	filter:alpha(opacity=30); /* IE */
	-moz-opacity:0.3; /* 老版Mozilla */
	-khtml-opacity:0.3; /* 老版Safari */
	opacity: 0.3; /* 支持opacity的浏览器*/
}
.art .arrow.pre {background-image: url(../images/art-left.png);left:60px;}
.art .arrow.next {background-image: url(../images/art-right.png); right:60px;}
.art .arrow:hover{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}

.art .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0;
}
.art .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.art .slick-dots li button {
	border:0;
	background-color:#ffffff;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 4px;
	line-height: 0;
	margin: 0 6px 35px 6px;
	outline: medium none;
	padding: 0;
	width: 50px;
}
.art .slick-dots li.slick-active button {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	background-color:#C61968;
}
/*上半部分是固定的 下边是网站的css样式*/
.art .dataitem{float:left; width:100%;}
.art .dataitem .mimg{ overflow:hidden;}
.art .dataitem .mimg img{ width:100%; display:block;}
/*左右滚动结束*/



/*规章制度*/
.consti{ padding:0 110px 0 110px;}
.consti li{ float:left; width:45%; width: calc((100% - 87px)/2); width: -moz-calc((100% - 87px)/2); width: -webkit-calc((100% - 87px)/2); margin:14px 0 0 0;}
.consti li:nth-child(even){float:right;}
.consti li a{position:relative; display:block; height:50px; line-height:50px; text-align:center; border:1px solid #C31A68; padding:0 20px 0 20px; font-size:20px; color:#C31A68; border-radius:8px; -moz-border-radius:8px;  -webkit-border-radius:8px; overflow:hidden;}
.consti li a:hover{ background-color:#C31A68; color:#FFFFFF;}





.fanhui{ height:60px; padding:15px 0 0 0;}
.fanhui .d_left{ float:left; margin:10px 0 0 0;}
.fanhui .d_left a{display:inline-block; background-image:url(../images/fanhui.jpg); background-repeat:no-repeat; background-position:right center; padding:0 20px 0 0;}
.fanhui .d_left a:hover{color:#185ABD;}
.fanhui .d_right{float:right; margin:2px 0 0 0;}

.pre_next{ padding:16px 0 16px 0;}
.pre_next p{float:left; width:100%;}
.pre_next p a{position:relative; display:block; line-height:2em; height:2em; overflow:hidden; font-size:18px; text-align:left; color:#777777;}
.pre_next p a:hover{ color:#C61968;}

/***********************************其它页面结束*/


/*弹出层 留言板*/
.tanchu_box{ position:fixed; left:0; top:0; width:100%; padding:10% 0 20% 0; height:60%; z-index:99999999922; background-color: rgba(0,0,0,0.4); display:none;}
.tanchu_box .input_box{ max-width:600px; min-width:300px; margin:auto; background-color:#FFFFFF; border:1px solid #eeeeee; padding:20px 30px 20px 30px;}
.tanchu_box .input_box .mtitle{font-size:20px; color:#00B0F0; font-weight:bold;}
.tanchu_box .input_box .mtitle a{float:right; margin:-2px 0 0 0; }
.tanchu_box .input_box .message li{ padding:0 0 16px 0;}


/*分页开始*/
.mypage{ height:40px; padding:15px 0 0 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:28px; line-height:27px; padding:0 10px 0 10px; color:#444444; font-size:14px; border:1px solid #eeeeee; border-radius:4px; -moz-border-radius:4px;  -webkit-border-radius:4px;}
.mypage div a:hover,
.mypage div .a_be{color:#ffffff; background-color:#B32F68;}
/*分页结束*/




#back_to_top { color: #cdcdcd; display:none; height: auto; position: fixed; bottom:10px; right: -70px;z-index: 10000;
-webkit-transition: all .5s ease 0s;
   -moz-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;}
#back_to_top span { display: inline-block; text-align: center; font-size: 30px; width: 40px;height: 40px; line-height: 35px; color: white;background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 2px;
-webkit-transition: all .2s ease 0s;
   -moz-transition: all .2s ease 0s;
     -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
border-radius: 2px;
}
#back_to_top.on {opacity: 1;filter: alpha(opacity=100);right: 10px;}
#back_to_top:hover span{ background-color: #000;}