.g-adv {height: 11.666666em;}
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 11.666666em;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#aaaaaa;}
.g-adv .m-cnt li{ float:left; width:33.3333%; }
.g-adv .m-cnt li.z-on{ background:#4a4a4a;}



.m_nav{height: 4.9em;border-top:0.625em solid #d8d8d8; margin-bottom: 0.5em;
	background: #5d5d5d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5d5d5d), to(#404040)); 
	background-image: -webkit-linear-gradient(top, #5d5d5d, #404040); 
	background-image: -moz-linear-gradient(top, #5d5d5d, #404040); 
	background-image: -o-linear-gradient(top, #5d5d5d, #404040); 
	background-image: -ms-linear-gradient(top, #5d5d5d, #404040); 
	background-image: linear-gradient(top, #5d5d5d, #404040);}

.m_nav li{width: 33.33%; height: 4.9em;float: left;text-align: center;color: #fff;border-bottom: 1px solid #3b3b3b;border-right: 1px solid #3b3b3b;  border-top: 1px solid #a6aaac;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.m_nav li em{display: block;width: 45%; margin: 0 auto;padding-top: 0.5em;}
.m_nav li em img{display: block;width: 100%;}
.m_nav a:nth-child(1) li,.m_nav a:nth-child(2) li,.m_nav a:nth-child(3) li{border-top: none;}

/* 热销产品 */
.g_pro{position: relative;height:35em;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 27.5em;}
.g_pro h2{overflow: hidden;}
.g_pro h2,.g_pro h2 img{width: 100%;display: block;}
.g_pro h3{height: 1.6em; padding-top: 1em;  font-size: 1.25em; padding-left: 5%; position: relative;border-bottom: 1px solid #ccc; color:#333;}
.g_pro h3 a{color: #2a2a2a;font-weight: normal;}
.g_pro h3:before{
 background:url(../images/cpico.jpg) no-repeat; width: 1.03em; height: 1.03em; 
content:"";position:absolute;right:5%;top:39%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0; }

.g_pro .m-cnt{position: absolute; left:29%;top:30em;z-index: 100;}
.g_pro .m-cnt li,.g_pro .m-cnt{height: 1.2em; line-height: 1.2em;}
.g_pro .m-cnt li { width: 1.7em;height: 1.7em;display: block;float: left;border-radius: 85em;background: #7f7f7f; margin-right: 2.5em; }
.g_pro .m-cnt li.z-on {background: #0090db;}

.g_pro .u_lst1{padding:4% 2% 0 6%; }
.g_pro .u_lst1 li{float: left; width: 47%; margin-right: 5%; z-index: 2; }
.g_pro .u_lst1 li img{width: 100%;    height: 10em;display: block; border:2px solid #e6e6e6; padding: 0.125em;
  box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_pro .u_lst1 li span{font-size: 1em; color: #666666; height: 2.5em; line-height: 2em; text-align: center; display: block; font-weight: normal; overflow: hidden;width: 100%;}
.g_pro .u_lst1 a:nth-child(2n) li{margin-right: 0}


/* 分类 */
.g_fl{height: 13em;border-bottom: 1px solid #dedede;}
.g_fl h2{color: #1579c6;font-size: 1em;text-align: center;font-weight: bold;margin-bottom: 2em;
 background:url(../images/fltit.jpg) no-repeat; width: 100%; height: 3em; line-height: 3em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0; }
.g_fl h3{color: #fff;font-size: 1em;text-align: center;font-weight: normal; margin: 0 auto; margin-bottom: 1em;
 background:url(../images/flh3bg.jpg) no-repeat; width: 37.5%; height: 1.66em; line-height: 1.66em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0; }
.g_fl .u_lst1 {margin: 0 12%;}
.g_fl .u_lst1 li{float: left; width:47%;float: left; margin-right: 3%; border: 1px solid #cecece;background: #efefef;height: 2em;line-height: 2em;text-align: center;margin-bottom: 0.5em; }
.g_fl .u_lst1 li a{font-size: 1em;color: #4f4f4f;}
.g_fl .u_lst1 li:nth-child(2n){margin-right: 0;}

/* 您找不到合适的电子元器件供应商 */
.g_gys{height: 26.66666666em;}
.g_gys h2{color: #333333;font-size: 1.08em;font-weight: bold;text-align: center;padding-top: 1.66em;padding-bottom: 1em;}

.g_gys .u_lst2{margin: 0 8%;}
.g_gys .u_lst2 li{width: 32%; margin-right: 2%; height: 10em;float: left;text-align: center;color: #333333;background: #f9f9f9;font-size: 0.91em;border: 1px solid #dfdfdf; margin-bottom: 0.9em;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_gys .u_lst2 li em{display: block;width: 72%; margin: 0 auto;padding-top: 0.5em; padding-bottom: 0.3em;}
.g_gys .u_lst2 li em img{display: block;width: 100%;}

.g_gys .u_lst2 a:nth-child(3) li,.g_gys .u_lst2 a:nth-child(5) li{margin-right: 0;}
.g_gys .u_lst2 a:nth-child(4) li{margin-left: 16%;}


/* pk */
.g_pk{position: relative; width: 100%; height: 27.29em;}
.g_pk .sclwrap_box,.g_pk .m-box {height: 19em;}
.g_pk h2,.g_pk h2 img{width: 100%;display: block;}
.g_pk h2 {margin-bottom: 3.5%;}

.g_pk .m-cnt{margin: 0 10%; height: 2em;line-height: 2em;}
.g_pk .m-cnt li {display: block;float: left;text-align: center;color: #3d3d3d;font-size: 1.05em;font-weight: normal; background: #e5e5e5;  width: 32%; margin-right:2%;height: 2em;line-height: 2em; }
.g_pk .m-cnt li:nth-child(3){margin-right: 0;}
.g_pk .m-cnt li.z-on {background: #0090db;color: #fff;}

.con{float: left; display: inline;}
.g_pk .m_pkc{margin: 0 10% 0 10%;}
.g_pk .m_pkc dl{float: left; width:100%;padding-top: 1.25em;}
.g_pk .m_pkc dt{width: 100%;display: block;}
.g_pk .m_pkc dt img{width: 100%;display: block;}

.g_pk .m_pkc h3{font-size: 1em;color: #2f2f2f;font-weight: bold; height: 2em;position: relative; margin: 2% 0;
 background:url(../images/pktit1.jpg) no-repeat; line-height: 2em;width: 100%;text-align: center;
background-size: 100%; padding-left: 2%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}



.g_pk .m_pkc p{color: #535353;font-size: 1em;line-height: 1.5em;text-align: center; padding:  0 5%;}





/* 优势tit*/
.g_ystit{width: 100%;height: 4.4582em;padding-top: 1em;text-align: center;
 background:url(../images/ystit.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;

}
.g_ystit h2{color: #fff;font-size: 1.25em;font-weight: bold; clear:both;}
.g_ystit h2 a{color: #fff;}
.g_ystit h2 em{display: block;font-size: 0.8em;font-weight: normal;}

/* 优势1*/
.g_ys1{background: #f7f7f7;height: 22.875em;overflow: hidden;}
.g_ys1 h2{padding-top: 1.66em;padding-left: 3%;color: #0090db;font-size: 1.08em;font-weight: bold;}
.g_ys1 h2 b{display: inline-block;width: 1.5em;height: 1.3em;line-height: 1.3em;border: 1px solid #d2d2d2;text-align: center;color: #0090db;font-size: 0.75em;font-weight: normal; margin: 0 6% 0 1%; letter-spacing: -2px;font-family: arial;}
.g_ys1 h2 em{color: #bababa;font-size: 0.75em;font-weight: normal;text-transform: uppercase;}
.g_ys1 .ysimg1,.g_ys1 .ysimg1 img,.g_ys2 .ysimg2,.g_ys2 .ysimg2 img,.g_ys2 .ysimg3,.g_ys2 .ysimg3 img,.g_ys3 .ysimg4,.g_ys3 .ysimg4 img{width: 100%;display: block;}

.g_ys1 h3{padding-left: 3%;color: #0480bc;font-size: 0.91em;font-weight: bold;}
.g_ys1 h3 b{color: #333}

.g_ys1 .u_lst2{padding: 2% 0 2% 5%;}
.g_ys1 .u_lst2 li{color: #555555;font-size: 1em;line-height: 1.5em;height: 1.5em;position: relative; padding-left: 4%;}
.g_ys1 .u_lst2 li:before{content: "";position: absolute; width: 0.35em;height: 0.35em;background: #0196df; left:0;top:45%;border-radius: 85em;}

/* 优势2 */
.g_ys2 h2{padding-top: 1.66em;padding-left: 36%;color: #0090db;font-size: 1.08em;font-weight: bold;}
.g_ys2 h2 b{display: inline-block;width: 1.5em;height: 1.3em;line-height: 1.3em;border: 1px solid #d2d2d2;text-align: center;color: #0090db;font-size: 0.75em;font-weight: normal; margin: 0 3% 0 1%; letter-spacing: -2px;font-family: arial;}

.g_ys2 h3{text-align: center; color: #333333;font-size: 0.85em;font-weight: bold;margin-bottom: 3%;padding-top: 2%;font-weight: normal;}
.g_ys2 h3 b{color: #333;}
.g_ys2 h3 i{font-style: normal;color: #0196df;}
.g_ys2 h3 em{display: block;color: #bababa;font-size: 0.75em;font-weight: normal;text-transform: uppercase;text-align: center;}

.g_ys2 .u_lst3{margin-left: 2em;margin-top: 0.5em;}
.g_ys2 .u_lst3 li{width: 50%;float: left;font-size: 0.91em;color: #000;line-height: 1.5em;}
.g_ys2 .u_lst3 li:nth-child(2){margin-right: 0;}
.g_ys2 .u_lst3 li a{color: #fff;}
.g_ys2 .u_lst3 li em{background: #0090db;text-align: center;font-size: 1em;text-align: center; color: #fff; font-weight: bold;display: block;margin-bottom: 5%; width: 8em;height: 2em;line-height: 2em; }



/* 优势3*/
.g_ys3{height: 22.875em;overflow: hidden;}
.g_ys3 h2{padding-top: 0.66em;padding-left: 12%;color: #0090db;font-size: 1.08em;font-weight: bold;}
.g_ys3 h2 b{display: inline-block;width: 1.5em;height: 1.3em;line-height: 1.3em;border: 1px solid #d2d2d2;text-align: center;color: #0090db;font-size: 0.75em;font-weight: normal; margin: 0 2% 0 1%; letter-spacing: -2px;font-family: arial;}
.g_ys3 h2 em{color: #bababa;font-size: 0.75em;font-weight: normal;text-transform: uppercase;}

.g_ys3 .u_lst2{padding: 2% 0 4% 12%;}
.g_ys3 .u_lst2 li{color: #555555;font-size: 1em;line-height: 1.5em;position: relative; padding-left: 4%;}
.g_ys3 .u_lst2 li:before{content: "";position: absolute; width: 0.35em;height: 0.35em;background: #0196df; left:0;top:0.6em;border-radius: 85em;}






.g_ys4 h2{padding-top: 1.25em;text-align: center; color: #313131;font-size: 1.08em;font-weight: bold; margin-bottom: 2em;}
.g_ys4 h2 b{display: inline-block;width: 2em;height: 1.3em;line-height: 1.3em;border: 1px solid #d2d2d2;text-align: center;color: #0090db;font-size: 0.75em;font-weight: normal; margin: 0 2% 0 1%; letter-spacing: -2px;font-family: arial;}
.g_ys4 h2 em{color: #313131;font-size: 0.85em;font-weight: normal;text-transform: uppercase;display: block;}

.g_ys4 .u_lst3{margin: 0 13%;}
.g_ys4 .u_lst3 li{width: 44%; margin-right: 10%;margin-bottom: 5%; height: 10.916666666em;float: left;text-align: center;
	color: #262626;font-size: 1em;
 background:url(../images/ys4bg2.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}
.g_ys4 .u_lst3 li em{display: block;width: 43%; margin: 0 auto;padding-top: 1.5em;padding-bottom: 0.8em;}
.g_ys4 .u_lst3 li em img{display: block;width: 100%;}
.g_ys4 .u_lst3 a:nth-child(2n) li{margin-right: 0;}

.g_ys4 .u_lst3 a:nth-child(3) li,.g_ys4 .u_lst3 a:nth-child(4) li{
 background:url(../images/ys4bg3.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}




.g_ys2{background: #fff;height: 22.25em;overflow: hidden;}
.g_ys3{background: #fff;height: 23em;overflow: hidden;}
.g_ys4{background: #f4f4f4;height: 34.333em;overflow: hidden;}



/* 成就更多客户 */
.g_cj{position: relative;height: 32.125em;width: 100%;margin-bottom: 1.5em;
 background:url(../images/cjbg.jpg) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:0;}

.g_cj .sclwrap_box,.g_cj .m-box {height: 25em;}
.g_cj h2{text-align: center;color: #fff;font-weight: bold;font-size: 1.25em;padding-top: 4%;padding-bottom: 10%;}
.g_cj h2 a{color: #fff;}
.g_cj h2 em{display: block;font-size: 1em;font-weight: normal;}
.g_cj .m-cnt{position: absolute; left:12%;top:27.6em;z-index: 100; width: 82%;}
.g_cj .m-cnt li,.g_cj .m-cnt{height: 4em; line-height: 4em;}
.g_cj .m-cnt li { width: 16%;height: 4em;line-height: 4em;text-align: center;color: #fff;font-weight: bold;font-size: 1em;text-decoration: underline; position: relative; z-index: 10; float: left; margin-right: 6%;font-family: arial;font-weight: normal;}
.g_cj .m-cnt li:before{
content: "";position: absolute;width: 3.4166em;height: 4em; left:0;top:0;
 background:url(../images/tab3.png) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;
}

.g_cj .m-cnt li.z-on {position: relative;}
.g_cj .m-cnt li.z-on:before {position: absolute;content: "";width: 3.4166em;height: 4em; left:0;top:0;
 background:url(../images/tab4.png) no-repeat;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:-1;
}



.g_cj .m_cj{margin: 0 9%;}
.g_cj .m_cj dt,.g_cj .m_cj dt img{width: 100%;display: block;}
.g_cj .m_cj dd h3{font-size: 1em;color: #0e58ae;font-weight: bold;height: 2em;line-height: 2em;text-align: center;}
.g_cj .m_cj dd p{color: #303030;font-size: 0.91em;line-height: 1.5em;height: 4.5em;overflow: hidden;text-align: center; padding: 0 5%;}



/* 走进动能世纪 */
.demo-box {height: 17.4em; overflow: hidden;}
.demo-box .column-list {height: 3em;line-height: 3em;background: #a6a6a6; position: relative;}
.demo-box .column-list li {
    color: #fff;
    display: inline;
    float: left;
    font-size: 1.15em;
    font-weight: normal;
    position: relative;
    text-align: center;
    width: 30%;
}
.demo-box .more{width: 4.68%;height: 1.25em; right:3%;top:35%;position: absolute;}
.demo-box .more img{width: 100%;display: block; }

.demo-box .column-list li.z-on {color: #fff;position: relative;background: #036dbe; }



/* 荣誉资质 */
.demo-box .box-style { position: relative; width: 100%; float: left; display: inline; overflow: hidden;}
.demo-box .box-style .prev, .demo-box .box-style .next {
    height: 3em;
    position: absolute;
    text-align: center;
    top: 5em;
    width: 1em;
    z-index: 99;
}
.demo-box .box-style .prev { left: 15%;}
.demo-box .box-style .next {right: 15%;}
.demo-box .box-style .prev img,.demo-box .box-style .next img{width: 100%;}
.demo-box .box-style .page{float: left; display: inline;}
.demo-box .box-style .page ul{ width: 50%; padding: 4% 25% 0 25%;}
.demo-box .box-style .page li{width: 100%;}
.demo-box .box-style .page li img{width: 100%;display: block;}
.demo-box .box-style .page li span{display: block; height: 2em; line-height: 1.8em; text-align: center; color: #181818; font-size: 1em;}
.demo-box .box-style .page li img{width: 100%; }



/* 走进动能世纪 */
.u_dlst6{padding:1.66em 3% 0 3%;}
.u_dlst6 dt{float: left; width:44%; margin-right: 3%;}
.u_dlst6 dt img{width: 100%;display: block;border: 1px solid #ccc; border-radius: 0.1em;box-shadow: 0 2px 2px #ccc; padding: 0.2em;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.u_dlst6 dd{float: left; width:50%;}

.u_dlst6 dd h3{height: 1.5em;line-height: 1.5em;font-size: 1em;overflow: hidden; margin-bottom: 2%;}
.u_dlst6 dd h3 a{color: #272727;font-weight: normal;}

.u_dlst6 dd p{font-size: 0.91em;line-height: 1.5em;height: 9em;overflow: hidden; color: #666666;}
.u_dlst6 dd p a{color: #666;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height: 13.5em;}


/* 最新资讯 */
.demo-box .u_lst6{padding-top: 3%;}
.demo-box .u_lst6 li{height: 2em;line-height: 2em;border-bottom: 1px solid #e2e2e2;padding-left: 6%;font-size: 1em;color: #424242;}
.demo-box .u_lst6 li em{display: inline-block;padding-right: 3%;}
.demo-box .u_lst6 li a{color: #424242;}







@media screen and (min-width:320px) {
  body { font-size:75%;}
}
@media screen and (min-width:360px) {
  body { font-size:87%;}
}
@media screen and (min-width:480px) {
  body { font-size:112%;}

}
@media screen and (min-width:568px) {
  body { font-size:131%;}

}
@media screen and (min-width:639px) {
  body { font-size:150%;}
}