#advertising { z-index: 2; margin: 0; }
.content { padding: 0px 20px; }
@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/module/adx_sbg.jpg) 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: 26px; color: #000000; text-align: center; line-height: 32px; 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; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 20px; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 282px; height: 105px; background: #f5f5f5; margin: 26px 0px 0px 0px; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 94px; height: 102px; float: left; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>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 { width: 40px; height: 40px; fill: #646464; margin-left: 26px; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
.nav-cat-pro .active>a { position: relative; }
.nav-cat-pro .active>a>div>svg { fill: #8fc31f; }
.nav-cat-pro .active h3 { color: #8fc31f; }
#ctindexpro .tab-content { margin-top: 6px; }
.ctpro1,.ctpro2 { width: 280px; height: auto; float: left; }
.ctpro1_left,.ctpro2_left { float: left; display: none; }
.ctpro1_right,.ctpro2_right { width: 280px; height: auto; float: left; }
.ctpro1_right_div,.ctpro2_right_div { width: 280px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro1_photo,.ctpro2_photo { width: 280px; height: 216px; float: right; margin: 0px; }
.ctpro1_information,.ctpro2_information { width: 260px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro1_information h3,.ctpro2_information h3 { width: 240px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro1_information p,.ctpro2_information p { width: 240px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro1_information span,.ctpro2_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; }
.ctpro1_information span:hover,.ctpro2_information span:hover { background: #83b31d; }
.ctpro3 { width: 280px; height: auto; float: left; }
.ctpro3_left { float: left; display: none; }
.ctpro3_right { width: 280px; height: auto; float: left; }
.ctpro3_right_div { width: 280px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro3_photo { width: 280px; height: 216px; float: right; margin: 0px; }
.ctpro3_information { width: 260px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro3_information h3 { width: 240px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro3_information p { width: 240px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro_ul { width: 240px; height: 160px; }
.ctpro_ul li { width: 240px; height: auto; list-style-type: disc; color: #555555; margin-left: 20px; line-height: 26px; }
#ctindex1 { width: 100%; height: 1026px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
#ctindex2 { width: 100%; height: auto; margin: 0px; padding: 25px 0 25px; overflow: auto; background: #f5f5f5; }
#ctindex3 { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: auto; background: #ffffff; }
#ctindex4 { width: 100%; height: auto; margin: 0px; padding: 0; overflow: auto; background: #e6edf5; }
.nav-cat-app-div { width: 270px; height: 110px; margin: 26px auto 0px auto; }
.nav-cat-app { width: 270px; height: 110px; margin: 0px auto; }
.nav-cat-app li { width: 100px; height: 36px; font-size: 18px; color: #646464; line-height: 28px; text-align: center; margin: 0px 13px 12px; padding-top: 0px; float: left; }
.nav-cat-app .active { width: 100px; height: 36px; color: #646464; font-weight: bold; border-bottom: 2px solid #8fc31f; margin: 0px 13px 12px; box-sizing: border-box; }
.ctindex1_row { width: 100%; height: auto; margin-top: 0px; overflow: hidden; padding-bottom: 20px; }
.ctindex1_row_div { width: 280px; height: 182px; float: left; margin-right: 20px; }
.ct-box { width: 280px; height: 158px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 0px; left: 16px; }
.ct-box-content h3 { color: #ffffff; 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; }
.video-preview { width: 280px; height: 158px; }
.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; }
}
/*针对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; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 20px; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 320px; height: 110px; background: #f5f5f5; margin: 26px 0px 0px 0px; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 86px; height: 82px; float: left; margin-left: 20px; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 86px; height: 80px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width: 40px; height: 40px; fill: #646464; margin-left: 20px; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
.nav-cat-pro .active>a { position: relative; }
.nav-cat-pro .active>a>div>svg { fill: #8fc31f; }
.nav-cat-pro .active h3 { color: #8fc31f; }
.ctpro1,.ctpro2 { width: 340px; height: auto; float: left; }
.ctpro1_right,.ctpro2_right { width: 340px; height: auto; float: left; }
.ctpro1_right_div,.ctpro2_right_div { width: 324px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro1_photo,.ctpro2_photo { width: 316px; height: 216px; float: right; margin: 0px; }
.ctpro1_information,.ctpro2_information { width: 274px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro1_information h3,.ctpro2_information h3 { width: 240px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro1_information p,.ctpro2_information p { width: 240px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro1_information span,.ctpro2_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; }
.ctpro3 { width: 340px; height: auto; float: left; }
.ctpro3_right { width: 340px; height: auto; float: left; }
.ctpro3_right_div { width: 324px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro3_photo { width: 316px; height: 216px; float: right; margin: 0px; }
.ctpro3_information { width: 274px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro3_information h3 { width: 240px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro3_information p { width: 240px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
#ctindex1 { width: 100%; height: 1140px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
#ctindex2 { width: 100%; height: auto; margin: 0px; padding: 25px 0 25px; overflow: auto; background: #f5f5f5; }
.ctindex1_row { width: 100%; height: auto; margin-top: 0px; overflow: hidden; padding-bottom: 20px; }
.ctindex1_row_div { width: 340px; height: 212px; float: left; margin-right: 20px; }
.ct-box { width: 320px; height: 188px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 0px; left: 16px; }
.ct-box-content h3 { color: #ffffff; 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; }
.video-preview { width: 320px; height: 181px; }
}
/*针对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; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 20px; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 350px; height: 110px; background: #f5f5f5; margin: 26px 0px 0px 0px; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 106px; height: 90px; float: left; margin-left: 10px; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 96px; height: 90px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width: 40px; height: 40px; fill: #646464; margin-left: 28px; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
.ctpro1,.ctpro2 { width: 350px; height: auto; float: left; }
.ctpro1_right,.ctpro2_right { width: 350px; height: auto; float: left; }
.ctpro1_right_div,.ctpro2_right_div { width: 334px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro1_photo,.ctpro2_photo { width: 326px; height: 240px; float: right; margin: 0px; }
.ctpro1_information,.ctpro2_information { width: 290px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro1_information h3,.ctpro2_information h3 { width: 250px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro1_information p,.ctpro2_information p { width: 250px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro1_information span,.ctpro2_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; }
.ctpro3 { width: 350px; height: auto; float: left; }
.ctpro3_right { width: 350px; height: auto; float: left; }
.ctpro3_right_div { width: 334px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro3_photo { width: 326px; height: 240px; float: right; margin: 0px; }
.ctpro3_information { width: 290px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro3_information h3 { width: 250px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro3_information p { width: 250px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro_ul { width: 250px; height: 160px; }
.ctpro_ul li { width: 250px; height: auto; list-style-type: disc; color: #555555; margin-left: 20px; line-height: 26px; }
#ctindex1 { width: 100%; height: 1150px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
#ctindex2 { width: 100%; height: auto; margin: 0px; padding: 25px 0 25px; overflow: auto; background: #f5f5f5; }
#ctindex3 { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: auto; background: #ffffff; }
.nav-cat-app-div { width: 330px; height: 110px; margin: 26px auto 0px auto; }
.nav-cat-app { width: 330px; height: 110px; margin: 0px auto; }
.nav-cat-app li { width: 100px; height: 36px; font-size: 18px; color: #646464; line-height: 28px; text-align: center; margin: 0px 30px 12px; padding-top: 0px; float: left; }
.nav-cat-app .active { width: 100px; height: 36px; color: #646464; font-weight: bold; border-bottom: 2px solid #8fc31f; margin: 0px 30px 12px; box-sizing: border-box; }
.ctindex1_row { width: 100%; height: auto; margin-top: 0px; overflow: hidden; padding-bottom: 20px; }
.ctindex1_row_div { width: 350px; height: 212px; float: left; margin-right: 20px; }
.ct-box { width: 330px; height: 188px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 0px; left: 16px; }
.ct-box-content h3 { color: #ffffff; 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; }
.video-preview { width: 340px; height: 192px; }
}
/*针对全面屏安卓*/
@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; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 20px; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 350px; height: 110px; background: #f5f5f5; margin: 26px 0px 0px 0px; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 106px; height: 90px; float: left; margin-left: 10px; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 100px; height: 90px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width: 40px; height: 40px; fill: #646464; margin-left: 30px; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
#ctindexpro .tab-content { margin-top: 6px; }
.ctpro1,.ctpro2 { width: 360px; height: auto; float: left; }
.ctpro1_right,.ctpro2_right { width: 360px; height: auto; float: left; }
.ctpro1_right_div,.ctpro2_right_div { width: 348px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro1_photo,.ctpro2_photo { width: 346px; height: 250px; float: right; margin: 0px; }
.ctpro1_information,.ctpro2_information { width: 302px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro1_information h3,.ctpro2_information h3 { width: 270px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro1_information p,.ctpro2_information p { width: 270px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro1_information span,.ctpro2_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; }
.ctpro_ul { width: 270px; height: 160px; }
.ctpro_ul li { width: 270px; height: auto; list-style-type: disc; color: #555555; margin-left: 20px; line-height: 26px; }
.ctpro3 { width: 360px; height: auto; float: left; }
.ctpro3_right { width: 350px; height: auto; float: left; }
.ctpro3_right_div { width: 348px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro3_photo { width: 346px; height: 250px; float: right; margin: 0px; }
.ctpro3_information { width: 302px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro3_information h3 { width: 270px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro3_information p { width: 270px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
#ctindex1 { width: 100%; height: 1170px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
#ctindex2 { width: 100%; height: auto; margin: 0px; padding: 25px 0 25px; overflow: auto; background: #f5f5f5; }
#ctindex3 { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: auto; background: #ffffff; }
.ctindex1_row { width: 100%; height: auto; margin-top: 0px; overflow: hidden; padding-bottom: 20px; }
.ctindex1_row_div { width: 350px; height: 220px; float: left; margin-right: 20px; }
.ct-box { width: 340px; height: 198px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 0px; left: 16px; }
.ct-box-content h3 { color: #ffffff; 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; }
.video-preview { width: 350px; height: 198px; }
}
@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; }
.ct_dt { color: #ffffff; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 20px; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 366px; height: 110px; background: #f5f5f5; margin: 26px 0px 0px 0px; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 110px; height: 90px; float: left; margin-left: 10px; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 94px; height: 90px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width: 44px; height: 44px; fill: #646464; margin-left: 27px; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
#ctindexpro .tab-content { margin-top: 6px; }
.ctpro1,.ctpro2 { width: 370px; height: auto; float: left; }
.ctpro1_right,.ctpro2_right { width: 370px; height: auto; float: left; }
.ctpro1_right_div,.ctpro2_right_div { width: 346px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro1_photo,.ctpro2_photo { width: 346px; height: 250px; float: right; margin: 0px; }
.ctpro1_information,.ctpro2_information { width: 310px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro1_information h3,.ctpro2_information h3 { width: 260px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro1_information p,.ctpro2_information p { width: 260px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro1_information span,.ctpro2_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; }
.ctpro_ul { width: 260px; height: 160px; }
.ctpro_ul li { width: 260px; height: auto; list-style-type: disc; color: #555555; margin-left: 20px; line-height: 26px; }
.ctpro3 { width: 370px; height: auto; float: left; }
.ctpro3_right { width: 370px; height: auto; float: left; }
.ctpro3_right_div { width: 352px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro3_photo { width: 346px; height: 250px; float: right; margin: 0px; }
.ctpro3_information { width: 310px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro3_information h3 { width: 270px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro3_information p { width: 270px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.video-preview { width: 360px; height: 203px; }
}
/*针对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; }
.ct_dt { color: #ffffff; }
.nav-cat-pro { width: 372px; height: 106px; background: #f5f5f5; margin: 26px 0px 0px 0px; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 110px; height: 90px; float: left; margin-left: 10px; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 100px; height: 90px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width: 44px; height: 44px; fill: #646464; margin-left: 28px; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
#ctindex1 { width: 100%; height: 1200px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
#ctindex2 { width: 100%; height: auto; margin: 0px; padding: 25px 0 25px; overflow: auto; background: #f5f5f5; }
#ctindex3 { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: auto; background: #ffffff; }
.ctpro1,.ctpro2 { width: 370px; height: auto; float: left; }
.ctpro1_right,.ctpro2_right { width: 370px; height: auto; float: left; }
.ctpro1_right_div,.ctpro2_right_div { width: 360px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro1_photo,.ctpro2_photo { width: 356px; height: 250px; float: right; margin: 10px 0px 0px 0px; }
.ctpro1_information,.ctpro2_information { width: 320px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro1_information h3,.ctpro2_information h3 { width: 296px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro1_information p,.ctpro2_information p { width: 296px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro1_information span,.ctpro2_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; }
.ctpro_ul { width: 290px; height: 160px; }
.ctpro_ul li { width: 290px; height: auto; list-style-type: disc; color: #555555; margin-left: 20px; line-height: 26px; }
.ctpro3 { width: 370px; height: auto; float: left; }
.ctpro3_right { width: 370px; height: auto; float: left; }
.ctpro3_right_div { width: 360px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro3_photo { width: 356px; height: 250px; float: right; margin: 10px 0px 0px 0px; }
.ctpro3_information { width: 320px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro3_information h3 { width: 296px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro3_information p { width: 296px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctindex1_row { width: 100%; height: auto; margin-top: 0px; overflow: hidden; padding-bottom: 20px; }
.ctindex1_row_div { width: 360px; height: 228px; float: left; margin-right: 20px; }
.ct-box { width: 350px; height: 206px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 0px; left: 16px; }
.ct-box-content h3 { color: #ffffff; 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; }
}
@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; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 20px; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 440px; height: 106px; background: #f5f5f5; margin: 26px 0px 0px 0px; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 76px; height: 90px; float: left; margin-left: 10px; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 78px; height: 90px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width: 48px; height: 48px; fill: #646464; margin-left: 15px; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
#ctindexpro .tab-content { margin-top: 6px; }
.ctpro1,.ctpro2 { width: 440px; height: auto; float: left; }
.ctpro1_right,.ctpro2_right { width: 440px; height: auto; float: left; }
.ctpro1_right_div,.ctpro2_right_div { width: 430px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro1_photo,.ctpro2_photo { width: 430px; height: 310px; float: right; margin: 10px 0px 0px 0px; }
.ctpro1_information,.ctpro2_information { width: 390px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro1_information h3,.ctpro2_information h3 { width: 350px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro1_information p,.ctpro2_information p { width: 350px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro1_information span,.ctpro2_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; }
.ctpro_ul { width: 350px; height: 160px; }
.ctpro_ul li { width: 350px; height: auto; list-style-type: disc; color: #555555; margin-left: 20px; line-height: 26px; }
.ctpro3 { width: 440px; height: auto; float: left; }
.ctpro3_right { width: 440px; height: auto; float: left; }
.ctpro3_right_div { width: 430px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro3_photo { width: 430px; height: 310px; float: right; margin: 10px 0px 0px 0px; }
.ctpro3_information { width: 390px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro3_information h3 { width: 350px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro3_information p { width: 350px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.nav-cat-app-div { width: 440px; height: 50px; margin: 26px auto 0px auto; }
.nav-cat-app { width: 440px; height: 50px; margin: 0px auto; }
.nav-cat-app li { width: 90px; height: 36px; font-size: 18px; color: #646464; line-height: 28px; text-align: center; margin: 0px 10px 12px; padding-top: 0px; float: left; }
.nav-cat-app .active { width: 90px; height: 36px; color: #646464; font-weight: bold; border-bottom: 2px solid #8fc31f; margin: 0px 10px 12px; box-sizing: border-box; }
#ctindex1 { width: 100%; height: 1280px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
.ctindex1_row { width: 100%; height: auto; margin-top: 0px; overflow: hidden; padding-bottom: 20px; }
.ctindex1_row_div { width: 430px; height: 260px; float: left; margin-right: 20px; }
.ct-box { width: 420px; height: 240px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 0px; left: 16px; }
.ct-box-content h3 { color: #ffffff; 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; }
.video-preview { width: 438px; height: 247px; }
}
@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; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 30px; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 460px; height: 106px; background: #f5f5f5; margin: 26px auto 0px; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 80px; height: 90px; float: left; margin-left: 10px; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 80px; height: 90px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width: 50px; height: 50px; fill: #646464; margin-left: 14px; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
#ctindexpro .tab-content { margin-top: 6px; }
.ctpro1,.ctpro2 { width: 450px; height: auto; float: left; }
.ctpro1_right,.ctpro2_right { width: 450px; height: auto; float: left; }
.ctpro1_right_div,.ctpro2_right_div { width: 440px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro1_photo,.ctpro2_photo { width: 440px; height: 310px; float: right; margin: 10px 0px 0px 0px; }
.ctpro1_information,.ctpro2_information { width: 390px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro1_information h3,.ctpro2_information h3 { width: 350px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro1_information p,.ctpro2_information p { width: 350px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro1_information span,.ctpro2_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; }
.ctindex1_show { width: 470px; height: auto; margin-top: 10px; }
.ctindex1_show_div { width: 450px; height: auto; float: left; padding: 5px 10px; }
.ctpro3 { width: 450px; height: auto; float: left; }
.ctpro3_right { width: 450px; height: auto; float: left; }
.ctpro3_right_div { width: 440px; height: auto; float: left; background: #ffffff; margin-bottom: 20px; }
.ctpro3_photo { width: 440px; height: 310px; float: right; margin: 10px 0px 0px 0px; }
.ctpro3_information { width: 390px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro3_information h3 { width: 350px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro3_information p { width: 350px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
#ctindex1 { width: 100%; height: 1320px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
.ctindex1_row { width: 100%; height: auto; margin-top: 0px; overflow: hidden; padding-bottom: 20px; }
.ctindex1_row_div { width: 450px; height: 270px; float: left; margin-right: 20px; }
.ct-box { width: 440px; height: 250px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 0px; left: 16px; }
.ct-box-content h3 { color: #ffffff; 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; }
.video-preview { width: 458px; height: 258px; }
}
@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; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 30px; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 560px; height: 110px; background: #f5f5f5; margin: 26px auto 0px; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 100px; height: 90px; float: left; margin-left: 10px; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 100px; height: 90px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width: 52px; height: 52px; fill: #646464; margin-left: 23px; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
#ctindexpro .tab-content { margin-top: 6px; }
#ctindex1 { width: 100%; height: 600px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
.ctpro1,.ctpro2 { width: 560px; height: auto; float: left; }
.ctpro1_right,.ctpro2_right { width: 560px; height: auto; float: left; }
.ctpro1_right_div,.ctpro2_right_div { width: 260px; height: 470px; float: left; background: #ffffff; margin-bottom: 20px; margin-right: 20px; }
.ctpro1_photo,.ctpro2_photo { width: 258px; height: 186px; float: right; margin: 10px 0px 0px 0px; }
.ctpro1_information,.ctpro2_information { width: 240px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro1_information h3,.ctpro2_information h3 { width: 240px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro1_information p,.ctpro2_information p { width: 220px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro1_information span,.ctpro2_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; }
.ctindex1_show { width: 580px; height: auto; margin-top: 10px; }
.ctindex1_show_div { width: 560px; height: auto; float: left; padding: 6px 10px; }
.ctpro_ul { width: 220px; height: 160px; }
.ctpro_ul li { width: 220px; height: auto; list-style-type: disc; color: #555555; margin-left: 20px; line-height: 26px; }
.ctpro3 { width: 560px; height: auto; float: left; }
.ctpro3_right { width: 560px; height: auto; float: left; }
.ctpro3_right_div { width: 260px; height: 350px; float: left; background: #ffffff; margin-bottom: 20px; margin-right: 20px; }
.ctpro3_photo { width: 258px; height: 186px; float: right; margin: 10px 0px 0px 0px; }
.ctpro3_information { width: 240px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro3_information h3 { width: 220px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro3_information p { width: 220px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctindex1_row { width: 100%; height: auto; margin-top: 0px; overflow: hidden; padding-bottom: 20px; }
.ctindex1_row_div { width: 260px; height: 172px; float: left; margin-right: 20px; }
.ct-box { width: 260px; height: 150px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 0px; left: 16px; }
.ct-box-content h3 { color: #ffffff; 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; }
.video-preview { width: 556px; height: 313px; }
}
@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; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 30px; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 660px; height: 110px; background: #f5f5f5; margin: 26px auto 0px; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 114px; height: 90px; float: left; margin-left: 10px; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 110px; height: 90px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico04 svg,.pro-ico05 svg { width: 52px; height: 52px; fill: #646464; margin-left: 28px; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
#ctindex1 { width: 100%; height: 650px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
#ctindexpro .tab-content { margin-top: 6px; }
.ctpro1,.ctpro2 { width: 680px; height: auto; float: left; }
.ctpro1_right,.ctpro2_right { width: 660px; height: auto; float: left; }
.ctpro1_right_div,.ctpro2_right_div { width: 310px; height: 470px; float: left; background: #ffffff; margin-bottom: 20px; margin-right: 20px; }
.ctpro1_photo,.ctpro2_photo { width: 306px; height: 224px; float: right; margin: 10px 0px 0px 0px; }
.ctpro1_information,.ctpro2_information { width: 278px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro1_information h3,.ctpro2_information h3 { width: 260px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro1_information p,.ctpro2_information p { width: 260px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctpro1_information span,.ctpro2_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; }
.ctpro_ul { width: 260px; height: 160px; }
.ctpro_ul li { width: 260px; height: auto; list-style-type: disc; color: #555555; margin-left: 20px; line-height: 26px; }
.ctpro3 { width: 680px; height: auto; float: left; }
.ctpro3_right { width: 660px; height: auto; float: left; }
.ctpro3_right_div { width: 310px; height: 370px; float: left; background: #ffffff; margin-bottom: 20px; margin-right: 20px; }
.ctpro3_photo { width: 306px; height: 224px; float: right; margin: 10px 0px 0px 0px; }
.ctpro3_information { width: 278px; height: auto; float: right; margin: 0px auto 30px; }
.ctpro3_information h3 { width: 260px; font-size: 20px; line-height: 30px; color: #303233; margin-top: 0px; }
.ctpro3_information p { width: 260px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 8px; word-break: break-word; }
.ctindex1_row { width: 100%; height: auto; margin-top: 0px; overflow: hidden; padding-bottom: 20px; }
.ctindex1_row_div { width: 308px; height: 194px; float: left; margin-right: 20px; }
.ct-box { width: 310px; height: 170px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 0px; left: 16px; }
.ct-box-content h3 { color: #ffffff; 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; }
.video-preview { width: 656px; height: 369px; }
}
@media (min-width: 767px) {
.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_img { width: 100%; height: auto; float: left; margin-top: 25px; padding-bottom: 60px; }
.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; }
.ct_dt { color: #ffffff; }
#ctindex1 { width: 100%; height: 690px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #ffffff; }
.nav-cat-tabs { width: 260px; height: 42px; background: #f5f5f5; border-radius: 60px; margin: 0 auto 30px; }
.nav-cat-tabs>li { width: 130px; height: 40px; color: #2e2e2e; float: left; text-align: center; font-size: 14px; line-height: 24px; }
.nav-cat-tabs>li>a { width: 130px; height: 40px; color: #2e2e2e; display: block; border-radius: 60px; padding: 7px; }
.nav-cat-tabs .active { width: 130px; height: 40px; float: left; background: #8fc31f; border-radius: 60px; }
.nav-cat-tabs .active>a { color: #ffffff; }
}
@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 { height: 644px; background: #000; top: 0px; }
.slides { height: 644px; }
.section-bg { height: 100%; background: url(../images/module/adx_cbg.jpg) 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; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 0; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 868px; height: 140px; background: #f5f5f5; margin: 66px auto 0px auto; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 168px; height: 80px; float: left; margin-left: 0px; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 168px; height: 140px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico05 svg { width: 70px; height: 76px; fill: #646464; margin-left: 49px; }
.pro-ico04 svg { width: 60px; height: 76px; fill: #646464; margin-left: 52px; }
.nav-cat-pro .active>a { position: relative; }
.nav-cat-pro .active>a>div>svg { fill: #8fc31f; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
.nav-cat-pro .active a:before { content: "▼"; position: absolute; top: 102px; left: 76px; width: 20px; height: 20px; color: #8fc41f; display: block; }
.nav-cat-pro .active h3 { color: #8fc41f; }
.ctpro1 { width: 1024px; height: 900px; float: left; }
.ctpro1_left { width: 410px; height: 840px; float: left; display: block; }
.ctpro1_left>div { width: 387px; height: 800px; margin: 0px 20px 0px 0px; }
.ctpro1_left>a>div { width: 387px; height: 800px; margin: 0px 20px 0px 0px; }
.ctpro1_left>a>div>h3 { font-size: 24px; font-weight: bold; line-height: 40px; margin: 0px; padding-top: 51px; margin-left: 60px; color: #303233; }
.ctpro1_left>a>div>ul { margin-top: 9px; margin-left: 60px; }
.ctpro1_left>a>div>p { font-size: 14px; line-height: 26px; color: #555555; margin: 0px; padding-top: 10px; margin-left: 60px; }
.ctpro1_left>a>div>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: 22px; margin-left: 60px; display: block; }
.ctpro1_left>a>div>span:hover { background: #83b31d; }
.ctpro1_right { width: 614px; height: 840px; float: left; }
.ctpro1_right_div { width: 614px; height: 390px; float: left; background: #ffffff; margin-bottom: 0px; margin-right: 0px; }
.ctpro1_right_div:hover { box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ctpro1_photo { width: 280px; height: 330px; float: right; margin: 58px 0px 0px 0px; }
.ctpro1_information { width: 296px; height: 340px; float: right; margin: 30px 0px 0px 0px; }
.ctpro1_information h3 { width: 296px; font-size: 24px; font-weight: bold; line-height: 40px; color: #303233; margin-top: 20px; }
.ctpro1_information p { width: 288px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 18px; word-break: break-word; }
.ctpro1_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: 22px; display: block; }
.ctpro1_information span:hover { background: #83b31d; }
.ctpro2 { width: 1024px; height: 480px; float: left; }
.ctpro2_left { width: 410px; height: 390px; float: left; display: block; }
.ctpro2_left>div { width: 387px; height: 390px; margin: 0px 20px 0px 0px; }
.ctpro2_right { width: 614px; height: 390px; float: left; }
.ctpro2_right_div { width: 614px; height: 390px; float: left; background: #ffffff; margin-bottom: 0px; margin-right: 0px; }
.ctpro2_right_div:hover { box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ctpro2_photo { width: 280px; height: 330px; float: right; margin: 58px 0px 0px 0px; }

.ctpro2_information { width: 296px; height: 340px; float: right; margin: 30px 0px 0px 0px; }
.ctpro2_information h3 { width: 288px; font-size: 24px; font-weight: bold; line-height: 40px; color: #303233; margin-top: 20px; }
.ctpro2_information p { width: 288px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 18px; word-break: break-word; }
.ctpro2_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: 22px; display: block; }
.ctpro2_information span:hover { background: #83b31d; }
.ctpro3 { width: 1024px; height: 900px; float: left; }
.ctpro3_left { width: 410px; height: 850px; float: left; display: block; }
.ctpro3_left>div { width: 387px; height: 800px; margin: 0px 20px 0px 0px; }
.ctpro3_right { width: 614px; height: 850px; float: left; }
.ctpro3_right_div { width: 290px; height: 390px; float: left; background: #ffffff; margin-bottom: 0px; margin-right: 0px; }
.ctpro3_right_div:hover { box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ctpro3_photo { width: 290px; height: 216px; float: right; margin: 46px 0px 0px; }
.ctpro3_information { width: 280px; height: 100px; float: right; margin: 0px; }
.ctpro3_information h3 { width: 100%; font-size: 22px; font-weight: bold; line-height: 40px; text-align: center; color: #303233; }
.ctpro3_information p { width: 100%; font-size: 14px; line-height: 26px; color: #555555; text-align: center; }
.ctpro1_left .lora_left { background: url(../images/module/lora-left.jpg) center center no-repeat; }
.ctpro1_left .zigbee_left { background: url(../images/module/zigbee-left.jpg) center center no-repeat; }
.ctpro1_left .wifi_left { background: url(../images/module/wifi-left.jpg) center center no-repeat; }
.ctpro1_left .ble_left { background: url(../images/module/ble-left.jpg) center center no-repeat; }
.ctpro1_left .zm24_left { background: url(../images/module/ZM24-left.jpg) center center no-repeat; }
.ctpro1_left .zm433_left { background: url(../images/module/zm433-left.jpg) center center no-repeat; }
.ctpro1_left .zm21_left { background: url(../images/module/zm21-left.jpg) center center no-repeat; }
.ctpro1_left .ZM5955_left { background: url(../images/module/ZM5955-left.jpg) center center no-repeat; }
.ctpro2_left .cat1_left { background: url(../images/module/4gcat1-left.jpg) center center no-repeat; }
.ctpro2_left .subg_left { background: url(../images/module/subg-left.jpg) center center no-repeat; }
.ctpro3_left .zigbee_left { background: url(../images/module/zigbee-left.jpg) center center no-repeat; }
.ctpro3_left .ble_left { background: url(../images/module/ble-left.jpg) center center no-repeat; }
.ctpro_ul { width: 300px; height: 160px; }
.ctpro_ul li { width: 300px; height: 26px; list-style-type: disc; color: #555555; margin-left: 20px; line-height: 26px; }
.ctpro_span { margin-top: 60px; }
.rd1 { margin-right: 21px; }
.rd2 { margin-top: 20px; margin-right: 21px; }
.rd3 { margin-top: 20px; }
#ctindexpro .tab-content { margin-top: 6px; }
#ctindex1 { width: 100%; height: 1040px; margin: 0px; padding: 55px 0 0; overflow: auto; background: #ffffff; }
#ctindex2 { width: 100%; height: 560px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #f5f5f5; }
#ctindex3 { width: 100%; height: 660px; margin: 0px; padding: 35px 0; overflow: auto; background: #f5f5f5; }
#ctindex4 { width: 100%; height: 1340px; margin: 0px; padding: 0; overflow: auto; background: url(../images/module/ct1_bg.jpg) repeat-x top #e6edf5; }
.ctindex1_show { width: 1024px; height: 340px; margin-top: 60px; }
.ctindex1_show_div { width: 320px; height: 308px; float: left; border: 1px solid #595857; padding: 52px 34px 40px; }
.ctindex1_show_div h3 { width: 100%; font-size: 24px; font-weight: bold; line-height: 40px; color: #ffffff; }
.ctindex1_show_div p { width: 100%; font-size: 14px; line-height: 26px; color: #ffffff; }
.ctindex1_ico { width: 60px; height: 60px; display: block; }
.ctindex1_show_div:nth-child(1) { margin-left: 18px; margin-right: 18px; }
.ctindex1_show_div:nth-child(2) { margin-right: 18px; }
.ctindex1_show_div:nth-child(4) { margin-top: 22px; margin-left: 18px; margin-right: 18px; }
.ctindex1_show_div:nth-child(5) { margin-top: 22px; margin-right: 18px; }
.ctindex1_show_div:nth-child(6) { margin-top: 22px; }
.ctindex1_show_div:hover { background: rgba(143, 195, 31, 0.8); }
#ctindex3 .content { width: 1024px; height: auto; margin: 0px auto; padding: 0px; }
#ctindex1 .yang_card_h3 { width: 960px; }
.nav-cat-app-div { width: 1024px; height: 47px; border-bottom: 1px solid #dfe1e6; margin: 66px auto 0px auto; }
.nav-cat-app { width: 500px; height: 47px; margin: 0px auto; }
.nav-cat-app li { width: 90px; height: 47px; font-size: 18px; color: #646464; line-height: 28px; text-align: center; margin: 0px 16px; padding-top: 0px; float: left; }
.nav-cat-app .active { width: 90px; height: 47px; color: #646464; font-weight: bold; margin: 0px 16px; border-bottom: 2px solid #8fc31f; }
.ctindex1_row { width: 100%; height: auto; margin-top: 40px; }
.ctindex1_row_div { width: 480px; height: 310px; float: left; margin-right: 20px; }
.ctindex1_row_div:nth-of-type(1),.ctindex1_row_div:nth-of-type(3) { margin-right: 40px; }
.ctindex1_row_div:nth-of-type(2),.ctindex1_row_div:nth-of-type(4) { margin-right: 0px; }
.ct-box { width: 480px; height: 270px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 20px; left: 40px; }
.ct-box-content h3 { color: #ffffff; font-size: 26px; }
.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: 24px; line-height: 32px; color: #303233; font-weight: bold; margin-top: 20px; padding-left: 6px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 20px 0 0; }
.technical_article_list ul li { font-size: 14px; line-height: 30px; color: #646464; }
.technical_article_list ul li a { color: #646464; }
.technical_article_list ul li a:hover { color: #8fc31f; }
.video-preview { width: 1024px; height: 576px; }
}
@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 }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 0; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 868px; height: 140px; background: #f5f5f5; margin: 66px auto 0px auto; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 168px; height: 80px; float: left; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 168px; height: 140px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico05 svg { width: 70px; height: 76px; fill: #646464; margin-left: 49px; }
.pro-ico04 svg { width: 60px; height: 76px; fill: #646464; margin-left: 52px; }
.nav-cat-pro .active>a { position: relative; }
.nav-cat-pro .active>a>div>svg { fill: #8fc31f; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
.nav-cat-pro .active a:before { content: "▼"; position: absolute; top: 102px; left: 76px; width: 20px; height: 20px; color: #8fc41f; display: block; }
.nav-cat-pro .active h3 { color: #8fc41f; }
.ctpro1_left .lora_left { background: url(../images/module/lora-left.jpg) center center no-repeat; }
.ctpro1_left .zigbee_left { background: url(../images/module/zigbee-left.jpg) center center no-repeat; }
.ctpro1_left .wifi_left { background: url(../images/module/wifi-left.jpg) center center no-repeat; }
.ctpro1_left .ble_left { background: url(../images/module/ble-left.jpg) center center no-repeat; }
.ctpro1_left .zm24_left { background: url(../images/module/ZM24-left.jpg) center center no-repeat; }
.ctpro1_left .zm433_left { background: url(../images/module/zm433-left.jpg) center center no-repeat; }
.ctpro1_left .zm21_left { background: url(../images/module/zm21-left.jpg) center center no-repeat; }
.ctpro1_left .ZM5955_left { background: url(../images/module/ZM5955-left.jpg) center center no-repeat; }
.ctpro2_left .cat1_left { background: url(../images/module/4gcat1-left.jpg) center center no-repeat; }
.ctpro3_left .zigbee_left { background: url(../images/module/zigbee-left.jpg) center center no-repeat; }
.ctpro3_left .ble_left { background: url(../images/module/ble-left.jpg) center center no-repeat; }
.ctpro1 { width: 1080px; height: 900px; float: left; }
.ctpro1_left { width: 410px; height: 840px; float: left; display: block; }
.ctpro1_left>div { width: 387px; height: 800px; margin: 0px 20px 0px 0px; }
.ctpro1_right { width: 670px; height: 840px; float: left; }
.ctpro1_right_div { width: 662px; height: 390px; float: left; background: #ffffff; margin-bottom: 0px; margin-right: 0px; }
.ctpro1_right_div:hover { box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ctpro1_photo { width: 310px; height: 330px; float: right; margin: 58px 0px 0px 0px; }
.ctpro1_information { width: 320px; height: 340px; float: right; margin: 30px 0px 0px 0px; }
.ctpro1_information h3 { width: 350px; font-size: 24px; font-weight: bold; line-height: 40px; color: #303233; margin-top: 20px; }
.ctpro1_information p { width: 320px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 18px; word-break: break-word; }
.ctpro1_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: 22px; display: block; }
.ctpro1_information span:hover { background: #83b31d; }
.ctpro2 { width: 1080px; height: 490px; float: left; }
.ctpro2_left { width: 410px; height: 390px; float: left; display: block; }
.ctpro2_left>div { width: 387px; height: 390px; margin: 0px 20px 0px 0px; }
.ctpro2_right { width: 670px; height: 390px; float: left; }
.ctpro2_right_div { width: 662px; height: 390px; float: left; background: #ffffff; margin-bottom: 0px; margin-right: 0px; }
.ctpro2_right_div:hover { box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ctpro2_photo { width: 310px; height: 330px; float: right; margin: 58px 0px 0px 0px; }
.ctpro2_information { width: 320px; height: 340px; float: right; margin: 30px 0px 0px 0px; }
.ctpro2_information h3 { width: 324px; font-size: 24px; font-weight: bold; line-height: 40px; color: #303233; margin-top: 20px; }
.ctpro2_information p { width: 320px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 18px; word-break: break-word; }
.ctpro2_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: -18px; display: block; }
.ctpro2_information span:hover { background: #83b31d; }
.ctpro3 { width: 1080px; height: 900px; float: left; }
.ctpro3_left { width: 410px; height: 850px; float: left; display: block; }
.ctpro3_left>div { width: 387px; height: 800px; margin: 0px 20px 0px 0px; }
.ctpro3_right { width: 670px; height: 850px; float: left; }
.ctpro3_right_div { width: 324px; height: 390px; float: left; background: #ffffff; margin-bottom: 0px; margin-right: 0px; }
.ctpro3_right_div:hover { box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ctpro3_photo { width: 320px; height: 232px; float: right; margin: 30px 2px 0px; }
.ctpro3_information { width: 330px; height: 100px; float: right; margin: 0px; }
.ctpro3_information h3 { width: 100%; font-size: 24px; font-weight: bold; line-height: 40px; text-align: center; color: #303233; }
.ctpro3_information p { width: 100%; font-size: 14px; line-height: 26px; color: #555555; text-align: center; }
.rd1 { margin-right: 20px; }
.rd2 { margin-top: 20px; margin-right: 20px; }
.rd3 { margin-top: 20px; }
#ctindexpro .tab-content { margin-top: 6px; }
#ctindex1 { width: 100%; height: 1040px; margin: 0px; padding: 55px 0 0; overflow: auto; background: #ffffff; }
#ctindex2 { width: 100%; height: 540px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #f5f5f5; }
#ctindex3 { width: 100%; height: 710px; margin: 0px; padding: 35px 0; overflow: auto; background: #f5f5f5; }
#ctindex4 { width: 100%; height: 1340px; margin: 0px; padding: 0; overflow: auto; background: url(../images/module/ct1_bg.jpg) repeat-x top #e6edf5; }
.ctindex1_show { width: 1080px; height: 340px; margin-top: 60px; }
.ctindex1_show_div { width: 328px; height: 300px; float: left; border: 1px solid #595857; padding: 52px 34px 40px; }
.ctindex1_show_div h3 { width: 100%; font-size: 24px; font-weight: bold; line-height: 40px; color: #ffffff; }
.ctindex1_show_div p { width: 100%; font-size: 14px; line-height: 26px; color: #ffffff; }
.canindex1_ico { width: 60px; height: 60px; display: block; }
.ctindex1_show_div:nth-child(1) { margin-left: 18px; margin-right: 18px; }
.ctindex1_show_div:nth-child(2) { margin-right: 18px; }
.ctindex1_show_div:nth-child(4) { margin-top: 22px; margin-left: 18px; margin-right: 18px; }
.ctindex1_show_div:nth-child(5) { margin-top: 22px; margin-right: 18px; }
.ctindex1_show_div:nth-child(6) { margin-top: 22px; }
.ctindex1_show_div:hover { background: rgba(143, 195, 31, 0.8); }
#ctindex3 .content { width: 1080px; height: auto; margin: 0px auto; padding: 0px; }
#ctindex1 .yang_card_h3 { width: 1060px; }
.nav-cat-app-div { width: 1080px; height: 47px; border-bottom: 1px solid #dfe1e6; margin: 66px auto 0px auto; }
.nav-cat-app { width: 500px; height: 47px; margin: 0px auto; }
.nav-cat-app li { width: 90px; height: 47px; font-size: 18px; color: #646464; line-height: 28px; text-align: center; margin: 0px 16px; padding-top: 0px; float: left; }
.nav-cat-app .active { width: 90px; height: 47px; color: #646464; font-weight: bold; border-bottom: 2px solid #8fc31f; }
.ctindex1_row { width: 100%; height: auto; margin-top: 40px; }
.ctindex1_row_div { width: 518px; height: 330px; float: left; margin-right: 20px; }
.ctindex1_row_div:nth-of-type(1),.ctindex1_row_div:nth-of-type(3) { margin-right: 40px; }
.ctindex1_row_div:nth-of-type(2),.ctindex1_row_div:nth-of-type(4) { margin-right: 0px; }
.ct-box { width: 520px; height: 290px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 20px; left: 40px; }
.ct-box-content h3 { color: #ffffff; font-size: 26px; }
.technical_article { width: 360px; height: auto; margin: 26px auto 22px auto; float: left; padding-left: 10px; }
.technical_article_ico { width: 330px; height: 180px; margin: 0; padding: 20px 22px 0 0px; float: left; }
.technical_article_list { width: 330px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 24px; line-height: 32px; color: #303233; font-weight: bold; margin-top: 20px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; margin: 20px 0 0; }
.technical_article_list ul li { width: 100%; height: auto; font-size: 14px; line-height: 30px; color: #646464; }
.technical_article_list ul li a { color: #646464; }
.technical_article_list ul li a:hover { color: #8fc31f; }
.video-preview { width: 1080px; height: 608px; }
}
@media (min-width: 1200px) {
#advertising { height: 756px; background: #000; }
.slides { height: 756px; }
.section-bg { height: 100%; background: url(../images/module/adx_bg.jpg) 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; }
#ctindexpro { width: 100%; height: auto; margin: 0px; padding: 35px 0 0; overflow: auto; background: #f5f5f5; }
.nav-cat-pro { width: 868px; height: 140px; background: #f5f5f5; margin: 66px auto 0px auto; }
#ct-pro-ico01,#ct-pro-ico02,#ct-pro-ico03,#ct-pro-ico04,#ct-pro-ico05 { width: 168px; height: 80px; float: left; }
#ct-pro-ico01>a,#ct-pro-ico02>a,#ct-pro-ico03>a,#ct-pro-ico04>a,#ct-pro-ico05>a { width: 168px; height: 140px; display: block; margin: 0px; padding: 0px; }
.pro-ico01 svg,.pro-ico02 svg,.pro-ico03 svg,.pro-ico05 svg { width: 70px; height: 76px; fill: #646464; margin-left: 49px; }
.pro-ico04 svg { width: 60px; height: 76px; fill: #646464; margin-left: 52px; }
.nav-cat-pro .active>a { position: relative; }
.nav-cat-pro .active>a>div>svg { fill: #8fc31f; }
.nav-cat-pro h3 { font-size: 14px; text-align: center; margin-top: 0px; }
.nav-cat-pro .active a:before { content: "▼"; position: absolute; top: 102px; left: 76px; width: 20px; height: 20px; color: #8fc41f; display: block; }
.nav-cat-pro .active h3 { color: #8fc41f; }
#ctindex1 { width: 100%; height: 1110px; margin: 0px; padding: 55px 0 0; overflow: auto; background: #ffffff; }
#ctindex2 { width: 100%; height: 520px; margin: 0px; padding: 35px 0 0; overflow: auto; background: #f5f5f5; }
#ctindex3 { width: 100%; height: 780px; margin: 0px; padding: 35px 0; overflow: auto; background: #f5f5f5; }
#ctindex4 { width: 100%; height: 1340px; margin: 0px; padding: 0; overflow: auto; background: url(../images/module/ct1_bg.jpg) repeat-x top #e6edf5; }
.ctpro1 { width: 1200px; height: 900px; float: left; }
.ctpro1_left { width: 407px; height: 840px; float: left; display: block; }
.ctpro1_left>div { width: 387px; height: 800px; margin: 0px 20px 0px 0px; }
.ctpro1_right { width: 793px; height: 840px; float: left; }
.ctpro1_right_div { width: 793px; height: 390px; float: left; background: #ffffff; margin-bottom: 0px; margin-right: 0px; }
.ctpro1_right_div:hover { box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ctpro1_photo { width: 398px; height: 330px; float: right; margin: 58px 0px 0px 0px; }
.ctpro1_information { width: 350px; height: 340px; float: right; margin: 30px 0px 0px 0px; }
.ctpro1_information h3 { width: 350px; font-size: 24px; font-weight: bold; line-height: 40px; color: #303233; margin-top: 20px; }
.ctpro1_information p { width: 318px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 18px; word-break: break-word; }
.ctpro1_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: 140px; display: block; }
.ctpro1_information span:hover { background: #83b31d; }
.ctpro2 { width: 1200px; height: 500px; float: left; }
.ctpro2_left { width: 407px; height: 390px; float: left; display: block; }
.ctpro2_left>div { width: 387px; height: 390px; margin: 0px 20px 0px 0px; }
.ctpro2_right { width: 793px; height: 390px; float: left; }
.ctpro2_right_div { width: 793px; height: 390px; float: left; background: #ffffff; margin-bottom: 0px; margin-right: 0px; }
.ctpro2_right_div:hover { box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ctpro2_photo { width: 398px; height: 330px; float: right; margin: 58px 0px 0px 0px; }
.ctpro2_information { width: 350px; height: 340px; float: right; margin: 30px 0px 0px 0px; }
.ctpro2_information h3 { width: 324px; font-size: 24px; font-weight: bold; line-height: 40px; color: #303233; margin-top: 20px; }
.ctpro2_information p { width: 318px; font-size: 14px; line-height: 26px; color: #555555; margin-top: 18px; word-break: break-word; }
.ctpro2_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: -20px; display: block; }
.ctpro2_information span:hover { background: #83b31d; }
.ctpro3 { width: 1200px; height: 900px; float: left; }
.ctpro3_left { width: 407px; height: 840px; float: left; display: block; }
.ctpro3_left>div { width: 387px; height: 800px; margin: 0px 20px 0px 0px; }
.ctpro3_right { width: 793px; height: 850px; float: left; }
.ctpro3_right_div { width: 386px; height: 390px; float: left; background: #ffffff; margin-bottom: 0px; margin-right: 0px; }
.ctpro3_right_div:hover { box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); }
.ctpro3_photo { width: 348px; height: 236px; float: right; margin: 30px 20px 0px; }
.ctpro3_information { width: 380px; height: 100px; float: right; margin: 0px; }
.ctpro3_information h3 { width: 100%; font-size: 24px; font-weight: bold; line-height: 40px; text-align: center; color: #303233; }
.ctpro3_information p { width: 100%; font-size: 14px; line-height: 26px; color: #555555; text-align: center; }
.ctpro1_left .lora_left { background: url(../images/module/lora-left.jpg) center center no-repeat; }
.ctpro1_left .zigbee_left { background: url(../images/module/zigbee-left.jpg) center center no-repeat; }
.ctpro1_left .wifi_left { background: url(../images/module/wifi-left.jpg) center center no-repeat; }
.ctpro1_left .ble_left { background: url(../images/module/ble-left.jpg) center center no-repeat; }
.ctpro1_left .zm24_left { background: url(../images/module/ZM24-left.jpg) center center no-repeat; }
.ctpro1_left .zm433_left { background: url(../images/module/zm433-left.jpg) center center no-repeat; }
.ctpro1_left .zm21_left { background: url(../images/module/zm21-left.jpg) center center no-repeat; }
.ctpro1_left .ZM5955_left { background: url(../images/module/ZM5955-left.jpg) center center no-repeat; }
.ctpro2_left .cat1_left { background: url(../images/module/4gcat1-left.jpg) center center no-repeat; }
.ctpro3_left .zigbee_left { background: url(../images/module/zigbee-left.jpg) center center no-repeat; }
.ctpro3_left .ble_left { background: url(../images/module/ble-left.jpg) center center no-repeat; }
.ctpro_span { margin-top: 20px !important; }
.rd1 { margin-right: 21px; }
.rd2 { margin-top: 20px; margin-right: 21px; }
.rd3 { margin-top: 20px; }
#ctindexpro .tab-content { margin-top: 6px; }
#ctindex1 .content,#ctindex2 .content { width: 1200px; height: auto; margin: 0px auto; padding: 0px; }
#ctindex1 .yang_card_h3 { width: 1060px; }
.nav-cat-app-div { width: 1200px; height: 47px; border-bottom: 1px solid #dfe1e6; margin: 66px auto 0px auto; }
.nav-cat-app { width: 500px; height: 47px; margin: 0px auto; }
.nav-cat-app li { width: 90px; height: 47px; font-size: 18px; color: #646464; line-height: 28px; text-align: center; margin: 0px 16px; padding-top: 0px; float: left; }
.nav-cat-app .active { width: 90px; height: 47px; color: #646464; font-weight: bold; border-bottom: 2px solid #8fc31f; }
.ctapp1 { width: 1200px; height: 860px; float: left; }
.ctapp2 { width: 1200px; height: 860px; float: left; }
.ctapp3 { width: 1200px; height: 860px; float: left; }
.ctapp4 { width: 1200px; height: 860px; float: left; }
.ctindex1_row { width: 100%; height: auto; margin-top: 30px; }
.ctindex1_row_div { width: 580px; height: 368px; float: left; margin-right: 20px; }
.ctindex1_row_div:nth-of-type(1),.ctindex1_row_div:nth-of-type(3) { margin-right: 40px; }
.ctindex1_row_div:nth-of-type(2),.ctindex1_row_div:nth-of-type(4) { margin-right: 0px; }
.ct-box { width: 580px; height: 328px; margin: 20px 20px 20px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.ct-box img { width: 100%; height: auto; transition: all 0.3s linear; }
.ct-box:hover img { opacity: 1; transform: scale(1.2); }
.ct-box-content { width: 100%; height: 50px; position: absolute; top: 20px; left: 40px; }
.ct-box-content h3 { color: #ffffff; font-size: 26px; }
.technical_article { width: 400px; height: auto; margin: 26px auto 38px auto; float: left; padding-left: 0px; }
.technical_article_ico { width: 338px; height: 180px; margin: 0; padding: 20px 30px 0 0px; float: left; }
.technical_article_list { width: 338px; height: auto; margin: 0 auto; float: left; padding: 0; }
.technical_article_list h3 { font-size: 24px; line-height: 32px; color: #303233; font-weight: bold; margin-top: 20px; padding-left: 6px; }
.technical_article_list ul { width: 100%; height: auto; max-height: 160px; 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; }
#ctindex3 .content { width: 1200px; height: auto; margin: 0px auto; padding: 0px; }
.yang_card_cloud_p { width: 1200px; margin: 0 auto; padding: 0 70px; font-size: 16px; color: #666666; line-height: 28px; text-align: center; }
.video-preview { width: 1200px; height: 675px; }
}
@media (min-width: 1921px) {
#advertising { height: 756px; background: #000; top: 0px; }
.slides { height: 756px; }
.section-bg { height: 100%; background: url(../images/module/adx_bbg.jpg) 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; }
}
@media only screen and (min-width:300px) { 
.hui { background: #8b8f85 !important; }
.hui:hover { background: #8b8f85 !important; }
}