.center-block { display:block; margin-right:auto; margin-left:auto; } /*法律声明*/ .law { margin-bottom:130px; } .law>h1 { width:160px; color:#000000; font-size:28px; border-bottom:1px solid #8fc31f; } .law>h3 { line-height:30px; font-size:18px; margin-top:20px; font-weight:normal; color:#000000; } .law p { margin:0 0 32px 0; color:#676767; font-size:16px; line-height:24px; } @media (min-width: 300px) { .tec_ad{ height:192px; background:url(../images/tec/banner_s.jpg); background-size: 100% 100%; } .section-bg{ width: 100%; height: 175px; background-size: 100% 100%; z-index: 3;} .about_ad{ background:url(../images/pub/about/banner_s.jpg); background-size: 100% 100%; } .contact_ad{ background:url(../images/pub/contact/banner_s.jpg); background-size: 100% 100%; } .tec_content1{ width:100%; height:auto; overflow:hidden; padding: 10px 20px; border-bottom: #e8e8e8 1px solid; margin: auto;} .tec_content1 h2{ font-size:22px; color:#000000; text-align:center; line-height:32px; margin-bottom:12px; } .tec_content1 p { font-size: 14px; line-height: 26px; color: #000000; margin: 10px 0px; } .tec_content1 ul{ margin: 0 auto; overflow: hidden;text-align: center; display:none;} .tec_content1 ul li { float: left; width:50%; padding:10px 0px;} .tec_content1 ul li p{color:#8fc41e;} .tec_content1 ul li span { display: block; width: 117px; height: 118px; margin: auto;} .tec_content1 ul .li1 span {background: url(../images/tec/icon_01.jpg) no-repeat;} .tec_content1 ul .li2 span {background: url(../images/tec/icon_02.jpg) no-repeat;} .tec_content1 ul .li3 span {background: url(../images/tec/icon_03.jpg) no-repeat;} .tec_content1 ul .li4 span {background: url(../images/tec/icon_04.jpg) no-repeat;} .tec_content1 ul .li5 span {background: url(../images/tec/icon_05.jpg) no-repeat;} .h2_line{width: 40px; height: 2px; margin-left:80px; background: #8fc41e;} .tec_content1_row{ width:100%; margin:auto; height:auto; overflow:hidden; } .tec_content1_row_l{ width:100%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:10px; } .tec_content1_row_r{ width:100%; height:auto; float:left; } .tec_content1_row_r h3{ font-size:18px; line-height:28px; color:#000000; margin:20px 0 10px; } .tec_content1_row_r p{ font-size:14px; line-height:26px; margin:0px 0 10px; } .tec_content1_row_r ul li{width: 100%; height: auto; list-style-type: disc; color: #8fc320; margin-left: 20px; margin:4px 0px 4px 20px;} .tec_content1_row_r ul li p{ font-size: 14px; line-height: 20px; color: #000000; margin: 0;} .tec_content1_row_r ul.main li{padding-left: 24px; background: url(../images/tec/sysgg.jpg) no-repeat ; float: left; margin-left:0; height: auto; list-style-type: none; color: #000000;} .tec_content2{ width:100%; height:auto; overflow:hidden; padding:30px 20px; border-bottom: #e8e8e8 1px solid; margin: auto;} .tec_content-img h5{width:100%; font-size:20px; margin: 30px 80px 0; height:30px;} .tec_content-img{width:100%; height:74px; float:left; } .contact .tec_content-img h5{width: 100%; font-size: 20px; margin: 20px 0px; height: 30px;}} #environment .tec_content-img{ background: url(../images/tec/tec_hjsy.jpg) no-repeat;} #electromagnetic .tec_content-img{ background: url(../images/tec/tec_dcjr.jpg) no-repeat;} #safety .tec_content-img{ background: url(../images/tec/tec_agsy.jpg) no-repeat;} #simulation .tec_content-img{ background: url(../images/tec/tec_spmy.jpg) no-repeat;} #metering .tec_content-img{ background: url(../images/tec/tec_jsxz.jpg) no-repeat;} .about .tec_content1 { padding: 20px;} #synopsis .tec_content1 ul{ display:none;} .about .tec_content1 ul{ display: block;} .about .tec_content1 .tec_content-img h5{margin:20px 0 0;} .about .tec_content1 .tec_content-img h5 >span ,.contact .tec_content1 .tec_content-img h5 >span{ width: 55px; height: 1px; margin-bottom: 25px; border-bottom: 1px solid #8fc41e; padding-bottom: 15px; } .about .tec_content1 ul {width: 100%; height: auto; overflow: hidden; margin:auto; } #compan .tec_content1 ul li{ width:90%; height: auto; list-style-type: disc; color: #8fc320; margin-left: 20px;} #company{ display:none;} #compan {display:block; width:100%; height:auto; overflow:hidden; background: #f5f5f5; } .img3_c_l ul li p { width: 100%;float: left; font-size: 14px; line-height: 26px; margin: 0; text-align: left; color:#000000;} .img3_c_l ul li .tit { font-weight: bold;} .img3_c_r ul li {width: 100%; float: left;} .img3_c_r ul li p {width: 100%;float: left; text-align: left; font-size: 14px; line-height: 26px; color:#000000;} #enterprise {width:100%;height:auto;overflow:hidden;} .enterprise_row{ width: 100%; height: auto; overflow:hidden; padding:10px 0;} .enterprise_row_ico{ width: 100%; height: 100px; float: left; } .enterprise_row h3{width:100%; font-size: 20px; font-weight: normal; line-height: 28px; text-align:center;} .tec_content1 .enterprise_row p{ font-size: 14px; line-height: 26px; margin:0;} .tec_content1 .enterprise_row .tit { font-size: 16px; line-height: 26px; margin-bottom: 7px;} .enterprise_row .enterprise_row_content { width: 100%; overflow: hidden; height: auto; } #honor {width:100%;height:auto;overflow:hidden;} #honor .tec_content1 ul li { width: 100%;height: auto; margin: 0; float: left; } #honor .tec_content1 ul li.certificate{ width: 50%;} #honor .tec_content1 ul li p{ font-size: 14px; line-height: 24px; color: #000000; text-align: center;} #honor .honor_row {padding: 20px 0;} #honor .tec_content1 ul.certificate li { width: 50%;} #institutions .a_img{ margin: 0 auto; padding:20px 15px;} #institutions .tec_content1 ul li{ padding:10px 20px; height: auto; margin: 0; width:100%; border-right: 1px solid #ececec; } #institutions .tec_content1 ul li p{ text-align: center; color: #333; padding-top: 0px; } #institutions .tec_content1 ul li p.tit { font-weight: bold; } #institutions .institutions_row{display:none;} #business h3{font-weight: bold;} #advertising { width: 100%; height: 175px; overflow: hidden; position: relative;} .slides { height: 175px; margin: 0 auto;} .index_ad{ width: 100%; position: absolute; background-size: 100% 100%; z-index: 3;} .advertising_row { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} .yang_card_pro { width: 100%; margin: 20px 0px 0px; padding: 0px; overflow: auto; } .yang_card_pro .content{ width: 100%; margin: 0 auto; padding:0px; } .section-bg .slider-text { width: 250px; height: auto; padding: 40px 20px; } .secondary-heading { width: 250px; color: #fff; font-size: 20px; line-height: 20px; margin: 0 0 5px 0; padding: 0; position: relative;} .sub-heading { width: 280px; color: #fff; font-size: 12px; line-height: 20px; margin: 0; padding: 0; position: relative; } .advertising_row .slider-text:nth-of-type(1),.advertising_row .slider-text:nth-of-type(2){display:none;} .contact_dl dl {height:auto;padding:10px 0; margin-bottom:0;} .contact_dl dl dd { font-size: 14px; line-height: 26px;color: #888888;} .slider-text:nth-of-type(3) .sub-heading { color: #ffffff; font-size: 18px; opacity: 1; line-height:28px;} .contact_row{padding-bottom: 40px; height:auto;overflow:hidden;width:100%;} #institutions .col-md-4,#institutions .col-md-6{ padding-left:0px; } .col-d{ padding-left:0px; } #institutions .institutions_content{ width:100%; float:left; height:auto; margin-top:10px; overflow:hidden; } #institutions .institutions_content1{ width:100%; float:left; height:auto; margin-top:10px; overflow:hidden; } #institutions .institutions_content2{ width:100%; float:left; height:auto; margin-top:10px; overflow:hidden; } #institutions .institutions_content img,#institutions .institutions_content1 img,#institutions .institutions_content2 img{ margin-top:14px; margin-left:-16px; } #institutions .institutions_content>h5,#institutions .institutions_content1>h5,#institutions .institutions_content2>h5{ font-size:20px; font-weight:bold; color:#333333; } #institutions .institutions_content>h5>span,#institutions .institutions_content1>h5>span,#institutions .institutions_content2>h5>span{ width: 55px; height: 1px; margin-bottom: 25px; border-bottom: 1px solid #8fc41e; padding-bottom: 9px; } #institutions .institutions_content_h3{ font-size:20px; line-height:40px; color:#333333; margin:0px; } #institutions .institutions_content_p{ font-size:14px; color:#333333; line-height:28px; margin:0px; display:none; } #institutions .institutions_content_p1{ width:42px; height:84px; float:left; font-size:14px; line-height:28px; color:#333333; margin:0px; display:none; } #institutions .institutions_content_p2{ width:123px; height:auto; float:left; font-size:14px; line-height:28px; color:#333333; margin:0px; display:none; } } /*针对iphone5s*/ @media (min-width: 315px) { .section-bg{ height:202px; } } /*针对1080*1920的android*/ @media (min-width: 360px) { .section-bg{ height:230px; } #advertising{ width:100%; height:230px; } .section-bg .slider-text{ width: 310px; } .sub-heading {width: 310px;} } /*针对iphone6*/ @media (min-width: 375px) { .section-bg{ height:240px; } #advertising{ width:100%; height:240px; } } /*针对全面屏安卓*/ @media (min-width: 390px) { .section-bg{ height:250px; } #advertising{ width:100%; height:250px; } } @media (min-width: 400px) { .section-bg{ height: 256px; } .tec_content1_row_r ul.main li{width:50%} #electromagnetic .tec_content1_row_r ul.main li{width:100%} #honor .tec_content1 ul li { width: 50%; margin: 0; float: left; height: 200px;} .advertising_row { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; padding-top:10px;} .section-bg .slider-text { width: 250px; height: auto; margin: 20px 0px; padding: 0;} .advertising_row .slider-text:nth-of-type(1),.advertising_row .slider-text:nth-of-type(2) { display: block; } .sub-heading { width: 330px; color: #fff; font-size: 12px; line-height: 20px; margin: 0; padding: 0; position: relative;} } /*针对iphone6s plus*/ @media (min-width: 410px) { .section-bg{ height:262px; } #advertising{ width:100%; height:262px; } } /*针对1440*2560的android*/ @media (min-width: 480px) { .section-bg{ height:307px; } .tec_content1{ width: 100%; height: auto; overflow: hidden; padding: 10px 22px; } .tec_content2 { width: 100%; height: auto; overflow: hidden; padding: 30px 22px;} .about .tec_content1{ width: 100%; height: auto; overflow: hidden; padding: 20px 22px; } #honor .tec_content1 ul li {width: 50%; height: auto; margin: 0; float: left; height: 200px;} #institutions .institutions_row { display:block;} #institutions .tec_content1 ul li { padding: 0px 0px; height: auto; margin: 0; width: 20%; border-right: 1px solid #ececec; height: 132px;} #institutions .tec_content1 ul li p { text-align: center; color: #333; padding-top: 0px; line-height: 20px;} #advertising{ width:100%; height:307px; } .advertising_row { padding-right: 22px; padding-top: 20px; } } @media (min-width: 500px) { .section-bg{ height:320px; } #honor .tec_content1 ul.certificate li { width: 33%;} #advertising{ width:100%; height:320px; } .advertising_row { padding-top: 20px;} .section-bg .slider-text { width: 250px; height: auto; margin: 28px 0px; padding: 0;} #institutions .institutions_content_p{ font-size:14px; color:#333333; line-height:28px; margin:0px; display:block; } #institutions .institutions_content_p1{ width:42px; height:84px; float:left; font-size:14px; line-height:28px; color:#333333; margin:0px; display:block; } #institutions .institutions_content_p2{ width:150px; height:auto; float:left; font-size:14px; line-height:28px; color:#333333; margin:0px; display:block; } } @media (min-width: 600px) { .section-bg{ height:384px; } .h2_line{ width:40px; } .tec_content1{ padding: 10px 35px; } .about .tec_content1{ width: 100%; height: auto; overflow: hidden; padding: 20px 35px; } .tec_content2 { width: 100%; height: auto; overflow: hidden; padding:30px 35px;} .tec_content1 ul li { float: left; width: 33%; padding: 10px 0px;} #advertising{ width:100%; height:384px; } .advertising_row { padding-top: 50px; padding-left: 35px; } .sub-heading{ font-size: 14px; line-height:26px; width:100%; } .section-bg .slider-text { width: 400px; height: auto; margin: 28px 0px; padding: 0;} .contact_dl dl { height: 90px; padding: 10px 0; margin-bottom: 0; width: 50%; float: left; padding:10px 10px 0px 0px;} .contact_dl dl.gao{height: 120px;} .contact_dl dl dt{margin:5px 0;} .contact_row {padding-bottom: 50px;} #institutions .institutions_content_p2{ width:200px; height:auto; float:left; font-size:14px; line-height:28px; color:#333333; margin:0px; display:block; } } @media (min-width: 700px) { .section-bg{ height: 448px; } .tec_content1_row_r ul li { width: 90%; height: auto; list-style-type: disc; color: #8fc320; margin-left: 20px; margin: 4px 0px 4px 20px;} .tec_content1_row_r ul.main li { width: 33%;} #electromagnetic .tec_content1_row_r ul.main li { width: 50%;} .about .tec_content1 { padding: 30px 20px;} .enterprise_row { width: 100%; height: 180px; overflow: hidden; padding: 10px 0 20px;} .enterprise_row_ico { width: 20%; height: 100px; float: left; padding-top:22px} .enterprise_row_ico img{margin-left: 0;} .enterprise_row .enterprise_row_content { width: 80%; overflow: hidden; height: auto;} .enterprise_row h3 { width: 100%; font-size: 20px; font-weight: normal; line-height: 28px; text-align: left; } #honor .tec_content1 ul li { width: 33%; height: auto; margin: 0; float: left; height: 200px;} #honor .tec_content1 ul.certificate li { width: 25%;} .contact .tec_content1 p{ font-size: 16px; line-height: 28px;} #advertising{ width:100%; height:448px; } .contact_row{width:100%;padding-top:10px; height:auto; overflow: hidden;} .advertising_row { padding-top: 70px; padding-left: 35px; } #institutions .institutions_content_p2{ width:240px; height:auto; float:left; font-size:14px; line-height:28px; color:#333333; margin:0px; display:block; } } @media (min-width: 767px) { .section-bg{ height: 491px; } .tec_content1{ padding: 20px 45px;} .tec_content2{ padding: 40px 45px;} .about .tec_content1{ width: 100%; height: auto; overflow: hidden; padding: 20px 45px; } #honor .tec_content1 ul li { width: 33%; height: auto; margin: 0; float: left; height: 200px;} #honor .tec_content1 ul.certificate li { width: 25%;} #compan{ display:none;} #company{display:block; width:100%; height:auto; overflow:hidden; background: #f5f5f5; padding: 40px 0; } #company .company_row{ background: url(../img/pub/abus1-small.jpg) no-repeat center center; height: 700px; width:700px; margin: 0 auto; } .img3_c_l {width: 340px; height: auto; float: left;} .img3_c_r { width: 340px; height: auto; float: right;} .img3_c_l ul { width: 340px; float: left; padding: 126px 35px 0 0;} .img3_c_l ul li { width: 100%; height: 60px; float: left; margin-bottom: 28px;} .img3_c_l ul li p { width: 100%; float: left; text-align: right;} .img3_c_l ul li .tit { font-weight: bold;} .img3_c_r ul { width: 340px; float: left; padding:139px 0 0 35px;} .img3_c_r ul li {width: 100%; height: auto; float: left; margin-bottom: 28px;} .img3_c_r ul li p {width: 100%;float: left; text-align: left; margin: 0;} .img3_c_r ul li:nth-of-type(5){margin-top: -7px;} .img3_c_r ul li:nth-of-type(6){margin-top: 17px;} #advertising{ width:100%; height:491px; } .advertising_row { padding-top: 90px; padding-left: 45px; } .secondary-heading { width: 250px; color: #fff; font-size: 24px; line-height: 28px; margin: 0 0 5px 0; padding: 0; position: relative;} .contact_dl {font-size: 16px; line-height: 28px;} .contact_dl dl { height: 100px;} } @media (min-width: 768px) { .section-bg{ width: 100%; height: 504px; overflow: hidden; position: relative; background-size:cover; } .tec_ad{ background:url(../images/tec/banner.jpg) center center no-repeat; background-size:cover; } .about_ad{ background:url(../images/pub/about/banner.jpg) center center no-repeat; background-size:cover; } .contact_ad{ background:url(../images/pub/contact/banner.jpg) center center no-repeat; background-size:cover; } #advertising{ width:100%; height:504px; } } @media (min-width: 770px) { } @media (min-width: 785px) { } @media (min-width: 800px) { .tec_content1 ul li { display:block; float: left; width: 20%; padding: 10px 0px;} #honor .tec_content1 ul.certificate li { width: 25%;} } @media (min-width: 880px) { #honor .tec_content1 ul li { width: 33%; height: auto; margin: 0; float: left; height: 200px;} } @media (min-width: 980px) { .tec_content1,.tec_content2 { padding: 40px 45px} .tec_content1 p{ font-size: 16px; line-height: 32px; } .tec_content1_row { width: 100%; margin:0; height: auto; overflow: hidden; padding-top:10px;} .tec_content1_row_l { width: 50%; height: auto; float: left; margin-left: 0px; margin-right: 0px; margin-top: 10px;} .tec_content1_row_r { width: 50%; height: auto; float: left; padding-top: 0px; padding-left:34px;} .img3_c_l ul li p,.img3_c_r ul li p{ font-size: 14px; line-height: 28px;} #company .company_row { background: url(../img/pub/abus1-small.jpg) no-repeat center center; height: 700px; width: 800px; margin: 0 auto;} .tec_content1_row_r h3 { font-size: 18px; line-height: 28px; color: #000000; margin: 0px 0 8px;} .tec_content1_row_r ul.main li { width: 50%;} .tec_content2 p{ font-size: 16px; line-height: 32px; } .tec_content1_row p{ line-height: 26px;} .tec_content1_row ul{ margin-bottom: 20px;} #electromagnetic .tec_content1_row_r ul.main li,#safety .tec_content1_row_r ul.main li{ width: 30%; margin:2px 6px;} #simulation .tec_content1_row_r ul.main li{ width: 50%;} .tec_content2{ padding: 40px 45px;} .tec_content2 .center-block {display: block; margin-right: auto; margin-left:0;} .enterprise_row { width: 100%; height: 200px; overflow: hidden; padding: 10px 0 20px;} .about .tec_content1 { padding: 40px 45px;} #honor .tec_content1 ul li { width: 33%; height: 200px; margin: 0; float: left;} #honor .tec_content1 ul.certificate li { width:222px; padding: 0; height: 218px;} .contact_dl dl { height: 90px;} .contact_dl dl.gao { height: 100px;} .img3_c_l ul { width: 340px; float: left; padding: 126px 0px 0;} .img3_c_r { width: 365px; height: auto; float: right;} .img3_c_r ul { width: 392px; float: left; padding: 137px 0 0 0px;} .img3_c_r ul li:nth-of-type(2){ margin-top: 22px;} .img3_c_r ul li:nth-of-type(3){ margin-top: 4px;} .img3_c_r ul li:nth-of-type(4){ margin-top: -14px;} .img3_c_r ul li:nth-of-type(6){ margin-top: 15px;} } @media (min-width: 1024px) { .tec_content1{ width:100%; max-width:1024px; height:auto; overflow:hidden; padding:50px 45px 20px; margin: auto;} .tec_content1 h2{ font-size:36px; color:#000000; text-align:center; line-height:48px; margin-bottom:22px; } .tec_content1 p{ font-size: 16px; line-height: 32px; color: #444444; margin: 0;} .h2_line{ width:40px; height:2px; background:#8fc41e; margin-left: 90px; } .tec_content-img { width: 100%; height: 74px; float: left; margin-bottom: 20px;} .tec_content-img h5 { width: 100%; font-size: 24px; margin: 20px 90px 0; height: 40px;} .tec_content1_row{ width:100%; max-width:1024px; margin:0; height:auto; overflow:hidden; padding-top:20px; } .tec_content1_row p{ font-size: 16px; line-height: 28px; color: #444444; margin: 0px 0 0px;} .tec_content1_row_l{ width:50%; height:auto; float:left; margin-top: 10px;} .tec_content1_row_r{ width:50%; height:auto; float:left; } .tec_content1_row_r h3{ font-size:20px; line-height:32px; font-weight: 500; color:#000000; margin:0px 0 10px; } .tec_content1 ul{ margin:50px 0; display:block;} .tec_content1 ul li {display:block; padding: 0; float: left; width:20%;} .tec_content1 ul li p{text-align: center; color: #8fc41e; font-size: 18px; line-height: 36px; padding-top: 10px;} .tec_content2{ padding: 60px 45px; margin: auto;} .tec_content2 p{font-size: 16px; line-height: 26px;} #synopsis .tec_content1 ul{ display:block;} .about .tec_content1{padding: 50px 45px; border-bottom: none;} #synopsis .tec_content1 {padding-bottom:0;} .about .tec_content1 .tec_content-img h5{margin:20px 0 0;} .about .tec_content1 .tec_content-img h5 >span,.contact .tec_content1 .tec_content-img h5 >span{ width: 55px; height: 1px; margin-bottom: 25px; border-bottom: 1px solid #8fc41e; padding-bottom: 15px; } .about .tec_content1 ul {width: 100%; height: auto; overflow: hidden; margin:auto; } .about .tec_content1 ul li { display:block; padding: 80px 0px; height: 280px; margin: 0 53px; float: left; width:auto;} .about .tec_content1 ul li p { text-align: center; color: #333; font-size: 18px; line-height: 36px; padding-top: 28px;} .about .tec_content1 ul li span { display: block; width: 54px; height: 54px; margin-left: 8px;} .about .tec_content1 ul .li1 {border-bottom: 2px solid #8fc41e; } .about .tec_content1 ul .li6 {margin-right: 0px;} .about .tec_content1 ul .li1 span {background: url(../img/pub/icon_01.png) no-repeat;} .about .tec_content1 ul .li1 span:hover { background: url(../img/pub/icon_01.png) no-repeat; color: #8fc41e;} .about .tec_content1 ul .li1 a p {color: #8fc41e;} .about .tec_content1 ul .li2:hover { border-bottom: 2px solid #8fc41e;} .about .tec_content1 ul .li2 a span { background: url(../img/pub/icon_10.png) no-repeat; margin-left:18px;} .about .tec_content1 ul .li2 a:hover span {background: url(../img/pub/icon_05.png) no-repeat;} .about .tec_content1 ul .li2 a:hover p { color: #8fc41e;} .about .tec_content1 ul .li3:hover { border-bottom: 2px solid #8fc41e;} .about .tec_content1 ul .li3 a span { background: url(../img/pub/icon_07.png) no-repeat; margin-left:18px;} .about .tec_content1 ul .li3 a:hover span { background: url(../img/pub/icon_02.png) no-repeat;} .about .tec_content1 ul .li3 a:hover p {color: #8fc41e;} .about .tec_content1 ul .li4:hover { border-bottom: 2px solid #8fc41e;} .about .tec_content1 ul .li4 a span { background: url(../img/pub/icon_08.png) no-repeat;} .about .tec_content1 ul .li4 a:hover span {background: url(../img/pub/icon_03.png) no-repeat;} .about .tec_content1 ul .li4 a:hover p { color: #8fc41e;} .about .tec_content1 ul .li5:hover { border-bottom: 2px solid #8fc41e;} .about .tec_content1 ul .li5 a span { background: url(../img/pub/icon_09.png) no-repeat;} .about .tec_content1 ul .li5 a:hover span { background: url(../img/pub/icon_04.png) no-repeat;} .about .tec_content1 ul .li5 a:hover p { color: #8fc41e;} .about .tec_content1 ul .li6:hover { border-bottom: 2px solid #8fc41e;} .about .tec_content1 ul .li6 a span { background: url(../img/pub/icon_11.png) no-repeat;} .about .tec_content1 ul .li6 a:hover span { background: url(../img/pub/icon_12.png) no-repeat;} .about .tec_content1 ul .li6 a:hover p {color: #8fc41e;} #compan{display:none;} #company {display:block; width:100%; height:auto; overflow:hidden; background: #f5f5f5; padding: 40px 0 20px; } .img3_c_r ul li:nth-of-type(2){margin-top: 18px;} .img3_c_r ul li:nth-of-type(3){margin-top: 5px;} .img3_c_r ul li:nth-of-type(4){ width: 80%; margin-top: -11px;} .img3_c_r ul li:nth-of-type(5){margin-top: -11px;} .img3_c_r ul li:nth-of-type(6){margin-top: 16px;} .img3_c_l { width: 400px; height: auto; float: left;} .img3_c_l ul{width: 400px; float: left; padding: 124px 70px 0 0;} .img3_c_r { width: 400px; height: auto; float: right;} .img3_c_r ul { width: 600px; float: left; padding: 138px 0 0 70px;} .tec_content1_row_r h3 { font-size: 18px; line-height: 28px; color: #000000; margin: 0px 0 8px;} .img3_c_l ul li { width: 100%; height: 60px; float: left; margin-bottom: 28px;} .img3_c_l ul li p { width: 100%; float: left; text-align: right; font-size: 16px; line-height: 28px;} .img3_c_l ul li .tit { font-weight: bold;} .img3_c_r ul li {width: 100%; height: auto; float: left; margin-bottom: 28px;} .img3_c_r ul li p {width: 100%; float: left; text-align: left; font-size: 16px; line-height: 28px;} #enterprise {width:100%;height:auto;overflow:hidden;} .enterprise_row{ width: 100%; height:200px; padding:20px 0;} .enterprise_row_ico{ width: 14%; height: 100px; float: left; padding-top: 6px; } .enterprise_row h3{width:100%; font-size: 24px; font-weight: normal; line-height: 40px; margin-top: 0px; margin-bottom: 10px;} .enterprise_row .tit { font-size: 16px; font-weight: bold; line-height: 28px; margin-bottom: 7px;} .tec_content1 .enterprise_row p{ font-size: 16px; line-height: 30px;} .enterprise_row .enterprise_row_content {width: 86%; overflow: hidden; height: auto; } #honor { width:100%; height:auto; overflow:hidden;} #honor .tec_content1 ul li { width: 33%; height: 200px; display:block; padding:0px; margin: 0; float: left;} #honor .tec_content1 ul li.certificate{ padding-top:8px;} #honor .tec_content1 ul.certificate li{ width: 150px; padding: 0; height: 212px;} #honor .tec_content1 ul li p{ font-size: 14px; line-height: 24px; color: #000000; text-align: center; padding-top: 10px;} #honor .honor_row {padding: 30px 0 20px;} #institutions .a_img{ margin: 0 auto; padding:20px 15px;} #institutions .tec_content1 ul li{ padding:20px 40px; height: auto; margin: 0; width:20%; border-right: 1px solid #ececec; height: 170px;} #institutions .tec_content1 ul li p{ text-align: center; color: #333; font-size: 16px; line-height: 28px; padding-top: 0px; } #institutions .tec_content1 ul li p.tit { font-weight: bold; } #institutions .institutions_row{margin-top:20px;} #business h3{ font-weight: bold;} #advertising{ width: 100%; height: 504px; overflow: hidden; position: relative;} .section-bg .slider-text { width: 426px; height:auto; margin: 30px 0; padding: 0; } .slides{ height: 282px; margin: 0 auto; } .secondary-heading { width: 670px; font-size: 20px; color:#ffffff; line-height: 24px; margin: 0 0 10px 0; padding: 0; } .sub-heading { width: 480px; color: #fff; font-size: 14px; line-height: 24px; margin: 0; padding: 0; position: relative; } .advertising_row{ padding-right: 15px; padding-left: 45px; margin-right: auto; margin-left: auto; padding-top: 80px; } .sub-heading span{ padding-left: 12px;} .slider-text:nth-of-type(3) .sub-heading{ color: #ffffff; font-size: 28px; opacity: 1;} .contact_row { padding:40px 0 60px;} #institutions .col-md-4,#institutions .col-md-6{ padding-left:0px; } .col-d{ padding-left:0px; width:100%; } #institutions .institutions_content{ width:930px; float:left; height:auto; margin-top:30px; } #institutions .institutions_content1{ width:620px; float:left; height:auto; margin-top:30px; } #institutions .institutions_content2{ width:310px; float:left; height:auto; margin-top:30px; } #institutions .institutions_content img,#institutions .institutions_content1 img,#institutions .institutions_content2 img{ margin-top:14px; margin-left:-16px; } #institutions .institutions_content>h5,#institutions .institutions_content1>h5,#institutions .institutions_content2>h5{ font-size:20px; font-weight:bold; color:#333333; } #institutions .institutions_content>h5>span,#institutions .institutions_content1>h5>span,#institutions .institutions_content2>h5>span{ width: 55px; height: 1px; margin-bottom: 25px; border-bottom: 1px solid #8fc41e; padding-bottom: 9px; } #institutions .institutions_content_h3{ font-size:20px; line-height:40px; color:#333333; } #institutions .institutions_content_p{ font-size:14px; color:#333333; line-height:28px; } #institutions .institutions_content_p1{ width:42px; height:76px; float:left; font-size:14px; line-height:28px; color:#333333; } #institutions .institutions_content_p2{ width:236px; height:76px; float:left; font-size:14px; line-height:28px; color:#333333; } } @media (min-width: 1080px) { #safety .tec_content1_row_r ul.main li { width: 33%; margin:4px 0px; } #electromagnetic .tec_content1_row_r ul.main li{ width: 100%; } .tec_content1 { width: 100%; max-width:1080px; height: auto; overflow: hidden; padding:60px 45px 20px;} .tec_content1_row { width: 100%; max-width: 1080px; margin: 0; height: auto; overflow: hidden; padding-top: 20px;} .about .tec_content1 ul li { display:block; padding: 80px 0px; height: 280px; margin: 0 59px; float: left; width: auto;} #honor .tec_content1 ul li {display:block; padding: 0px; height: 200px; margin: 0; float: left; width: 25%;} #honor .tec_content1 ul li.certificate{ padding-top:8px;} #institutions .col-md-4,#institutions .col-md-6{ padding-left:0px; } #institutions .institutions_content{ width:990px; float:left; height:auto; margin-top:30px; } #institutions .institutions_content1{ width:660px; float:left; height:auto; margin-top:30px; } #institutions .institutions_content2{ width:330px; float:left; height:auto; margin-top:30px; } #institutions .institutions_content img,#institutions .institutions_content1 img,#institutions .institutions_content2 img{ margin-top:14px; margin-left:-16px; } #institutions .institutions_content>h5,#institutions .institutions_content1>h5,#institutions .institutions_content2>h5{ font-size:20px; font-weight:bold; color:#333333; } #institutions .institutions_content>h5>span,#institutions .institutions_content1>h5>span,#institutions .institutions_content2>h5>span{ width: 55px; height: 1px; margin-bottom: 25px; border-bottom: 1px solid #8fc41e; padding-bottom: 9px; } #institutions .institutions_content_h3{ font-size:20px; line-height:40px; color:#333333; } #institutions .institutions_content_p{ font-size:14px; color:#333333; line-height:28px; } #institutions .institutions_content_p1{ width:42px; height:76px; float:left; font-size:14px; line-height:28px; color:#333333; } #institutions .institutions_content_p2{ width:236px; height:76px; float:left; font-size:14px; line-height:28px; color:#333333; } } @media (min-width: 1200px){ .tec_content1 { width: 100%; max-width:1200px; height: auto; overflow: hidden; padding: 60px 45px 20px; margin: auto;} .tec_content2 { width: 100%; max-width:1200px; height: auto; overflow: hidden; padding: 50px 45px; margin: auto;} .tec_content1_row { width: 100%; max-width: 1200px; margin: 0; height: auto; overflow: hidden; padding-top: 20px; margin: auto;} .tec_content1_row_r { width: 50%; height: auto; float: left; padding-left: 0;} .enterprise_row { width: 1200px; height: 196px; padding: 30px 0; margin:0 auto;} .enterprise_row_ico { width: 14%; height: 100px; float: left; padding-top: 10px; padding-left: 20px;} .about .tec_content1 ul li{ display:block; padding: 80px 0px; height: 280px; margin: 0 70px; float: left; width: auto;} #honor .honor_row{ padding: 40px 0 20px;} #honor .tec_content1 ul li { display:block; padding:8px; height: 220px; margin: 0; float: left; width:200px;} #honor .tec_content1 ul li:nth-of-type(1){padding-left: 0;} #honor .tec_content1 ul li:last-child{padding-right: 0;} #honor .tec_content1 ul li.certificate{ width: 14%;} #honor .tec_content1 ul.certificate li { width: 150px; padding: 0; height: 212px;} .img3_c_r ul li { width: 100%; height: auto; float: left; margin-bottom: 28px;} .img3_c_r ul li:nth-of-type(2){margin-top: 18px;} .img3_c_r ul li:nth-of-type(3){margin-top: 5px;} .img3_c_r ul li:nth-of-type(4){ width: 100%; margin-top: 3px;} .img3_c_r ul li:nth-of-type(5){margin-top: 4px;} .img3_c_r ul li:nth-of-type(6){margin-top: 16px;} .about .tec_content1 {padding: 50px 0px; border-bottom: none;} #institutions .col-md-4,#institutions .col-md-6{ padding-left:0px; } #institutions .institutions_content{ width:1200px; float:left; height:auto; margin-top:30px; } #institutions .institutions_content1{ width:800px; float:left; height:auto; margin-top:30px; } #institutions .institutions_content2{ width:400px; float:left; height:auto; margin-top:30px; } #institutions .institutions_content img,#institutions .institutions_content1 img,#institutions .institutions_content2 img{ margin-top:14px; margin-left:-16px; } #institutions .institutions_content>h5,#institutions .institutions_content1>h5,#institutions .institutions_content2>h5{ font-size:20px; font-weight:bold; color:#333333; } #institutions .institutions_content>h5>span,#institutions .institutions_content1>h5>span,#institutions .institutions_content2>h5>span{ width: 55px; height: 1px; margin-bottom: 25px; border-bottom: 1px solid #8fc41e; padding-bottom: 9px; } #institutions .institutions_content_h3{ font-size:20px; line-height:40px; color:#333333; } #institutions .institutions_content_p{ font-size:14px; color:#333333; line-height:28px; } #institutions .institutions_content_p1{ width:42px; height:70px; float:left; font-size:14px; line-height:28px; color:#333333; } #institutions .institutions_content_p2{ width:280px; height:70px; float:left; font-size:14px; line-height:28px; color:#333333; } } @media (min-width: 1300px){ .tec_content1 { width: 100%; max-width:1200px; height: auto; overflow: hidden; padding: 60px 0px 20px; margin: auto;} .tec_content2 { width: 100%; max-width:1200px; height: auto; overflow: hidden; padding: 50px 0px; margin: auto;} .tec_content1_row { width: 100%; max-width: 1200px; margin: 0; height: auto; overflow: hidden; padding: 20px 0; margin: auto;} .advertising_row { padding-left: 0; width: 100%; max-width: 1200px;} .about .tec_content1{padding:50px 0;} .about .tec_content1 ul li { display: block; padding: 80px 0px; height: 280px; margin: 0 80px; float: left; width: auto;} #honor .tec_content1 ul li { display: block;padding: 20px; height: 220px; margin: 0; float: left; width: 198px;} #honor .tec_content1 ul li:nth-of-type(1){padding-left: 0;} #honor .tec_content1 ul li:last-child{padding-right: 0;} #honor .tec_content1 ul li:nth-of-type(2){ width: 209px;} #honor .tec_content1 ul.certificate li { width: 150px; padding: 0; height: 212px;} }