@charset "utf-8";
/* CSS Document */
a,a:link,a:visited{ color:#444444;}
.div_clear{ clear:both;}
.navbar-brand{padding: 5px 5px;}
.navbar-brand{ width:84%; text-align:center; margin-left:2%;}
.navbar-brand div{ width:100%; text-align:left; height:40px; line-height:40px; color:#FFFFFF;}
.navbar-brand img{ max-width:80%; max-height:40px;}
.nav_bgcolcrx{ background:#FFFFFF; border:none;-moz-box-shadow:0px 3px 5px #ececec; -webkit-box-shadow:0px 3px 5px #ececec; box-shadow:0px 3px 5px #ececec;}
.navbar-toggle{ border-radius:0px;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#d40800;}
.navbar{ margin-bottom:0px; }
.navbar-default .navbar-toggle{ margin:0; padding:9px 10px; height:50px;}
.navbar-default .navbar-toggle .icon-bar{ color:#d40800;}
.navbar-default .navbar-toggle{border-color: #FFFFFF; background:#FFFFFF;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:#FFFFFF;}

/*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:#d40800; }

/*banner*/
.banner2{max-width:640px; width:100%;height:auto;overflow:hidden; position:relative; margin:0 auto;}
.banner2 .bigbanner2{ position:relative; z-index:0; width:100%; overflow:hidden;}
.banner2 .bigbanner2 li{ position:relative; text-align:center; width:100%; height:auto; float:left; padding-bottom:10px;}
.banner2 .bigbanner2 li img{ background:url(../../images/wap/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

.banner2 .smallbanner2{ position:relative; height:30px; line-height:30px; bottom:0px; left:0%; z-index:1; width:100%;}
.banner2 .smallbanner2 ul{ position:absolute; width:100%; text-align:center; padding:0; height:10px;}
.banner2 .smallbanner2 li{ display:inline-block; width:10px; height:10px; background:#d8d8d8; text-indent:-9999px; overflow:hidden; margin:0 5px;}
.banner2 .smallbanner2 li.on{ background:#d40800; }

.carousel-indicators{ bottom:0px;}

.page_copy2{ padding:20px 10px 60px 10px; text-align:center;background:#FFFFFF;}
.page_copy2 span{ line-height:30px; display:block; text-align:left;}
.page_copy2x{ text-align:center; color:#8b8a8a;}
.page_copy2x font{ line-height:25px; text-align:center;}

.page_copy{padding:10px 0px 60px 0px; background:#FFFFFF; text-align:center; color:#8e8e8e;}


.page_zy_lin1{ text-align:center;}
.page_zy_lin1 img{ max-width:100%;}


.page_navx{ padding:0; background:#FFFFFF; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3;}
.page_navx .col-xs-4{ padding:0;}
.page_navx a{ display:block; padding:15px 10px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.page_navx a span{ display:block; width:100%; text-align:center;}
.page_navx a span img{ max-width:100%;}
.page_navx a font{ display:block; width:100%; height:35px; line-height:35px; font-size:16px; text-align:center; overflow:hidden;}

.gg_lst1{ background:#0f3488; padding:15px 10px 10px 10px;}
.gg_lst1x{ background:url(../../images/wap/index_30.jpg) no-repeat center left; padding-left:33px; height:40px; line-height:40px; margin-right:5px; color:#FFFFFF; font-weight:bold; float:left;}
#scrollDiv{height:40px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:40px;line-height:40px; font-size:16px;overflow:hidden;}
#scrollDiv li a{ color:#FFFFFF;font-size:14px;}
#scrollDiv ul,#scrollDiv li{ margin:0; padding:0; list-style:none;}
.gg_lst2{ position:relative; width:100%; margin-bottom:40px;}
.gg_lst2img{ position:absolute; top:0; width:100%; text-align:center;}
.gg_lst2img img{ width:100%; max-height:40px;}
.gg_lst2fot{ width:100%; height:40px; line-height:40px; text-align:center; color:#FFFFFF; position:absolute; top:0; z-index:1;}








.qy_lst{ padding:10px 10px 20px 10px;}
.qy_ltit{ background:url(../../images/wap/index_38.jpg) repeat-x bottom left; height:40px; line-height:40px;}
.qy_ltit span{ display:block; float:left;  background:url(../../images/wap/index_36.jpg) repeat-x bottom left; height:40px; font-weight:bold;font-size:16px;}
.qy_llst{ padding-top:15px;}






.page_abtx{padding:20px 0px 0px 0px; background:#0f3488;}
.page_abtxtit{ background:url(../../images/wap/index_43.jpg) repeat-x bottom left; height:40px; line-height:40px; margin:0px 10px;}
.page_abtxtit span{ display:block; float:left;  background:url(../../images/wap/index_36.jpg) repeat-x bottom left; font-size:16px; color:#FFFFFF; height:40px; font-weight:bold;}
.page_abtxtit font{ display:block; float:right; color:#85a0df; margin-top:5px; line-height:35px; text-align:right;}

.page_abtxtit2{ text-align:center; margin:15px 10px 10px 10px; background:#d40800; padding:7px 7px 0px 7px;}
.page_abtxtit2x{ text-align:center;}
.page_abtxtit2x img{ max-width:100%;}
.page_abtxcon_tit{ margin:0px 10px;}
.page_abtxcon_tit span{ display:block; color:#FFFFFF; font-weight:bold; font-size:16px; height:30px; line-height:30px; text-align:left; overflow:hidden;}
.page_abtxcon_tit font{ display:block; color:#FFFFFF; }

.page_abtxcon{ margin:10px 10px 20px 10px; height:100px; line-height:25px; overflow:hidden; color:#b8ceff;}
.page_abtxmore{ margin:10px 0px 0px 0px; text-align:center;}
.page_abtxmore span{ display:block; float:left; width:50%;}
.page_abtxmore font{ display:block; float:right; width:50%;}
.page_abtxmore img{ max-width:100%;}


.page_fuwu{ padding:15px 0px 10px 0px; background:#FFFFFF;}
.page_fuwuxtit{ background:url(../../images/wap/index_38.jpg) repeat-x bottom left; height:40px; line-height:40px; margin:0px 10px;}
.page_fuwuxtit span{ display:block; float:left;  background:url(../../images/wap/index_36.jpg) repeat-x bottom left; font-size:16px; color:#333333; height:40px; font-weight:bold;}
.page_fuwuxtit font{ display:block; float:right; color:#333333; margin-top:5px; line-height:35px; text-align:right;}


.pfuwu_lst{padding:10px 5px 10px 5px;}
.page_fwlst{ padding:5px 0px 5px 0px;}
.page_fwlst .col-xs-6{ padding:7px;}
.pro_allborx{border:1px solid #ececec;}
.pro_allborx .thumbnail{ margin-bottom:0px; padding:0; overflow:hidden; border-radius:0; border:none;}
.page_fwlont_x{ background:#ffffff; border-top:1px solid #ececec;}
.page_fwlont_x1{ padding:0px 10px;}
.page_fwlont_x1 span{ display:block; width:100%; color:#333333; height:35px; line-height:45px; overflow:hidden; text-align:center;}




.page_new{padding:15px 5px;}
.page_newtit{ text-align:center; padding-bottom:0px;}
.page_newtitleft{ width:20%; text-align:left; float:left; font-weight:bold; line-height:25px;}
.page_new_nav{ width:80%; float:right;}
.page_new_nav{}
.page_new_nav .col-xs-4{ padding:0px 5px;}
.page_new_nav li{ text-align:center;}
.nav > li > a{ padding:0;}
.page_new_nav .nav-tabs{ border:none;}
.page_new_nav li a{ display:block; width:100%;  height:25px; line-height:25px;font-size:12px; border:none;}
.page_new_nav .nav-tabs > li.active > a,.page_new_nav .nav-tabs > li.active > a:hover,.page_new_nav .nav-tabs > li.active > a:focus{ border:none; background:#d40800; color:#FFFFFF;}

.page_new_lst2{ width:100%; height:144px; margin-top:10px; overflow:hidden; padding:0px 5px; border:1px solid #f3f3f3;}
.new_onex{ border-bottom:1px dashed #e5e7e6; height:35px; line-height:35px;}
.new_onex span{ display:block; float:left; width:60%; height:35px; overflow:hidden;}
.new_onex font{ display:block; float:right; width:40%; height:35px; overflow:hidden; text-align:right;}

.footer{ position:fixed; bottom:0; left:0; border-top:1px solid #1b45a3; background:#0f3488;  height:50px; width:100%; z-index:100;}
.footer div{ }
.foo_bg{ height:50px;text-align:center; padding:5px 0px; border-right:1px solid #1b45a3;}
.foo_bg span{ display:block;}
.foo_bg span img{ max-width:25%; max-height:25px;}
.foo_bg font{ display:block;  color:#FFFFFF; margin-top:2px;}
.foo_bg2{ height:50px; text-align:center; padding:5px 0px;}
.foo_bg2 span{ display:block;}
.foo_bg2 span img{ max-width:25%; max-height:25px;}
.foo_bg2 font{ display:block; color:#FFFFFF; margin-top:2px;}

.page_ggw{}
.page_ggw img{ max-width:100%;}

.page_join{ background:#eeeeee; border-top:1px solid #e0dfdf; border-left:1px solid #e0dfdf;}
.page_join .col-xs-3{ padding:0px;}
.page_join a{ display:block; width:100%; border-bottom:1px solid #e0dfdf; border-right:1px solid #e0dfdf; text-align:center; padding:15px 5px 5px 5px;}
.page_join a span{ display:block; text-align:center;}
.page_join a img{ max-width:60%;}
.page_join a font{ display:block; text-align:center; font-size:14px; height:30px; line-height:30px;}

.page_case{ border-bottom:5px solid #f4f2f2; padding:3% 0;}
.page_case_tit{ text-align:center;}
.page_case_tit img{ max-width:100%;}
.page_case_tit2{}
.page_case_tit2 .col-xs-4{ padding:0px 5px;}
.page_case_tit2 a{ display:block; width:100%; background:#1f469f; color:#FFFFFF; text-align:center; height:40px; line-height:40px; margin-top:10px;}

.page_case_lst{ padding-top:10px;}


.news_titx{ padding-top:10px;}
.news_titleft{ background:url(../../images/wap/index_24.jpg) no-repeat center left; padding-left:30px; height:40px; line-height:40px; font-size:16px; float:left;}
.news_titright{ width:30%; float:right;}
.clleft{ background:url(../../images/wap/index_27.jpg) no-repeat center left; display:block; float:left; width:50%; height:40px;}
.clrigh{ background:url(../../images/wap/index_29.jpg) no-repeat center right; display:block; float:right; width:50%; height:40px;}
.news_itemx{ padding-bottom:20px;}
.carouselx{border-bottom:5px solid #eeeeee; background:#FFFFFF;}
.newx_xx{ display:block; width:100%; height:40px;}
.newx_xx span{ display:block; float:left; background:url(../../images/wap/index_35.jpg) no-repeat center left; padding-left:15px; width:60%; height:40px; overflow:hidden; line-height:40px;}
.newx_xx font{ display:block; float:right; text-align:right; width:30%; height:40px; line-height:40px; overflow:hidden;}

.nav_bgcolcrx .nav li{ margin: 7.5px 15px;}

.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 #d40800; background:#d40800; color:#FFFFFF;}
.conttent_nav .active a{ color:#FFFFFF;}

.conttent_con{ padding:10px 0px 70px 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:#d40800;}
.icon-bar{ color:#d40800; background:#FFFFFF;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#cccccc;}

/*shop*/
.pro_info_tit{ border-bottom:5px solid #ececec;}
.pro_info_tit1{ padding:10px 0px; line-height:25px; font-weight:bold; font-size:16px;}
.pro_info_tit2{ padding-bottom:10px; line-height:30px;}
.pro_info_tit2 span{ display:block; float:left; text-decoration:line-through; font-size:14px; padding-right:10px;}
.pro_info_tit2 font{ display:block; float:left; width:40%; font-size:20px; color:#ff0000;}
.pro_info_tit2 a{ display:block; float:right; width:30%; text-align:center; background:#1d7345; color:#FFFFFF; border-radius:5px;}

.pro_info_tit3{ border-bottom:1px solid #ececec; height:40px; line-height:40px; font-size:14px; font-weight:bold;}
.pro_info_lst{ padding:10px 0px; line-height:210%;}

/*shopcar*/
.shop_lst{ margin:30px 0px 0px 0px;}
.shop_lst span{ display:block; width:100%; text-align:center; color:#AFAFAF; font-size:16px; line-height:50px;}
.shop_lst font{ display:block; width:100%; margin-top:10px;}
.shop_lst a{ display:block; width:100%; height:40px; background:#E62129; color:#FFFFFF; text-align:center; line-height:40px; font-size:14px; border-radius:5px;}
.shop_lst_x li{ border-bottom:1px solid #ececec; list-style:none; margin:0; padding:0; padding:10px 0px;}
.car_img{ width:82px; height:82px; border:1px solid #ececec; margin:0px 10px;}
.car_img div{ width:80px; height:80px; display:table-cell; vertical-align:middle; text-align:center;}
.shop_lst_x .fl{ float:left;}
.shop_lst_x .fr{ float:right;}
.car_check{ width:16px; height:16px; margin-top:20px;}
.myselect{ width:16px; height:16px; border-radius:50%; margin:0;}
.cat_fotit{ text-align:left; height:30px; line-height:30px;  overflow:hidden;}
.cat_folst{}
.cat_folleft{ float:left; line-height:30px; color:#ff0000;}
.cat_folright{ float:right; width:35%;}

.shop_foot{position:fixed; bottom:0; left:0; border-top:1px solid #e4e4e4; background:#FFFFFF;  height:50px; width:100%; z-index:100;}
.shop_foot .col-xs-7{ padding:0px 5px 0px 0px;}
.shop_foot .col-xs-5{ padding:0px 0px 0px 5px;}
#myallprice{ color:#ff0000; line-height:50px; font-size:16px;}
.shop_foot a.pay_sub{ display:block; width:100%; margin:10px 0px 10px 0px; height:30px; line-height:30px; background:#ff0000; color:#FFFFFF; font-size:16px; text-align:center; border-radius:5px;}


@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;}
}

.uo_onexy{ border-bottom:5px solid #ececec; padding-bottom:10px; padding-top:5px;}
.uo_onexy .fl{ float:left;}
.uo_onexy a{ display:block; margin:5px 0px;}
.uo_tit{ line-height:30px; height:30px;}
.uo_tit span{ padding-right:10px;}
.uo_tit font{ padding-left:10px;}

.uo_tit2{ width:82px; height:82px; border:1px solid #ececec;}
.uo_tit2 div{ display:block; width:80px; height:80px; display:table-cell; vertical-align:middle; text-align:center;}
.uo_tit2 .thumbnail{ border:none;}
.uo_tit3{ margin-left:90px;  height:30px; line-height:30px; overflow:hidden;}
.uo_tit4{ margin-left:90px;  height:30px; line-height:30px;}
.uo_tit4 span{ display:block; float:left; width:30%; color:#ff0000;}
.uo_tit4 font{ display:block; float:right; width:30%; text-align:right;}

.uo_lstx{ margin-top:10px;}
.uo_lstx span{ display:block; float:left; height:30px; line-height:30px; font-size:16px; color:#ff0000;}
.uo_lstx font{ display:block; float:right; height:30px; line-height:30px; width:30%; color:#FFFFFF; font-size:14px; text-align:center; border-radius:5px;}
.uo_lstx font.uo_ico1{ background:#ff0000;}
.uo_lstx font.uo_ico2{ background:#F46F68;}
.uo_lstx font.uo_ico3{ background:#329AD8;}
.uo_lstx font.uo_ico4{ background:#18BC9D;}