#gzlg_masthead_padding { padding: 10px 10px 0; background: #f5f5f5; }

.banner_more { width: 1200px; height: 282px; margin: 0 auto; }

.banner_more p { margin-top: 240px; color: #61c1be; font-size: 14px; line-height: 26px; }

.banner_more span { color: #fff; margin-left:4px; }

.banner_more a { color: #61c1be; }

.pro_top { width: 100%; background: #ffffff; }

table { width: 1200px; margin: 30px 0px; color: #666; font-size: 14px; border-top: 3px #002e54 solid; }

table tr th { background: #f7f7f7; font-size: 16px; text-align: center; font-weight: 500;  }

table tr td { padding: 2px 0px;  background: #ffffff; text-align: center; }

/**table tr td a { color: #00ae86; border: 1px solid #00ae86; padding: 2px 10px; border-radius: 5px; display: block; }**/

table tr td a {color:#666;}

table tr td.cgr { color: #61c1be; border-left: 1px #61c1be solid; }

table tr .center { text-align: center; }

table tr:hover { background: #f0f0f0; }

.pro_norms { width: 1200px; margin: 5px 0px 20px 0px; color: #666; font-size: 16px; }

.pro_norms tr td, .pro_norms tr th { height: 45px; min-width: 100px; line-height: 32px; color: #666; border-bottom: 1px #d7e0c2 solid; }

.pro_norms tr th { height: 55px; }

.pro_norms tr th.no_bd_lf, .pro_norms tr td.no_bd_lf { border-left: none; }

.pro_norms tr th { border-right: #ffffff 2px solid; border-bottom: 2px #61c1be solid; }

.table_x { width: 1170px; }

.ddh { background:#ffffff !important; opacity:0.4 !important; cursor:pointer;}

.dyh { background:#ffffff !important; opacity:0.4;cursor:pointer; }

 

/*框图样式*/



.banner { width: 100%; height: 526px; overflow: hidden; position: relative;  background:url(../images/networkconnection/banner.jpg) center center no-repeat; }



.ddl h4,.ddy h4{ width:100%; font-size:16px; line-height:28px; color:#000000; margin:0px; padding:23px 27px 0px; }

.hod-content-link{ color:#80be48!important; padding:0px 27px !important; margin:0px !important; }

.hod-content-link a{ color:#80be48!important; }



#motor-diagram-1{ width:177px; height:254px; text-align:center; padding-top:13px; position: absolute; top:230px; left:454px; border-radius:15px; }

#motor-diagram-1:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }

#motor-diagram-2{ width: 98px; height: 102px; text-align: center; padding-top: 13px; position: absolute; top: 219px; left: 254px; border-radius: 5px; }

#motor-diagram-2:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }

#motor-diagram-3{ width: 100px; height: 102px; text-align: center; padding-top: 13px; position: absolute; top: 371px; left: 254px; border-radius: 5px; }

#motor-diagram-3:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }

#motor-diagram-4{ width: 130px; height: 120px; text-align: center; padding-top: 13px; position: absolute; top: 274px; left: 513px; border-radius: 5px; }

#motor-diagram-4:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }

#motor-diagram-5{ width: 86px; height: 35px; text-align: center; position: absolute; top: 175px; left: 280px; border-radius: 5px; }

#motor-diagram-5:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }

#motor-diagram-6{ width: 86px; height: 35px; text-align: center; position: absolute; top: 461px; left: 292px; border-radius: 5px; }

#motor-diagram-6:hover{ background:#ffffff; opacity:0.4;cursor:pointer; }



.ddl h4,.ddy h4{ width:100%; font-size:16px; line-height:28px; color:#000000; margin:0px; padding:23px 27px 0px; }

.hod-content-link{ color:#80be48!important; padding:0px 27px !important; margin:0px !important; }

.hod-content-link a{ color:#80be48!important; }





.motor-diagram-1c{ width:100%; height:60px; float:left; padding:3px 20px; }

.motor-content-link{ color:#80be48!important; padding:0px 27px !important; margin:0px !important; }

.motor-content-link a{ color:#80be48!important; }



.motor-diagram-1{ width:300px; height:200px; background:#CC0; position: absolute; top:350px; left:600px; z-index:299px; background:#ffffff; border:1px solid #cfcfcf; border-radius:8px; box-shadow: 1px 5px 16px 0px #b2b6b8; display:none; }









@media (min-width: 300px) {

.banner{ height:361px; background:url(../images/networkconnection/banner_s.jpg); background-size: 100% 100%; }	

	

#gzlg_masthead_wrap { position: relative; background-color: #ffffff; top: 0; width: 100%; z-index: 900; padding: 0px 10px; border-bottom: 1px solid #e5e5e5; }	

.pro_top,.pro_wrap { padding:0 15px; }

#advertising { width: 100%; height: 175px; overflow: hidden; position: relative; }

.slides { height: 175px; margin: 0 auto; }

.section-bg { width: 100%; height: 175px; position: absolute; background-size: 100% 100%; z-index: 3; }



/*网络互联方案banner*/

.index_ad{ background: url(../images/networkconnection/banner-small.jpg) no-repeat; background-size:100% 100%; }

.sja1105_ad {background: url(../images/networkconnection/sja1105/banner-small.jpg) no-repeat;  background-size: 100% 100%;}

.tja1101_ad{background: url(../images/networkconnection/tja1101/banner-small.jpg) no-repeat;  background-size: 100% 100%;}

.gateway_ad{background: url(../images/networkconnection/gateway/banner-small.jpg) no-repeat;  background-size: 100% 100%;}

.gigabit_ad{background: url(../images/networkconnection/gigabit/banner-small.jpg) no-repeat;  background-size: 100% 100%;}





.content{ padding:0 15px; }

.container { 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: 100px; margin: 60px 0px 10px 0px; padding: 0; }

.section-bg .slider-text-2 { width: 250px; height: 100px; margin: 60px 0px 10px 0px; padding: 0; }

.secondary-heading { width: 250px; color: #fff; font-size: 20px; line-height: 32px; margin: 0 0 10px 0; padding: 0; position: relative; }

.sja1105_ad .secondary-heading { width: 190px;}

.sja1105_ad .sub-heading { width: 220px;}

.tja1101_ad .secondary-heading{width: 190px;}

.tja1101_ad .sub-heading {  width: 279px;}

.sub-heading { width: 200px; color: #fff; font-size: 12px; line-height: 20px; margin: 0; padding: 0; position: relative; }

.sub-heading-2 { width: 200px; color: #fff; font-size: 12px; line-height: 20px; margin: 0; padding: 0; position: relative; }

.banner_more { display: none; }



.pro_top_b .banner_more { width: 100%; height:25px;  float:left; display:block; }

.pro_top_b .banner_more p{ height:28px; margin:10px 0px !important; padding:0px;  border-bottom:1px solid; overflow:hidden; }

.pro_top_b { width: 100%; max-width: 1200px; height: auto; margin: 0 auto; overflow:hidden; border-bottom: 1px solid #61c1be; }

.pro_top_b_l { height: auto; margin: 0 auto; float: left; padding: 25px 0px 20px;  }

.pro_top_b_l .pai { margin: 0 auto; width: 100%; height:auto; }

.pro_top_b_l p { padding-bottom: 6px; }



.index_product{ width:100%; height:auto; padding:20px 15px 40px; overflow:hidden; }

.index_product_row{ width:100%; height:auto; margin:0px; }



.index_product_gzlg{ width:100%; height:auto; padding:20px 15px 40px; overflow:hidden; background:#f3f3f3; }

.index_gzlg_row{ width:100%; height:auto; margin:0px; }





.index_product_row_c{ width:270px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 0px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:250px; margin:16px 10px 10px 10px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:22px; width:252px; height:auto; margin:10px 10px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:210px; }





.index_product .index_product_h3{ font-weight:bold; }

.zutu_line{ border-bottom:none; }

.index_product_content{ width:100%; height:auto; float:left; padding:0px; margin-bottom:20px; }

.index_product_content h3{ font-size:18px; color:#61c1be; line-height:28px; margin-bottom:0px; }

.index_product_content a>h3{ color:#61c1be; }

.index_product_content a:hover>h3{ color:#1c2857; }

.index_product_content p{ font-size:14px; line-height:24px; width:100%; }

.index_product_photo{ width:100%; height:auto; margin:0 auto; }

.pro_norms,table tr th { font-size: 14px; }



/*sja1105*/

#advertising { width: 100%;  height: 175px; overflow: hidden;  position: relative;}

.slides { height: 175px;  margin: 0 auto;}

.section-bg { width: 100%;  height: 175px;  position: absolute;   background-size: 100% 100%;    z-index: 3;}

.container { padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;}

.pro_top, .pro_wrap { padding: 0 15px;} 

.banner_more { display: none;}

.pro_top .banner_more {  width: 100%;   height: 25px;   float: left;    display: block;}

.pro_top .banner_more p { height: 28px; margin: 10px 0px !important;  padding: 0px;   border-bottom: 1px solid;}

.pro_top_b { width: 100%;  max-width: 1200px;  height: auto;  margin: 0 auto;  overflow: hidden;  border-bottom: 1px solid #61c1be;}

.sja1105 .pro_top_b_l, .pro_top_b_l2 {  height: auto;  margin: 0 20px;  float: left;  padding: 10px 0px;}

.pro_top_b_r {  margin: 0 auto;  float: left;  padding: 25px 0px 10px;  font-size: 14px;   line-height: 24px;}

.sja1105  .pro_top_b_r ul {  width: 100%;  padding-left: 20px;}

.sja1105 .pro_top_b_r li {    list-style-type: disc;   color: #61c1be;    line-height: 24px;}

.sja1105 .pro_top_b_r li>p {  margin-bottom: 0px;   color: #333333;}



#functional_bd {  height: auto;  overflow: hidden;  overflow: hidden;  margin-top: 20px;   margin-bottom: 30px;}

#functional_bd h3, #product_recommend h3, #use_direction h3, #reference_design h3, #data_down h3{font-size:24px;}

#functional_diagram_mobile { margin: 30px auto 20px;}

#product_recommend { height: auto;  overflow: hidden;  overflow: hidden;  margin-top: 20px;  margin-bottom: 30px;}

.pro_norms, table tr th { font-size: 14px;}

.use_direction_b {  width: 100%;  height: auto;   float: left;  margin-top: 15px;  margin-bottom: 0px;}

.use_direction_bc {  width: 100%;   height: 240px;   float: left;   padding: 0px;}

.use_direction_bc p { font-size: 14px;  line-height: 30px;   text-align: center;  margin-top: 5px;}

#use_direction {   height: auto;   overflow: hidden;    overflow: hidden;   margin-top: 20px;    margin-bottom: 30px;}

#reference_design {  height: auto;   overflow: hidden;   margin-top: 10px;   margin-bottom: 30px;}

.reference_design_l {  width: 100%;  height: auto;  float: left;    margin: 15px auto 25px;}

.reference_design_r {  width: 100%;    height: auto;    float: left;    margin-top: 10px;}

.reference_design_r ul {  width: 100%;   float: left;   font-size: 12px;}

.reference_design_r li {  width: 90%;   list-style-type: disc;  color: #61c1be;   margin-left: 20px;   line-height: 28px;}

.reference_design_r h3 {  font-size: 16px !important;  color: #61c1be;   margin-top: 0px !important;   margin-bottom: 16px !important; padding-left: 4px;  line-height: 24px;}

.reference_design_r li>p {  margin-bottom: 0px;   color: #000000;   padding-left: 8px;}

#data_down { height: auto;  overflow: hidden;  margin-top: 20px;   margin-bottom: 40px;}

.data_down_row { width: 100%;   height: auto;  float: left;  margin: 0px auto 0px auto;}

.data_down_list {  width: 100%;    height: auto;    float: left;}

.data_down_list h4 {  font-size: 16px;  margin-top: 15px;   margin-bottom: 15px;}

.data_down_list ul, .data_down_list li {  width: 100%;   float: left;}

.data_down_list li{ width:260px; min-height:60px; height:auto; background:url(../images/plan-pdf.jpg) no-repeat 0px 0px; padding-top:2px; padding-left:70px; margin-bottom:10px; font-size:14px; line-height:30px; }

.data_down_list li a{ color:#61c1be; }

.data_down_list span{ width:100%; float:left; }

 

.use_direction_bc>div { width: 274px;  height: 34px;   z-index: 48;  position: relative;   top: -223px;  color: #fff;  text-align: center;    margin: 0 auto;}

.use_direction_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:2px; }









}

/*针对iphone5s*/

@media (min-width: 315px) {	

.banner { height:379px; }

.use_direction_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-226px; color:#fff; text-align:center; margin:0 auto; left: 0px; }

}   

/*针对1080*1920的android*/

@media (min-width: 360px) {

.banner { height:433px; }	

	

.content{ padding:0 17px; }

.container { padding-right: 17px; padding-left: 17px; }

.pro_top,.pro_wrap { padding:0 17px; }

#advertising{ width:100%; height:210px; }

.section-bg{ height:210px; }

.section-bg .slider-text{ margin-top:80px; }

.reference_design_r ul{ width:100%; float:left; font-size:14px; }

.data_down_list li{ width:320px; }

.index_product{ padding:20px 17px 40px; }

.index_product_gzlg{ padding:20px 17px 40px; }





.index_product_row_c{ width:330px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 0px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:300px; margin:16px 10px 10px 10px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:24px; width:300px; height:auto; margin:10px 10px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:256px; }







#advertising { width: 100%;  height: 210px;}

.section-bg { height: 210px;}

.container { padding-right: 17px; padding-left: 17px;}

.pro_top, .pro_wrap { padding: 0 17px; } 

.pro_top_b_l{ margin: 0 auto; }

.pro_top_b_l2 {   margin: 0 25px;  }

.reference_design_r ul {  width: 100%;  float: left;   font-size: 14px;}

.data_down_list li{ width:320px; }

.tja1101_ad .secondary-heading { width: 202px;}

}

/*针对iphone6*/

@media (min-width: 375px) {

.banner { height:451px; }



.content{ padding:0 18px; }

.container { padding-right: 18px; padding-left: 18px; }	

.pro_top,.pro_wrap { padding:0 18px; }

#advertising{ width:100%; height:219px; }

.section-bg{ height:219px; }

.data_down_list li{ width:330px; }

.data_down_list span{ width:100%; float:left; padding-left:7px; }	

.index_product{ padding:20px 18px 40px; }

.index_product_gzlg{ padding:20px 18px 40px; }





.index_product_row_c{ width:330px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:290px; margin:16px 20px 10px 20px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:22px; width:290px; height:auto; margin:10px 20px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:256px; }





#advertising { width: 100%;  height: 219px;}

.section-bg { height: 219px;}

.container { padding-right: 18px; padding-left: 18px;}

.pro_top, .pro_wrap { padding: 0 18px;}

.data_down_list li {  width: 330px;} 

.use_direction_bc>div {  left: -1px;}

}

/*针对全面屏安卓*/

@media (min-width: 390px) {

.banner { height:469px; }	

	



#advertising {width: 100%;  height: 228px;}

.section-bg { height: 228px;}

.pro_top_b_l, .pro_top_b_l2 { margin: 0 auto;}

.data_down_list li {  width: 350px; }

.use_direction_bc>div { left: 0px;}



.index_product_row_c{ width:340px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:20px; line-height:28px; width:300px; margin:16px 20px 10px 20px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:22px; width:300px; height:auto; margin:10px 20px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:256px; }





}

@media (min-width: 400px) {

.banner { height: 481px; }



.content{ padding:0 19px; }

.container { padding-right: 19px; padding-left: 19px; }	

.pro_top,.pro_wrap { padding:0 19px; }	

#advertising{ width:100%; height:234px; }

.section-bg{ height:234px; }

.section-bg .slider-text{ margin-top:90px; }

.index_product{ padding:20px 19px 40px; }

.index_product_gzlg{ padding:20px 19px 40px; }

.pro_top_b_l .pai{ margin: 0 auto; width: 320px; height: 250px; }



#advertising { width: 100%; height: 234px;}

.section-bg {  height: 234px;}

.container { padding-right: 19px; padding-left: 19px;}

.pro_top, .pro_wrap { padding: 0 19px;} 

.data_down_list li { width: 360px;}

.tja1101_ad .sub-heading {  width: 238px;}



.index_product_row_c{ width:344px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:20px; line-height:28px; width:300px; margin:16px 20px 10px 20px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:22px; width:302px; height:auto; margin:10px 20px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:256px; }

}

/*针对iphone6s plus*/

@media (min-width: 410px) {

.banner { height:493px; }	

	

#advertising{ width:100%; height:239px; }

.section-bg{ height:239px; }

.pro_top_b_l, .pro_top_b_l2 {   margin: 0 auto;  }

.use_direction_b {  width: 100%;    height: auto;    float: left;    margin-top: 15px;    margin-bottom: 0px;}

.use_direction_bc { width: 180px;  height: 180px;  float: left;  padding: 0px;    margin-right: 6px;}

.use_direction_bc p { font-size: 14px; line-height: 30px;  text-align: center;  margin-top: 5px;}

.use_direction_bc>div{ width:180px; height:34px; z-index:48; position:relative; top:-164px; color:#fff; text-align:center; margin:0 auto; }

.use_direction_bc>div p{ width:80px; height:34px; background-color: rgba(143, 196, 30, 0.7); padding:3px; }





.index_product_row_c{ width:344px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 14px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:20px; line-height:28px; width:300px; margin:16px 20px 10px 20px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:22px; width:302px; height:auto; margin:10px 20px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:256px; }



}

/*针对1440*2560的android*/

@media (min-width: 480px) {

.banner { height:577px; }	



.content{ padding:0 22px; }

.container { padding-right: 22px; padding-left: 22px; }	

.pro_top,.pro_wrap { padding:0 22px; }	

#advertising{ width:100%; height:280px; }

.section-bg{ height:280px; }

.section-bg .slider-text{ margin-top:110px; }

.index_product{ padding:20px 22px 40px; }

.index_product_gzlg{ padding:20px 22px 40px; }







.pro_top, .pro_wrap { padding: 0 22px;}

.pro_top_b_l, .pro_top_b_l2 {  margin: 0 auto;  width:100%; }

.use_direction_bc {width: 202px;  height: 195px;  float: left;  padding: 0px;   margin-left: 7px;  margin-right: 8px;}

.data_down_list li { width: 430px;}

.use_direction_bc{ width:202px; height:195px; float:left; padding:0px; margin-left:7px; margin-right:8px; }

.use_direction_bc>div{ width:202px; height:34px; z-index:48; position:relative; top:-178px; color:#fff; text-align:center; margin:0 auto; }



.index_product_row_c{ width:206px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 6px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:184px; margin:16px 10px 10px 10px; font-weight:bold; }

.index_product_row_c p{ font-size:12px; line-height:20px; width:184px; height:200px; margin:10px 10px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:160px; }


.index_product_gzlg{ width:100%; height:auto; margin:0px auto;  }
.tja1101_ad .secondary-heading { width: 279px;}

.tja1101_ad .sub-heading {  width: 278px;}

}

@media (min-width: 500px) {

.banner { height:601px; }	



.content{ padding:0 23px; }

.container { padding-right: 23px; padding-left: 23px; }		

.pro_top,.pro_wrap { padding:0 23px; }	

#advertising{ width:100%; height:292px; }

.section-bg{ height:292px; }

.section-bg .slider-text{ margin-top:113px; }

.index_product{ padding:20px 23px 40px; }

.index_product_gzlg{ padding:20px 23px 40px; }



.index_product_row_c{ width:215px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 6px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:184px; margin:16px 10px 10px 10px; font-weight:bold; }

.index_product_row_c p{ font-size:12px; line-height:20px; width:184px; height:200px; margin:10px 10px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:166px; }



.container { padding-right: 23px; padding-left: 23px;}

.pro_top, .pro_wrap { padding: 0 23px;}

.pro_top_b_l, .pro_top_b_l2 {  margin: 0 auto;  width:100%; }

.use_direction_bc {   margin-left: 12px;   margin-right: 12px;}

.data_down_list li {  width: 445px;}

}

@media (min-width: 600px) {

.banner { height:722px; }	



.content{ padding:0 28px; }

.container { padding-right: 28px; padding-left: 28px; }		

.pro_top,.pro_wrap { padding:0 28px; }	

#advertising{ width:100%; height:350px; }

.section-bg{ height:350px; }

.section-bg .slider-text{ margin-top:130px; }

.sub-heading{ font-size: 14px; line-height:26px; }

.pro_top_b_l .pai{ margin: 0 auto; width: 360px; height: 280px; }

.index_product{ padding:20px 28px 40px; }

.index_product_gzlg{ padding:20px 28px 40px; }

.index_product .index_product_h3{ margin:40px 0px 20px; font-size:20px; line-height:30px; font-weight:bold; }

.index_product_content{ margin-bottom:35px; }

.index_product_content h3{ font-size:20px; color:#61c1be; line-height:30px; margin-bottom:5px; }

.index_product_content a>h3{ color:#61c1be; }

.index_product_content a:hover>h3{ color:#1c2857; }

.index_product_content p{ margin-bottom:15px; }





.index_product_row_c{ width:254px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 12px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:224px; margin:16px 10px 10px 16px; font-weight:bold; }

.index_product_row_c p{ font-size:12px; line-height:20px; width:224px; height:180px; margin:10px 16px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:194px; }



.container { padding-right: 28px; padding-left: 28px;}

.pro_top, .pro_wrap { padding: 0 28px;}

.pro_top_b_l, .pro_top_b_l2 {  margin: 0 auto;  width:100%; }

.use_direction_bc {  width: 250px;  height: 227px;  float: left;  padding: 0px;  margin-left: 11px;    margin-right: 11px;}

.data_down_list li {  width: 540px;}

.use_direction_bc>div{ width:250px; height:34px; z-index:48; position:relative; top:-210px; color:#fff; text-align:center; margin:0 auto; }

.use_direction_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7);  padding:3px; }

.tja1101_ad .sub-heading {  width: 330px;}

.gateway_ad .sub-heading {  width: 240px;}

.gigabit_ad .sub-heading {  width: 400px;}

}

@media (min-width: 700px) {

.banner { height: 842px; }



.content{ padding:0 33px; }

.container { padding-right: 33px; padding-left: 33px; }		

.pro_top,.pro_wrap { padding:0 33px; }	

#advertising { width: 100%; height: 409px; overflow: hidden; position: relative; }

.slides { height: 409px; margin: 0 auto; }

.section-bg { width: 100%; height: 409px; position: absolute; background-size: 100% 100%; z-index: 3; }	

.secondary-heading { width: 400px; color: #fff; font-size: 40px; line-height: 55px; margin: 0 0 14px 0; padding: 0; position: relative; }	

.section-bg .slider-text { width: 250px; height: 100px; margin: 150px 0px 10px 0px; padding: 0; }

.pro_top_b_l { width:100%; margin: 0 auto; }

.pro_top_b_l img{ margin:0 auto; }

.index_product_photo{ width:550px; height:310px; margin:0; }







.pro_top_b_l, .pro_top_b_l2 {  margin: 0 auto;  width:100%; }

.use_direction_bc {  width: 274px;  height: 242px;   float: left;    padding: 0px;   margin-left: 15px;    margin-right: 25px;}

.data_down_list li { width: 620px}

.sja1105_ad .secondary-heading {  width: 396px;}

.sja1105_ad .sub-heading {  width: 256px;}







.index_product_row_c{ width:300px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:18px 16px 20px 6px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:264px; margin:16px 10px 10px 16px; font-weight:bold; }

.index_product_row_c p{ font-size:12px; line-height:20px; width:264px; height:160px; margin:10px 16px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:230px; }





.use_direction_bc>div{ width:274px; height:34px; z-index:48; position:relative; top:-225px; color:#fff; text-align:center; margin:0 auto; }

.use_direction_bc>div p{ width:100px; height:34px; background-color: rgba(143, 196, 30, 0.7);  padding:3px; }

.tja1101_ad .secondary-heading {  width: 400px;}

.gateway_ad .secondary-heading{  width: 450px;}

.gigabit_ad .secondary-heading{  width: 450px;}

}

@media (min-width: 767px) {

.banner { height: 923px; }	

	

.content{ padding:0 40px; }	

.container { padding-right: 40px; padding-left: 40px; }		

.pro_top,.pro_wrap { padding:0 40px; }	

#advertising{ width:100%; height:448px; }

.section-bg{ height:448px; }

.section-bg .slider-text{ margin-top:200px; }	



.index_product{ width:100%; height:auto; padding:0 40px; }

.index_product_gzlg{ width:100%; height:auto; padding:0 40px; }







.index_product .index_product_h3{ margin:60px 0px 20px; padding:0 10px; font-size:22px; line-height:32px; font-weight:bold; }

.index_product .index_product_p{ padding:0 10px; }

.index_product_row{ width:100%; height:490px; margin:20px 0px; }

.index_gzlg_row{ width:700px; height:auto; margin:20px auto 40px; overflow:hidden; }



.index_product_row_c{ width:320px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:18px 14px 20px 14px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:18px; line-height:24px; width:284px; margin:16px 10px 10px 16px; font-weight:bold; }

.index_product_row_c p{ font-size:12px; line-height:20px; width:284px; height:160px; margin:10px 16px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:100%; height:240px; }





.zutu_line{ border-bottom: 1px #e6e6e6 solid; }

.index_product_content{ width:50%; height:auto; float:left; padding:0 10px; }

.index_product_content h3{ font-size:22px; color:#61c1be; line-height:32px; }

.index_product_content a>h3{ color:#61c1be; }

.index_product_content a:hover>h3{ color:#1c2857; }

.index_product_content p{ font-size:14px; line-height:24px; width:320px; height:180px;  }

.index_product_photo{ width:320px; height:185px; }



#advertising { width: 100%;  height: 448px;}

.section-bg {  height: 448px;}

.container {  padding-right: 40px;  padding-left: 40px;}

.pro_top, .pro_wrap { padding: 0 40px;}

.use_direction_b {  width: 640px;    height: auto;  float: left;  margin-top: 15px;   margin-bottom: 0px;   margin-left: 30px;}



.data_down_list li {  width: 680px;}



.sja1105_ad .secondary-heading { width: 562px;}

.sja1105_ad .sub-heading { width: 320px;}

.use_direction_bc>div { top: -226px;}





}

@media (min-width: 768px) {	

.banner { width: 100%; height: 650px; overflow: hidden; position: relative;  background:url(../images/networkconnection/banner.jpg) center center no-repeat; }





.use_direction_b {  width: 100%;  height: auto ;    float: left;   margin: 0px 0px 20px;}

.use_direction_bc { width: 25%;  height: 200px;  float: left;  padding: 10px 10px 10px 0px;    margin-left: 0px;    margin-right: 0px;}

.use_direction_bc p { font-size: 16px;  line-height: 28px;  text-align: center;   margin-top: 15px;}

.use_direction_t{ width:100%; height: 55px; float:left; margin-top:15px; margin-bottom:10px; }

.use_direction_tc{ width:25%; height: 55px; float:left; padding:10px 10px 10px 0px; }

.use_direction_tc p{ min-width:120px; font-size:20px; color:#000000; border:1px solid #96c16f; border-radius:10px; padding:5px 20px; display:inline-block; text-decoration:none; }

}

@media (min-width: 770px) {	

}

@media (min-width: 785px) {

#advertising{ width:100%; height:458px; }

.section-bg{ height:458px; }



#advertising { width: 100%; height: 458px;}

.section-bg {  height: 458px;}

.data_down_list li { width: 690px;}

}

@media (min-width: 880px) {

#advertising{ width:100%; height:514px; }

.section-bg{ height:514px; }

.section-bg .slider-text{ margin-top:220px; }



.index_product_row{ width:100%; height:475px; margin:20px 0px; }

.index_gzlg_row{ width:700px; height:auto; margin:20px auto 60px; }



.index_product .index_product_h3{ margin:60px 0px 20px; padding:0 20px; font-size:22px; line-height:32px; font-weight:bold; }

.index_product .index_product_p{ padding:0 20px; }

.index_product_content{ padding:0 20px; }

.index_product_content h3{ height:34px; font-size:22px; color:#61c1be; line-height:32px; overflow:hidden; }

.index_product_content a>h3{ color:#61c1be; }

.index_product_content a:hover>h3{ color:#1c2857; }

.index_product_content p{ font-size:14px; line-height:24px; width:350px; height:160px; }

.index_product_photo{ width:350px; height:200px; }



#advertising { width: 100%; height: 514px;}

.section-bg { height: 514px;}

.data_down_list li { width: 800px;}

}

@media (min-width: 980px) {

#advertising{ width:100%; height:572px; }

.section-bg{ height:572px; }

.sub-heading { width:500px; }



.index_product_row{ width:100%; height:485px; margin:20px 0px; }

.index_gzlg_row{ width:700px; height:auto; margin:20px auto 60px; }



.index_product .index_product_h3{ margin:60px 0px 20px; padding:0 25px; font-size:22px; line-height:32px; font-weight:bold; }

.index_product .index_product_p{ padding:0 25px; }

.index_product_content{ padding:0 25px; }

.index_product_content p{ font-size:14px; line-height:24px; width:400px; height:135px; }

.index_product_photo{ width:400px; height:235px; }



#advertising { width: 100%;  height: 572px;}

.section-bg { height: 572px;}

.use_direction_b {  margin: 0px 0px 50px;}

.data_down_list li { width:900px;}

.tja1101_ad .secondary-heading { width: 600px;}

}

@media (min-width: 1024px) {

.content{ width: 970px; margin: 0 auto; padding:0px 15px; }

.container { padding-left: 0px; }

#gzlg_masthead_wrap { position: relative; top: 0; width: 100%; z-index: 900; padding: 0px; border-bottom: none; }

#advertising { width: 100%; height: 282px; overflow: hidden; position: relative; }

.section-bg .slider-text { width: 426px; height: 86px; margin: 75px 10px 70px 20px; padding: 0; }

.section-bg { width: 100%; height: 282px; position: absolute; background-size: 100% 100%; z-index: 3; }

.slides { height: 282px; margin: 0 auto; }

.secondary-heading { width: 670px; font-size: 36px; color:#ffffff; line-height: 48px; margin: 0 0 10px 0; padding: 0; }

.sub-heading { width: 480px; color: #fff; font-size: 18px; line-height: 28px; margin: 0; padding: 0; position: relative; }

.banner_more { display: block; padding-right: 15px; padding-left: 0px; margin-left: 20px; height: auto; }

.banner_more p { margin-top: 20px; color: #61c1be; font-size: 14px; line-height: 26px; }

/*网络互联banner*/

.index_ad{ background: url(../images/networkconnection/banner-big.jpg) center center no-repeat; }

.sja1105_ad{ background: url(../images/networkconnection/sja1105/banner-big.jpg) center center no-repeat; }

.tja1101_ad{background: url(../images/networkconnection/tja1101/banner-big.jpg) center center no-repeat; }

.gateway_ad{background: url(../images/networkconnection/gateway/banner-big.jpg) center center no-repeat;}

.gigabit_ad{background: url(../images/networkconnection/gigabit/banner-big.jpg) center center no-repeat;}



.pro_norms,table tr th { font-size: 16px; }

.pro_top { padding:0px; }

.pro_top .banner_more { display: none; }

.pro_top_b { width: 100%; max-width: 1200px; height: 280px; margin: 0 auto; border-bottom:2px solid #61c1be; }

.pro_top_b_l { width: 100%; height: 270px; margin: 0 auto; float: left; padding: 30px 30px 30px; border-bottom: none; }

.pro_top_b_l p { font-size: 16px; line-height: 28px; padding-bottom: 0px; width: 630px; float: right; margin-left: 0px; margin-top: 55px; }

.pro_top_b_l .pai { width: 300px; height: 230px; float: left; margin: 0; }

.pro_top_b_r { width: 580px; height: auto; float: right; margin: 40px auto 50px; padding:40px 20px 10px; font-size: 16px; line-height: 26px; }

.pro_top_b_r ul{  width: 100%; padding-left:20px; }

.pro_top_b_r li{ line-height:28px; list-style-type:disc; color:#61c1be; }	

.pro_top_b_r li>p{ color:#333333; margin-bottom:0px; }

.yang_card_pro { width: 100%; margin: 20px 0px 0px; padding: 0px; overflow: auto; }

.yang_card_pro .content{ width: 100%; margin: 0 auto; padding:0px; }



.index_product_row{ width:100%; height:530px; margin:20px 0px; }

.index_product .index_product_p{ font-size:16px; line-height:28px; }

.index_product_content{ padding:0 25px; }

.index_product_content p{ font-size:16px; line-height:28px; width:400px; height:185px; }

.index_product_photo{ width:400px; height:235px; } 













.index_product_gzlg{ width:100%; height:auto; margin:0px auto; padding:0px; background:#f3f3f3; }

.index_gzlg_row{ width:100%; max-width:1024px; height:1120px; margin:90px auto 90px; overflow:hidden; }

.index_product_row_c{ width:314px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 0px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }



.index_product_row_c h3 { width:283px; height:23px; font-size:20px; margin:22px 20px 20px 20px; font-weight:bold; overflow:hidden; }

.index_product_row_c p{ font-size:14px; line-height:24px; width:276px; height:200px; margin:10px 20px; color:#221815; overflow:hidden; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:314px; height:244px; }















.sja1105_ad .secondary-heading {  width: 520px;}

.sja1105_ad .sub-heading {  width: 500px;}

#advertising { width: 100%;  height: 282px;  overflow: hidden;  position: relative;}



.slides {height: 282px;  margin: 0 auto;}

.container {   padding-left: 0px;}

.pro_top .banner_more { display: none;}

.banner_more {  display: block;  padding-right: 15px;  padding-left: 0px;   margin-left: 20px;    height: auto;}

.banner_more p { margin-top: 20px; color: #61c1be;  font-size: 14px;  line-height: 26px;}

.pro_top_b {  width: 100%;   max-width: 1200px;   height: auto;   margin: 0 auto;  border-bottom: 2px solid #61c1be;}

.sja1105 .pro_top_b_r ul {  width: 100%;  padding-left: 20px;}

.sja1105 .pro_top_b_l { width: 360px;  height: 275px;  float: left;  margin: 90px auto 50px;  padding: 20px;}

.sja1105 .pro_top_b_r li { line-height: 28px; list-style-type: disc;  color: #61c1be;}

.sja1105 .pro_top_b_r li>p {  margin-bottom: 0px;   color: #333333;}

#functional_bd h3, #product_recommend h3, #use_direction h3, #reference_design h3, #data_down h3{font-size: 30px; font-weight: bold;  margin-top: 80px;  margin-bottom: 35px;}

#product_recommend {  width: 100%;  height: auto;   margin: 0 auto;    background: #ffffff;   overflow: hidden;}

#functional_bd p {  font-size: 16px;   line-height: 28px;}

.pro_norms, table tr th { font-size: 16px;}

.use_direction_b {  width: 100%;  height: auto;   float: left;   margin-bottom: 80px;}

.use_direction_bc {  width: 25%;  height: 250px;   float: left;  padding: 10px 10px 10px 0px;}

.use_direction_bc p { font-size: 20px;  line-height: 36px;  text-align: center;  margin-top: 25px;}

#reference_design {  width: 100%;   height: auto;  margin: 0 auto;  background: #f5f5f5;   overflow: hidden;}

.reference_design_l {   width: 470px;   height: auto;    float: left;    margin-top: 10px;    margin-bottom: 80px;}

.reference_design_r {   width: 470px;    height: auto;    float: left;    margin-top: 10px;    padding: 0px 35px 80px;}

.reference_design_r ul, .reference_design_r li {  width: 100%;   float: left;   font-size: 16px;}

 .reference_design_r li {  list-style-type: disc;   color: #61c1be;    margin-left: 20px;    line-height: 30px;}

.reference_design_r h3 { font-size: 24px !important;  color: #61c1be;   margin-top: 0px !important;   margin-bottom: 14px !important;   line-height: 38px;}



#data_down {  width: 100%;   height: auto;    background: #ffffff;    margin: 0 auto 100px auto;    overflow: hidden;}

.data_down_row { width: 100%;  height: auto;  float: left;   margin: 15px auto 15px auto;}

.data_down_list {  width: 50%;  height: auto;  float: left;   padding-right: 25px;}

.data_down_list h4 {  font-size: 18px;  margin-top: 10px;   margin-bottom: 28px;}

.data_down_list ul, .data_down_list li {   width: 100%;    float: left;}

.data_down_list li { background: url(../images/plan-pdf.jpg) no-repeat 0px 0px;  padding-top: 8px;  padding-left: 70px;    margin-bottom: 18px;   font-size: 16px;    line-height: 28px;}

.data_down_list li a {  color: #61c1be;}

 .data_down_list span {  width: 100%;  float: left;  padding-left: 7px;}

.data_down_list li {      width: 100%;   float: left;}



.use_direction_t{ width:100%; height: 55px; float:left; margin-top:5px; margin-bottom:10px; }

.use_direction_tc{ width:25%; height: 55px; float:left; padding:10px 10px 10px 0px; }

.use_direction_tc p{ min-width:120px; font-size:20px; color:#000000; border:1px solid #96c16f; border-radius:10px; padding:5px 20px; display:inline-block; text-decoration:none; }

.tja1101_ad .sub-heading {  width: 480px;}

.gateway_ad .sub-heading {  width: 300px;}

.gateway-pt{margin-top:30px !important;}

.gigabit_ad .sub-heading {  width: 450px;}

.mb50 { margin-bottom: 50px !important;}

}

@media (min-width: 1080px) {

.content{ width: 1030px; }



.pro_top_b_l { width: 100%; height: 270px; margin: 0 auto; float: left; padding: 30px 30px 30px; border-bottom: none; }

.pro_top_b_l p { width: 680px; }



.index_product_row{ width:100%; height:560px; margin:30px 0px; }

.index_product_content{ padding:0 30px; }

.index_product_content p{ font-size:16px; line-height:28px; width:440px; height:185px; }

.index_product_photo{ width:440px; height:250px; }





.index_product_gzlg{ width:100%; height:auto; margin:0px auto;  }

.index_gzlg_row{ width:100%; max-width:1080px; height:1120px; margin:90px auto 90px; overflow:hidden; }

.index_product_row_c{ width:332px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 0px; }

.index_product_row_c h3 { width:290px; font-size:20px; margin:22px 20px 20px 20px; }

.index_product_row_c p{ font-size:14px; line-height:24px; width:300px; height:180px; margin:10px 20px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:332px; height:258px; }











.pro_top_b { height: auto;}

 

.pro_top_b { height: auto;}

.sja1105 .pro_top_b_r {  width: 615px;  height: auto;  float: right;  font-size: 16px;  line-height: 28px; margin: 40px auto 50px;}

.sja1105 .pro_top_b_l { width: 380px;  height: 290px;  float: left;   margin: 80px auto 50px;  padding: 20px;}

.reference_design_l {  width: 480px;  height: auto;   float: left;   margin-top: 10px;    margin-bottom: 80px;}

.reference_design_r {   width: 515px;    height: auto;    float: left;    margin-top: 10px;    padding: 0px 35px 80px;}



}

@media (min-width: 1200px) {

.content{ width: 100%; max-width:1200px; }	

.pro_top,.pro_wrap { padding:0 20px; }	



.pro_top_b { width: 100%; max-width: 1200px; height: 280px; margin: 0 auto; border-bottom:2px solid #61c1be; }

.pro_top_b_l { width: 100%; height: 270px; margin: 0 auto; float: left; padding: 20px 30px 60px; border-bottom: none; }

.pro_top_b_l p { width: 730px; font-size: 16px; line-height: 28px; padding-bottom: 0px; float: right; margin-left: 0px; margin-top: 80px; }

.pro_top_b_l .pai { width: 360px; height: 260px; float: left; margin-left: 10px; }

.pro_top_b_r { width: 580px; height: auto; float: right; margin: 40px auto 50px; padding:40px 20px 10px; font-size: 16px; line-height: 26px; }

.pro_top_b_r ul{  width: 100%; padding-left:20px; }

.pro_top_b_r li{ line-height:28px; list-style-type:disc; color:#61c1be; }	

.pro_top_b_r li>p{ color:#333333; margin-bottom:0px; }

.pro_top .banner_more { display: none; }



.index_product{ width:100%; max-width:1200px; height:auto; margin:0px auto 20px; padding:0px; }

.index_product_row{ width:100%; height:630px; margin:60px 0px; padding:0px; }

.index_product_content{ padding:0 25px; }

.index_product_content h3 {margin-bottom:20px; }

.index_product_content a>h3{ color:#61c1be; }

.index_product_content a:hover>h3{ color:#1c2857; }

.index_product_content p{ font-size:16px; line-height:28px; width:540px; height:160px; }

.index_product_photo{ width:540px; height:310px; }





.index_product_gzlg{ width:100%; height:auto; margin:0px auto; }

.index_gzlg_row{ width:100%; max-width:1200px; height:1150px; margin:90px auto 120px; }



.index_product_row_c{ width:380px; padding:20px 0px 0px; background:#ffffff; border-radius:12px; overflow:hidden; float:left; margin:8px 20px 20px 0px; }

.index_product_row_c:hover{ box-shadow: 3px 12px 15px rgba(51, 51, 51, 0.1); cursor:pointer; }

.index_product_row_c h3 { color:#221815; font-size:22px; width:326px; margin:22px 10px 20px 30px; font-weight:bold; }

.index_product_row_c p{ font-size:14px; line-height:24px; width:326px; height:160px; margin:10px 30px; color:#221815; }

.index_product_row_c a:hover>h3,.index_product_row_c a:hover>p{ color:#61c1be; }

.index_product_row_photo{ width:380px; height:296px; }



/*sja1105*/

 

.pro_top, .pro_wrap { padding: 0 20px;}

.pro_top_b { width: 100%;  max-width: 1200px;  height: auto;  margin: 0 auto;}

.sja1105 .pro_top_b_r {  width: 775px;  height: auto;  margin: 50px auto 60px;  float: right;  font-size: 16px;  line-height: 28px;}

.sja1105 .pro_top_b_l {  width: 380px;  height: 250px;   margin: 90px auto 0px;  float: left;   padding: 0px;}



#functional_bd { margin-bottom: 20px;}

#functional_bd { width: 100%;  height: auto;  margin: 0 auto;  background: #ffffff;}

#functional_diagram_pc { width: 1182px;  height: 521px;   background: url(../images/networkconnection/sja1105/functional-b.jpg) center center no-repeat;  margin: 55px auto 20px; position: relative;   font-size: 14px;   line-height: 28px;    color: #ffffff;}

#functional_diagram_pc1 { width: 898px;  height: 539px;   background: url(../images/networkconnection/tja1101/functional-b.jpg) center center no-repeat;  margin: 55px auto 20px; position: relative;   font-size: 14px;   line-height: 28px;    color: #ffffff;}

#functional_diagram_pc2{ width: 1014px;  height: 576px;   background: url(../images/networkconnection/gateway/functional-b.jpg) center center no-repeat;  margin: 55px auto 20px; position: relative;   font-size: 14px;   line-height: 28px;    color: #ffffff;}	

#functional_diagram_pc3{ width: 829px;  height: 654px;   background: url(../images/networkconnection/gigabit/functional-b.jpg) center center no-repeat;  margin: 55px auto 20px;

    position: relative;   font-size: 14px;   line-height: 28px;    color: #ffffff;}	

.visible-lg {  display: block!important;}

.hidden-lg {  display: none!important;}

.use_direction_bc {  width: 25%;   height: 270px;    float: left;    padding: 10px 10px 10px 0px;}

.reference_design_l {  width: 540px;   height: auto;   float: left;    margin-top: 10px;    margin-bottom: 80px;}

.reference_design_r {   width: 630px;   height: auto;    float: left;    margin-top: 10px;    padding: 0px 45px 80px 60px;}

.reference_design_r li {  line-height: 32px;}

.use_direction_t{ width:100%; height: 55px; float:left; margin-top:10px; margin-bottom:10px; }

.use_direction_tc p{ margin-left:7px;}



}

@media (min-width: 1208px) {

.content{ padding:0px; }

.section-bg .slider-text { width: 426px; height: 86px; margin: 75px 10px 70px 8px; padding: 0; }

.banner_more { display: block; padding-right: 15px; padding-left: 0px; margin-left: 8px; height: auto; }	

.pro_top_b_l p { width: 730px; font-size: 16px; line-height: 28px; padding-bottom: 0px; float: right; margin-left: 0px; margin-top: 80px; }

.reference_design_r {  width: 660px;  height: auto;   float: left;   margin-top: 10px;   padding: 0px 45px 80px 60px;}

}

@media (min-width: 1300px) {

.pro_top_b_l p { width: 760px; font-size: 16px; line-height: 28px; padding-bottom: 0px; float: right; margin-left: 0px; margin-top: 80px; }

}