body{ font-size:14px;}

.qing{ clear:both; width:100%; height:10px;}

.dh{width:100%; height:55px; /*background:#cc3366; */margin:0 auto;clear:both; background:url(../images/st.jpg) no-repeat;}

.dh ul{ width:98%; margin:0 auto}

.dh ul li{ font-size:16px; float:left; color:#FFF; width:16.6%; line-height:55px; text-align:center}

.dh ul li a{ color:#FFF}

.nav_fixed{position:fixed;top:0; right:0px; left:0px; z-index:999; width:100%; max-width:767px;}  



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

	#banner_box{ height:410px;}

}

@media screen and (min-width:767px){

	#banner_box{ height:730px;}

}
@media screen and (min-width:414px){

	.makeup_list li a{ height:268px;}

}



.tz{width:100%; height:45px; border-bottom:3px solid #cc3366;max-width:767px;clear:both; margin:0 auto}

.tz li{ float:left;}

.tz li a{ color:#cc3366; font-size:15px;}

.tztp{width:18%; float:left; padding-left:15px;}

.tztp img {}



.zylm{ width:96%; height:auto; margin:0 auto; margin-bottom:10px;max-width:767px; clear:both;}

.zylm li{ float:left; width:50%; height:300px; }

.zy-top{ position:relative; top:10px; margin:0 auto; width:100%; text-align:center}

.zy-top img{ margin:0 auto; text-align:center; width:60px;}

.zy_pic{border:#ccc solid 1px; margin:5px; padding:5px;}

.zy_pic img { width:272px; height:170px; text-align:center; margin:0 auto; margin-top:8px;}

.zy_pic p{ color:#333; font-size:15px; text-align:center; line-height:30px; margin-bottom:10px;}

.zy_more{ color:#fff; background:#cc3366; width:45%; height:35px; text-align:center; line-height:35px; margin:0 auto; position:relative; top:-20px; font-size:12px}



.djzx{ width:100%; height:auto; margin:0 auto;max-width:767px;}

.djzx img{ margin-top:15px; width:100%}

.hjzs{width:100%; height:auto; margin:0 auto;max-width:767px;}

.hjzs img{ margin-bottom:15px; border-bottom:#cc3366 solid 5px; width:100%}

.zyt{ width:100%; height:auto; border:#cc3366 solid 2px; margin:0 auto; max-width:767px; clear:both}



.jstd{width:100%; height:auto; margin:0 auto; margin-top:12px;max-width:767px; clear:both;}

.jstd_title{ width:90%; text-align:center; height:40px;  margin:0 auto;background:url(../images/jstitle.jpg) no-repeat; margin-bottom:10px;}

.jstd_title p{ float:left; font-size:15px; color:#333; padding-left:30px; line-height:25px;}

.jstd_title span{ float:right; color:#cc3366;line-height:25px;}

.jstd_title span a{ font-size:13px; color:#cc3366;}

.jstd_pic{ margin-top:10px; height:auto; width:100%; margin:0 auto}

.jstd_pic li{ float:left; width:25%; padding:5px;}

.jstd_pic li img{ width:176px; height:auto; }







.left{ float:left;}

.right{ float:right;}







/*banner*/

/* flexslider */

.flexslider{position:relative;height:407px;overflow:hidden;}

.slides{position:relative;z-index:1;}

.slides li{height:407px;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;cursor:pointer;}

.flex-control-nav .flex-active{background-position:0 0;}



.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}













.jpgc{ height:250px; border:1px solid #a0c9e9; background:#d6eafe; margin-top:20px; overflow:hidden;}

.jpgc_t{ height:34px; background:url(../images/bbj.jpg) repeat-x;}

.jpgc_t p{width:4px; height:14px; float:left; display:block; background:#0074c4; margin:10px 6px 0 10px;}

.jpgc_t span{ font-size:16px; font-weight:bold; color:#0074c4; line-height:34px; float:left;}

.jpgc_t a{ float:right; line-height:34px; padding-right:10px; color:#4581b5; font-family:"宋体";}

.jpgc_t a:hover{ color:#f00;}



.center1{ max-width:767px; height:auto; width:100%; height:250px;}

.center1 li{ float:left; width:25%; cursor:pointer; text-align:center; line-height:40px; color:#2f2f2f; font-size:14px;}

.center1 li img{width:100%; height:auto; padding:3px}

.popup{ position:fixed; background:rgba(0,0,0,0.4); bottom:0; top:0;left:0;right:0; display:none;}

.show{ position:fixed;  display:none; top:50%; left:0; margin-top:-340px; z-index:9999;}

.big{ max-width:767px; height:auto; width:80%; margin:0 auto; margin-top:20%}

.left1{ position:absolute; top:300px; left:-50px; cursor:pointer;}

.right1{ position:absolute; top:300px; right:-50px; cursor:pointer;}

.show_01{max-width:767px; height:auto; width:80%; height:40px;  padding:10px; background:#cc3366;margin:0 auto; color:#FFF}











.yxxs{width:100%; height:auto; margin:0 auto; max-width:767px; background-size:cover; clear:both}

.yxxs_title{ width:90%; text-align:center; height:47px;  margin:0 auto; background:url(../images/jstitle.jpg) no-repeat;}

.yxxs_title p{ float:left; font-size:15px; color:#333; padding-left:30px; line-height:25px;}

.yxxs_title span{ float:right; color:#cc3366;line-height:25px;}

.yxxs_title span a{ font-size:13px; color:#cc3366;}

.yxxs_pic{ margin-top:10px;height:auto; width:100%; margin:0 auto}

.yxxs_pic li{ float:left; width:25%; padding:5px;}

.yxxs_pic li img{ width:176px; height:auto; }



.gywm{ width:100%; margin:0 auto; height:auto;max-width:767px;}

.gywm img{ margin:0 auto; width:100%; height:auto; max-width:767px;}





.xwzx{width:100%; height:auto; margin:0 auto; max-width:767px; clear:both}

.xwzx_title{ width:90%; text-align:center; height:40px;  margin:0 auto;background:url(../images/jstitle.jpg) no-repeat; margin-bottom:10px;}

.xwzx_title p{ float:left; font-size:15px; color:#333; padding-left:30px; line-height:25px;}

.xwzx_title span{ float:right; color:#cc3366; padding-top:12px;}

.xwzx_title span a{color:#cc3366; font-size:13px;}

.xwzw_nrc{ width:90%; margin:0 auto; border:#ccc solid 1px;top:0; clear:both}



.xwzx_pic{ margin-top:10px; height:auto;max-width:767px; width:100%}

.xwzx_pic img{ width:100%; margin:0 auto; height:auto; padding:8px;}



.xw_list{ height:120px; width:100%; margin:0 auto;}

.xw_list li{ float:left; line-height:37px; width:100%; margin:0 auto; padding-left:20px; border-bottom: 1px #ccc dashed;}

.xw_list li a{ font-size:14px;}

.xw_list li span{ float:right; padding-right:20px;}



.ylhd{width:100%; height:auto; margin:0 auto; margin-top:12px; max-width:767px; clear:both;}

.ylhd_title{ width:90%; text-align:center; height:40px;  margin:0 auto;background:url(../images/jstitle.jpg) no-repeat; margin-bottom:10px;}

.ylhd_title p{ float:left; font-size:15px; color:#333; padding-left:30px; line-height:25px;}

.ylhd_title span{ float:right; color:#cc3366; padding-top:12px;}

.ylhd_title span a{color:#cc3366; font-size:13px;}



.ylhd_pic{ margin-top:10px;  height:auto;width:90%; margin:0 auto }

.ylhd_pic li{ float:left; width:100%; padding:5px;}

.ylhd_pic li img{ width:100%; height:auto; }



.xxxj{width:100%; height:auto; margin:0 auto; margin-top:12px;max-width:767px;clear:both;}

.xxxj_title{width:90%; text-align:center; height:40px;  margin:0 auto;background:url(../images/jstitle.jpg) no-repeat; margin-bottom:10px;}

.xxxj_title p{ float:left; font-size:15px; color:#333; padding-left:30px; line-height:25px;}

.xxxj_title span{ float:right; color:#cc3366;line-height:25px;}

.xxxj_title span a{ color:#cc3366; font-size:13px;}



.xxxj_pic{ margin-top:10px; height:auto; width:90%; margin:0 auto;}

.xxxj_pic li{ float:left; width:50%; padding:5px; margin:0 auto}

.xxxj_pic li img{ width:320px; height:auto; margin:0 auto}

.xxxj_pic li p{ line-height:30px; text-align:center; font-size:15px;}



.ewm{ width:180px; margin:0 auto; height:auto;}

.ewm img{ width:180px;/* height:180px;*/ text-align:center; margin:0 auto; margin-bottom:6px;}

.dbew{ width:100%; margin:0 auto; height:auto;max-width:767px; margin-bottom:60px;}



.foot{ width:100%;  height:60px; background:#333333; margin:0 auto; position:fixed; bottom:0;clear:both }

.foot ul{ width:100%;}

.foot li{ width:25%; float:left; line-height:60px; color:#FFF; text-align:center;}

.foot li a{color:#FFF; font-size:16px;}





.cont_nr{width:98%; height:auto; margin:0 auto; padding:5px; margin-bottom:15px; max-width:767px;}

.cont_nr img{ margin:0 auto; text-align:center; width:100%; height:auto; border:#CCC solid 1px;padding:5px; }

.neirong{ width:94%; height:auto; margin:0 auto; border:#ccc solid 1px; margin-bottom:70px; min-height:600px; padding-bottom: 36px; }

.neirong2{ width:100%; height:auto; margin:0 auto;  margin-bottom:70px; margin-top:15px;}

.neirong1{ width:100%; height:auto; margin:0 auto; margin-bottom:70px; margin-top:15px; color:#000}

.neirongto{ width:100%; height:auto; margin:0 auto; margin-bottom:70px; padding:15px; color:#000}

.mbx{ width:100%; height:60px; line-height:60px; border-bottom: solid 1px #ccc; margin-bottom:20px;}

.mbx p{ font-size:14px; float:left; color:#333; padding-left:10px;}

.mbx span{ font-size:14px; float:right;color:#333; padding-right:10px;}

.mbx a{font-size:14px;color:#333; }

.nr_xw{ width:100%; height:auto; margin:0 auto; }

.nr_xw li{ float:left; line-height:30px; width:100%; margin:0 auto; padding:5px;}

.nr_xw li a{ color:#000;}

.nr_xw span{ float:right;}



.nr_bt{ color:#333; font-family:"方正大标宋简体"; font-size:30px; font-weight:bold; line-height:40px;}

.nr_bt p{ font-size:18px; color:#333; font-family:Fzdbsjw}

#articeBottom a { font-size:14px;}



.neir_nre{width:100%; height: auto; margin:0 auto; }

.neir_nr{ width:100%; height: auto; margin:0 auto; margin-top:12px;}

.nr_title{ width:95%; text-align:center; height:47px;  margin:0 auto; margin-top:15px; margin-bottom:10px;}

.nr_title p{ float:left; font-size:16px; color:#333; padding-left:25px; line-height:25px;}

.nr_title span{ float:right; color:#000;line-height:25px;}

.nr_xw img{ width:100%; height:auto; margin:0 auto; text-align:center; padding:5px; vertical-align:middle}

.luxianwz{font-family:"方正大标宋简体";}

.zybt{ width:96%; height:auto; padding:20px 10px; margin:0 auto}

.zybt p{ font-size:24px; font-family:"方正大标宋简体"; font-weight:bold; color:#333; line-height:30px;}

.zybt span{ font-size:14px; font-family:Vani; font-weight:bold; color:#333; line-height:30px;}

.zy_nr{ font-size:14px; line-height:40px; color:#333; font-family:"方正大标宋简体";}

.zy_nr span{ color:#cc3366;font-size:14px; font-family:"方正大标宋简体";}



.zybtt{ width:94%; height:auto; padding:20px 10px; margin:0 auto}

.zybtt p{ font-size:24px; font-family:"方正大标宋简体"; font-weight:bold; color:#333; line-height:30px; text-align:center}

.zy_nrt{ font-size:14px; color:#333; font-family:"方正大标宋简体"; text-align:center}

.zy_nrt span{ color:#333;font-size:14px; font-family:"方正大标宋简体"; text-align:center; line-height:33px;}

.fubiaoti{background:url(../images/jstitle.jpg) no-repeat;  width:96%; margin:0 auto; max-width:767px; height:40px;}

.fubiaoti p{font-size:16px; float:left; color:#333; padding-left:40px; text-align:left; }

.ss{ width:100%; margin:0 auto; margin-top:10px; max-width:767px; height:45px;}

.ss_left{ float:left; margin:10px; width:43%;}

.ss_right{margin:10px; float:right; width:43%;}

.ss_left img{ width:100%; height:auto; float:left}

.ss_right img{width:100%; height:auto; float:right}

.neirongtsrg{width:94%; height:auto; margin:0 auto; margin-bottom:20px;}

.neirongts{width:94%; height:auto; margin:0 auto; margin-bottom:60px;}

.nr_title{background:url(../images/jstitle.jpg) no-repeat;  width:94%; margin:0 auto; max-width:767px;}

.nr_title p{font-size:16px; float:left; color:#333; padding-left:40px; text-align:left; }

.nr_xw_nr{width:100%; height:auto; margin:0 auto; margin-top:18px;}

.nr_xw_nr li{ width:100%; border:#CCC solid 2px; padding:3px; margin:0 auto; height:auto; margin-bottom:15px}

.nr_xw_nr li img{ width:100%; height:100%}

.nr_xw_nr li p{ line-height:40px;font-family:"方正大标宋简体"; text-align:center; font-size:18px; color:#999999}

.nr_title span{ font-size:12px; float:right;color:#333; padding-right:10px; line-height:37px;}

.nr_title span a{ font-size:12px; color:#333;}







.jyfx{ width:94%; height: auto; margin:0 auto; margin-bottom:70px;max-width:767px; clear:both;}

.jyfx li{width:100%; height:auto; margin:0 auto }



.jyqx_nr img{width:100%; height:auto; text-align:center; margin:0 auto; margin-top:8px; }

.jyqx_nr{ width:100%; max-width:767px; height:auto; margin:0 auto}



.jyqx_nr-top{ position:relative; top:10px; margin:0 auto; width:100%; text-align:center}

.jyqx_nr-top img{ margin:0 auto; text-align:center; width:60px;}

.jyqx_nr{border:#ccc solid 1px; padding:5px;}

.jyqx_nr img { width:100%; height:auto; text-align:center; margin:0 auto; margin-top:8px; margin-bottom:18px;}

.jyqx_nr_more{ color:#333333; background:#CCC; width:170px; height:40px; text-align:center; line-height:35px; margin:0 auto; position:relative; bottom:22px;}







/* 本例子css */

		.txtMarquee-left{ position:relative;  }

		

		

		.txtMarquee-left .bd{ }

		.txtMarquee-left .bd .tempWrap{ width:100% !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */

		.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }

		.txtMarquee-left .bd ul li{ margin-right:30px;  float:left; height:45px; line-height:45px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */





		.txtMarquee-left .bd ul li span{ color:#cc3366;  }

		

		



@media (min-width: 767px) {

	.container { max-width: 730px !important; }

}



.examples { margin-top: 10px; }

.examples .row { margin-bottom: 20px; }

.examples .col-md-3 { text-align: center; }

.example img{width:25%; float:left; padding:2px;}

.text-overflow { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}















