@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: 750px; width: 100%; margin: 0 auto; }
.div_clear{ clear:both;}
.navbar .container-fluid{ }
.navbar-brand{ text-align:left;padding: 5px 0px 5px 10px; flex-grow: 1;}
.navbar-brand div{ width:100%; text-align:left; height:40px; line-height:40px; color:#FFFFFF;}
.navbar-brand img{ max-height:30px; max-width: 100%;}
.nav_bgcolcrx{ background:none; border:none;}
.navbar-header{ height: 50px;background:#13007c; display: flex; justify-content: space-between; border-bottom: 1px solid #230c9f;}

.navbar-toggle{ border-radius:0px;}
.navbar-header button{ padding: 0 10px 0px 0px; margin: 0; border: none; background: none;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: none;}
.navbar-header button img{ max-height: 15px; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background: #13007c; border-top: none; }
/*.navbar-default .navbar-toggle .icon-bar{ background-color:#ba2f32;}
.navbar{ margin-bottom:0px; }
.navbar-default .navbar-toggle{ margin:0; padding:9px 10px; height:50px;}
.navbar-default .navbar-toggle .icon-bar{ color:#ba2f32;}
.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;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{ background:#ffffff; border-color: #e1e1e1;}*/
.navbar-default .navbar-nav > li > a{ color:#ffffff;}
.navbar-default .navbar-nav{ padding-top: 0px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:none; color:#ffffff;}
.navbar{ margin: 0; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#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/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

	.banner .smallbanner{ position:absolute; height:28px; line-height:28px; bottom:0; z-index:1;width: 100%; }
	.banner .smallbanner ul{ position: relative; width: 100%; text-align: center; }
	.banner .smallbanner li{ display:inline-block; width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.6); text-indent:-9999px; overflow:hidden; margin:0 5px;   }
	.banner .smallbanner li.on{ background:#ffffff; }

/*index_m1*/
	.index_m1{ position: relative; overflow: hidden; background: #13007c; padding: 30px 10px;}
	.inm1xL1{ padding-bottom: 20px; }
	.inm1xL1 span{ display: block; text-align: center;}
	.inm1xL1 span img{ max-height: 25px; }
	.inm1xL1 font{ display: block;  text-align: center; font-size: 20px; height: 30px; line-height: 30px; color: #FFFFFF; margin-top: 5px;}
	.inm1xL2{}
	.inm1xL2 span{ display: block; display: block; text-align: center; font-size: 18px; color: #7780ee; line-height: 35px; height: 35px; overflow: hidden;}
	.inm1xL2 font{ display: block; font-size: 14px; text-align: left; color: #7780ee; line-height: 25px; height: 125px; overflow: hidden;}
	.inm1xL3{ padding-top: 10px; }
	.inm1xL3 a{ display: flex; justify-content: center; align-items: center; padding: 10px 0px;}
	.inm1xL3 a i{ display: block; width: 10px; height: 2px; background: #ffffff; }
	.inm1xL3 a img{ display: block; margin-left: 12px;}
	.inm1xR{ padding: 20px 0px 0px 0px; }
	.inm1xR img{ width: 100%; }
/*index_m2*/
	.index_m2{  overflow: hidden; background: #212121; padding: 30px 10px;}
	.im2x{}
	.im2xt1{ padding-bottom: 20px; }
	.im2xt1 span{ display: block; text-align: center;}
	.im2xt1 span img{ max-height: 25px; }
	.im2xt1 font{ display: block;  text-align: center; font-size: 20px; height: 30px; line-height: 30px; color: #FFFFFF; margin-top: 5px;}
	.im2xlst{}
	.im2lone{}
	.im2oimg{list-style-type: none; display: block; width: 100%; position: relative; background:#FFFFFF; margin: 0 auto;}
	.im2oimg .im2oimgx{padding-top:83%;}
	.im2oimg img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height:100%;display: block;margin:auto;padding: auto;}
	.im2lofot{ padding:0px 15px; margin-top: -30px; position: relative; z-index: 10;}
	.im2lofotx{ padding:0px 10px; transition: all 0.3s; height: 60px; overflow: hidden;}
	.im2lofotx span{ display: block; background: rgba(19,0,124,0.9); text-align: center; color: #FFFFFF; font-size: 14px; overflow: hidden; height: 30px; line-height: 30px;}
	.im2lofotx font{ display: block; background: #13007c; text-align: center; font-size: 12px;  color: #FFFFFF; overflow: hidden; height: 30px; line-height: 30px;}
	.im2xlst .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #FFFFFF; }
/*index_m3*/
	.index_m3{ position: relative; overflow: hidden; background:url(../images/index_14.jpg) #1b1b1b no-repeat top center; background-size: 100%; padding: 25px 10px;}
	.im3R1{ padding-bottom: 20px; }
	.im3R1 span{ display: block; text-align: center;}
	.im3R1 span img{ max-height: 25px; }
	.im3R1 font{ display: block;  text-align: center; font-size: 20px; height: 30px; line-height: 30px; color: #FFFFFF; margin-top: 5px;}
	.im3R2{ padding-bottom: 40px; }
	.im3R2 span{ display: block; text-align: center; font-size: 18px; color: #FFFFFF; height: 30px; line-height: 30px; overflow: hidden;}
	.im3R2 font{ display: block; text-align: center; font-size: 14px; color: #cccccc; line-height: 210%; overflow: hidden;}
	.im3lst1{}
	.im3lone{}
	.im3loimg{list-style-type: none; display: block; width: 100%; position: relative; margin: 0 auto;background: rgba(255,255,255,0.2); }
	.im3loimg .im3loimgx{padding-top:74%;}
	.im3loimg img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height:100%;display: block;margin:auto;padding: auto;}
	.im3lst1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #FFFFFF; }
	.inm3xL3{ padding-top: 10px; }
	.inm3xL3 a{ display: flex; justify-content: center; align-items: center; padding: 10px 0px;}
	.inm3xL3 a i{ display: block; width: 10px; height: 2px; background: #ffffff; }
	.inm3xL3 a img{ display: block; margin-left: 12px;}
/*index_m4*/
	.index_m4{ position: relative; overflow: hidden; background: #202020; padding: 20px 10px;}
	.inm4tit{padding-bottom: 20px; }
	.inm4tit span{ display: block; text-align: center;}
	.inm4tit span img{ max-height: 25px; }
	.inm4tit font{ display: block;  text-align: center; font-size: 20px; height: 30px; line-height: 30px; color: #FFFFFF; margin-top: 5px;}
	.im4xlst{}
	.im4lone{}
	.im4oimg{list-style-type: none; display: block; width: 100%; position: relative; margin: 0 auto;background: rgba(0,0,0,0.2); }
	.im4oimg .im4oimgx{padding-top:73%;}
	.im4oimg img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height:100%;display: block;margin:auto;padding: auto;}
	.im4lofot{ position: relative; z-index: 10; }
	.im4lofotx{ padding:10px 15px; transition: all 0.3s; background: #13007c;}
	.im4lofotx span{ display: block; text-align: left; color: #FFFFFF; font-size: 16px; overflow: hidden; height: 30px; line-height: 30px;}
	.im4lofotx font{ display: block; text-align: left; font-size: 13px;  color: #FFFFFF; overflow: hidden; height: 25px; line-height: 25px;}
	
	.im4xlst .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #FFFFFF; }
	.inm4xyxz{ padding-top: 10px; }
	.inm4xyxz a{ display: flex; justify-content: center; align-items: center; padding: 10px 0px;}
	.inm4xyxz a i{ display: block; width: 10px; height: 2px; background: #ffffff; }
	.inm4xyxz a img{ display: block; margin-left: 12px;}

/*index_m5*/
	.index_m5{ background:#5c636c; overflow: hidden;  position: relative;}
	.im5bg{position:absolute; top: 0; width: 100%;}
	.im5bg img{ max-width: 100%; }
	.im5x{ width: 100%; padding: 40px 0px 40px 0px; position: relative; z-index: 1;}
	.inm5tit{ padding-bottom: 20px; }
	.inm5tit span{ display: block; text-align: center;}
	.inm5tit span img{ max-height: 25px; }
	.inm5tit font{ display: block;  text-align: center; font-size: 20px; height: 30px; line-height: 30px; color: #FFFFFF; margin-top: 5px;}
	.im5lst{position: relative; padding: 0px 10px 0px 10px;}
	.im5lst1{}
	.im5lst1x{}
	.im5lst1x .col-xs-6{ padding: 0; }
	.im5lstone{}
	.im5lstone a{ display: block; position: relative; padding: 0 9px 0px 9px; border: 1px solid rgba(255,255,255,0.7);}
	.im5lstoneq{}
	.im5lstoneq a{display: block;position: relative; padding: 0 9px 0px 9px; border: 1px solid rgba(255,255,255,0.7); border-left: none;}

	.im5lstonex{ padding: 15px 0px 15px 0px; }
	.im5lsto1{ width: 100%; height: 30px; text-align: center; margin-bottom: 10px;}
	.im5lsto2{}
	.im5lsto2 span{ display: block; height: 25px; line-height: 25px; text-align: center; font-size: 14px; color: #FFFFFF; overflow: hidden;}
	.im5lsto2 font{ display: block; height: 25px; line-height: 25px; text-align: center; font-size: 12px; color: rgba(255,255,255,0.8); overflow: hidden; margin-top: 5px;}
	.im5lsto3{ margin-top: 15px; text-align: center;}
	.im5lsto3 img{ max-height: 7px; }

	.im5lsto1ico1{ background: url(../images/i4_10.png) no-repeat center; background-size: 30px;}
	.im5lsto1ico2{ background: url(../images/i4_12.png) no-repeat center; background-size: 30px;}
	.im5lsto1ico3{ background: url(../images/i4_14.png) no-repeat center; background-size: 30px;}
	.im5lsto1ico4{ background: url(../images/i4_16.png) no-repeat center; background-size: 30px;}

	.im5lst1 .col-xs-6:nth-child(3) a,.im5lst1 .col-xs-6:nth-child(4) a{ border-top: none; }

	.im5lmore{text-align: center; padding-top: 20px;}
	.im5lmore img{max-height: 30px;}
/*page_contact*/
	.page_contact{ overflow:hidden;}
	.page_con1a{ background: #1b1b1b; padding: 10px 10px;}
	.page_con1ax{ display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
	.page_con1aL{ color: #FFFFFF; font-size: 16px; flex-shrink: 0;  margin-right: 10px;}
	.page_con1aR{ flex-grow: 1; }
	.page_con1aR span{ display: block; text-align: right; color: #FFFFFF; font-size: 14px;}
	.page_con1aR font{ display: block; text-align: right;}
	.page_con1aR font img{ max-height: 15px; }
	.page_conbg{ background: #1b1b1b; position: relative; width: 100%;}
	.page_conbg1{ position: absolute; top: 0;  width: 100%;}
	.footerlst{ position: relative; top: 0; z-index: 1;}
	.page_con1{ background: rgba(19,0,124,0.7); padding: 20px 10px;}
	.foot1_L{}
	.foot1_L span{ display: block; font-size: 14px; color: #5964a4; line-height: 150%; overflow: hidden; margin-bottom: 5px;}
	.foot1_L font{ color: #ffffff;}

	.page_con1_img{ padding-top: 20px; }
	.page_con1_img span{ display: block; text-align: center;}
	.page_con1_img font{ display: block; text-align: center; height: 30px; line-height: 30px; margin-top: 5px; color: #FFFFFF;}

	.page_con2{text-align: center; font-size: 12px; color: #5d5d5d; padding: 35px 10px; line-height: 20px;}
/**/
.page_copy2{ padding:9px 0px 40px 0px;}

.page_copy{padding:10px 0px 60px 0px; }

.footer{ max-width: 750px; width: 100%; margin: 0 auto;   height:50px; width:100%; background:#13007c; border-top: 1px solid #230c9f;}
.footerx{ position:fixed; bottom:-1px; left:0; z-index:100; width: 100%;}
.footer div{ }

.foo_bg{ height:50px;text-align:center; float:left; width:20%; background: #13007c;border-right: 1px solid #230c9f;}
.foo_bg span{ display: block; height:50px;  border-bottom: none; line-height: 50px; font-size: 14px;color:#ffffff;}
.foo_bg.foo_bg_hover{ background: #FFFFFF;}
.foo_bg.foo_bg_hover span{ color: #13007c;}

.foo_bg2{ height:50px;padding:0px; text-align:center;width:20%;float:left; background: #13007c;}
.foo_bg2 span{ display: block; height:50px;  border-bottom: none; line-height: 50px; font-size: 14px;color:#ffffff;}
.foo_bg2.foo_bg_hover { background: #FFFFFF;}
.foo_bg2.foo_bg_hover span{ color: #13007c;}

/*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 #13007c; background:#13007c; color:#FFFFFF;}
.conttent_nav .active a{ color:#FFFFFF;}

.conttent_con{ padding:10px 10px 5px 10px; 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; clear: both; height: 30px;}
#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;}

.pro_allborx{}
.page_fwlst .col-xs-6{ padding:5px;}
.thumbnail{ margin-bottom:5px;}

.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 10px 5px; }
.page_fwlone .thumbnail{ margin-bottom:0px; padding:0; overflow:hidden; border-radius:0px; border:1px solid #e1e1e1;}
.page_fwlont_x{ background:#e1e1e1; 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: #333333;}

.page_gloimg{list-style-type: none; display: block; width: 100%; position: relative; background:#e1e1e1; margin: 0 auto;}
.page_gloimg .page_gloimgx{padding-top:83%;}
.page_gloimg img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height:100%;display: block;margin:auto;padding: auto;}
.page_glont_x{background:#e1e1e1; padding: 0px 5px;}
.page_glont_x span{ display: block;height:40px; line-height:40px; overflow:hidden; text-align: center; color: #333333;}

.pro2_lst{ padding: 0px 10px; }
.pro2_lone{ background: #F4F4F4; border-radius: 10px; overflow: hidden; display: flex; position: relative; justify-content: space-between; align-items: center; height: 100%; margin-bottom: 10px; }
.pro2_loL{ background: #198BCA; margin-right: 5px; width: 100px; position: absolute; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center;}
.pro2_loL span{ display: block; width: 100px; font-size: 30px; font-weight: bold; height: 40px; line-height: 40px; overflow: hidden; color: #FFFFFF;}
.pro2_loL font{ display: block; width: 100px; height: 30px; line-height: 30px; overflow: hidden; color: #FFFFFF;}
.pro2_loR{ flex-grow: 1; padding: 10px 10px 10px 110px;}
.pro2_loR span{ display: block; font-size: 14px; color: #999999; height: 20px; line-height: 20px; overflow: hidden;}
.pro2_loR font{ display: block; font-size: 12px; color: #999999; line-height: 20px; overflow: hidden;}



.mess_lst{ padding: 10px; }
.mess_lx1a1{ display: flex; justify-content: space-between; align-items: center; border-radius: 10px; overflow: hidden; margin-bottom: 10px;}
.mess_lx1a1 span{ display: block; width: 80px; background: #ececec; height: 35px; line-height: 35px; text-align: right; }
.mess_lx1a1 font{ display: block; border: 1px solid #ececec; flex-grow: 1; height: 35px; line-height: 35px;}
.mess_lx1a1 font input{ border: none; background: none; width: 100%; padding: 0px 10px; outline: none; }

.mess_lx1a12{ padding:0 10px 20px 10px; }
.mess_lx1a12 a{ display: block; background: #13007c; color: #FFFFFF; font-size: 16px; border-radius: 10px; height: 35px; line-height: 35px; text-align: center; }