#advertising { z-index:2; margin:0; }
.content { padding:0px 20px; }
.ipc_index_table { margin:0px auto 10px; color:#666666; font-size:14px; }
.ipc_index_table tr td,.ipc_index_table tr th { text-align:left; padding:6px 0 6px 18px; line-height:24px; border-left:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid; color:#666666; }
.ipc_index_table tr th { background:#f5f5f5; font-size:14px; line-height:24px; text-align:left; font-weight:bold; }
.ipc_index_table tr th.no_bd_lf,.ipc_index_table tr td.no_bd_lf { border-left:none; }
.ipc_index_table tr:nth-child(odd) { background:#f5f5f5; }
.ipc_index_table tr:nth-child(even) { background:#ffffff; }
@media only screen and (max-width:767px) { 
.tc_video { display:none; width:500px; height:280px; position:fixed; left:65%; top:55%; }
.v_con01 { display:none; width:500px; height:280px; position:fixed; left:65%; top:55%; }
.v_close { position:absolute; top:53%; margin-top:-220px; left:37%; margin-left:360px; cursor:pointer; z-index:1003; display:none; }
}
@media screen and (min-width:768px) { 
.v_close { display:block; }
}
@media only screen and (max-width:519px) { 
.tc_video { display:none; width:300px; height:169px; position:fixed; left:11%; margin-left:0px; top:68%; }
.v_con01 { display:none; width:350px; height:197px; position:fixed; left:15%; margin-left:0px; top:65%; }
.v_close { position:absolute; top:43%; margin-top:0px; left:72%; margin-left:0px; cursor:pointer; z-index:1003; display:none; }
}
@media only screen and (max-width:480px) { }
@media only screen and (max-width:414px) { 
.v_con01 { display:none; width:330px; height:186px; position:fixed; left:11%; margin-left:0px; top:65%; }
}
@media only screen and (max-width:375px) { 
.v_con01 { display:none; width:310px; height:175px; position:fixed; left:9%; margin-left:0px; top:65%; }
}
@media only screen and (max-width:365px) { 
.tc_video { display:none; width:300px; height:169px; position:fixed; left:6%; margin-left:0px; top:68%; }
.v_con01 { display:none; width:300px; height:169px; position:fixed; left:6%; margin-left:0px; top:68%; }
.v_close { position:absolute; top:38%; margin-top:0px; left:88%; margin-left:0px; cursor:pointer; z-index:1003; display:none; }
}
@media only screen and (max-width:320px) { 
.v_con01 { left:3%; }
}
@media (min-width:300px) { 
#advertising { width:100%; height:349px; position:relative; top:75px; }
.slides { height:274px; }
.section-bg { width:100%; height:274px; background:url(../images/controlhost_v9/adx_sbg.jpg?1) no-repeat; position:absolute; background-size:100% 100%; z-index:3; }
.section-bg .slider-text { width:255px; height:180px; margin:16px 10px 10px 10px; padding:0; }
.secondary-heading { width:255px; color:#fff; font-size:22px; line-height:22px; margin:0 0 4px 0; padding:0; position:relative; text-align:center; }
.sub-heading { width:255px; color:#fff; font-size:12px; line-height:18px; margin:0; padding:0; position:relative; text-align:center; }
.content { padding:0px 10px; margin:30px 0px; }
.yang_card_pro_list { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h3 { font-size:24px; color:#000000; text-align:center; line-height:28px; padding-bottom:0px; padding-top:0px; margin-bottom:0px; font-weight:bold; }
.yang_card_p { width:100%; padding:0 5px; font-size:12px; color:#666666; line-height:22px; text-align:center; }
.yang_card_img { width:100%; height:auto; float:left; margin-top:5px; padding-bottom:35px; }
.yang_card_cloud_h3 { font-size:24px; color:#000000; text-align:center; line-height:32px; padding-bottom:0px; padding-top:10px; margin-bottom:20px; font-weight:bold; }
.yang_card_cloud_p { width:100%; padding:0 5px; font-size:12px; color:#666666; line-height:22px; text-align:center; }
.ct_dt { color:#ffffff; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:282px; height:100px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05,#ipc-pro-ico06,#ipc-pro-ico07,#ipc-pro-ico08,#ipc-pro-ico09 { width:90px; height:126px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a,#ipc-pro-ico06>a,#ipc-pro-ico07>a,#ipc-pro-ico08>a,#ipc-pro-ico09>a { width:80px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg,.pro-ico06 svg,.pro-ico07 svg,.pro-ico08 svg,.pro-ico09 svg { width:40px; height:40px; fill:#646464; margin-left:22px; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
.nav-ipc-pro .active>a { position:relative; }
.nav-ipc-pro .active>a>div>svg { fill:#8fc31f; }
.nav-ipc-pro .active h3 { color:#8fc31f; }
#armindexpro .tab-content { margin-top:6px; }
.armpro1 { width:280px; height:auto; float:left; }
.armpro1_left { float:left; display:none; }
.armpro1_right { width:280px; height:auto; float:left; }
.armpro1_right_div { width:280px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro2 { width:280px; height:auto; float:left; }
.armpro2_left { float:left; display:none; }
.armpro2_right { width:280px; height:auto; float:left; }
.armpro2_right_div { width:280px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro3 { width:280px; height:auto; float:left; }
.armpro3_left { float:left; display:none; }
.armpro3_right { width:280px; height:auto; float:left; }
.armpro3_right_div { width:280px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro4 { width:280px; height:auto; float:left; }
.armpro4_right { width:280px; height:auto; float:left; }
.armpro4_right_div { width:280px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro4_bottom { display:none; }
.armpro1_photo,.armpro2_photo,.armpro3_photo,.armpro4_photo { width:280px; height:216px; float:right; margin:0px; }
.armpro1_information,.armpro2_information,.armpro3_information,.armpro4_information { width:260px; height:auto; float:right; margin:0px auto 30px; }
.armpro1_information h3,.armpro2_information h3,.armpro3_information h3,.armpro4_information h3 { width:240px; font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.armpro1_information p,.armpro2_information p,.armpro3_information p,.armpro4_information p { width:240px; font-size:14px; line-height:26px; color:#555555; margin-top:8px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
.armpro1_information span:hover,.armpro2_information span:hover { background:#83b31d; }
.armindexpro_link { width:100%; height:90px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:10px 6px; text-decoration:none; }
.armindexpro_link a:hover { color:#83b31d; border:1px solid #83b31d; }
#armindex1 { width:100%; height:auto; margin:0px; padding:44px 0 0; overflow:auto; background:#ffffff; display:none; }
#armindex2 { width:100%; height:auto; margin:0px; padding:6px 0 0; overflow:auto; background:#f5f5f5; }
#armindex3 { width:100%; height:auto; margin:0px; padding:25px 0 30px; overflow:auto; background:#ffffff; }
#armindex4 { width:100%; height:auto; margin:0px; padding:0; overflow:auto; background:#d7e5f2; }
#armindex5 { width:100%; height:auto; margin:0px; padding:0; overflow:auto; background:#e1ecf6; }
.armindex2_row { width:100%; height:auto; margin-top:0px; overflow:hidden; padding-bottom:20px; }
.armindex2_row_div { width:280px; height:182px; float:left; margin-right:20px; }
.arm-box { width:280px; height:158px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:8px; left:16px; }
.arm-box-content h3 { color:#2e2e2e; font-size:20px; }
.technical_article { width:280px; height:auto; margin:10px auto 8px auto; float:left; }
.technical_article_ico { width:38px; height:40px; margin:0; padding:0px; float:left; }
.technical_article_list { width:238px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:20px; line-height:22px; color:#303233; font-weight:bold; margin-top:10px; }
.technical_article_list ul { width:100%; height:auto; max-height:160px; margin:0; }
.technical_article_list ul li { font-size:14px; line-height:22px; color:#646464; }
.technical_article_list ul li a { color:#646464; }
.technical_article_list ul li a:hover { color:#8fc31f; }
.nav-ipc-about { width:280px; height:180px; margin:34px auto 0px; }
.nav-ipc-about li { width:80px; height:140px; float:left; margin:0px 6px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:20px; line-height:22px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:14px; line-height:28px; color:#646464 !important; }
.nav-ipc-about svg { width:50px; height:50px; fill:#303233; }
.nav-ipc-about a:hover svg { fill:#9eca3f; }
.nav-ipc-about a:hover h3,.nav-ipc-about a:hover p { color:#9eca3f !important; }
.yang_card_pro_choose_info_1 { width:100%; height:auto; float:left; text-align:center; margin:20px auto; }
.yang_card_pro_choose_info_1 a { min-width:130px; font-size:14px; color:#ffffff; border:1px solid #8fc31f; background:#8fc31f; border-radius:6px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; margin-bottom:5px; }
.yang_card_pro_choose_info_1 a:hover { text-decoration:none; border:1px solid #83b31d; background-color:#83b31d; color:#ffffff; }
#armindex9 { width:100%; height:300px; margin:0px; padding:0; overflow:auto; background:url(../images/ipc_v9/filtrate_bg.jpg) center center no-repeat; }
#armindex9 .armindex9_title { width:100%; height:94px; margin:50px auto 20px auto; }
#armindex9 h2 { color:#ffffff; text-align:center; font-size:16px; line-height:42px; font-weight:bold; display:inline-block; float:left; }
#armindex9 .armindex9_title_svg { width:52px; height:52px; margin:16px 20px 0px 0px; text-align:center; float:left; display:none; }
#armindex9 svg { width:52px; height:52px; fill:#ffffff; }
#armindex9 .armindex9_btn { width:190px; height:60px; margin:30px auto 10px; background:#ffffff; color:#0f72fe; text-align:center; border-radius:8px; border:2px solid #ffffff; }
#armindex9 .armindex9_btn a { width:100%; height:60px; font-size:20px; line-height:60px; color:#0f72fe; display:block; font-weight:bold; }
#armindex9 .armindex9_btn:hover { background:#0f72fe; }
#armindex9 .armindex9_btn a:hover { color:#ffffff; }
}
/*针对iphone5s*/
@media (min-width:315px) { 
#advertising { width:100%; height:362px; position:relative; top:75px; }
.slides { height:287px; }
.section-bg { width:100%; height:287px; }
.section-bg .slider-text { width:265px; height:180px; margin:16px 10px 10px 10px; padding:0; }
.secondary-heading { width:265px; color:#fff; font-size:24px; line-height:30px; margin:0 0 5px 0; padding:0; position:relative; }
.sub-heading { width:265px; color:#fff; font-size:12px; line-height:18px; margin:0; padding:0; position:relative; }
.content { padding:0px 20px; }
}
/*针对1080*1920的android*/
@media (min-width:360px) { 
#advertising { width:100%; height:403px; position:relative; top:75px; }
.slides { height:328px; }
.section-bg { width:100%; height:328px; }
.section-bg .slider-text { width:300px; height:190px; margin:20px 11px 10px 14px; padding:0; }
.secondary-heading { width:300px; color:#fff; font-size:26px; line-height:20px; margin:0 0 15px 0; padding:0; position:relative; }
.sub-heading { width:300px; color:#fff; font-size:16px; line-height:22px; margin:0; padding:0; position:relative; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:340px; height:94px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05,#ipc-pro-ico06,#ipc-pro-ico07,#ipc-pro-ico08,#ipc-pro-ico09 { width:110px; height:126px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a,#ipc-pro-ico06>a,#ipc-pro-ico07>a,#ipc-pro-ico08>a,#ipc-pro-ico09>a { width:90px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg,.pro-ico06 svg,.pro-ico07 svg,.pro-ico08 svg,.pro-ico09 svg { width:40px; height:40px; fill:#646464; margin-left:27px; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
#armindexpro .tab-content { margin-top:6px; }
.armpro1 { width:340px; height:auto; float:left; }
.armpro1_right { width:340px; height:auto; float:left; }
.armpro1_right_div { width:324px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro2 { width:340px; height:auto; float:left; }
.armpro2_right { width:340px; height:auto; float:left; }
.armpro2_right_div { width:324px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro3 { width:340px; height:auto; float:left; }
.armpro3_right { width:340px; height:auto; float:left; }
.armpro3_right_div { width:324px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro4 { width:340px; height:auto; float:left; }
.armpro4_right { width:340px; height:auto; float:left; }
.armpro4_right_div { width:324px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro1_photo,.armpro2_photo,.armpro3_photo,.armpro4_photo { width:316px; height:216px; float:right; margin:0px; }
.armpro1_information,.armpro2_information,.armpro3_information,.armpro4_information { width:274px; height:auto; float:right; margin:0px auto 30px; }
.armpro1_information h3,.armpro2_information h3,.armpro3_information h3,.armpro4_information h3 { width:240px; font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.armpro1_information p,.armpro2_information p,.armpro3_information p,.armpro4_information p { width:240px; font-size:14px; line-height:26px; color:#555555; margin-top:8px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
.armindexpro_link { width:100%; height:90px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:10px 6px; text-decoration:none; }
.armindex2_row { width:100%; height:auto; margin-top:0px; overflow:hidden; padding-bottom:20px; }
.armindex2_row_div { width:340px; height:212px; float:left; margin-right:20px; }
.arm-box { width:320px; height:188px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:8px; left:16px; }
.arm-box-content h3 { color:#2e2e2e; font-size:20px; }
.technical_article { width:340px; height:auto; margin:10px auto 8px auto; float:left; }
.technical_article_ico { width:38px; height:40px; margin:0; padding:0px; float:left; }
.technical_article_list { width:288px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:20px; line-height:22px; color:#303233; font-weight:bold; margin-top:10px; }
.technical_article_list ul { width:100%; height:auto; max-height:160px; margin:0; }
.technical_article_list ul li { font-size:14px; line-height:24px; color:#646464; }
.nav-ipc-about { width:340px; height:180px; margin:34px auto 0px; }
.nav-ipc-about li { width:80px; height:140px; float:left; margin:0px 16px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:20px; line-height:22px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:14px; line-height:28px; color:#646464 !important; }
.nav-ipc-about svg { width:50px; height:50px; fill:#303233; }
}
/*针对iphone6*/
@media (min-width:375px) { 
#advertising { width:100%; height:417px; position:relative; top:75px; }
.slides { height:342px; }
.section-bg { width:100%; height:342px; }
.section-bg .slider-text { width:300px; height:210px; margin:20px 11px 10px 21px; padding:0; }
.secondary-heading { width:300px; color:#fff; font-size:26px; line-height:26px; margin:0 0 10px 0; padding:0; position:relative; }
.sub-heading { width:300px; color:#fff; font-size:16px; line-height:26px; margin:0; padding:0; position:relative; }
.content { padding:0px 23px; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:340px; height:90px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05,#ipc-pro-ico06,#ipc-pro-ico07,#ipc-pro-ico08,#ipc-pro-ico09 { width:112px; height:116px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a,#ipc-pro-ico06>a,#ipc-pro-ico07>a,#ipc-pro-ico08>a,#ipc-pro-ico09>a { width:110px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg,.pro-ico06 svg,.pro-ico07 svg,.pro-ico08 svg,.pro-ico09 svg { width:40px; height:40px; fill:#646464; margin-left:38px; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
#armindexpro .tab-content { margin-top:6px; }
.armpro1 { width:350px; height:auto; float:left; }
.armpro1_right { width:350px; height:auto; float:left; }
.armpro1_right_div { width:334px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro2 { width:350px; height:auto; float:left; }
.armpro2_right { width:350px; height:auto; float:left; }
.armpro2_right_div { width:334px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro3 { width:350px; height:auto; float:left; }
.armpro3_right { width:350px; height:auto; float:left; }
.armpro3_right_div { width:334px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro4 { width:350px; height:auto; float:left; }
.armpro4_right { width:350px; height:auto; float:left; }
.armpro4_right_div { width:334px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro1_photo,.armpro2_photo,.armpro3_photo,.armpro4_photo { width:326px; height:240px; float:right; margin:0px; }
.armpro1_information,.armpro2_information,.armpro3_information,.armpro4_information { width:290px; height:auto; float:right; margin:0px auto 30px; }
.armpro1_information h3,.armpro2_information h3,.armpro3_information h3,.armpro4_information h3 { width:250px; font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.armpro1_information p,.armpro2_information p,.armpro3_information p,.armpro4_information p { width:250px; font-size:14px; line-height:26px; color:#555555; margin-top:8px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
.armindexpro_link { width:100%; height:90px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:10px 6px; text-decoration:none; }
.armindex2_row { width:100%; height:auto; margin-top:0px; overflow:hidden; padding-bottom:20px; }
.armindex2_row_div { width:350px; height:212px; float:left; margin-right:20px; }
.arm-box { width:330px; height:188px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:8px; left:16px; }
.arm-box-content h3 { color:#2e2e2e; font-size:20px; }
.technical_article { width:350px; height:auto; margin:10px auto 8px auto; float:left; }
.technical_article_ico { width:38px; height:40px; margin:0; padding:0px; float:left; }
.technical_article_list { width:288px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:20px; line-height:22px; color:#303233; font-weight:bold; margin-top:10px; }
.technical_article_list ul { width:100%; height:auto; max-height:160px; margin:0; }
.technical_article_list ul li { font-size:14px; line-height:24px; color:#646464; }
.nav-ipc-about { width:340px; height:180px; margin:34px auto 0px; }
.nav-ipc-about li { width:85px; height:140px; float:left; margin:0px 14px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:20px; line-height:22px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:14px; line-height:28px; color:#646464 !important; }
.nav-ipc-about svg { width:50px; height:50px; fill:#303233; }
#armindex9 h2 { color:#ffffff; text-align:center; font-size:21px; line-height:42px; font-weight:bold; display:inline-block; float:left; }
#armindex9 .armindex9_title_svg { width:26px; height:26px; margin:27px 8px 0px 0px; text-align:center; float:left; display:none; }
#armindex9 svg { width:26px; height:26px; fill:#ffffff; }
}
/*针对全面屏安卓*/
@media (min-width:390px) { 
#advertising { width:100%; height:430px; position:relative; top:75px; }
.slides { height:355px; }
.section-bg { width:100%; height:355px; }
.section-bg .slider-text { width:300px; height:220px; margin:30px 17px 10px 31px; padding:0; }
.secondary-heading { width:300px; color:#fff; font-size:28px; line-height:20px; margin:0px 0 10px 0; padding:0; position:relative; }
.sub-heading { width:300px; color:#fff; font-size:16px; line-height:22px; margin:0; padding:0; position:relative; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:340px; height:90px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05,#ipc-pro-ico06,#ipc-pro-ico07,#ipc-pro-ico08,#ipc-pro-ico09 { width:113px; height:116px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a,#ipc-pro-ico06>a,#ipc-pro-ico07>a,#ipc-pro-ico08>a,#ipc-pro-ico09>a { width:110px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg,.pro-ico06 svg,.pro-ico07 svg,.pro-ico08 svg,.pro-ico09 svg { width:40px; height:40px; fill:#646464; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
#armindexpro .tab-content { margin-top:6px; }
.armpro1 { width:360px; height:auto; float:left; }
.armpro1_right { width:360px; height:auto; float:left; }
.armpro1_right_div { width:348px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro2 { width:360px; height:auto; float:left; }
.armpro2_right { width:360px; height:auto; float:left; }
.armpro2_right_div { width:348px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro3 { width:360px; height:auto; float:left; }
.armpro3_right { width:350px; height:auto; float:left; }
.armpro3_right_div { width:348px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro4 { width:360px; height:auto; float:left; }
.armpro4_right { width:350px; height:auto; float:left; }
.armpro4_right_div { width:348px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro1_photo,.armpro2_photo,.armpro3_photo,.armpro4_photo { width:346px; height:250px; float:right; margin:0px; }
.armpro1_information,.armpro2_information,.armpro3_information,.armpro4_information { width:302px; height:auto; float:right; margin:0px auto 30px; }
.armpro1_information h3,.armpro2_information h3,.armpro3_information h3,.armpro4_information h3 { width:270px; font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.armpro1_information p,.armpro2_information p,.armpro3_information p,.armpro4_information p { width:270px; font-size:14px; line-height:26px; color:#555555; margin-top:8px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
.armindexpro_link { width:100%; height:90px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:10px 6px; text-decoration:none; }
.armindex2_row { width:100%; height:auto; margin-top:0px; overflow:hidden; padding-bottom:20px; }
.armindex2_row_div { width:350px; height:220px; float:left; margin-right:20px; }
.arm-box { width:340px; height:198px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:8px; left:16px; }
.arm-box-content h3 { color:#2e2e2e; font-size:20px; }
.technical_article { width:350px; height:auto; margin:10px auto 8px auto; float:left; }
.technical_article_ico { width:38px; height:40px; margin:0; padding:0px; float:left; }
.technical_article_list { width:288px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:20px; line-height:22px; color:#303233; font-weight:bold; margin-top:10px; }
.technical_article_list ul { width:100%; height:auto; max-height:160px; margin:0; }
.technical_article_list ul li { font-size:14px; line-height:24px; color:#646464; }
.nav-ipc-about { width:350px; height:180px; margin:34px auto 0px; }
.nav-ipc-about li { width:86px; height:140px; float:left; margin:0px 14px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:20px; line-height:22px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:14px; line-height:28px; color:#646464 !important; }
.nav-ipc-about svg { width:50px; height:50px; fill:#303233; }
}
@media (min-width:400px) { 
#advertising { width:100%; height:440px; position:relative; top:75px; }
.slides { height:365px; }
.section-bg { width:100%; height:365px; }
.section-bg .slider-text { width:310px; height:220px; margin:28px 18px 10px 30px; padding:0; }
.secondary-heading { width:310px; color:#fff; font-size:28px; line-height:26px; margin:0px 0 10px 0; padding:0; position:relative; }
.sub-heading { width:310px; color:#fff; font-size:16px; line-height:24px; margin:0; padding:0; position:relative; }
.content { padding:0px 25px; }
.yang_card_h3 { font-size:24px; color:#333; text-align:center; line-height:30px; padding-bottom:0px; padding-top:0px; }
.yang_card_cloud_h3 { font-size:24px; color:#333; text-align:center; line-height:32px; padding-bottom:0px; padding-top:10px; }
.ct_dt { color:#ffffff; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:360px; height:94px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05,#ipc-pro-ico06,#ipc-pro-ico07,#ipc-pro-ico08,#ipc-pro-ico09 { width:118px; height:116px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a,#ipc-pro-ico06>a,#ipc-pro-ico07>a,#ipc-pro-ico08>a,#ipc-pro-ico09>a { width:116px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg,.pro-ico06 svg,.pro-ico07 svg,.pro-ico08 svg,.pro-ico09 svg { width:44px; height:44px; fill:#646464; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
#armindexpro .tab-content { margin-top:6px; }
.armpro1 { width:370px; height:auto; float:left; }
.armpro1_right { width:370px; height:auto; float:left; }
.armpro1_right_div { width:346px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro2 { width:370px; height:auto; float:left; }
.armpro2_right { width:370px; height:auto; float:left; }
.armpro2_right_div { width:346px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro3 { width:370px; height:auto; float:left; }
.armpro3_right { width:370px; height:auto; float:left; }
.armpro3_right_div { width:346px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro4 { width:370px; height:auto; float:left; }
.armpro4_right { width:370px; height:auto; float:left; }
.armpro4_right_div { width:346px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro1_photo,.armpro2_photo,.armpro3_photo,.armpro4_photo { width:346px; height:250px; float:right; margin:0px; }
.armpro1_information,.armpro2_information,.armpro3_information,.armpro4_information { width:310px; height:auto; float:right; margin:0px auto 30px; }
.armpro1_information h3,.armpro2_information h3,.armpro3_information h3,.armpro4_information h3 { width:270px; font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.armpro1_information p,.armpro2_information p,.armpro3_information p,.armpro4_information p { width:270px; font-size:14px; line-height:26px; color:#555555; margin-top:8px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
.armindexpro_link { width:100%; height:90px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:10px 6px; text-decoration:none; }
.armindex2_row { width:100%; height:auto; margin-top:0px; overflow:hidden; padding-bottom:20px; }
.armindex2_row_div { width:360px; height:228px; float:left; margin-right:20px; }
.arm-box { width:350px; height:206px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:8px; left:16px; }
.arm-box-content h3 { color:#2e2e2e; font-size:20px; }
.technical_article { width:360px; height:auto; margin:10px auto 8px auto; float:left; }
.technical_article_ico { width:38px; height:40px; margin:0; padding:0px; float:left; }
.technical_article_list { width:312px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:20px; line-height:22px; color:#303233; font-weight:bold; margin-top:10px; }
.technical_article_list ul { width:100%; height:auto; max-height:160px; margin:0; }
.technical_article_list ul li { font-size:14px; line-height:24px; color:#646464; }
.nav-ipc-about { width:360px; height:180px; margin:34px auto 0px; }
.nav-ipc-about li { width:86px; height:140px; float:left; margin:0px 16px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:20px; line-height:22px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:14px; line-height:28px; color:#646464 !important; }
.nav-ipc-about svg { width:50px; height:50px; fill:#303233; }
}
/*针对iphone6s plus*/
@media (min-width:410px) { 
#advertising { width:100%; height:453px; position:relative; top:75px; }
.slides { height:378px; }
.section-bg { width:100%; height:378px; }
.section-bg .slider-text { width:350px; height:250px; margin:40px 19px 10px 17px; padding:0; }
.secondary-heading { width:350px; color:#fff; font-size:30px; line-height:16px; margin:0px 0 10px 0; padding:0; position:relative; }
.sub-heading { width:350px; color:#fff; font-size:16px; line-height:24px; margin:0; padding:0; position:relative; }
.yang_card_h3 { font-size:26px; color:#333; text-align:center; line-height:31px; padding-bottom:4px; padding-top:0px; }
.yang_card_cloud_h3 { font-size:26px; color:#333; text-align:center; line-height:32px; padding-bottom:4px; padding-top:10px; }
.ct_dt { color:#ffffff; }
.armpro1 { width:370px; height:auto; float:left; }
.armpro1_right { width:370px; height:auto; float:left; }
.armpro1_right_div { width:360px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro2 { width:370px; height:auto; float:left; }
.armpro2_right { width:370px; height:auto; float:left; }
.armpro2_right_div { width:360px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro3 { width:370px; height:auto; float:left; }
.armpro3_right { width:370px; height:auto; float:left; }
.armpro3_right_div { width:360px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro4 { width:370px; height:auto; float:left; }
.armpro4_right { width:370px; height:auto; float:left; }
.armpro4_right_div { width:360px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro1_photo,.armpro2_photo,.armpro3_photo,.armpro4_photo { width:356px; height:250px; float:right; margin:10px 0px 0px 0px; }
.armpro1_information,.armpro2_information,.armpro3_information,.armpro4_information { width:320px; height:auto; float:right; margin:0px auto 30px; }
.armpro1_information h3,.armpro2_information h3,.armpro3_information h3,.armpro4_information h3 { width:296px; font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.armpro1_information p,.armpro2_information p,.armpro3_information p,.armpro4_information p { width:296px; font-size:14px; line-height:26px; color:#555555; margin-top:8px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
#armindex9 .armindex9_title { width:350px; height:94px; margin:50px auto 20px auto; }
#armindex9 h2 { color:#ffffff; text-align:center; font-size:23px; line-height:42px; font-weight:bold; display:inline-block; float:left; }
#armindex9 .armindex9_title_svg { width:26px; height:26px; margin:27px 8px 0px 0px; text-align:center; float:left; display:none; }
#armindex9 svg { width:26px; height:26px; fill:#ffffff; }
}
@media (min-width:414px) { }
/*针对1440*2560的android*/
@media (min-width:480px) { 
#advertising { width:100%; height:513px; position:relative; top:75px; }
.slides { height:438px; }
.section-bg { width:100%; height:438px; }
.section-bg .slider-text { width:380px; height:260px; margin:40px 24px 10px 35px; padding:0; }
.secondary-heading { width:380px; color:#fff; font-size:34px; line-height:18px; margin:5px 0 22px 0; padding:0; position:relative; }
.sub-heading { width:380px; color:#fff; font-size:16px; line-height:22px; margin:0; padding:0; position:relative; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:430px; height:100px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05,#ipc-pro-ico06,#ipc-pro-ico07,#ipc-pro-ico08,#ipc-pro-ico09 { width:142px; height:100px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a,#ipc-pro-ico06>a,#ipc-pro-ico07>a,#ipc-pro-ico08>a,#ipc-pro-ico09>a { width:140px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg,.pro-ico06 svg,.pro-ico07 svg,.pro-ico08 svg,.pro-ico09 svg { width:48px; height:48px; fill:#646464; margin-left:50px; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
#armindexpro .tab-content { margin-top:6px; }
.armpro1 { width:440px; height:auto; float:left; }
.armpro1_right { width:440px; height:auto; float:left; }
.armpro1_right_div { width:430px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro2 { width:440px; height:auto; float:left; }
.armpro2_right { width:440px; height:auto; float:left; }
.armpro2_right_div { width:430px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro3 { width:440px; height:auto; float:left; }
.armpro3_right { width:440px; height:auto; float:left; }
.armpro3_right_div { width:430px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro4 { width:440px; height:auto; float:left; }
.armpro4_right { width:440px; height:auto; float:left; }
.armpro4_right_div { width:430px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro1_photo,.armpro2_photo,.armpro3_photo,.armpro4_photo { width:430px; height:310px; float:right; margin:10px 0px 0px 0px; }
.armpro1_information,.armpro2_information,.armpro3_information,.armpro4_information { width:390px; height:auto; float:right; margin:0px auto 30px; }
.armpro1_information h3,.armpro2_information h3,.armpro3_information h3,.armpro4_information h3 { width:350px; font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.armpro1_information p,.armpro2_information p,.armpro3_information p,.armpro4_information p { width:350px; font-size:14px; line-height:26px; color:#555555; margin-top:8px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
.armindexpro_link { width:100%; height:90px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:10px 6px; text-decoration:none; }
.armindex2_row { width:100%; height:auto; margin-top:0px; overflow:hidden; padding-bottom:20px; }
.armindex2_row_div { width:430px; height:260px; float:left; margin-right:20px; }
.arm-box { width:420px; height:240px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:8px; left:16px; }
.arm-box-content h3 { color:#2e2e2e; font-size:20px; }
.technical_article { width:430px; height:auto; margin:10px auto 8px auto; float:left; }
.technical_article_ico { width:38px; height:40px; margin:0; padding:0px; float:left; }
.technical_article_list { width:390px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:20px; line-height:22px; color:#303233; font-weight:bold; margin-top:10px; }
.technical_article_list ul { width:100%; height:auto; max-height:160px; margin:0; }
.technical_article_list ul li { font-size:14px; line-height:24px; color:#646464; }
.nav-ipc-about { width:460px; height:180px; margin:34px auto 0px; }
.nav-ipc-about li { width:106px; height:140px; float:left; margin:0px 22px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:20px; line-height:26px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:14px; line-height:28px; color:#646464 !important; }
.nav-ipc-about svg { width:50px; height:50px; fill:#303233; }
}
@media (min-width:500px) { 
#advertising { width:100%; height:531px; position:relative; top:75px; }
.slides { height:456px; }
.section-bg { width:100%; height:456px; }
.section-bg .slider-text { width:380px; height:280px; margin:45px 27px 10px 43px; padding:0; }
.secondary-heading { width:380px; color:#fff; font-size:34px; line-height:20px; margin:5px 0 20px 0; padding:0; position:relative; }
.sub-heading { width:380px; color:#fff; font-size:16px; line-height:22px; margin:0; padding:0; position:relative; }
.yang_card_h3 { font-size:22px; line-height:34px; }
.yang_card_p { width:100%; padding:0 20px; font-size:14px; color:#666666; line-height:24px; text-align:center; }
.yang_card_cloud_h3 { font-size:22px; line-height:34px; }
.yang_card_cloud_p { width:100%; padding:0 20px; font-size:14px; color:#666666; line-height:24px; text-align:center; }
.ct_dt { color:#ffffff; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:460px; height:102px; background:#f5f5f5; margin:26px 0px 0px 0px; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05,#ipc-pro-ico06,#ipc-pro-ico07,#ipc-pro-ico08,#ipc-pro-ico09 { width:152px; height:100px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a,#ipc-pro-ico06>a,#ipc-pro-ico07>a,#ipc-pro-ico08>a,#ipc-pro-ico09>a { width:150px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg,.pro-ico06 svg,.pro-ico07 svg,.pro-ico08 svg,.pro-ico09 svg { width:50px; height:50px; fill:#646464; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
#armindexpro .tab-content { margin-top:6px; }
.armpro1 { width:450px; height:auto; float:left; }
.armpro1_right { width:450px; height:auto; float:left; }
.armpro1_right_div { width:440px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro2 { width:450px; height:auto; float:left; }
.armpro2_right { width:450px; height:auto; float:left; }
.armpro2_right_div { width:440px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro3 { width:450px; height:auto; float:left; }
.armpro3_right { width:450px; height:auto; float:left; }
.armpro3_right_div { width:440px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro4 { width:450px; height:auto; float:left; }
.armpro4_right { width:450px; height:auto; float:left; }
.armpro4_right_div { width:440px; height:auto; float:left; background:#ffffff; margin-bottom:20px; }
.armpro1_photo,.armpro2_photo,.armpro3_photo,.armpro4_photo { width:440px; height:310px; float:right; margin:10px 0px 0px 0px; }
.armpro1_information,.armpro2_information,.armpro3_information,.armpro4_information { width:390px; height:auto; float:right; margin:0px auto 30px; }
.armpro1_information h3,.armpro2_information h3,.armpro3_information h3,.armpro4_information h3 { width:350px; font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.armpro1_information p,.armpro2_information p,.armpro3_information p,.armpro4_information p { width:350px; font-size:14px; line-height:26px; color:#555555; margin-top:8px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
.armindexpro_link { width:100%; height:90px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:10px 6px; text-decoration:none; }
.armindex2_row { width:100%; height:auto; margin-top:0px; overflow:hidden; padding-bottom:20px; }
.armindex2_row_div { width:450px; height:270px; float:left; margin-right:20px; }
.arm-box { width:440px; height:250px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:18px; left:26px; }
.arm-box-content h3 { color:#2e2e2e; font-size:20px; }
.technical_article { width:440px; height:auto; margin:10px auto 8px auto; float:left; }
.technical_article_ico { width:38px; height:40px; margin:0; padding:0px; float:left; }

.technical_article_list { width:382px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:20px; line-height:22px; color:#303233; font-weight:bold; margin-top:10px; }
.technical_article_list ul { width:100%; height:auto; max-height:160px; margin:0; }
.technical_article_list ul li { font-size:14px; line-height:24px; color:#646464; }
.nav-ipc-about { width:460px; height:180px; margin:34px auto 0px; }
.nav-ipc-about li { width:106px; height:140px; float:left; margin:0px 22px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:20px; line-height:26px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:14px; line-height:28px; color:#646464 !important; }
.nav-ipc-about svg { width:50px; height:50px; fill:#303233; }
.yang_card_pro_choose_info_1 { width:100%; height:60px; float:left; text-align:center; }
.yang_card_pro_choose_info_1 a { min-width:130px; font-size:14px; color:#ffffff; border:1px solid #8fc31f; background:#8fc31f; border-radius:6px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; }
}
@media (min-width:600px) { 
#advertising { width:100%; height:622px; position:relative; top:75px; }
.slides { height:547px; }
.section-bg { width:100%; height:547px; }
.section-bg .slider-text { width:500px; height:300px; margin:40px 34px 10px 38px; padding:0; }
.secondary-heading { width:500px; color:#fff; font-size:44px; line-height:40px; margin:5px 0 20px 0; padding:0; position:relative; }
.sub-heading { width:500px; color:#fff; font-size:20px; line-height:26px; margin:0; padding:0; position:relative; }
.content { padding:25px 20px 20px 20px; margin:0px 0px; }
.yang_card_h3 { font-size:26px; color:#333; text-align:center; line-height:42px; padding-bottom:5px; padding-top:0px; }
.yang_card_p { width:100%; padding:0 20px; font-size:16px; color:#666666; line-height:28px; text-align:center; }
.yang_card_cloud_h3 { font-size:26px; color:#333; text-align:center; line-height:42px; padding-bottom:5px; padding-top:10px; }
.yang_card_cloud_p { width:100%; padding:0 20px; font-size:16px; color:#666666; line-height:28px; text-align:center; }
.ct_dt { color:#ffffff; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:530px; height:106px; background:#f5f5f5; margin:26px auto 0px auto; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05,#ipc-pro-ico06,#ipc-pro-ico07,#ipc-pro-ico08,#ipc-pro-ico09 { width:170px; height:100px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a,#ipc-pro-ico06>a,#ipc-pro-ico07>a,#ipc-pro-ico08>a,#ipc-pro-ico09>a { width:160px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg,.pro-ico06 svg,.pro-ico07 svg,.pro-ico08 svg,.pro-ico09 svg { width:52px; height:52px; fill:#646464; margin-left:55px; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
#armindexpro .tab-content { margin-top:6px; }
.armpro1 { width:560px; height:auto; float:left; }
.armpro1_right { width:560px; height:auto; float:left; }
.armpro1_right_div { width:260px; height:350px; float:left; background:#ffffff; margin-bottom:20px; margin-right:20px; }
.armpro2 { width:560px; height:auto; float:left; }
.armpro2_right { width:560px; height:auto; float:left; }
.armpro2_right_div { width:260px; height:350px; float:left; background:#ffffff; margin-bottom:20px; margin-right:20px; }
.armpro3 { width:560px; height:auto; float:left; }
.armpro3_right { width:560px; height:auto; float:left; }
.armpro3_right_div { width:260px; height:350px; float:left; background:#ffffff; margin-bottom:20px; margin-right:20px; }
.armpro4 { width:560px; height:auto; float:left; }
.armpro4_right { width:560px; height:auto; float:left; }
.armpro4_right_div { width:260px; height:350px; float:left; background:#ffffff; margin-bottom:20px; margin-right:20px; }
.armpro1_photo,.armpro2_photo,.armpro3_photo,.armpro4_photo { width:258px; height:186px; float:right; margin:10px 0px 0px 0px; }
.armpro1_information,.armpro2_information,.armpro3_information,.armpro4_information { width:240px; height:auto; float:right; margin:0px auto 30px; }
.armpro1_information h3,.armpro2_information h3,.armpro3_information h3,.armpro4_information h3 { width:220px; font-size:20px; line-height:20px; color:#303233; margin-top:0px; }
.armpro1_information p,.armpro2_information p,.armpro3_information p,.armpro4_information p { width:220px; font-size:14px; line-height:26px; color:#555555; margin-top:8px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
.armindexpro_link { width:100%; height:90px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:10px 6px; text-decoration:none; }
.armindex2_row { width:100%; height:auto; margin-top:0px; overflow:hidden; padding-bottom:20px; }
.armindex2_row_div { width:260px; height:172px; float:left; margin-right:20px; }
.arm-box { width:260px; height:150px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:2px; left:16px; }
.arm-box-content h3 { color:#2e2e2e; font-size:20px; }
.technical_article { width:540px; height:auto; margin:10px auto 8px auto; float:left; }
.technical_article_ico { width:58px; height:70px; margin:0; padding:0px; float:left; }
.technical_article_list { width:482px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:20px; line-height:22px; color:#303233; font-weight:bold; margin-top:10px; }
.technical_article_list ul { width:100%; height:auto; max-height:160px; margin:0; }
.technical_article_list ul li { font-size:14px; line-height:24px; color:#646464; }
.nav-ipc-about { width:560px; height:180px; margin:34px auto 0px; }
.nav-ipc-about li { width:142px; height:140px; float:left; margin:0px 22px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:20px; line-height:26px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:14px; line-height:28px; color:#646464 !important; }
.nav-ipc-about svg { width:50px; height:50px; fill:#303233; }
#armindex9 { width:100%; height:400px; margin:0px; padding:0; overflow:auto; background:url(../images/ipc_v9/filtrate_bg.jpg) center center no-repeat; }
#armindex9 .armindex9_title { width:486px; height:94px; margin:50px auto 20px auto; }
#armindex9 h2 { color:#ffffff; text-align:center; font-size:32px; line-height:42px; font-weight:bold; display:inline-block; float:left; }
#armindex9 .armindex9_title_svg { width:52px; height:52px; margin:14px 20px 0px 0px; text-align:center; float:left; }
#armindex9 svg { width:52px; height:52px; fill:#ffffff; }
#armindex9 .armindex9_btn { width:190px; height:60px; margin:30px auto 10px; background:#ffffff; color:#0f72fe; text-align:center; border-radius:8px; border:2px solid #ffffff; }
#armindex9 .armindex9_btn a { width:100%; height:60px; font-size:20px; line-height:60px; color:#0f72fe; display:block; font-weight:bold; }
#armindex9 .armindex9_btn:hover { background:#0f72fe; }
#armindex9 .armindex9_btn a:hover { color:#ffffff; }
}
@media (min-width:700px) { 
#advertising { width:100%; height:713px; position:relative; top:75px; }
.slides { height:638px; }
.section-bg { width:100%; height:638px; }
.section-bg .slider-text { width:560px; height:350px; margin:50px 35px 10px 55px; padding:0; }
.secondary-heading { width:560px; color:#fff; font-size:50px; line-height:60px; margin:25px 0 22px 0; padding:0; position:relative; }
.sub-heading { width:560px; color:#fff; font-size:24px; line-height:36px; margin:0; padding:0; position:relative; }
.secondary-heading2 { width:560px; color:#fff; font-size:50px; line-height:50px; margin:5px 0 22px 0; padding:0; position:relative; }
.sub-heading2 { width:560px; color:#fff; font-size:24px; line-height:30px; margin:0; padding:0; position:relative; }
.content { padding:25px 20px 30px 20px; margin:0px 0px; }
.yang_card_h3 { font-size:30px; color:#333; text-align:center; line-height:48px; padding-bottom:8px; padding-top:0px; }
.yang_card_p { width:100%; padding:0 20px; font-size:18px; color:#666666; line-height:34px; text-align:center; }
.yang_card_cloud_h3 { font-size:30px; color:#333; text-align:center; line-height:48px; padding-bottom:8px; padding-top:10px; }
.yang_card_cloud_p { width:100%; padding:0 20px; font-size:18px; color:#666666; line-height:34px; text-align:center; }
.ct_dt { color:#ffffff; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:540px; height:110px; background:#f5f5f5; margin:26px auto 0px auto; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05,#ipc-pro-ico06,#ipc-pro-ico07,#ipc-pro-ico08,#ipc-pro-ico09 { width:180px; height:100px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a,#ipc-pro-ico06>a,#ipc-pro-ico07>a,#ipc-pro-ico08>a,#ipc-pro-ico09>a { width:160px; height:100px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg,.pro-ico06 svg,.pro-ico07 svg,.pro-ico08 svg,.pro-ico09 svg { width:60px; height:60px; fill:#646464; margin-left:50px; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
#armindexpro .tab-content { margin-top:6px; }
.armpro1 { width:680px; height:auto; float:left; }
.armpro1_right { width:660px; height:auto; float:left; }
.armpro1_right_div { width:310px; height:370px; float:left; background:#ffffff; margin-bottom:20px; margin-right:20px; }
.armpro2 { width:680px; height:auto; float:left; }
.armpro2_right { width:660px; height:auto; float:left; }
.armpro2_right_div { width:310px; height:370px; float:left; background:#ffffff; margin-bottom:20px; margin-right:20px; }
.armpro3 { width:680px; height:auto; float:left; }
.armpro3_right { width:660px; height:auto; float:left; }
.armpro3_right_div { width:310px; height:370px; float:left; background:#ffffff; margin-bottom:20px; margin-right:20px; }
.armpro4 { width:680px; height:auto; float:left; }
.armpro4_right { width:660px; height:auto; float:left; }
.armpro4_right_div { width:310px; height:370px; float:left; background:#ffffff; margin-bottom:20px; margin-right:20px; }
.armpro1_photo,.armpro2_photo,.armpro3_photo,.armpro4_photo { width:306px; height:224px; float:right; margin:10px 0px 0px 0px; }
.armpro1_information,.armpro2_information,.armpro3_information,.armpro4_information { width:278px; height:auto; float:right; margin:0px auto 30px; }
.armpro1_information h3,.armpro2_information h3,.armpro3_information h3,.armpro4_information h3 { width:260px; font-size:20px; line-height:30px; color:#303233; margin-top:0px; }
.armpro1_information p,.armpro2_information p,.armpro3_information p,.armpro4_information p { width:260px; font-size:14px; line-height:20px; color:#555555; margin-top:8px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:10px; display:none; }
.armindexpro_link { width:100%; height:90px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:10px 6px; text-decoration:none; }
.armindex2_row { width:100%; height:auto; margin-top:0px; overflow:hidden; padding-bottom:20px; }
.armindex2_row_div { width:308px; height:194px; float:left; margin-right:20px; }
.arm-box { width:310px; height:170px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:2px; left:16px; }
.arm-box-content h3 { color:#2e2e2e; font-size:20px; }
.technical_article { width:640px; height:auto; margin:10px auto 8px auto; float:left; }
.technical_article_ico { width:58px; height:70px; margin:0; padding:0px; float:left; }
.technical_article_list { width:582px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:20px; line-height:22px; color:#303233; font-weight:bold; margin-top:10px; }
.technical_article_list ul { width:100%; height:auto; max-height:160px; margin:0; }
.technical_article_list ul li { font-size:14px; line-height:24px; color:#646464; }
.nav-ipc-about { width:660px; height:180px; margin:34px auto 0px; }
.nav-ipc-about li { width:176px; height:140px; float:left; margin:0px 22px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:20px; line-height:32px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:14px; line-height:28px; color:#646464 !important; }
.nav-ipc-about svg { width:50px; height:50px; fill:#303233; }
}
@media (min-width:767px) { 
#armindex1 { width:100%; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; display:block; }
#armindex2 { width:100%; margin:0px; padding:35px 0 0; overflow:auto; background:#f5f5f5; }
.section-bg .slider-text { width:560px; height:350px; margin:50px 35px 10px 82px; padding:0; }
.secondary-heading { width:560px; color:#fff; font-size:50px; line-height:40px; margin:5px 0 22px 0; padding:0; position:relative; }
.sub-heading { width:560px; color:#fff; font-size:24px; line-height:30px; margin:0; padding:0; position:relative; }
.yang_card_pro_list { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
.yang_card_h3 { font-size:40px; color:#2e2e2e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:36px; margin-bottom:10px; font-weight:bold; }
.yang_card_p { width:100%; margin:0px; padding:0 70px; text-align:center; }
.yang_card_cloud_h3 { font-size:40px; color:#2e2e2e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:36px; margin-bottom:10px; font-weight:bold; }
.yang_card_cloud_p { width:100%; margin:0px; padding:0 70px; text-align:center; }
.yang_card_img { width:100%; height:auto; float:left; margin-top:25px; padding-bottom:60px; }
.ct_dt { color:#ffffff; }
.nav-ipc-tabs { width:260px; height:42px; background:#f5f5f5; border-radius:60px; margin:0 auto 30px; }
.nav-ipc-tabs>li { width:130px; height:40px; color:#2e2e2e; float:left; text-align:center; font-size:14px; line-height:24px; }
.nav-ipc-tabs>li>a { width:130px; height:40px; color:#2e2e2e; display:block; border-radius:60px; padding:7px; }
.nav-ipc-tabs .active { width:130px; height:40px; float:left; background:#8fc31f; border-radius:60px; }
.nav-ipc-tabs .active>a { color:#ffffff; }
.armindex1_link { width:100%; height:120px; text-align:center; }
.armindex1_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:60px 6px; text-decoration:none; }
.armindex1_link a:hover { color:#83b31d; border:1px solid #83b31d; }
}
@media (min-width:770px) { 
#advertising { width:100%; height:777px; position:relative; top:75px; }
.slides { height:702px; }
.section-bg { width:100%; height:702px; }
.section-bg .slider-text { width:560px; height:360px; margin:60px 35px 10px 85px; padding:0; }
.secondary-heading { width:560px; color:#fff; font-size:50px; line-height:30px; margin:5px 0 22px 0; padding:0; position:relative; }
.sub-heading { width:560px; color:#fff; font-size:24px; line-height:36px; margin:0; padding:0; position:relative; }
.content { padding:25px 0px 50px 0px; margin:0px 0px; }
}
@media (min-width:785px) { 
#advertising { width:100%; height:791px; position:relative; top:75px; }
.slides { height:716px; }
.section-bg { width:100%; height:716px; }
.section-bg .slider-text { width:565px; height:360px; margin:60px 35px 10px 95px; padding:0; }
.sub-heading { width:560px; color:#fff; font-size:24px; line-height:36px; margin:0; padding:0; position:relative; }
.secondary-heading { width:560px; color:#fff; font-size:50px; line-height:40px; margin:5px 0 22px 0; padding:0; position:relative; }
.content { padding:25px 0px 50px 0px; margin:0px 0px; }
}
@media (min-width:880px) { 
#advertising { width:100%; height:877px; position:relative; top:75px; }
.slides { height:802px; }
.section-bg { width:100%; height:802px; }
.section-bg .slider-text { width:700px; height:400px; margin:50px 35px 10px 73px; padding:0; }
.sub-heading { width:700px; color:#fff; font-size:30px; line-height:42px; margin:0; padding:0; position:relative; }
.secondary-heading { width:700px; color:#fff; font-size:64px; line-height:58px; margin:5px 0 27px 0; padding:0; position:relative; }
.yang_card_p { width:860px; margin:0 auto; }
.ct_dt { color:#ffffff; }
}
@media (min-width:980px) { 
#advertising { width:100%; height:969px; position:relative; top:75px; }
.slides { height:894px; }
.section-bg { width:100%; height:894px; }
.section-bg .slider-text { width:700px; height:400px; margin:70px 35px 10px 120px; padding:0; }
.sub-heading { width:700px; color:#fff; font-size:30px; line-height:42px; margin:0; padding:0; position:relative; }
.secondary-heading { width:700px; color:#fff; font-size:64px; line-height:40px; margin:5px 0 27px 0; padding:0; position:relative; }
.yang_card_h3 { width:760px; padding-top:25px; margin-left:auto; margin-right:auto; }
.yang_card_p { width:900px; margin:0 auto; padding:0 70px; font-size:14px; color:#666666; line-height:28px; text-align:center; }
.yang_card_cloud_h3 { width:900px; padding-top:65px; margin-left:auto; margin-right:auto; }
.yang_card_cloud_p { width:900px; margin:0 auto; padding:0 70px; font-size:16px; color:#666666; line-height:28px; text-align:center; }
.ct_dt { color:#ffffff; }
}
@media (min-width:1024px) { 
#advertising { width:100%; height:644px; background:#000; top:0px; overflow:hidden; }
.slides { height:644px; }
.section-bg { width:100vw; height:100%; background:url(../images/controlhost_v9/adx_bg.jpg?1) center center no-repeat; background-size:cover; }
.section-bg .slider-text { width:100%; height:100%; margin:164px 0 0; padding:0; }
.secondary-heading { width:100%; color:#fff; font-size:48px; line-height:64px; margin:0; position:relative; text-align:left; margin-bottom:10px; }
.sub-heading { width:63%; height:50px; color:#fff; font-size:20px; line-height:30px; margin:0; position:relative; text-align:left; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:900px; height:140px; background:#f5f5f5; margin:66px auto 0px auto; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05 { width:300px; height:80px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a { width:300px; height:140px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width:50px; height:76px; fill:#646464; margin-left:126px; }
.nav-ipc-pro .active>a { position:relative; }
.nav-ipc-pro .active>a>div>svg { fill:#8fc31f; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
.nav-ipc-pro .active a:before { content:"▼"; position:absolute; top:102px; left:144px; width:20px; height:20px; color:#8fc41f; display:block; }
.nav-ipc-pro .active h3 { color:#8fc41f; }
.nav-ipc-pro a:hover>div>svg { fill:#8fc31f; }
#armindex1 { width:100%; height:1100px; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; }
#armindex2 { width:100%; height:870px; margin:0px; padding:35px 0 0; overflow:auto; background:#f5f5f5; }
#armindex3 { width:100%; height:700px; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; }
#armindex4 { width:100%; height:300px; margin:0px; padding:0; overflow:auto; background:#f5f5f5; }
#armindex5 { width:100%; height:1160px; margin:0px; padding:0; overflow:auto; background:url(../images/intelcore/ct1_bg.jpg) repeat-x top #d7e5f2; }
.armpro1 { width:1024px; height:840px; float:left; }
.armpro1_left { width:410px; height:840px; float:left; display:block; }
.armpro1_left>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro1_left>a>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro1_left>a>div>h3 { font-size:24px; font-weight:bold; line-height:40px; margin:0px; padding-top:70px; margin-left:36px; color:#303233; }
.armpro1_left>a>div>p { font-size:14px; line-height:26px; color:#555555; margin:0px; padding-top:10px; margin-left:36px; }
.armpro1_right { width:614px; height:840px; float:left; }
.armpro1_right_div { width:614px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro1_right_div:nth-of-type(2) { margin-top:20px; }
.armpro1_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro2 { width:1024px; height:430px; float:left; }
.armpro2_left { width:410px; height:390px; float:left; display:block; }
.armpro2_left>div { width:390px; height:390px; margin:0px 20px 0px 0px; }
.armpro2_right { width:614px; height:390px; float:left; }
.armpro2_right_div { width:614px; height:390px; float:left; background:#ffffff; margin-right:0px; margin-bottom:0px; }
.armpro2_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro3 { width:1024px; height:850px; float:left; }
.armpro3_left { width:410px; height:850px; float:left; display:block; }
.armpro3_left>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro3_left>a>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro3_left>a>div>h3 { font-size:24px; font-weight:bold; line-height:40px; margin:0px; padding-top:70px; margin-left:36px; color:#ffffff; }
.armpro3_left>a>div>p { font-size:14px; line-height:26px; color:#ffffff; margin:0px; padding-top:10px; margin-left:36px; margin-right:20px; }
.armpro3_right { width:614px; height:850px; float:left; }
.armpro3_right_div { width:290px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro3_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro4 { width:1024px; height:1270px; float:left; }
.armpro4_top { width:1024px; height:850px; float:left; }
.armpro4_bottom { width:1024px; height:340px; float:left; display:block; }
.armpro4_right { width:1024px; height:850px; float:left; }
.armpro4_right_div { width:327px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro4_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro4_bottom_div_pc { width:1024px; height:340px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro4_bottom_div_pc:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro1_photo,.armpro2_photo { width:378px; height:330px; float:right; margin:58px 0px 0px 0px; }
.armpro1_information,.armpro2_information { width:200px; height:340px; float:right; margin:30px 0px 0px 0px; }
.armpro1_information h3,.armpro2_information h3 { width:200px; font-size:24px; font-weight:bold; line-height:28px; color:#303233; margin-top:20px; }
.armpro1_information p,.armpro2_information p { width:200px; font-size:14px; line-height:26px; color:#555555; margin-top:18px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:110px; display:none; }
.armpro1_information span:hover,.armpro2_information span:hover { background:#83b31d; }
.armpro3_photo { width:290px; height:216px; float:right; margin:46px 0px 0px; }
.armpro3_information { width:280px; height:100px; float:right; margin:0px; }
.armpro3_information h3 { width:95%; font-size:22px; font-weight:bold; line-height:24px; text-align:center; color:#303233; }
.armpro3_information p { width:95%; font-size:14px; line-height:18px; color:#555555; text-align:center; }
.armpro4_photo { width:323px; height:226px; float:right; margin:36px 2px 0px; }
.armpro4_information { width:310px; height:100px; float:right; margin:0px; }
.armpro4_information h3 { width:95%; font-size:22px; font-weight:bold; line-height:42px; text-align:center; color:#303233; }
.armpro4_information p { width:95%; font-size:14px; line-height:26px; color:#555555; text-align:center; }
.armpro4_photo_pc { width:668px; height:340px; float:right; margin:0px 0px 0px 0px; }
.armpro4_information_pc { width:340px; height:340px; float:right; margin:30px 0px 0px 0px; text-align:left; }
.armpro4_information_pc h3 { width:310px; font-size:22px; font-weight:bold; line-height:40px; color:#303233; margin-top:30px; margin-left:30px; }
.armpro4_information_pc p { width:310px; font-size:14px; line-height:26px; color:#555555; margin-top:18px; margin-left:30px; word-break:break-word; }
.armpro4_information_pc span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:140px; display:block; }
.armpro4_information_pc span:hover { background:#83b31d; }
.armpro2_left .ems_left { background:url(../images/controlhost_v9/ems-left.jpg) center center no-repeat; }
.armpro3_left .EPCM3568A-LI-left { background:url(../images/controlhost_v9/EPCM3568A-LI-left.jpg) center center no-repeat; }
.armpro1_left .display_left { background:url(../images/controlhost_v9/display-left.jpg) center center no-repeat; }
.armpro1_left .DCP-1000L-left { background:url(../images/controlhost_v9/DCP-1000L-left.jpg) center center no-repeat; }
.armpro2_left .ZPC-left { background:url(../images/controlhost_v9/ZPC-left.jpg) center center no-repeat; }
.rd1 { margin-right:20px; }
.rd2 { margin-top:20px; margin-right:20px; }
.rd3 { margin-top:20px; }
.rd4 { margin-top:88px !important; }
.tabbable { width:1024px; height:700px; position:absolute; margin-top:20px; }
.tab-content { width:1024px; height:auto; position:relative; margin-top:20px; }
#armindexpro .tab-content { margin-top:6px; }
.nav-ipc-tabs { width:260px; height:40px; background:#f5f5f5; border-radius:60px; margin:0 auto; }
.nav-ipc-tabs>li { width:130px; height:40px; color:#2e2e2e; float:left; text-align:center; font-size:14px; line-height:24px; }
.nav-ipc-tabs>li>a { width:130px; height:40px; color:#2e2e2e; display:block; border-radius:60px; padding:7px; }
.nav-ipc-tabs .active { width:130px; height:40px; float:left; background:#8fc31f; border-radius:60px; }
.nav-ipc-tabs .active>a { color:#ffffff; }
.tab-pane-div { width:100%; height:670px; position:relative; }
.tab-pane-div-table { top:0px; left:0px; width:1024px; height:640px; border:none; overflow:scroll; }
.armindex1_link { width:100%; height:60px; position:absolute; text-align:center; }
.armindex1_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:60px 6px; text-decoration:none; }
.armindex1_link a:hover { color:#83b31d; border:1px solid #83b31d; }
.armindexpro_link { width:100%; height:146px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:30px 6px; text-decoration:none; }
.armindexpro_link a:hover { color:#83b31d; border:1px solid #83b31d; }
#armindex1 .tab-content { margin-top:60px; }
.armindex2_row { width:100%; height:auto; margin-top:40px; }
.armindex2_row_div { width:480px; height:310px; float:left; margin-right:20px; }
.armindex2_row_div:nth-of-type(1),.armindex2_row_div:nth-of-type(3) { margin-right:40px; }
.armindex2_row_div:nth-of-type(2),.armindex2_row_div:nth-of-type(4) { margin-right:0px; }
.arm-box { width:480px; height:270px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:40px; left:56px; }
.arm-box-content h3 { color:#2e2e2e; font-size:26px; }
#armindex9 .armindex9_title { width:1032px; height:94px; margin:90px auto 20px auto; }
#armindex9 .armindex9_title_svg { display:block; }
.technical_article { width:340px; height:auto; margin:26px auto 38px auto; float:left; padding-left:6px; }
.technical_article_ico { width:300px; height:180px; margin:0; padding:20px 30px 0 0px; float:left; }
.technical_article_list { width:300px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:20px; line-height:32px; color:#303233; font-weight:bold; margin-top:20px; padding-left:6px; }
.technical_article_list ul { width:100%; height:auto; max-height:220px; margin:20px 0 0; }
.technical_article_list ul li { font-size:14px; line-height:30px; color:#646464; padding-left:6px; }
.technical_article_list ul li a { color:#646464; }
.technical_article_list ul li a:hover { color:#8fc31f; }
.nav-ipc-about { width:1024px; height:220px; margin:54px auto 0px; }
.nav-ipc-about li { width:240px; height:220px; float:left; margin:0px 50px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:24px; line-height:36px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:16px; line-height:32px; color:#646464 !important; }
.nav-ipc-about svg { width:88px; height:88px; fill:#303233; }
.nav-ipc-about a:hover svg { fill:#9eca3f; }
.nav-ipc-about a:hover h3,.nav-ipc-about a:hover p { color:#9eca3f !important; }
.yang_card_pro_choose_info_1 { width:100%; height:60px; float:left; text-align:center; margin:20px 0 0px; }
.yang_card_pro_choose_info_1 a { min-width:160px; font-size:14px; color:#ffffff; border:1px solid #8fc31f; background:#8fc31f; border-radius:7px; padding:5px 22px; display:inline-block; margin:0 6px; text-decoration:none; }
}
@media (min-width:1080px) { 
#advertising { height:680px; background:#000; top:0px; }
.slides { height:680px; }
.section-bg .slider-text { margin:170px 0 0; padding:0; }
.secondary-heading { width:100%; color:#fff; font-size:48px; line-height:64px; margin:0; position:relative; margin-bottom:10px; }
.sub-heading { width:63%; height:50px; color:#fff; font-size:22px; margin:0; position:relative; line-height:32px}
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:900px; height:140px; background:#f5f5f5; margin:66px auto 0px auto; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05 { width:300px; height:80px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a { width:300px; height:140px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width:50px; height:76px; fill:#646464; margin-left:126px; }
.nav-ipc-pro .active>a { position:relative; }
.nav-ipc-pro .active>a>div>svg { fill:#8fc31f; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
.nav-ipc-pro .active a:before { content:"▼"; position:absolute; top:102px; left:144px; width:20px; height:20px; color:#8fc41f; display:block; }
.nav-ipc-pro .active h3 { color:#8fc41f; }
#armindex1 { width:100%; height:1100px; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; }
#armindex2 { width:100%; height:920px; margin:0px; padding:35px 0 0; overflow:auto; background:#f5f5f5; }
#armindex3 { width:100%; height:680px; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; }
#armindex4 { width:100%; height:300px; margin:0px; padding:0; overflow:auto; background:#f5f5f5; }
#armindex5 { width:100%; height:1160px; margin:0px; padding:0; overflow:auto; background:url(../images/intelcore/ct1_bg.jpg) repeat-x top #d7e5f2; }
.armpro1 { width:1080px; height:840px; float:left; }
.armpro1_left { width:410px; height:840px; float:left; display:block; }
.armpro1_left>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro1_left>a>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro1_left>a>div>h3 { font-size:24px; font-weight:bold; line-height:40px; margin:0px; padding-top:50px; margin-left:36px; margin-right:40px; color:#303233; }
.armpro1_left>a>div>p { font-size:14px; line-height:26px; color:#555555; margin:0px; padding-top:10px; margin-left:36px; }
.armpro1_left>a>div>span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; isplay:block; float:left; border-radius:4px; margin-top:20px; margin-left:36px; display:block; }
.armpro1_left>a>div>span:hover { background:#83b31d; }
.armpro1_right { width:670px; height:840px; float:left; }
.armpro1_right_div { width:670px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro1_right_div:nth-of-type(2) { margin-top:20px; }
.armpro1_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro2 { width:1080px; height:430px; float:left; }
.armpro2_left { width:410px; height:390px; float:left; display:block; }
.armpro2_left>div { width:390px; height:390px; margin:0px 20px 0px 0px; }
.armpro2_right { width:670px; height:390px; float:left; }
.armpro2_right_div { width:670px; height:390px; float:left; background:#ffffff; margin-right:0px; margin-bottom:0px; }
.armpro2_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro3 { width:1080px; height:850px; float:left; }
.armpro3_left { width:410px; height:850px; float:left; display:block; }
.armpro3_left>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro3_right { width:670px; height:850px; float:left; }
.armpro3_right_div { width:324px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro3_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro4 { width:1080px; height:1280px; float:left; }
.armpro4_top { width:1080px; height:850px; float:left; }
.armpro4_bottom { width:1080px; height:390px; float:left; display:block; }
.armpro4_right { width:1080px; height:850px; float:left; }
.armpro4_right_div { width:346px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro4_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro4_bottom_div_pc { width:1080px; height:350px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro4_bottom_div_pc:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro1_photo,.armpro2_photo { width:378px; height:330px; float:right; margin:58px 0px 0px 0px; }
.armpro1_information,.armpro2_information { width:260px; height:340px; float:right; margin:30px 0px 0px 0px; }
.armpro1_information h3,.armpro2_information h3 { width:260px; font-size:24px; font-weight:bold; line-height:30px; color:#303233; margin-top:20px; }
.armpro1_information p,.armpro2_information p { width:260px; font-size:14px; line-height:26px; color:#555555; margin-top:18px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:90px; display:block; }
.armpro1_information span:hover,.armpro2_information span:hover { background:#83b31d; }
.armpro3_photo { width:320px; height:232px; float:right; margin:30px 2px 0px; }
.armpro3_information { width:304px; height:100px; float:right; margin:-16px 0px 0px; }
.armpro3_information h3 { width:95%; font-size:24px; font-weight:bold; line-height:30px; text-align:center; color:#303233; }
.armpro3_information p { width:95%; font-size:14px; line-height:26px; color:#555555; text-align:center; }
.armpro4_photo { width:330px; height:234px; float:right; margin:32px 8px 0px; }
.armpro4_information { width:346px; height:100px; float:right; margin:0px; }
.armpro4_information h3 { width:100%; font-size:22px; font-weight:bold; line-height:42px; text-align:center; color:#303233; }
.armpro4_information p { width:100%; font-size:14px; line-height:26px; color:#555555; text-align:center; }
.armpro4_photo_pc { width:714px; height:350px; float:right; margin:0px 0px 0px 0px; }
.armpro4_information_pc { width:340px; height:340px; float:right; margin:30px 0px 0px 0px; text-align:left; }
.armpro4_information_pc h3 { width:310px; font-size:22px; font-weight:bold; line-height:40px; color:#303233; margin-top:30px; margin-left:30px; }
.armpro4_information_pc p { width:310px; font-size:14px; line-height:26px; color:#555555; margin-top:18px; margin-left:30px; word-break:break-word; }
.armpro4_information_pc span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:140px; display:block; }
.armpro4_information_pc span:hover { background:#83b31d; }
.armpro2_left .ems_left { background:url(../images/controlhost_v9/ems-left.jpg) center center no-repeat; }
.armpro3_left .EPCM3568A-LI-left { background:url(../images/controlhost_v9/EPCM3568A-LI-left.jpg) center center no-repeat; }
.armpro1_left .display_left { background:url(../images/controlhost_v9/display-left.jpg) center center no-repeat; }
.armpro1_left .DCP-1000L-left { background:url(../images/controlhost_v9/DCP-1000L-left.jpg) center center no-repeat; }
.armpro2_left .ZPC-left { background:url(../images/controlhost_v9/ZPC-left.jpg) center center no-repeat; }
.rd1 { margin-right:20px; }
.rd2 { margin-top:20px; margin-right:20px; }
.rd3 { margin-top:20px; }
.rd4 { margin-top:88px !important; }
.tabbable { width:1080px; height:700px; position:absolute; margin-top:20px; }
.tab-content { width:1080px; height:auto; position:relative; margin-top:20px; }
#armindexpro .tab-content { margin-top:6px; }
.nav-ipc-tabs { width:260px; height:40px; background:#f5f5f5; border-radius:60px; margin:0 auto; }
.nav-ipc-tabs>li { width:130px; height:40px; color:#2e2e2e; float:left; text-align:center; font-size:14px; line-height:24px; }
.nav-ipc-tabs>li>a { width:130px; height:40px; color:#2e2e2e; display:block; border-radius:60px; padding:7px; }
.nav-ipc-tabs .active { width:130px; height:40px; float:left; background:#8fc31f; border-radius:60px; }
.nav-ipc-tabs .active>a { color:#ffffff; }
.tab-pane-div { width:100%; height:670px; position:relative; }
.tab-pane-div-table { top:0px; left:0px; width:1080px; height:640px; border:none; overflow:scroll; }
.armindex1_link { width:100%; height:60px; position:absolute; text-align:center; }
.armindex1_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:60px 6px; text-decoration:none; }
.armindex1_link a:hover { color:#83b31d; border:1px solid #83b31d; }
.armindexpro_link { width:100%; height:146px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:30px 6px; text-decoration:none; }
.armindexpro_link a:hover { color:#83b31d; border:1px solid #83b31d; }
#armindex1 .tab-content { margin-top:60px; }
.armindex2_row { width:100%; height:auto; margin-top:40px; }
.armindex2_row_div { width:518px; height:330px; float:left; margin-right:20px; }
.armindex2_row_div:nth-of-type(1),.armindex2_row_div:nth-of-type(3) { margin-right:40px; }
.armindex2_row_div:nth-of-type(2),.armindex2_row_div:nth-of-type(4) { margin-right:0px; }
.arm-box { width:520px; height:290px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:40px; left:56px; }
.arm-box-content h3 { color:#2e2e2e; font-size:26px; }
.technical_article { width:360px; height:auto; margin:26px auto 22px auto; float:left; padding-left:10px; }
.technical_article_ico { width:350px; height:180px; margin:0; padding:20px 22px 0 0px; float:left; }
.technical_article_list { width:350px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:21px; line-height:32px; color:#303233; font-weight:bold; margin-top:20px; }
.technical_article_list ul { width:100%; height:auto; max-height:220px; margin:20px 0 0; }
.technical_article_list ul li { width:100%; height:auto; font-size:14px; line-height:30px; color:#646464; padding-left:6px; }
.technical_article_list ul li a { color:#646464; }
.technical_article_list ul li a:hover { color:#8fc31f; }
.nav-ipc-about { width:1080px; height:220px; margin:54px auto 0px; }
.nav-ipc-about li { width:220px; height:220px; float:left; margin:0px 70px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:24px; line-height:36px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:16px; line-height:32px; color:#646464 !important; }
.nav-ipc-about svg { width:88px; height:88px; fill:#303233; }
.nav-ipc-about a:hover svg { fill:#9eca3f; }
.nav-ipc-about a:hover h3,.nav-ipc-about a:hover p { color:#9eca3f !important; }
}
@media (min-width:1200px) { 
#advertising { width:100%; height:756px; background:#000; overflow:hidden; }
.slides { height:756px; }
.section-bg { width:100vw; height:100%; background:url(../images/controlhost_v9/adx_bg.jpg?1) center center no-repeat; background-size:cover; }
.section-bg .slider-text { margin:180px 0 0; padding:0; }
.secondary-heading { width:100%; color:#fff; font-size:48px; line-height:76px; margin:0; padding:0; position:relative; }
.sub-heading { color:#fff; font-size:22px; margin:0; position:relative; }
#armindexpro { width:100%; height:auto; margin:0px; padding:35px 0; overflow:auto; background:#f5f5f5; }
.nav-ipc-pro { width:900px; height:140px; background:#f5f5f5; margin:66px auto 0px auto; }
#ipc-pro-ico01,#ipc-pro-ico02,#ipc-pro-ico03,#ipc-pro-ico04,#ipc-pro-ico05 { width:300px; height:80px; float:left; }
#ipc-pro-ico01>a,#ipc-pro-ico02>a,#ipc-pro-ico03>a,#ipc-pro-ico04>a,#ipc-pro-ico05>a { width:300px; height:140px; display:block; margin:0px; padding:0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width:50px; height:76px; fill:#646464; margin-left:126px; }
.nav-ipc-pro .active>a { position:relative; }
.nav-ipc-pro .active>a>div>svg { fill:#8fc31f; }
.nav-ipc-pro h3 { font-size:14px; text-align:center; margin-top:0px; }
.nav-ipc-pro .active a:before { content:"▼"; position:absolute; top:102px; left:144px; width:20px; height:20px; color:#8fc41f; display:block; }
.nav-ipc-pro .active h3 { color:#8fc41f; }
.nav-ipc-pro a:hover>div>svg { fill:#8fc31f; }
#armindex1 { width:100%; height:1100px; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; }
#armindex2 { width:100%; height:1000px; margin:0px; padding:35px 0 0; overflow:auto; background:#f5f5f5; }
#armindex3 { width:100%; height:680px; margin:0px; padding:35px 0 0; overflow:auto; background:#ffffff; }
#armindex4 { width:100%; height:300px; margin:0px; padding:0; overflow:auto; background:#f5f5f5; }
#armindex5 { width:100%; height:1160px; margin:0px; padding:0; overflow:auto; background:url(../images/intelcore/ct1_bg.jpg) repeat-x top #d7e5f2; }
#armindex9 { width:100%; height:416px; margin:0px; padding:0; overflow:auto; background:url(../images/ipc_v9/filtrate_bg.jpg) center center no-repeat; }
#armindex9 .armindex9_title { width:1032px; height:94px; margin:90px auto 20px auto; }
#armindex9 h2 { color:#ffffff; text-align:center; font-size:36px; line-height:42px; font-weight:bold; display:inline-block; float:left; }
#armindex9 .armindex9_title_svg { width:52px; height:52px; margin:16px 20px 0px 0px; text-align:center; float:left; }
#armindex9 svg { width:52px; height:52px; fill:#ffffff; }
#armindex9 .armindex9_btn { width:210px; height:60px; margin:10px auto; background:#ffffff; color:#0f72fe; text-align:center; border-radius:8px; border:2px solid #ffffff; }
#armindex9 .armindex9_btn a { width:100%; height:60px; font-size:20px; line-height:60px; color:#0f72fe; display:block; font-weight:bold; }
#armindex9 .armindex9_btn:hover { background:#0f72fe; }
#armindex9 .armindex9_btn a:hover { color:#ffffff; }
.armpro1 { width:1200px; height:840px; float:left; }
.armpro1_left { width:407px; height:840px; float:left; display:block; }
.armpro1_left>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro1_left>a>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro1_left>a>div>h3 { font-size:24px; font-weight:bold; line-height:40px; margin:0px; padding-top:70px; margin-left:36px; color:#303233; }
.armpro1_left>a>div>p { font-size:14px; line-height:26px; color:#555555; margin:0px; padding-top:10px; margin-left:36px; }
.armpro1_right { width:793px; height:840px; float:left; }
.armpro1_right_div { width:793px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro1_right_div:nth-of-type(2) { margin-top:20px; }
.armpro1_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro2 { width:1200px; height:430px; float:left; }
.armpro2_left { width:407px; height:390px; float:left; display:block; }
.armpro2_left>div { width:390px; height:390px; margin:0px 20px 0px 0px; }
.armpro2_right { width:793px; height:390px; float:left; }
.armpro2_right_div { width:793px; height:390px; float:left; background:#ffffff; margin-right:0px; margin-bottom:0px; }
.armpro2_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro3 { width:1200px; height:850px; float:left; }
.armpro3_left { width:407px; height:850px; float:left; display:block; }
.armpro3_left>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro3_left>a>div { width:390px; height:800px; margin:0px 20px 0px 0px; }
.armpro3_left>a>div>h3 { font-size:24px; font-weight:bold; line-height:40px; margin:0px; padding-top:70px; margin-left:36px; color:#ffffff; }
.armpro3_left>a>div>p { font-size:14px; line-height:26px; color:#ffffff; margin:0px; padding-top:10px; margin-left:36px; margin-right:20px; }
.armpro3_right { width:793px; height:850px; float:left; }
.armpro3_right_div { width:386px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro3_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro4 { width:1200px; height:1320px; float:left; }
.armpro4_top { width:1200px; height:830px; float:left; }
.armpro4_bottom { width:1200px; height:390px; float:left; }
.armpro4_right { width:793px; height:850px; float:left; }
.armpro4_right_div { width:386px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro4_right_div:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro4_bottom_div_pc { width:1200px; height:390px; float:left; background:#ffffff; margin-bottom:0px; margin-right:0px; }
.armpro4_bottom_div_pc:hover { box-shadow:3px 3px 15px rgba(51,51,51,0.1); }
.armpro4_photo_pc { width:790px; height:390px; float:right; margin:0px 0px 0px 0px; }
.armpro4_information_pc { width:400px; height:340px; float:right; margin:30px 0px 0px 0px; text-align:left; }
.armpro4_information_pc h3 { width:388px; font-size:24px; font-weight:bold; line-height:40px; color:#303233; margin-top:30px; margin-left:60px; }
.armpro4_information_pc p { width:388px; font-size:14px; line-height:26px; color:#555555; margin-top:18px; margin-left:60px; word-break:break-word; }
.armpro4_information_pc span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:140px; display:block; }
.armpro4_information_pc span:hover { background:#83b31d; }
.armpro1_photo,.armpro2_photo { width:398px; height:330px; float:right; margin:58px 0px 0px 0px; }
.armpro1_information,.armpro2_information { width:350px; height:340px; float:right; margin:30px 0px 0px 0px; }
.armpro1_information h3,.armpro2_information h3 { width:318px; font-size:24px; font-weight:bold; line-height:40px; color:#303233; margin-top:20px; }
.armpro1_information p,.armpro2_information p { width:318px; font-size:14px; line-height:26px; color:#555555; margin-top:18px; word-break:break-word; }
.armpro1_information span,.armpro2_information span { width:96px; height:32px; background:#8fc31f; color:#ffffff !important; font-size:14px; line-height:32px; text-align:center; display:block; float:left; border-radius:4px; margin-top:90px; display:block; }
.armpro1_information span:hover,.armpro2_information span:hover { background:#83b31d; }
.armpro3_photo,.armpro4_photo { width:346px; height:236px; float:right; margin:30px 19px 0px; }
.armpro3_information,.armpro4_information { width:380px; height:100px; float:right; margin:0px; }
.armpro3_information h3,.armpro4_information h3 { width:100%; font-size:24px; font-weight:bold; line-height:40px; text-align:center; color:#303233; }
.armpro3_information p,.armpro4_information p { width:90%; font-size:14px; line-height:26px; color:#555555; text-align:center; margin-left:auto; margin-right:auto; }
.armpro2_left .ems_left { background:url(../images/controlhost_v9/ems-left.jpg) center center no-repeat; }
.armpro3_left .EPCM3568A-LI-left { background:url(../images/controlhost_v9/EPCM3568A-LI-left.jpg) center center no-repeat; }
.armpro1_left .display_left { background:url(../images/controlhost_v9/display-left.jpg) center center no-repeat; }
.armpro1_left .DCP-1000L-left { background:url(../images/controlhost_v9/DCP-1000L-left.jpg) center center no-repeat; }
.armpro2_left .ZPC-left { background:url(../images/controlhost_v9/ZPC-left.jpg) center center no-repeat; }
.rd1 { margin-right:21px; }
.rd2 { margin-top:20px; margin-right:21px; }
.rd3 { margin-top:20px; }
.rd4 { margin-top:88px !important; }
.yang_card_cloud_p { width:1200px; margin:0 auto; padding:0 70px; font-size:16px; color:#666666; line-height:28px; text-align:center; }
.tabbable { width:1200px; height:700px; position:absolute; margin-top:20px; }
.tab-content { width:1200px; height:auto; position:relative; margin-top:20px; }
#armindexpro .tab-content { margin-top:6px; }
.nav-ipc-tabs { width:260px; height:40px; background:#f5f5f5; border-radius:60px; margin:0 auto; }
.nav-ipc-tabs>li { width:130px; height:40px; color:#2e2e2e; float:left; text-align:center; font-size:14px; line-height:24px; }
.nav-ipc-tabs>li>a { width:130px; height:40px; color:#2e2e2e; display:block; border-radius:60px; padding:7px; }
.nav-ipc-tabs .active { width:130px; height:40px; float:left; background:#8fc31f; border-radius:60px; }
.nav-ipc-tabs .active>a { color:#ffffff; }
.tab-pane-div { width:100%; height:670px; position:relative; }
.tab-pane-div-table { top:0px; left:0px; width:1200px; height:640px; border:none; overflow:scroll; }
.armindex1_link { width:100%; height:60px; position:absolute; text-align:center; }
.armindex1_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:60px 6px; text-decoration:none; }
.armindex1_link a:hover { color:#83b31d; border:1px solid #83b31d; }
.armindexpro_link { width:100%; height:146px; float:left; text-align:center; }
.armindexpro_link a { min-width:130px; font-size:14px; color:#8fc31f; border:1px solid #8fc31f; border-radius:18px; padding:5px 22px; display:inline-block; margin:30px 6px; text-decoration:none; }
.armindexpro_link a:hover { color:#83b31d; border:1px solid #83b31d; }
#armindex1 .tab-content { margin-top:60px; }
.armindex2_row { width:100%; height:auto; margin-top:40px; }
.armindex2_row_div { width:580px; height:368px; float:left; margin-right:20px; }
.armindex2_row_div:nth-of-type(1),.armindex2_row_div:nth-of-type(3) { margin-right:40px; }
.armindex2_row_div:nth-of-type(2),.armindex2_row_div:nth-of-type(4) { margin-right:0px; }
.arm-box { width:580px; height:328px; margin:20px 20px 20px 0px; overflow:hidden; position:relative; border-radius:20px; }
.arm-box img { width:100%; height:auto; transition:all 0.3s linear; }
.arm-box:hover img { opacity:1; transform:scale(1.2); }
.arm-box-content { width:100%; height:50px; position:absolute; top:40px; left:56px; }
.arm-box-content h3 { color:#2e2e2e; font-size:26px; }
.technical_article { width:400px; height:auto; margin:26px auto 38px auto; float:left; padding-left:0px; }
.technical_article_ico { width:350px; height:180px; margin:0; padding:20px 30px 0 0px; float:left; }
.technical_article_list { width:350px; height:auto; margin:0 auto; float:left; padding:0; }
.technical_article_list h3 { font-size:21px; line-height:32px; color:#303233; font-weight:bold; margin-top:20px; }
.technical_article_list ul { width:100%; height:auto; max-height:220px; margin:20px 0 0; }
.technical_article_list ul li { font-size:14px; line-height:30px; color:#646464; padding-left:6px; }
.technical_article_list ul li a { color:#646464; }
.technical_article_list ul li a:hover { color:#8fc31f; }
.nav-ipc-about { width:1200px; height:220px; margin:54px auto 0px; }
.nav-ipc-about li { width:260px; height:220px; float:left; margin:0px 70px 0px; text-align:center; }
.nav-ipc-about h3 { font-size:24px; line-height:36px; margin-top:4px; font-weight:bold; color:#303233 !important; }
.nav-ipc-about p { font-size:16px; line-height:32px; color:#646464 !important; }
.nav-ipc-about svg { width:88px; height:88px; fill:#303233; }
.nav-ipc-about a:hover svg { fill:#9eca3f; }
.nav-ipc-about a:hover h3,.nav-ipc-about a:hover p { color:#9eca3f !important; }
}
@media (min-width:1921px) { 
#advertising { height:756px; background:#000; top:0px; }
.slides { height:756px; }
.section-bg .slider-text { width:100%; height:100%; margin:164px 0 0; padding:0; }
.secondary-heading { width:100%; color:#fff; font-size:48px; line-height:64px; margin:0; position:relative; text-align:left; margin-bottom:10px}
.sub-heading { width:63%; height:50px; color:#fff; font-size:20px; line-height:30px; margin:0; position:relative; text-align:left; }
}