@charset "utf-8";
/* CSS Document */
a,a:link,a:visited{ color:#444444;text-decoration: none;}
a:hover{ text-decoration: none; }
ul,li{ margin: 0; padding: 0; list-style: none; }
body{ max-width: 640px; width: 100%; margin: 0 auto; }
.div_clear{ clear:both;}
.navbar-brand{padding: 10px 5px;}
.navbar-brand{ width:84%; text-align:center; margin-left:2%;}
.navbar-brand div{ width:100%; text-align:left; height:30px; line-height:30px; color:#FFFFFF;}
.navbar-brand img{ max-height:25px;}
.nav_bgcolcrx{ background:none; border:none;}
.navbar-header{ height: 50px; border-bottom: 1px solid #e1e1e1;}
.navbar-toggle{ border-radius:0px;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#a81965;}
.navbar{ margin-bottom:0px; }
.navbar-default .navbar-toggle{ margin:0; padding:9px 10px; height:50px;}
.navbar-default .navbar-toggle .icon-bar{ color:#a81965;}
.navbar-default .navbar-toggle{border: none; background:none;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{  background:none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#e1e1e1; border-bottom: 1px solid #e1e1e1;}

/*banner*/
	.banner{max-width:640px; width:100%;height:auto;overflow:hidden; position:relative; margin:0 auto;}
	.banner .bigbanner{ position:relative; z-index:0; width:100%; overflow:hidden;}
	.banner .bigbanner li{ position:relative; text-align:center; width:100%; height:auto; float:left; }
	.banner .bigbanner li img{ background:url(../../images/wap/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

	.banner .smallbanner{ position:absolute; height:28px; line-height:28px; bottom:0; left:50%; z-index:1;}
	.banner .smallbanner li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#ffffff; text-indent:-9999px; overflow:hidden; margin:0 5px;   }
	.banner .smallbanner li.on{ background:#a81965; }

/*index_m1*/
	.index_m1{ padding: 20px 10px; }
	.im1tit{ text-align: center; padding-bottom: 30px;}
	.im1tit i{ display: block; background: url(../../images/images/index_21.jpg) no-repeat center; width: 100%; height: 20px; margin-bottom: 5px;}
	.im1tit span{ display:block; text-align: center; font-size: 18px; color: #333333; line-height: 25px;}
	.im1tit font{ display:block; text-align: center; font-size: 14px; font-family: "Arial"; letter-spacing: 1px; color: #cecece; line-height: 20px; text-transform: uppercase;}
	.im1lst{}
	.pro_one{ width: 100%; position: relative; }
	.pro_oneimg{ text-align: center; background: #e1e1e1; }
	.pro_oneimg img{ max-width: 100%; }
	.pro_one_tt{ position: absolute; bottom: 0px; width: 100%; max-width: 80%; height: 40px; overflow: hidden;}
	.pro_one_tt span{ display: block; float: left; background: #ffffff; height: 40px; line-height: 40px; font-size:14px; padding:0px 10px; color: #333333;}
/*index_m2*/
	.index_m2{padding: 20px 10px 10px 10px;}
	.im2_tit{text-align: center; padding-bottom: 10px;}
	.im2_tit i{ display: block; background: url(../../images/images/index_21.jpg) no-repeat center; width: 100%; height: 20px; margin-bottom: 5px;}
	.im2_tit span{ display:block; text-align: center; font-size: 18px; color: #333333; line-height: 25px;}
	.im2_tit font{ display:block; text-align: center; font-size: 14px; font-family: "Arial"; letter-spacing: 1px; color: #cecece; line-height: 20px; text-transform: uppercase;}
	.im2img{ text-align: center; position: relative; z-index: 2;}
	.im2img img{ max-height: 50px; }
	.im2lst{ position: relative; top: -15px; margin-bottom: -15px; }
	.im2_one{ width: 100%;}
	.im2_oneimg{ text-align: center; background: #e1e1e1; position: relative; z-index: -1;}
	.im2_oneimg img{ max-width: 100%; }
	.im2_one_tt{  height: 30px; overflow: hidden;text-align: center; width: 100%;}
	.im2_one_tt span{ display: block; height: 30px; line-height: 30px; font-size:14px; color: #333333;}
/*index_m3*/
	.index_m3{padding: 20px 10px 10px 10px;}
	.im3_tit{text-align: center; padding-bottom: 10px;}
	.im3_tit i{ display: block; background: url(../../images/images/index_21.jpg) no-repeat center; width: 100%; height: 20px; margin-bottom: 5px;}
	.im3_tit span{ display:block; text-align: center; font-size: 18px; color: #333333; line-height: 25px;}
	.im3_tit font{ display:block; text-align: center; font-size: 14px; font-family: "Arial"; letter-spacing: 1px; color: #cecece; line-height: 20px; text-transform: uppercase;}
	.im3img{ text-align: center; position: relative; z-index: 2;}
	.im3img img{ max-height: 50px; }
	.im3lst{ position: relative; top: -15px; margin-bottom: -15px; }
	.im3_one{ width: 100%;}
	.im3_oneimg{ text-align: center; background: #e1e1e1; position: relative; z-index: -1;}
	.im3_oneimg img{ max-width: 100%; }
	.im3_one_tt{  height: 30px; overflow: hidden;text-align: center;width: 100%;}
	.im3_one_tt span{ display: block; height: 30px; line-height: 30px; font-size:14px; color: #333333; }
/*index_m4*/
	.index_m4{ background: url(../../images/images/index_45.jpg) no-repeat center center;width: 100%; padding: 20px 10px; }
	.index_m4bg{ background: rgba(255,255,255,0.9); width:100%; padding: 20px 0px 0px 0px;}
	.index_m4x1{ padding: 0px 10px; }
	.index_m4x1y1{ float: left; }
	.index_m4x1y1 i{ display: block; background: url(../../images/images/index_21.jpg) no-repeat center; width: 70px; height: 20px; margin-bottom: 5px;}
	.index_m4x1y1 span{ display:block; text-align: left; font-size: 18px; color: #333333; line-height: 25px;}
	.index_m4x1y1 font{ display:block; text-align: left; font-size: 14px; font-family: "Arial"; letter-spacing: 1px; color: #cecece; line-height: 20px; text-transform: uppercase;}
	.index_m4x1y2{ float: right;font-size: 32px; color:rgba(51,51,51,0.12); text-transform: uppercase; line-height: 70px; font-weight:bold;}
	.index_m4x2{ line-height: 25px; height: 100px; overflow: hidden; margin: 10px 10px 20px 10px; }

	.index_m4righ{ text-align: center; }
	.index_m4righ img{ max-width: 100%;}
/*index_m5*/
	.index_m5{ padding: 20px 10px; }
	.im5tit{ text-align: center; }
	.im5tit i{ display: block; background: url(../../images/images/index_21.jpg) no-repeat center; width: 100%;  height: 20px; margin-bottom: 5px;}
	.im5tit span{ display:block; text-align: center; font-size: 18px; color: #333333; line-height: 25px;}
	.im5tit font{ display:block; text-align: center; font-size: 14px; font-family: "Arial"; letter-spacing: 1px; color: #cecece; line-height: 20px; text-transform: uppercase;}
	.im5lst{ padding-top: 10px; }
	.im5_one{ width: 100%; }
	.im5_oneimg{list-style-type: none; display: block; max-width: 320px; max-height: 540px; position: relative; border: 1px solid #e1e1e1;}
	.im5_oneimg .im5_oneimgx{padding-top: 65%;}
	.im5_oneimg img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height:100%;display: block;margin:auto;padding: auto;}
	.im5_one_tt{ border: 1px solid #e1e1e1; border-top: none; padding: 5px 10px;}
	.im5_one_tt span{ display: block; height: 25px; line-height: 25px; overflow: hidden; }
	.im5_one_tt font{ display: block; height: 40px; line-height: 20px; font-size: 12px; color: #999999; overflow: hidden; }
	.im5_one_tt i{ display: block; height: 20px; line-height: 20px; font-size: 12px; color: #999999; font-style: normal; overflow: hidden; }
/*index_m6*/
	.index_m6{ text-align: center; }
	.index_m6 img{ max-width: 100%; }
/*index_m7*/
	.index_m7{ padding: 20px 10px; }
	.im7tit{ text-align: center; }
	.im7tit i{ display: block; background: url(../../images/images/index_21.jpg) no-repeat center; width: 100%;  height: 20px; margin-bottom: 5px;}
	.im7tit span{ display:block; text-align: center; font-size: 18px; color: #333333; line-height: 25px;}
	.im7tit font{ display:block; text-align: center; font-size: 14px; font-family: "Arial"; letter-spacing: 1px; color: #cecece; line-height: 20px; text-transform: uppercase;}
	.im7lst1{ padding: 10px 0px; text-align: center;}
	.im7lst1 img{ max-width: 100%; }
	.im7lst1x{ font-size: 16px; color: #222222; height: 30px; line-height: 30px; overflow: hidden; font-weight: bold;}
	.im7lst2{ font-size: 14px; color: #666666; line-height: 25px; height: 75px; width: 100%; overflow: hidden; margin: 0px 0px 15px 0px; }
	.im7lst3{ text-align: center; }
	.im7lst3 img{ max-width: 100%; }
	.im7lst4{}
	.im7lst4 .col-xs-3{ padding: 5px; text-align: center;}
	.im7lst3x1 a{ display: block; background: url(../../images/images/bor_06.jpg) no-repeat center top; padding: 25px 0px 0px 0px;text-align: center;transition: all 0.5s;  line-height: 20px; font-size: 12px; color: #333333; }
	/*.im7lst3x1 a:hover{ background: url(../../images/images/bor_03.jpg) no-repeat center bottom; padding: 0px 0px 45px 0px;color: #a81963;transition: all 0.5s;}*/
/*page_contact*/
	.page_contact{ background: #262528;padding: 20px 0px 0px 0px; }
	.p_c_x1{ padding: 0px 10px; color: #ffffff; line-height: 30px; font-size: 16px;}
	.p_c_x2{ padding: 5px 10px; }
	.p_c_x2 select{ width: 100%; background: #484848; border: none; outline: none; height: 35px; line-height: 35px; color: #939393; padding: 0px 10px; }
	.p_c_x2 input{ width: 100%; height: 35px; line-height: 35px; padding: 0px 10px;background: #484848; color: #939393;border: none; outline: none;}
	.p_c_x2 textarea{ background: #484848; color: #939393;border: none; outline: none; width: 100%; padding: 5px 10px; }
	.p_c_x3{ padding: 0px 10px; }
	.p_c_x3 input{ border: 1px solid #484848; background: none; outline: none; width: 100%; height: 30px;color: #939393; }
	.page_contactx1{ padding: 10px 0px 15px 0px; }
	.page_contactx2{padding: 3px 10px;color: #ffffff; }
	.page_contactx2 font{display: block; line-height: 25px;  font-size: 14px;}
	.contct_lst{padding: 10px 10px 15px 10px; background: #1c1b1e; line-height: 20px; text-align: center; color: #9c9c9c; }
/**/
.page_copy2{ padding:5px 0px 40px 0px; text-align:center;background:#ffffff;}

.page_copy{padding:10px 0px 50px 0px; background:#ffffff; text-align:center; color:#8e8e8e;}
.page_copy span{ line-height:30px;}

.footer{ max-width: 640px; width: 100%; margin: 0 auto; border-top:1px solid #dfdfdf; background:#ffffff;  height:50px; width:100%; }
.footerx{ position:fixed; bottom:-1px; left:0; z-index:100; width: 100%;}
.footer div{ }

.foo_bg{ height:50px;text-align:center; padding:0px 0px; border-right: 1px solid #dfdfdf; float:left; width:20%;font-size:14px;}
.foo_bg font{ display: block; height: 50px; line-height: 50px; color:#333333;}
.foo_bg.foo_bg_hover{ background: #a81965; }
.foo_bg.foo_bg_hover font{ color: #ffffff; }

.foo_bg2{ height:50px;padding:0px 0px; text-align:center; font-size:14px;color:#333333;width:20%;float:left;}
.foo_bg2 font{ display: block; height: 50px; line-height: 50px; color:#333333;}
.foo_bg2.foo_bg_hover font{ color: #ffffff; }
.foo_bg2.foo_bg_hover{ background: #a81965; }

/*site ======================================================*/
.my_tsi{ text-align: center; line-height: 50px; height: 50px; color: #999999; }

.conttent_nav{ border-bottom:1px solid #e1e1e1; padding:10px 0px 0px 0px; text-align:center;width:100%;}
.conttent_nav .col-xs-4{ padding:0px 5px;}
.connav_one{ border:1px solid #e1e1e1; border-radius:5px; width:100%; height:30px; line-height:30px; text-align:center; margin-bottom:10px; overflow:hidden;}
.conttent_nav .active{ border:1px solid #a81965; background:#a81965; color:#FFFFFF;}
.conttent_nav .active a{ color:#FFFFFF;}

.conttent_con{ padding:10px 0px 5px 0px; line-height:210%;}

.pro_oncex{ border:1px solid #e1e1e1; padding:4px; border-radius:5px; margin-bottom:20px; background:#ffffff;}
.pro_oneimg{ width:100%; text-align:center;}
.pro_oneimg img{ max-width:100%;}
.pro_onefont{ text-align:center; width:100%; height:30px; line-height:30px; margin-top:10px; overflow:hidden;}
#pages{ width:250px; margin:0 auto;}
#pages a{ width:100px; height:30px; border:1px solid #e1e1e1; display:block; float:left; border-radius:5px;}
#pages a.a1 { padding:0 10px; margin:0px 10px; height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.clr{ clear:both;}
.clear{ clear:both;}

.mytxts{ border-radius:5px; border:1px solid #cccccc; width:98%; height:30px; margin:2% 0;}
.conttent_con textarea{ border-radius:5px; border:1px solid #cccccc; width:98%; height:60px;}

.page_fwlont_x2{padding-top:10px; }
.page_fwlont_y1{ width:100%; height:25px; line-height:25px; overflow:hidden; font-size:14px;}
.page_fwlont_y2 span{ display:block; float:left; width:50%; height:30px; line-height:30px; overflow:hidden; text-decoration:line-through; color:#cccccc;}
.page_fwlont_y2 font{ display:block; float:right; text-align:right; width:50%; height:30px; line-height:30px; overflow:hidden; color:#ff0000;}


.news_linonex{ border-bottom:1px dashed #e1e1e1; padding:5px 0px;}
.news_linonex .col-xs-8{ padding:0px 5px 0px 0px;}
.news_linonex .col-xs-4{ padding:0px 0px 0px 5px;}
.news_lino_time{ text-align:right; width:100%; height:30px; line-height:30px; overflow:hidden;}
.news_lino_tit{ width:100%; height:30px; line-height:30px; overflow:hidden;}
.navbar-default .navbar-nav > li > a{ color:#a81965;}
.icon-bar{ color:#a81965; background:#FFFFFF;}

.pro_allborx{}
.page_fwlst .col-xs-6{ padding:5px;}
.thumbnail{ margin-bottom:5px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:none; color:#a81965;}

.pfuwu_lst{padding:0px 5px;}
.page_fwlst{ padding:10px 0px 5px 0px;}
.page_fwlst .col-xs-6{ padding:5px;}
.page_fwlone{width:100%; border-radius: 5px; overflow: hidden;}
.page_fwlstm{ padding: 0px 5px; }
.page_fwlone .thumbnail{ margin-bottom:0px; padding:0; overflow:hidden; border-radius:0px; border:1px solid #a81965;}
.page_fwlont_x{ background:#a81965; margin-top: -5px;}
.page_fwlont_x1{ width:90%; margin:0 auto; text-align:left; height:40px; line-height:40px; overflow:hidden; text-align: center; color: #FFFFFF;}

@media screen and (max-width:550px){
.page_a2righ span{ display:block; line-height:29px; height:290px; width:100%; overflow:hidden;}
.page_a2righ font{ display:block; margin-top:10px;}
.page_a2righ font a{ display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#ffffff; background:#be0800;}
}
@media screen and (max-width:400px){
.page_a2righ span{ display:block; line-height:30px; height:210px; width:100%; overflow:hidden;}
.page_a2righ font{ display:block; margin-top:10px;}
.page_a2righ font a{ display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#ffffff; background:#be0800;}
}
@media screen and (max-width:320px){
.page_a2righ span{ display:block; line-height:25px; height:125px; width:100%; overflow:hidden;}
.page_a2righ font{ display:block; margin-top:10px;}
.page_a2righ font a{ display:block; width:100px; height:30px; text-align:center; line-height:30px; color:#ffffff; background:#be0800;}
}