 .e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; } .w_vline-001 .p_Vline{ width:1px; height:200px; background-color:rgba(189,189,189,0); width:0px; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(189,189,189,1); opacity:1; filter:alpha(opacity:100); }.w_vline-001{ position:absolute; width:1px; height:300px; left:20px; top:20px; } .w_vline-001 .w_vline{ width:inherit; height:100%; } .w_vline-001 .p_Vline{ width:inherit; height:100%; }.c_nav_bottom-01001 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_nav_bottom-01001 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_nav_bottom-01001 .p_succ .iconfont:before{ content: "\e648"; } .c_nav_bottom-01001 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_nav_bottom-01001 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_nav_bottom-01001 .p_succ .assistfont{ display: none; } .c_nav_bottom-01001 .p_succ .closebtn { display: none; } .c_nav_bottom-01001 .p_fail{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_nav_bottom-01001 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_nav_bottom-01001 .p_fail .iconfont:before{ content: "\e641"; } .c_nav_bottom-01001 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_nav_bottom-01001 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_nav_bottom-01001 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_nav_bottom-01001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_nav_bottom-01001 .p_fail .closebtn:hover{ cursor: pointer; }.c_nav_bottom-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_nav_bottom-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_nav_bottom-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; }  .c_nav_bottom-01001 .p_BottomLevelB{ display:inline-block; margin:0; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; color:rgba(255,255,255,1); font-size:12px; text-align:left; } .c_nav_bottom-01001 .p_BottomLevelB .font{  vertical-align:middle; line-height: 16px; } a>.c_nav_bottom-01001 .p_BottomLevelB:hover{ color:rgba(255,255,255,1); cursor:pointer; } .c_nav_bottom-01001 .p_BottomLevelB .iconfont:before{ content:""; }  .c_nav_bottom-01001 .p_imageA{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_nav_bottom-01001 .p_imageA:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_bottom-01001 .p_imageA:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; }  .c_nav_bottom-01001 .p_icon{ position:relative; z-index:3; vertical-align:middle; color:rgba(153,153,153,1); width:20px; height:auto; font-size:14px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; text-align: center; } .c_nav_bottom-01001 .p_icon:hover{ color:rgba(153,153,153,1); } .c_nav_bottom-01001 .p_icon:active{ color:rgba(153,153,153,1); } .c_nav_bottom-01001 .p_icon .font{ font-size: inherit; } .c_nav_bottom-01001 .p_icon .iconfont::before{ display: inline-block; content:"\e6ae"; }  .c_nav_bottom-01001 .p_articlesC{ width:164px; height:110px; border-width:1px; border-style:none; border-color:rgba(240, 240, 240, 1); }   .c_nav_bottom-01001 .p_articlesB{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_nav_bottom-01001 .p_NavVLine{ height:0px;  opacity:1; filter:alpha(opacity:100); } .c_nav_bottom-01001 .p_BottomLevelA{ display:inline-block; margin:0; padding-bottom:0; padding-left:0; padding-right:0; padding-top:0; color:rgba(255,255,255,1); font-size:18px; text-align:left; } .c_nav_bottom-01001 .p_BottomLevelA .font{  vertical-align:middle; line-height: 21px; } a>.c_nav_bottom-01001 .p_BottomLevelA:hover{ color:rgba(255,255,255,1); cursor:pointer; } .c_nav_bottom-01001 .p_BottomLevelA .iconfont:before{ content:""; }  .e_title.c_nav_bottom-01001 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_nav_bottom-01001 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_nav_bottom-01001 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_nav_bottom-01001 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_nav_bottom-01001 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.c_nav_bottom-01001 .p_link .iconfont:before{ display: inline-block; content:""; }  .c_nav_bottom-01001 .p_image{ padding:0; border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .c_nav_bottom-01001 .p_image:hover{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .c_nav_bottom-01001 .p_image:active{ border-width:1px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; }  .c_nav_bottom-01001 .p_articlesA{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_nav_bottom-01001 .p_articles{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_nav_bottom-01001 .p_nav{ margin:0; width: 1350px; height:62px; padding:0; border-width:1px; border-style:none; border-color:color:transparent; background-color:none; word-wrap:break-word; word-break:break-all; }  .c_nav_bottom-01001 .p_main{ margin:0; width: 1350px; height:62px; padding:0; border-width:1px; border-style:none; border-color:color:transparent; background-color:none; word-wrap:break-word; word-break:break-all; }  .c_nav_bottom-01001{ position:absolute; width:1180px; height:230px; overflow: visible; }  .c_nav_bottom-01001 .p_articles{ width:auto; height:auto; } .c_nav_bottom-01001 .p_articlesA{ width:auto; height:auto; vertical-align: middle;  padding: 10px 0; } .c_nav_bottom-01001 .p_articlesB{ width:auto; height:auto; } .c_nav_bottom-01001 .p_articlesB .p_articlesA{  margin: 15px 0; padding: 0; } .c_nav_bottom-01001 .p_main {  vertical-align: middle; width: 100%; height: auto; background-color: none; font-size: 0; } .c_nav_bottom-01001 .p_nav{ height:auto; width:100%; display: inline-block;  padding: 20px 0; } .c_nav_bottom-01001 .p_nav:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } .c_nav_bottom-01001 .p_image{ display:inline-block; vertical-align:middle; border-width:0; background:none; position:relative; margin-right: 5px; } .c_nav_bottom-01001 .p_BottomLevelA{ display:inline-block; vertical-align:middle; color: #fff; } .c_nav_bottom-01001 .p_imageA{ display:inline-block; vertical-align:middle; border-width:0; background:none; position:relative; margin-right: 5px; } .c_nav_bottom-01001 .p_BottomLevelB{ vertical-align: middle; } .c_nav_bottom-01001 .p_icon{ display:inline-block; vertical-align: middle; margin-right: 5px; } .c_nav_bottom-01001 .p_icon:before{ content:"\e669"; color:#d0efee; } .c_nav_bottom-01001 .p_articlesC{ width: inherit; height: auto; } .c_nav_bottom-01001 .p_BottomLevelA{ line-height:32px; } .c_nav_bottom-01001 .p_articles{ display: inline-block; width: calc((100% - 280px)/6); vertical-align: top; margin: 0px 20px; } .c_nav_bottom-01001 .p_image:hover, .c_nav_bottom-01001 .p_imageA:hover{ background-color:transparent; border-width:0px; } .c_nav_bottom-01001 .p_ImageMore:hover{ background-color:transparent; border-width:0px; } .c_nav_bottom-01001 .p_image:hover:after{ background-color:transparent; } .c_nav_bottom-01001 .p_imageA:hover:after{ background-color:transparent; } .c_nav_bottom-01001 .p_ImageMore:hover:after{ background-color:transparent; } .c_nav_bottom-01001 .p_articlesC .p_BottomLevelB{ color: #fff; } .c_nav_bottom-01001 .p_articlesC .p_BottomLevelB:hover{ color: #fff; text-decoration: underline; } .c_nav_bottom-01001 .p_articlesC:hover{ background-color: transparent; } .c_nav_bottom-01001 .p_articlesC:active{ background-color: transparent; } .c_nav_bottom-01001 .p_NavVLine{ color: #fff; }.c_nav_main-12001005{position:absolute;width:1920px;height:200px; } .c_nav_main-12001005 .fix { margin-left: 420px;http://design.yun300.cn/html/index.html } .c_nav_main-12001005 .fix::before, .fix::after { clear: both; content: ""; display: table; } .c_nav_main-12001005 .oh { overflow: hidden; } .c_nav_main-12001005 .pa { position: absolute; } .c_nav_main-12001005 .pr { position: relative; } .c_nav_main-12001005 .l { float: left; } .c_nav_main-12001005 .r { float: right; } .c_nav_main-12001005 .c { margin-bottom: -9999px; padding-bottom: 9999px; } .c_nav_main-12001005 .wrap { margin-left: auto; margin-right: auto; width: 1200px; } .c_nav_main-12001005 a { color: #333; } .c_nav_main-12001005 a:hover { color: #2b2b2b; font-weight:bold; } .c_nav_main-12001005 a { outline: 0 none; text-decoration: none; transition: all 0.3s ease 0s; } .nav{ width: 100%; margin-top:0px; *width:1200px; } .nav .nav_li{ float:left; padding: 0 3.5%; height:90px; } .nav .nav_li .nav_a{ font-size:15px; display:block; padding-bottom: 0px; height:90px; line-height: 90px; color:#333; } .nav .nav_li .setNav{ width:100%; left:0; right:0; background:rgba(27, 88, 180, .95); display:none; border-top-style: solid; border-top-width:1px; border-top-color:rgba(255, 255, 255, .5); } .nav .nav_li .setNav .set-img{ width:27%; padding-top:0px; } .nav .nav_li .setNav .set-img img{ height:175px; width:310px; } .nav .nav_li .setNav .setCon .tit{ font-size:24px; color:#ffffff; margin-bottom: 10px; } .nav .nav_li .setNav .setMenu{ width:70%; } .nav .nav_li .setNav .setMenu li{ float: left; width: 31%; margin-right: 2%; margin-bottom: -1px; } .nav .nav_li .setNav .setMenu li a{ display: block; height: 54px; line-height: 54px; padding: 0 6%; color: #ffffff; font-size: 15px; border-top: 1px solid #3269bc; border-bottom: 1px solid #3269bc; } .nav .nav_li .setNav .setMenu li a:hover{ background:#ffffff; color:#3269bc; } .nav .nav_li .setNav .setCon{ width: 100%; padding: 50px 0px 20px 0px; border-right: none; } .nav .nav_li .setNav .setCon .p{ color: #ffffff; line-height: 28px; height: auto; overflow: hidden; text-align: justify; letter-spacing: 0.5px; font-size:13px; } .nav .nav_li .setNav .setbottom{ height:50px; clear:both; } .nav .nav_li .setNav .set_close{ display:block; width:21px; height:21px; background:url(../image/rBQBHFmf2zaEcnTXAAAAAHIvhaw641.png) 0 0 no-repeat;right: 0;bottom:7%; } .nav .line { position: absolute; bottom: 0px; width: 0px; height: 4px; font-size: 3px;  display: none; } .nav .nav_li .setNav .tech-menuItems{ border:none; } .c_nav_main-12001005 .nav .nav1 .setNav{ display:none !important; }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_bbox-001 .p_wbox { margin-top: 20px; }.w_bbox-001{ position:absolute; width:100%; height:120px; }.w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; }#c_nav_main-1547794084213{ position:absolute; top:41px; left:-361px; z-index:103; width:1920px; height:200px; }#c_nav_bottom-1547794084223 .p_articles{ margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_nav_bottom-1547794084223 .p_MatteIcon .iconfont:before{ content:'\e602'; }#c_nav_bottom-1547794084223 >div{ animation-fill-mode:both; }#c_nav_bottom-1547794084223{ position:absolute; top:92px; left:387px; z-index:2; width:891px; height:230px; } #w_wbox-1547794084098 .p_wbox{ background-color:rgba(244, 244, 244, 1); } #w_wbox-1547794084098 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1547794084098 >div{ animation-fill-mode:both; } #w_img-1547794084108 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547794084108 >div{ animation-fill-mode:both; } #w_bbox-1547794084148 .p_wbox{ margin-top:50px; background-image:url(../image/end_bg.jpg); background-image-part-image:url(../image/end_bg.jpg); background-repeat:repeat-x; } #w_bbox-1547794084148 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1547794084148 >div{ animation-fill-mode:both; } #w_vline-1547794084158 .p_Vline{ border-left-color:rgba(255, 255, 255, 0.22); border-left-style:solid; border-left-width:1px; } #w_vline-1547794084158 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1547794084158 >div{ animation-fill-mode:both; } #w_vline-1547794084188 .p_Vline{ border-left-color:rgba(255, 255, 255, 0.22); border-left-style:solid; border-left-width:1px; } #w_vline-1547794084188 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1547794084188 >div{ animation-fill-mode:both; } #w_vline-1547794084168 .p_Vline{ border-left-color:rgba(255, 255, 255, 0.22); border-left-style:solid; border-left-width:1px; } #w_vline-1547794084168 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1547794084168 >div{ animation-fill-mode:both; } #w_img-1547794084178 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1547794084178 >div{ animation-fill-mode:both; } #w_wbox-1547794084098{ position:absolute; top:0px; left:-356px; z-index:104; width:1912px; height:40px; } #w_img-1547794084108{ position:absolute; top:40px; left:0px; z-index:106; width:358px; height:90px; } #w_bbox-1547794084148{ position:absolute; top:1818px; left:-356px; z-index:102; width:1912px; height:473px; } #w_common_text-1547794084198{ position:absolute; top:9px; left:360px; z-index:1; width:394px; height:25px; } #w_common_text-1547794084203{ position:absolute; top:9px; left:1166px; z-index:2; width:394px; height:32px; } #w_common_text-1547794084208{ position:absolute; top:445px; left:355px; z-index:6; width:1202px; height:56px; } #w_vline-1547794084158{ position:absolute; top:120px; left:763.5px; z-index:4; width:20px; height:210px; } #w_vline-1547794084188{ position:absolute; top:120px; left:537px; z-index:3; width:20px; height:210px; } #w_vline-1547794084168{ position:absolute; top:120px; left:983px; z-index:5; width:20px; height:210px; } #w_img-1547794084178{ position:absolute; top:51px; left:1309px; z-index:1; width:248px; height:361px; }
