/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#666; background:#FFF; background-size:100%;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#666; text-decoration:none;}
a:hover,a:active{ color:#F58700; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}

/*index*/
.in_topbox{ width:100%; overflow:hidden; }
.in_topbox .lt{ float:left; padding:10px 0 10px 20px; text-align:center;}
.in_topbox .rt{ float:right; text-align:right;}
.menu{ position:absolute; top:0px; right:0px; width:50%; z-index:1000; border-bottom:1px solid #c7c7c7;}
.menu_1,.menu_2{ clear:both; height:35px; line-height:35px; padding-left:10px; color:#FFF}
.menu_1 a{ display:block; height:35px; line-height:35px; color:#FFF; width:100%;}
.menu_1 a:hover,.menu_1 a:active{ color:#FFF}
.bkg_1{ background:#333;}
.bkg_2{ background:#666;}
.bkg_3{ background:#999;}
.menu_2 a{ display:block; height:35px; line-height:35px; color:#444; width:100%;}
.menu_ul li{ float:left; width:50%; height:30px; overflow:hidden;}
.menu_ul li a{ display:block; width:100%; height:30px; line-height:30px; text-align:center; background:#e8e8e8; border-left:1px solid #c7c7c7;}
.menu_ul li a:hover,.menu_ul li a:active{ color:#F58700;}
.in_banbox{ width:100%; }
.in_banbox img{ width:100%;}
.in_cont_1 ul{ overflow:hidden;}
.in_cont_1 li{ width:25%; float:left; text-align:center; background:#8569A3; color:#FFF; font-weight:bold; font-size:13px; padding:15px 0 10px 0;}
.in_cont_1 li.none{ border:0;}
.in_cont_1 li img{ width:auto; max-width:30%;}
.in_cont_1 li p{ padding-top:4px;}
.in_cont_1 li a{ color:#FFF;}
.in_cont_1 .bkg_1{ background-color:#745696}
.in_cont_1 .bkg_2{ background-color:#624289}
.in_cont_1 .bkg_3{ background-color:#522C7C}
.in_shbox{ clear:both; overflow:hidden; padding:10px; background:#F8F8F8;}
.in_shbox .txt{ float:left; width:calc(80% - 21px); padding:0 10px; height:26px; line-height:26px; border:1px solid #E1E1E1; border-right:0; color:#666;}
.in_shbox .btn{ float:left; width:20%; text-align:center; height:28px; line-height:28px; border:0; background:#643799; color:#FFF; cursor:pointer;}
.in_titbox{ padding:10px 10px; clear:both; overflow:hidden;}
.in_titbox .lt{ float:left; font-size:14px; color:#512a7c; font-weight:bold;}
.in_titbox .lt span{ color:#666666; font-size:12px; font-weight:normal; text-transform:uppercase;}
.in_titbox .rt{ float:right; text-transform:uppercase;}
.in_pro{ padding:0 0 5px 10px;}
.in_pro ul{ overflow:hidden;}
.in_pro li{ float:left; width:50%;}
.in_pro li div{ padding-right:10px; text-align:center;}
.in_pro li div img{ width:100%}
.in_pro li div p{ padding:6px 0 8px 0;}
.in_pro li div a{ color:#666666;}
.in_abbox{ clear:both; border-top:1px solid #E1E1E1; background:#F8F8F8;}
.in_abbox .cont{ padding:0 10px 10px 10px; line-height:23px; text-indent:2em;}
.in_btm_jg{ height:30px;}
.in_btmbox{ width:100%; height:30px; padding:1px 0; background:#2B2B2B; margin:0px auto;}
.in_btmfix{ position:fixed; left:0px; bottom:0px;}
.in_btmbox ul{ overflow:hidden;}
.in_btmbox li{ float:left; width:25%; background:url(../images/index_40.jpg) top right no-repeat;}
.in_btmbox li.none{ background:none;}
.in_btmbox li div{ padding-left:24px;}
.in_btmbox li .bkg_1{ background:url(../images/index_31.png) 4px center no-repeat; background-size: auto 50%; }
.in_btmbox li .bkg_2{ background:url(../images/index_32.png) 4px center no-repeat; background-size: auto 50%; }
.in_btmbox li .bkg_3{ background:url(../images/index_33.png) 4px center no-repeat; background-size: auto 50%; }
.in_btmbox li .bkg_4{ background:url(../images/index_34.png) 4px center no-repeat; background-size: auto 50%; }
.in_btmbox li a{ display:block; width:100%; height:30px; line-height:30px; color:#FFF;}

/*��ҳͼƬ�л���ʽ*/
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:15px;position:absolute;left:10px;bottom:10px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#C3C3C3;border-radius:50%;float:left;margin:0 3px;}
.roll_img_mb_01 .nav_box .li_on{background:#F58700;}

/*about*/
.ab_navbox{ clear:both; padding:1px 0 0 0; margin:0px auto;}
.ab_navbox .tit{ height:30px; line-height:30px; color:#FFF; font-size:14px; padding:0 10px;}
.ab_navbox ul{ overflow:hidden;}
.ab_navbox li{ float:left; width:50%;}
.ab_navbox li div{ padding:0 1px 1px 0;}
.ab_navbox li a{ display:block; width:100%; height:26px; line-height:26px; text-align:center; color:#FFFFFF; background:#777}
.ab_navbox li a.cur{ background:#F58700;}
.ab_contbox{ clear:both; line-height:23px; padding:20px 10px; min-height:200px;}
.ab_contbox img{ width:100%;}

/*products*/
.pro_box{ padding:15px 15px 0 0; margin:0px auto;}
.pro_box ul{overflow:hidden;display: grid;grid-template-columns: repeat(2,1fr);}
.pro_box li{/* float:left; *//* width:50%; */overflow:hidden;}
.pro_box li div{ padding:0 0 15px 15px;}
.pro_box li div img{ width:100%;}
.pro_box li div p{ width:100%; height:25px; line-height:25px; text-align:center; background:#6C6C6C; color:#FFF; overflow:hidden;}
.pro_box li a{ color:#FFF;}


/*honor show*/
.hrs_tit{ font-size:14px; font-weight:bold; text-align:center; padding-bottom:10px;}
.hrs_img{ text-align:center;}
.hrs_img img{ width:100%;}

/*products show*/
.pros_tit{ font-size:14px; font-weight:bold; text-align:center;}
.pros_img{ text-align:center; padding-top:10px; position:relative;}
.pros_img img{ width:100%;}
.pros_cont{}
.pros_cont img{ width:100%;}
.pros_pn{ clear:both; padding-top:10px;}
.ff_pre{ clear:both; padding:15px 0 0 0;}
.ff_next{ clear:both;}
.sy_big{ position:absolute; left:0px; bottom:0px; width:100%; height:100%; background:url(../images/sy_big.png) top center no-repeat; background-size:100% }
.pss_tabs ul{ overflow:hidden; padding:20px 0;}
.pss_tabs li{ float:left; width:calc(33.33% - 1px); height:26px; line-height:26px; text-align:center; color:#666; background:#DDDDDD; margin:0 1px 1px 0;}
.pss_tabs li.on{ background:#203A85; color:#FFF;}



/*news*/
.ns_contbox{ clear:both; line-height:23px; padding:15px 10px 0px 10px; color:#383838; min-height:200px;}
.ns_list{ overflow:hidden; padding-bottom:15px;}
.ns_list li{ width:100%; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed #999;}
.ns_list li a{ float:left;}
.ns_list li span{ float:right; color:#666}

/*newsShow*/
.nss_tit{ font-size:13px; font-weight:bold; text-align:center;}
.nss_dtm{ text-align:center; padding:5px 0 10px 0; color:#999;}
.nss_info{ line-height:22px; }


/*regist*/
.reg_cont{ clear:both; line-height:23px; padding:20px 10px; min-height:200px;}
.reg_cont .box{ overflow:hidden; padding-bottom:15px;}
.reg_cont .box span{ float:left; display:block; width:80px; text-align:right; padding-right:10px; line-height:30px;}
.reg_cont .box span i{ color:#F00}
.reg_cont .box .txt{ float:left; display:block; width:calc(100% - 112px); height:20px; padding:5px 10px; border:1px solid #aaa; border-radius:5px; color:#666; background:#FFF; outline:none;}
.reg_cont .box .sex{ margin-top:10px;}
.reg_cont .box .code{ width:80px;}
.reg_cont .box .btn{ display:block; width:calc(100% - 100px); height:35px; line-height:35px; text-align:center; border:0; background-color:#F58700; color:#FFF; border-radius:5px; font-size:16px; margin-top:15px; cursor:pointer;}