html,body{border:0;margin:0; padding:0; font-size:14px; font-family:Microsoft YaHei; background:#ffffff;overflow:auto }
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal; }
ul,li{ margin:0; padding:0; list-style-type:none;} 
img{ border: 0; padding: 0; margin: 0;vertical-align: top; }
a{ text-decoration: none;}
p{ padding: 0; margin: 0; border: 0; text-indent:0; }
.clear{ clear:both; }
.left{ float:left; display:inline;  }
.right{ float:right; }
.pointer{ cursor:pointer; }
.pointer_no{ cursor:not-allowed ; }
.pt10{ padding-top: 10px; }
.center{ text-align: center; }
.notclick{pointer-events: none;}
.topspace{ height: 80px; }
.topspace2{ height: 130px; }
.white_mobile_logo{ width: 100px; height: 40px; background: url('../images/white_logo.gif') no-repeat ; background-size: 100%; z-index: 10; }
.mobile_logo{ width: 100px; height: 40px; background: url('../images/logo_white.gif') no-repeat ; background-size: 100%; z-index: 10; }
.mobile_nav { position: fixed; left: 0; top: 0; background-color: #000000; height: 60px; padding: 20px 0 0 5%; width: 95%; z-index: 10; }
.mobile_menu{ position: fixed; right: 5%; top: 25px; width:32px; height: 30px; z-index:30; }
.mobile_menu_line{ height: 2px; width:32px; background-color: #ffffff; border-radius: 5px; margin-top: 6px; }
.mobile_navpage{ position: fixed; z-index: 14; width: 100%; padding: 20% 0 0 0; height:2px; left: 0; top: 0; background-color: #ffffff; overflow-y: scroll; }
.mobile_navpage_title{ position: fixed;z-index: 11; left: 0; top: 0; width: 95%; background-color: #ffffff; border-bottom: 1px solid #DDDDDD; padding: 20px 0 15px 5%; }
.navpage_li{ padding: 20px 0 20px 5%; width: 91%; font-size: 15px; border-top: 1px solid #DDDDDD; background: url('../images/arrow_down.gif') no-repeat; background-size: 12px; background-position:97% 52%;  }
.navpage_subli{ padding: 15px 0 18px 10%; font-size: 15px; }
.navpage_product_body{ overflow-x: scroll; float: left; display: inline;  height: 200px; width: 86%; margin: 0 0 0 10%; }
.navpage_product_body_in{ width: 950px; height: 200px; }
.navpage_li_ts{ padding: 5px 0 14px 10%; font-size: 15px; }
.product_li{ width: 140px; margin-right:12px; float: left; }
.product_li img{ width: 100%; }
.navpage_li:nth-child(2){ border: none; }
.navpage_space{ height: 100px; }
.navpage_subli a{ color: #393939; }
.index_page_title{ text-align: center; padding: 50px 0 4px 0; font-size: 24px; font-weight: bolder; height: 40px; background: url('../images/m/red_line.gif') no-repeat center bottom; background-size:40px; }
.index_page_about{ font-size:15px; color: #3c3c3c; line-height: 26px; padding: 20px 5% 0 5%;}
.video_play{ margin: 35px 0 0 0; }
.index_market{ width: 100%; float: left; background-color: #F1F2F4;  padding: 30px 0 10px 0; display: inline; overflow-y: scroll; }
.index_market_body{ width: 1100px; }
.market_po{ width:240px; height: 475px; position: relative; float: left; color: #ffffff; margin:0 0 0 20px; }
.market_po_title{ position: absolute; top: 150px; left: 30px; font-weight: bolder; font-size: 17px; }
.market_po_inc{ position: absolute; top: 180px; left: 30px; width:170px; font-size: 14px; line-height: 26px; }
.market_po_more{ position: absolute; bottom: 60px; left: 30px;  font-weight: bolder; font-size: 17px;}
.navpage_main_li{ padding: 20px 0 20px 5%; width: 91%; font-size: 15px; border-top: 1px solid #DDDDDD;  }
.navpage_main_li a{ color: #393939; }
.page_foot{ background-color: #000000; color: #5A5655; font-size: 12px;border-top: 1px solid #313131; }
.foot_icon_share{ float: left; width: 33px; margin-right: 10px; }
.foot_icon_share img{ width: 25px;}
.foot_info{ padding:5%; border-top: 1px solid #313131; }
.foot_line_row{ margin: 12px 0 0 0; }
.foot_copyright{ margin: 10px 0 20px 0; }
.foot_change_len{ position: relative; background: url('../images/m/icon_gobal.gif') no-repeat; background-size: 21px; background-position:5% 50%;  color: #FEFEFE; font-size: 14px; padding:5% 5% 5% 50px; border-top: 1px solid #313131; }
.foot_change_len_row{  background: url('../images/m/icon_plus.gif') no-repeat; background-size: 11px; background-position:100% 50%; }
.foot_share_tool{ padding: 10px 0 15px 0; }
.page_foot_totop{ text-align: center; color: #FEFEFE; font-size: 14px; padding: 20px 0 20px 0; background: url('../images/m/icon_toparrow.gif') no-repeat ; background-size: 10px; background-position:61% 50%; }
.index_page_support{ padding:20px 5% 10% 5%; line-height:26px; font-size: 13px; }
.index_news_panel{ background-color: #F1F2F4; }
.index_page_news{ padding:25px 5% 10px 5%; }
.index_news_txt_row{ color: #3C3C3C; font-size: 13px; background-color: #ffffff; margin-bottom: 15px; padding: 14px; border-radius: 10px; }
.index_news_txt_row_big{ font-size: 16px; color: #000000; padding-bottom: 20px; }
.index_news_more{ text-align: center; margin-bottom: 40px; color: #CA171D; font-size: 16px; background: url('../images/m/more_news.png') no-repeat #ffffff; background-size: 35px; background-position:20% 50%;  padding: 15px 0 15px 0;  border-radius:12px;  }
.market_xk_1{ background: url('../images/m/prod_tsm_1.jpg') no-repeat ; background-size: 100%; }
.market_xk_2{ background: url('../images/m/prod_tsm_2.jpg') no-repeat ; background-size: 100%; }
.market_xk_3{ background: url('../images/m/prod_tsm_3.jpg') no-repeat ; background-size: 100%; }
.market_xk_4{ background: url('../images/m/prod_tsm_4.jpg') no-repeat ; background-size: 100%; }
.index_page_pic_row{ position: relative; height: 112px; margin-bottom: 15px;  background: url('../images/m/news_pic1.jpg') no-repeat ; background-size: 100%; }
.index_page_pic_cover{ border-radius:12px; opacity: 0.5; position: absolute; z-index: 4; width: 100%; height: 100%; left: 0; top: 0; background-color: #000000; }
.index_newspic_txt{ position: absolute; left: 15px; top: 15px; font-weight: bolder; z-index: 8; font-size: 17px; color: #ffffff; }
.index_newspic_info{ position: absolute; left: 15px; bottom: 10px; z-index: 8; font-size: 12px; color: #ffffff; }
.foot_len_list{  background-color: #313131; position: absolute; width:100%; z-index: 20; left: 0; top:58px; height: 0px; overflow: hidden; }
.foot_len_list_row{ color: #FEFDFD; font-size: 15px; padding:18px 7px 18px 10%; }
.foot_len_list_row a{ color: #FEFDFD;  }
.index_banner{ position: relative; }
.banner_button{ position: absolute; top: 160px; left: 0; right: 0; margin: 0 auto; color: #ffffff; padding: 9px 0 9px 0; width:160px; font-size: 13px; text-align: center; border-radius:4px; border: 1px solid #ffffff; }
.banner_button_full{ position: absolute; top: 160px; left: 0; right: 0; margin: 0 auto; color: #ffffff; padding: 9px 0 9px 0; width:160px; font-size: 13px; text-align: center; border-radius:4px; border: 1px solid #D80C18; background-color: #D80C18; }
.pr_page_title{ height: 30px; font-size: 16px; width:64px; margin: 20px 0 10px 5%; background: url('../images/m/icon_sock.png') no-repeat top right; background-size: 20px; }
.page_tab{ margin: 0 0 0 5%; color: #646464; }
.page_tab_li{ float: left; padding: 0 12px 0 0; height: 30px; margin-right: 20px;  }
.li_now_t{ background: url('../images/m/icon_line.png') no-repeat bottom; background-size: 100px; color: #020202;  }
.tabpage{ padding: 6%; color: #3C3C3C; line-height: 28px; }
.img_d_page{ margin: 13px 0 13px 0; padding: 0 6% 0 6%;  }
.rule_dic{  padding-bottom: 40px; }
.chicun_dic_op{ padding: 10px 0 10px 0; }
.chicun_dic_op strong{ font-size: 18px;}
.rule_dic_title{ font-size: 30px; font-weight: bolder; padding: 70px 0 70px 0; border-top:1px solid #cccccc; }
.rule_dic_body{ padding-bottom: 40px; font-size: 13px; }
.iinxk_body_title2{ font-size: 22px; font-weight: bolder; padding: 0 0 20px 0;  }
.iinxk_body{ padding: 0  6% 80px  6%; font-size: 16px;  color: #3C3C3C; line-height: 26px;}
.iinxk_body_title{ font-size: 30px; font-weight: bolder; padding: 70px 0  40px 0 ; border-top:1px solid #cccccc; }
.ridlcv_bg{ background: url('../images/m/ts_1.jpg') no-repeat center right; background-size: 120px; }
.ridlcv_bg2{ background: url('../images/m/ss1.jpg') no-repeat top right; background-size: 155px; }
.ridlcv_bg3{ background: url('../images/m/ss1.jpg') no-repeat top right; background-size: 155px; }
.ridlcv_bg4{ background: url('../images/m/ss3.jpg') no-repeat top right; background-size: 70px; }
.white_text_panel{ padding: 25px 6% 25px 6%; color: #c6c6c6; font-size: 13px; line-height: 24px; }
.button_sckv_o{ border: 2px solid #ffffff; text-align: center; opacity: 0.8; width: 100px; padding: 9px 10px 9px 10px; color: #ffffff; font-size: 15px; border-radius: 18px; }
.slidt_row{ margin: 20px 0 0 0; }
.slidt_body{ border-top: 1px solid #313131; padding: 20px 0 40px 0; color: #c6c6c6;}
.slidt_body strong{ color: #ffffff; }
.white_data_panel{ padding: 0 6% 25px 6%; color: #ffffff; font-size: 13px; line-height: 24px; font-size: 13px; line-height: 30px; margin-top: 30px;}
.white_data_panel_title{  color: #ffffff; font-size: 28px; font-weight: bolder; padding: 80px 0 50px 0;  border-top: 1px solid #313131;}
.white_data_panel_b{ color: #ffffff; padding:  0 0 50px 0; }
.slidt_row_li{ width:90px; float: left; font-size: 16px; padding: 0 0 20px 0; margin-right: 10px;  color: #646464; }
.slidt_now_t{ color: #ffffff; background: url('../images/m/icon_line_white.png') no-repeat bottom;   background-size: 100px;}
.vkv_oprow{ position: relative; background-color: #ffffff; padding: 14px 10px 14px 10px; font-size: 12px; margin-top: 14px; border-radius: 8px; color: #b8b8b8; }
.vkv_oprow_t{ font-size: 15px; font-weight: bolder; padding: 0 0 7px 0; color: #000000; }
.vkv_pagedata{ margin: 30px 0 0 0; }
.hire-data-page{ width:80%;  margin: 0 auto;  margin-top: 50px;}
.hire-data-page li{ float: left; text-align: center; border: 1px solid #c2c2c2; font-size:16px; width: 35px; height: 30px; padding: 10px 0 0 0; margin: 0 5px 0 5px; }
.hire-nowpage{ background-color: #CA282C; color: #ffffff; }
.hire-data-page a{  color: #282828; }
.hire_row{ background-color: #ffffff; margin-top: 15px; padding:16px; position: relative; border-radius: 6px; }
.hire_row_title{ width: 100%; font-size: 15px; font-weight: bolder; margin: 0 0 7px 0; }
.hire_row_type{ float: left; font-size: 12px;  margin-right:8px;}
.hire_row_address{ float: left;  font-size: 12px; margin-right:8px;}
.hire_row_total{ float: left;  font-size: 12px;}
.hire_row_plus{ position: absolute;  right: 12px; top:26px; font-size: 18px; color: #CA282C; }
.hire_row_detail{ font-size: 12px; line-height: 24px; background-color: #ffffff; margin-top: 2px; border-radius: 4px; padding: 5%; }
.newsdata_row{ background-color: #F1F2F4; position: relative; color: #3B3B3B; margin-bottom: 40px; }
.newsdata_row_t{ padding: 5% 5% 0 5%; height:90px; font-weight: bolder; }
.newsdata_row_date{ position: absolute; bottom: 15px; left: 6%; }
.newsbody_t{ font-size: 23px; font-weight: bolder; text-align: center; line-height:40px; padding: 30px 6% 20px 6%;}
.newsbody_info{ text-align: center; font-size: 14px;  color: #b8b8b8; margin-bottom: 60px; }
.newsbody_txt{ font-size: 13px; line-height:26px; margin-bottom: 22px; padding: 0 6% 0 6%;}
.newsbody_pic{  padding-bottom: 22px; }
.newsbody_next{ font-size: 11px; margin: 40px 6% 90px 0;   }
.newsbody_next_r{ float: right; background-color: #E8E8E8;line-height: 21px;  width: 67%; padding: 5px 15px 5px 15px; border-radius: 8px;}
.newsbody_next_r_body{ width:80%; text-decoration: underline; }
.newsbody_next_r_body a{  color: #3B3B3B; }
.animation-marketline-top{animation-name: marketline; animation-duration:1s; animation-iteration-count:1; animation-fill-mode: forwards ; animation-timing-function:linear }
.about_submenu{  position: fixed; width: 90%; left: 0; height:35px; top: 80px; font-size: 15px; padding: 15px 5% 0 5%; color: #000000; background: url('../images/m/redarr_down.png') no-repeat #ffffff; background-size: 13px; background-position: 95% 50%; z-index:11; }
.about_submenu_list{ height: 0px; position: fixed; width: 90%; padding: 0 5% 0 5%; left: 0; background-color: #fafafa; top: 130px;z-index: 13; }
.submenu_list_row{ border-bottom: 1px solid #cccccc; padding: 14px 0 14px 0; }
.submenu_list_row a{  color: #3B3B3B; }
.nowin_about{ padding-left: 6%; background: url('../images/m/redarr_left.png') no-repeat; background-position: 2% 50%; background-size: 6px; }
.newsbody_txtsa{ padding: 30px 0 260px 0; text-align: center;font-size: 30px; color: #b8b8b8;}
.panel_hr_photo{ position: relative; margin: 30px 0 40px 0; height: 320px; background: url('../images/m/xxzz_3.jpg') no-repeat center ; background-size:390px; }
.panel_hr_photo_img{ position: absolute; width: 302px; left: 0; right: 0; margin: 0 auto; top: 38px; }

.ryzz_panel{ position: relative; height:660px; background: url('../images/m/didi_2.jpg') no-repeat center #F3F3F4; line-height: 24px; background-size: 100%; font-size: 13px;}
.ryzzsi_panel{  padding: 0 6% 6% 6%; font-size: 12px; line-height:23px; color: #3c3c3c;}
.ryzz_panel_text{ text-align: center; position: absolute; left: 0; width: 100%; top: 120px; z-index: 5;  color: #ffffff; }
.ryzz_panel_tst{ font-size: 22px; font-weight: bolder; padding: 0 0 20px 0; }

.ryzz_panel_showcr{ text-align: center; position: absolute; bottom: 150px; left: 0; right: 0; margin: 0 auto; width: 180px; height:220px; padding-top: 16px; background: url('../images/m/8p.jpg') no-repeat center ; background-size: 100%; }

.ryzz_panel_tool{ position:absolute; bottom: 100px; width: 74%; color: #ffffff;  left: 0; right: 0; margin: 0 auto; }
.dot_empty{ float: left; width: 12px; height: 12px; background: url('../images/m/cr/dot_empty.png') no-repeat; background-size: 100%; margin: 3px 5px 0 5px; }
.dot_full{ float: left;width:12px; height: 12px; background: url('../images/m/cr/dot_full.png') no-repeat; background-size: 100%; margin: 3px 5px 0 5px;  }

.button_ryzz_left{ float: left; width: 12px; height: 20px; margin: 0 10px 0 0; background: url('../images/m/cr/left.png') no-repeat;  background-size: 100%;}
.button_ryzz_right{ float: left;  width: 12px; height: 20px; margin: 0 0 0 10px; background: url('../images/m/cr/right.png') no-repeat;  background-size: 100%; }

.emx_line{ padding: 40px 0 40px 0; text-align: center; font-size:24px; font-weight: bolder; background: url('../images/m/emx_line.png') no-repeat center #F3F3F5; background-size: 100%; }
.switch_page{ position: absolute; left: 0; top: 0; width: 94%; height: 550px; background-color: #ffffff; margin-bottom: 20px; padding: 3%; }
.switch_page_pic{ text-align: center; padding: 40px 0 40px 0;   border-bottom: 1px solid #cccccc; }
.switch_page_title{ font-size: 18px; font-weight: bolder; margin-top: 20px; }
.switch_page_inc{ font-size: 16px; margin: 20px 0 20px 0; }

.switch_body{  width:100%; height: 620px;  position: relative; }

.page_swic_tool{ position: absolute; bottom: 50px; left: 5%; }
.swithpage_li{ float:left; width: 15px; height: 15px;  margin-right: 16px; }
.swit_dot_full{ background: url('../images/m/reddot_full.png') no-repeat; background-size: 100%; }
.swit_dot_empty{ background: url('../images/m/reddot_empty.png') no-repeat; background-size: 100%; }

.progress_body{ position: relative; height: 710px; background: url('../images/m/gydy_bg.jpg') no-repeat bottom #CACED1; background-size: 100%; }
.progress_body_t{ position: absolute; width: 100%; text-align: center; left: 0; top: 60px; color: #000000; text-align: center; font-weight: bolder; font-size: 20px; }
.progress_body_info{ position: absolute; left: 0; padding: 0 7% 0 7%; top: 120px; line-height: 25px; font-size: 13px; color: #3c3c3c; }

.progress_tool{ position: absolute; top: 240px; width: 100%;}
.progress_tool_body{ width:80%; float: left; height: 50px; overflow-x: scroll; display: inline;scrollbar-width: none; }
.progress_tool_left{ float: left; width: 6%; margin:0 2% 0 2%; height: 40px; background: url('../images/m/cr/black_left.png') no-repeat center; background-size:50%; }
.progress_tool_right{ float: left; width: 6%; margin:0 2% 0 2%; height: 40px; background: url('../images/m/cr/black_right.png') no-repeat center; background-size: 50%;}
.progress_tool_scroll{ width: 590px; position: relative; font-size: 14px; }
.progress_year{ float: left;  margin: 0 5px 0 5px; padding: 10px 0 0 0; width: 60px; text-align: center; height: 30px; color: #969696;}
.years_cs_now{ background: url('../images/m/icon_line.png') no-repeat bottom left; font-size: 16px; background-size:160%; color: #000000; }

.page_progress_body{ position: absolute; top: 430px; width: 100%; }
.page_progress_data{ background-color: #ffffff; width: 39%; opacity: 0.98; height: 97px; font-size: 12px; padding:3%; float: left; margin: 0 1% 10px 3%; }

@keyframes marketline {
100% {transform:rotate(50deg) translate(10px); background-color: #c8c8c8; }
}

.animation-marketline-center{animation-name: marketline3; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ; animation-timing-function:linear }
@keyframes marketline3 {
100% { opacity: 0; width: 0; transform:translate(30px); }
}


.animation-marketline-bottom{animation-name: marketline2; animation-duration:1s; animation-iteration-count:1; animation-fill-mode: forwards ; animation-timing-function:linear }
@keyframes marketline2 {
100% {transform:rotate(-50deg) translate(10px); background-color: #c8c8c8; }
}