.w2{width: 20%;float: left;}
.text-white{color: #fff;}
.text-orage{color: #f39700;}
.text-bold{font-weight: bold;}
.container-fuild.padding{padding-left: 10px;padding-right: 10px;}
.footer-b{position: absolute;width: 100%;bottom: 0;position:absolute;bottom: 0;}



body{overflow-x: hidden;}
#header{border-radius: 0;position: relative;background-color: #0e2b56;padding-left: 5px;}
#navbar{margin-bottom: 0;height:45px;border:0;border-radius: 0;padding: 3px 0 1px 0;}
#navbar .navbar-brand{padding:0;color: transparent; position:absolute;width: 85px;height: 36px;background:url(../imgs/logo.png) center no-repeat; z-index:1;}
#navbar .navbar-brand:hover{background:url(../imgs/logo-hover.png) center no-repeat;}
#navbar .navbar-nav a{color:#fff;}
#navbar .navbar-nav a:focus,#navbar .navbar-nav a:hover{color:#a5cd94;background-color: transparent;}
#navbar .navbar-toggle{outline: none;}
#navbar .navbar-toggle .icon-bar{background-color:#fff;}
#navbar .navbar-collapse{background-color:#0e2b56;width: 160px;
    right: 0px;
    position: absolute;
    height: auto;}
.box{ display:block;}
/*footer*/
#footer{background-color: #f2f2f2;color: #3e3e3e;font-size: 12px;padding: 15px 0}
#footer .copyright{line-height: 2;}
#footer .f1{font-size: 14px;}

/*subheader*/
.subheader{padding: 25px 0 20px;position: relative;}
.subheader .pull-left{font-size: 22px;margin-bottom: 0;}
.subheader .pull-right{font-size: 18px;margin-bottom: 0;}
.subheader .pull-right i{font-size: 18px;}
.subheader a.pull-right{background: url(../imgs/aboutus-link.png) center no-repeat;width: 77px;height: 62px;margin: -20px 0 -10px 20px;}
.subheader a.pull-right:focus,.subheader a.pull-right:hover{background-image: url(../imgs/aboutus-link-hover.png);text-decoration: none;outline: none;}
.subheader button.pull-right{margin: -2px 5px auto 15px;font-size: 14px;background-color: #75a315;
    box-shadow: none;
    outline: none;
    border: 1px solid #75a315;}
.subheader button.pull-right:focus,.subheader button.pull-right:hover{background-color: #49802e;}

/*mask*/
.mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.77);z-index: 1;}
.mask+div{z-index: 2;position: relative;}
#header .mask{background-color: #0e2b56;}

/*cons*/
.cons img{width: 100%;max-width: 5592px;margin:0 -15px;}
.cons p{font-size: 26px;position: absolute;left:50%;top:30%;margin-left: -130px;color:#fff;}

/*home*/
#home .home-cable-bg+.content{position: absolute;top: 0;left: 0;padding: 0 10px;width: 100%;}
#home .home-cable-bg+.content p{margin:0;line-height: 1;}
/*<768px*/
#home{overflow: hidden;}
#home .home-cable-bg+.content .title{font-size: 24px;margin-top: 25px;}
#home .home-cable-bg+.content .sub-title{font-size: 14px;margin-top: 15px;}
#home .home-cable-bg+.content .home-cable-icon{margin: 15px auto 0; width:270px;}
#home .home-cable-bg+.content .home-cable-icon img{height: 32px;}
#home .home-cable-bg+.content .home-cable-link{font-size: 12px;margin-top: 10px;}
.home-cable-link > a{color:#2d2d2d;text-decoration: blink;}
.home-cable-link.text-white > a{color:#fff;}
#home .home-cable-bg+.content .home-cable-link > a:hover{color: #73aa4f;}

    #home .h-rs{width: 355px !important;padding-left: 5px;}
    #home .h-rs .w2,#home .home-cable-icon .w2{width: 20%;float: left;}
	#home .h-rs .h-rs-s2 img{margin-left: -20%;}
	#home .h-rs .h-rs-s4 img{margin-left: 30%;}

/*aboutus*/
#aboutus{background-color: #eceff0;}
#aboutus .s1,#aboutus .s2,#aboutus .s3{background-position: 0 0;background-size: 100%;}
#aboutus .s1{background: url(../imgs/aboutus-s1.jpg) right no-repeat;height: 449.453441296px;}
#aboutus .s1 .content{width: 100%; padding: 0 25px; box-sizing: border-box;}
#aboutus .s1 .content .title,#aboutus .s1 .content .subtitle{margin: 0;font-weight: 500;background: transparent;}
#aboutus .s1 .content .title{margin-top: 60px;color: #2d2d2d;}
#aboutus .s1 .content .subtitle{margin-top:35px;line-height: 2.1;color: #5a5a5a;}
#aboutus .s2{background: url(../imgs/aboutus-s2.jpg) left no-repeat;height: 353px;}
#aboutus .s2 .content{width: 100%;text-indent: 20px;}
#aboutus .s2 .content .title,#aboutus .s2 .content .subtitle{margin: 0;font-weight: 500;background: transparent;color: #fff;}
#aboutus .s2 .content .title{padding-top: 145px;}
#aboutus .s2 .content .subtitle{margin-top:20px;line-height: 1;font-size: 14px;}
#aboutus .s2 .content .title+.subtitle{margin-top: 35px;}
#aboutus .s3{background: url(../imgs/aboutus-s3.jpg) 100% 100% no-repeat;background-size: cover;}
#aboutus .s3 .content{padding: 45px 25px 0 25px;}
#aboutus .s3 .content ul{list-style: none;margin: 20px 0 0 0;padding: 0 0 80px 0;color: #636363;}
#aboutus .s3 .content ul li{font-size: 16px;}

/*rs485*/
.wrap-p1{background-color: #eceff0;}
.wrap-p1 .main{padding: 5px;}
.wrap-p1 .main .main-wrap{width: 100%;position: relative;margin: 0 -10px;}
	.wrap-p1 .main .main-wrap  .p-cable-icon-info .g2{margin-top: 10px;}
.wrap-p1 .main .main-cable{width: 100%;position: relative;}
.wrap-p1 .main .title{color: #2d2d2d;margin-top: 25px;text-indent: 2px;font-size: 24px;padding-left: 5px;padding-left: 5px;    font-weight: 500;}
.wrap-p1 .main .content{color: #5a5a5a;font-weight: 500;line-height: 2;margin: 10px 0 15px 0;padding-left: 5px;}
.wrap-p1 .main .cable-icon{float: left;text-align: center;}
.p-cable-icon-group:before,.p-cable-icon-group:after{
  /* 1 */
  display: table;
  content: " ";
  /* 2 */
  }
.p-cable-icon-group:after{
  clear: both;
  }
.wrap-p1 .main .g1 .cable-icon{width: 50%;}
.wrap-p1 .main .g2 .cable-icon{width: 33.33333333%;}
.wrap-p1 .main .cable-icon p{margin: 10px 0;color: #58595b;font-size: 12px;white-space:nowrap;}/* margin: 10px */

.wrap-p1 .main .main-cable .s-pre{overflow: hidden;margin-bottom: -5px;text-align: center;}
.wrap-p1 .main .main-cable .s1{background: url(../imgs/rs485-cable-s1-x05.png) center no-repeat;
	height:400px;background-size: auto 100%;} 
	
.wrap-p1 .main .main-cable .s9{background: url(../imgs/rs485-cable-s1-x05.png) center no-repeat;
	height:400px;background-size: auto 100%;}	

.wrap-p1 .main-cable1 .s9{background: url(../imgs/yzgl_y2-h.png) right no-repeat;height:auto;background-size: 100%;background-position:top; min-width:250px; width:767px; margin-left:20px; margin-top:20px; margin-bottom:10px; max-height:160px; } 


	
.wrap-p2{background-color: #6fa9d0;position: relative;z-index: 2}
.wrap-p2 .p-s1{padding: 0 20px 10px 20px}
.wrap-p2 .p-s1 .title{color: #fff;margin-top: 25px;font-size: 24px;font-weight: 500;}
.wrap-p2 .p-s1 .subtitle{margin: 15px 0 0 0;font-size: 16px;font-weight: 500;color: #fff;}
.wrap-p2 .p-s1 .subtitle span{color: #facd89;}
.wrap-p2 .p-s1 .subtitle+p{margin: 5px 0 0 0;font-size: 14px;line-height: 1.6;color: #656565;}
.wrap-p2 .p-s2{background-color: #d4dfe7;height:223px;overflow: hidden;text-align: center;padding: 0;}

.wrap-p2 .p-s2 .s1{background: url(../imgs/rs485-cable-s2-1.png) left no-repeat;
	background-size:100% auto;width: 100%;    height: 100%;}
.wrap-p2 .p2 .p-s2 .s2{background: url(../imgs/rs485-cable-s3.png) center no-repeat;
	height:100%;background-size: auto 100%;width: 110%;}

.construct .wrap-p2.container-fuild{background-color:#89bc63;}
.construct .p-s2 .s1{background: url(../imgs/rx_infoimg.jpg) left no-repeat;	background-size:cover;background-position:center;width: 100%;    height: 100%;}
.construct .p2 .p-s2 .s2{background: url(../imgs/kygl_infoimg.jpg) right no-repeat;height:100%;background-size:cover;background-position:center;width: 100%;}
	
	
.wrap-p2 .p2 .p-s1{padding: 0 20px 10px 20px;}
.e.wrap-p2 .p2 .p-s1{padding: 0 20px 10px 20px;}
.wrap-p2 .p2 .p-syt2{padding: 0 10px 10px 10px;}
.wrap-p3{background-color: #eceff0;}
.wrap-p3 .title{font-size: 24px;margin: 20px 0;font-weight: 500;}
.wrap-p3 .g1 .cable-icon{width: 50%;float: left;}
.wrap-p3 .g2 .cable-icon{width: 33.333333333%;float: left;}
.wrap-p3 .cable-icon img{width: 60px;}
.wrap-p3 .icon-title{font-size: 18px;font-weight: 500;margin: 20px 0 0 0;}
.wrap-p3 .icon-desc{font-size: 12px;margin: 10px 0 15px 0;}
.wrap-p3 p,.wrap-p3 .title{font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,'Microsoft Yahei','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;}
.wrap-p4{overflow: hidden;;}

.wrap-p4 .mask{background: url(../imgs/eth-selection-x05.png) left no-repeat;width: 900px;margin: -85px 0 0 -95px;background-size: 100%;}

.wrap-p4 .title{font-size: 24px;margin: 20px 0 0 0;font-weight: 500;text-indent: 10px;}
.wrap-p4 .table-pre{margin: 0 -10px;}
.wrap-p4 .table{margin: 10px 0;color: #000;position: relative;z-index: 111;}
.wrap-p4 .table thead th{background-color: rgba(44,62,80,.84);font-size: 12px;font-weight: 500;border: 0;text-align: center;padding: 8px 1px;}
.wrap-p4 .table tbody td{font-size: 12px;border: 0;white-space: nowrap;padding: 8px 0;}
.wrap-p4 .table tbody td a{color:#000; text-decoration: underline !important;}
.wrap-p4 .table tbody td a.active,.wrap-p4 .table tbody td a:hover{color:#fff;text-decoration: underline;}
.wrap-p4 .table .bg1{background-color: rgba(222,138,69,.6);}
.wrap-p4 .table .bg2{background-color: rgba(137,188,99,.84);}
.wrap-p4 .table .bg3{background-color: rgba(71,173,227,.6);}
.wrap-p4 .table .mr-collapse{border-top: 5px solid #fff;}
.wrap-p5{background-color: #2c3e50;}
.wrap-p5 .title{font-size: 24px;margin: 10px 0;font-weight: 500;}
.wrap-p5 .s2{padding-bottom: 10px;}

/*rs485*/
.rs485.wrap-p4 .mask{background: url(../imgs/pro-selection-x05.png) right no-repeat;}
/*ysgl*/
.rs485.wrap-p4 .mask1{background: url(../imgs/ysgl_content_bg.png) right no-repeat;}

/*profibus*/
.prof.wrap-p1{background: #fbcd89;}
.prof.wrap-p1 .main .main-cable .s-pre{margin: 0px 0 -5px 0;text-align: center;}
.prof.wrap-p1 .main .main-cable .s1{background: url(../imgs/pro-cable-s1-x05.png) right no-repeat;
	height:400px;width:200px;background-size: 100%;    margin-bottom: -15px;}
.prof.wrap-p4 .mask{background: url(../imgs/pro-selection-x05.png) right no-repeat;
    margin: -80px 0 0 -190px;
    background-size: 100%;
    width: 960px;
}


/*ethernet*/
.e.wrap-p2{background-color:#18bc9c;}
.e.wrap-p2 .p-s2 .s1{
		background: url(../imgs/e-cable-s3.png) left no-repeat;
		background-size:100%;    
	   	background-position: -50px 200px;
	    transform: rotate(45deg);
	    width: 1000px;
	    height: 800px;
	    max-width: 800px;
	    margin: -110px 0 0 -170px;
	}
.e.wrap-p2 .p2 .p-s2 .s2{
		background: url(../imgs/e-cable-s2.png) right no-repeat;
		height:100%;background-size:100%;width: 100%;   transform: rotate(135deg);
	    background-position: -40px;
	    width: 800px;
   		max-width: 800px;
    	height: 800px;
    	margin: -290px 0 0 -160px;
	}
	.e.wrap-p1 .main .g2 .cable-icon{width: 50%;}
	.e.wrap-p1 .main .main-cable .s1{background: url(../imgs/e-cable-s1-x05.png) center no-repeat;
	height:400px;background-size: auto 80%;   background-position: 110px 0px;
    margin-bottom: -90px;} 

/*cons*/
.cons img{background: url(../imgs/cons-x05.jpg) center no-repeat;background-size: 100% 100%;width: 100%;
	height:100%;background-position: 0 0;
}

@media screen and (min-width: 320px) {
	#header{padding-left: 20px;}
	.e.wrap-p3,.rs485.wrap-p3{     padding-bottom: 50px; }

	.e.wrap-p3 .p-cable-icon-info .rs485.wrap-p3 .p-cable-icon-info .g2{    margin-top: 20px;}
}
@media screen and (min-width: 320px) and (max-width: 360px) {
	#home .home-cable-bg{width: 114%;max-width: 114%;margin-left: -7%;}
	#home .home-cable-bg aligncenter{margin-left: -15%;}
	 #home .h-rs{width: 100% !important;padding-left: 0;}
	 .e.wrap-p1 .main .main-cable .s1{background-position: 75px 0px;}

	 .e.wrap-p2 .p2 .p-s2 .s2 {
	    background: url(../imgs/e-cable-s2.png) right no-repeat;
	    height: 100%;
	    background-size: 100%;
	    width: 100%;
	    transform: rotate(135deg);
	    background-position: -170px 420px;
	    width: 800px;
	    max-width: 800px;
	    height: 800px;
	    margin: -110px 0 0 -280px;
	}
}
@media screen and (min-width: 440px) and (max-width: 767px) {
	/*#home .home-cable-bg{width: 140%;max-width: 140%;margin-left: -20%;}*/

	#home .home-cable-bg+.content .title{font-size: 30px;margin-top: 35px;}
	#home .home-cable-bg+.content .sub-title{font-size: 16px;margin-top: 25px;}
	#home .home-cable-bg+.content .home-cable-icon{margin-top: 20px; width:290px;}
	#home .home-cable-bg+.content .home-cable-link{font-size: 12px;margin-top: 15px;}

	/*.wrap-p2 .p-s2 .s1{height: 140%;}*/
	 #home .h-rs{width: 400px !important;padding-left: 5px;}
}
@media screen and (min-width: 768px) {

	.e.wrap-p3,.rs485.wrap-p3{     padding-bottom: 0; }
	.e.wrap-p3 .p-cable-icon-info .g2,.rs485.wrap-p3 .p-cable-icon-info .g2{    margin-top: 0;}
	#header{padding-left: 10px;}
	#navbar .navbar-collapse{background-color: transparent;    width: inherit;
    position: relative;}
	#navbar .navbar-nav{float: right;}
.subheader button.pull-right{margin: -2px 10px auto 15px;}

	#footer .copyright{text-align: right;}
	#footer .f1{text-align: left;}

	#home .home-cable-bg+.content .title{font-size: 30px;margin-top: 25px;}
	#home .home-cable-bg+.content .sub-title{font-size: 16px;margin-top: 15px;}
	#home .home-cable-bg+.content .home-cable-icon{margin-top: 15px; width:290px;}
	#home .home-cable-bg+.content .home-cable-link{font-size: 12px;margin-top: 15px;}

	#aboutus .s1 .content{width: 360px;padding-right: 50px;box-sizing: content-box;}
	#aboutus .s3 .content ul li{width: 50%;}
	#aboutus .s2 .content{width: 480px;text-indent: 100px;}
	#aboutus .s3 .content{padding: 70px 65px 0 65px;}
	#aboutus .s3 .content ul{margin: 80px 0 0 0; padding-bottom:50px; }
	#aboutus .s3 .content ul li{font-size: 14px;float: left;width: 50%;line-height: 2.5;}

	.wrap-p5 .title{font-size: 24px;margin: 20px 0;}
	.wrap-p5 .s2{padding-bottom: 10px;}
	.wrap-p4 .table-pre{margin: 0;}
	.wrap-p4 .title{font-size: 32px;margin: 30px 0 0 0;}
	.wrap-p4 .table{margin: 20px 0 10px 0;}
	.wrap-p4 .table thead th{font-size: 20px;padding: 8px 4px;}
	.wrap-p4 .table tbody td{font-size: 16px;padding: 8px 4px;}
	.wrap-p3 .title{font-size: 32px;margin: 30px 0;}
	.wrap-p3 .p-cable-icon-group,.p-cable-icon-group:after{clear:none;}
	.wrap-p3 .g1 .cable-icon,.wrap-p3 .g2 .cable-icon{width: 20% !important;float: left;}
	.wrap-p3 .cable-icon img{width: auto;}
	.wrap-p3 .icon-title{font-size: 20px;}
	.wrap-p3 .icon-desc{font-size: 12px;margin: 10px 0 40px 0;}
	.wrap-p2 .p-s1{padding: 0 50px;}
	.wrap-p2 .p-s1 .title{margin-top: 35px;font-size: 30px;}
	.wrap-p2 .p-s1 .subtitle{margin: 20px 0 0 0;font-size: 18px;}
	.wrap-p2 .p-s1 .subtitle+p{margin: 10px 0 0 0;line-height: 1.8;}
	.wrap-p2 .p-s2{height:380px;}
	.wrap-p2 .p-s2 .s1{}
	.wrap-p2 .p2 .p-s2 .s2{}
	.wrap-p2 .p-s1{padding: 0 25px;}
	.wrap-p2 .p2 .p-s1{padding: 0px 25px;}
	.wrap-p1 .main .title{margin-top: 65px;font-size: 32px;padding-left: 0;}
	.wrap-p1 .main .content{margin: 25px 0 40px 0;line-height: 2.2;padding-left: 0;}
	.wrap-p1 .main .cable-icon{width: 20% !important;float: left;}
	.wrap-p1 .main .g1 .cable-icon:last-child{float: right;}
	.wrap-p1 .main .cable-icon p{margin: 20px 0 0 0;font-size: 15px;}
	.wrap-p1 .main .p-cable-icon-group:after{clear: none;}
	.wrap-p1 .main .main-cable .s-pre{height: inherit;overflow: inherit;margin-bottom: inherit;}
	.wrap-p1 .main .main-cable .s1{background: url(../imgs/rs485-cable-s1-1.png) right no-repeat;margin: -130px 0 -35px 0px;height: 632px;background-size: 100%;} 
	
	.wrap-p4 .mask{background: url(../imgs/eth-selection.png) right no-repeat;width: 1920px;margin: -50px 0 0 -415px;}
	
	.wrap-p4 .table .mr-collapse{border-top: 10px solid #fff;}
	.wrap-p1 .main .main-wrap{width: 65%;position: relative;padding-left: 5px;margin: 0;}
	.wrap-p1 .main .main-wrap  .p-cable-icon-info .g2{margin-top: 0;}
	.wrap-p1 .main .main-cable{width:35%;position: relative;}

.e.wrap-p2 .p2 .p-s1{padding: 0 50px;}


	.rs485.wrap-p4 .mask{background: url(../imgs/pro-selection.png) right no-repeat;}
	
	.rs485.wrap-p4 .mask1{background: url(../imgs/ysgl_content_bg.png) right no-repeat;}

	.prof.wrap-p4 .mask{background: url(../imgs/pro-selection.png) right no-repeat;width: 1140px;background-size: 100%;margin: -100px 0 0 -240px;}
.prof.wrap-p1 .main .main-cable .s-pre{margin: 55px 0 -5px 0;text-align: right;}
	.prof.wrap-p1 .main .main-cable .s1{background: url(../imgs/pro-cable-s1.png) right no-repeat;
		    height: 431px;
    width: inherit;
    background-size: 90%;
    background-position-y: 0;
    margin-bottom: 0;
    margin-top: -90px;
	}

	.e.wrap-p1 .main .main-cable .s1{background: url(../imgs/e-cable-s1.png) right no-repeat;margin: -100px 0 -25px 0px;height: 675px;background-size: 80%;background-position:-100px 0;    max-width: 346px;}
	 .e.wrap-p1 .main .cable-icon{width: 25% !important;float: left;}
	 .subheader .pull-left{padding-left: 10px;}

	.e.wrap-p2 .p2 .p-s2 .s2{    
		background-size: 130%;
	    transform: rotate(135deg);
	    background-position: -340px;
	    width: 800px;
	    max-width: 800px;
	    height: 800px;
	    margin: -120px 0 0 -270px
	}

    #home .h-rs{width: 400px !important;padding-left: 5px;}
	#home .h-rs .h-rs-s2 img{margin-left: -20%;}
	#home .h-rs .h-rs-s4 img{margin-left: 30%;}

	.e .p-cable-icon-info .g-s1{text-align: left;}
	.e .p-cable-icon-info .g-s4{text-align: right;}
	.e .p-cable-icon-info .g-s4 p{text-align: center;width: 65px;position: absolute;right: 0;}
	.e .p-cable-icon-info .g-s2{padding-right: 20px;}
	.e .p-cable-icon-info .g-s3{{padding-left: 20px;}
}
@media screen and (min-width: 802px) {
	#navbar .navbar-nav a{padding: 0;}
	#navbar .navbar-nav li{margin:8px 0 8px 70px;}
}
@media screen and (min-width: 850px) {
	#navbar .navbar-nav a{padding: 0;}
	#navbar .navbar-nav li{margin:8px 0 8px 70px;}
}
@media screen and (min-width: 925px) {
	#navbar .navbar-nav a{padding: 0;}
	#navbar .navbar-nav li{margin:8px 0 8px 70px;}
}
@media screen and (min-width: 1000px) {
	.e.wrap-p2 .p2 .p-s2 .s2{    
		background-size: 130%;
	    transform: rotate(135deg);
	    background-position: -290px;
	    width: 800px;
	    max-width: 800px;
	    height: 800px;
	    margin: -160px 0 0 -110px;
	}
	.e.wrap-p2 .p2 .p-s1{padding: 0 0 10px 110px}
	#header{padding-left: 0;}
.subheader button.pull-right{margin: -2px auto auto 15px;}
	#navbar,#footer>.container,.subheader>.container-fuild,#aboutus .container-fuild,#ethernet .container-fuild,.rs485 .container-fuild,.prof .container-fuild,.e .container-fuild{width: 1000px;margin: auto;}
	#navbar .navbar-nav a{padding: 0;}
	#navbar .navbar-nav li{margin:8px 0 8px 98px;}

#home .home-cable-bg+.content .home-cable-icon{    width: 400px;}
	#home .home-cable-bg+.content .home-cable-icon img{height: 48px;}

	#aboutus .s1,#aboutus .s2,#aboutus .s3{background-position: bottom;    background-size: 100%;}
	#aboutus .s3 .content ul li{width: 33.3333333%;}
	
	.wrap-p1 .main{margin-left:-10px;}

	.wrap-p5 .title{font-size: 48px;margin: 80px 0;}
	.wrap-p5 .s2{padding-bottom: 40px;}
	.wrap-p4 .title{font-size: 36px;margin: 80px 0 0 0;}
	.wrap-p4 .table{margin: 50px 0 60px 0;}
	.wrap-p4 .table thead th{font-size: 24px;padding: 8px;}
	.wrap-p4 .table tbody td{font-size: 18px;padding: 8px;}
	.wrap-p3 .title{font-size: 48px;margin: 70px 0;}
	.wrap-p3 .icon-title{font-weight: 500;}
	.wrap-p3 .icon-desc{margin: 15px 0 70px 0;font-size: 14px;}
	.wrap-p2 .p-s1{padding: 0 0px 0 60px;}
	.e.wrap-p2 .p-s1{padding: 0 50px 0 0px;}
	.wrap-p2 .p-s1 .title{margin-top: 55px;font-size: 40px; font-weight:300;}
	.wrap-p2 .p-s1 .subtitle{margin: 35px 0 0 0;}
	.wrap-p2 .p-s1 .subtitle+p{margin: 15px 0 0 0;line-height: 2;}
	.wrap-p1 .main .title{margin-top: 75px;font-size: 38px;}
	.wrap-p1 .main .content{margin: 40px 0 0 0;line-height: 2.6;}
	.wrap-p1 .main .cable-icon{margin-top: 60px;}
	.wrap-p1 .main .cable-icon p{margin: 25px 0 0 0;font-size: 17px;}
	.wrap-p1 .main .main-cable .s1{background: url(../imgs/rs485-cable-s1.png) right no-repeat;margin: -110px 0 -6px 0;
    height: 812px;} 
	

	
	.wrap-p1 .main .main-wrap{width: 55%;position: relative;padding-left: 0;}
	.wrap-p1 .main .main-cable{width:45%;position: relative;}

	.prof.wrap-p4 .mask{background: url(../imgs/pro-selection.png) right no-repeat;margin: -80px 0 0 -450px;width: 1920px;}
	.prof.wrap-p1 .main .main-cable .s-pre{margin: 65px 0 -7px 0;text-align: right;}
	.prof.wrap-p1 .main .main-cable .s1{height:690px;background-size: 100%;    max-width: 415px; background-position:0 0px;
    margin-bottom: 2px;}

    	.e.wrap-p1 .main .main-cable .s1{background: url(../imgs/e-cable-s1.png) right no-repeat;margin: -170px 0 -25px 0px;height: 855px;background-size: 100%;    max-width: 346px;} 
    	.subheader .pull-left{padding-left: 0;}

    .cons img{background: url(../imgs/cons.jpg) center no-repeat;}

    #home .h-rs{width: 400px !important;padding-left: 5px;}
	#home .h-rs .h-rs-s2 img{margin-left: -20%;}
	#home .h-rs .h-rs-s4 img{margin-left: 30%;}
	.e .p-cable-icon-info .g-s1{text-align: left;}
	.e .p-cable-icon-info .g-s4{text-align: right;}
	.e .p-cable-icon-info .g-s4 p{text-align: center;width: 65px;position: absolute;right: 0;}
	.e .p-cable-icon-info .g-s2{padding-right: 25px;}
	.e .p-cable-icon-info .g-s3{{padding-left: 20px;}

}
@media screen and (min-width: 1280px) {
	#home .home-cable-bg+.content .title{font-size: 36px;margin-top: 35px;}
	#home .home-cable-bg+.content .sub-title{font-size: 18px;margin-top: 20px;}
	#home .home-cable-bg+.content .home-cable-icon{margin-top: 20px; width:425px;}
	#home .home-cable-bg+.content .home-cable-link{font-size: 16px;margin-top: 20px;}
	#home .h-rs{width: 446px !important;padding-left: 5px;}

}
@media screen and (min-width: 1440px) {
	#home .home-cable-bg+.content .title{font-size: 36px;margin-top: 40px;}
	#home .home-cable-bg+.content .sub-title{font-size: 18px;margin-top: 25px;}
	#home .home-cable-bg+.content .home-cable-icon{margin-top: 20px; }
	#home .home-cable-bg+.content .home-cable-icon img{height: 56px;}
	#home .home-cable-bg+.content .home-cable-link{font-size: 16px;margin-top: 20px;}
}
@media screen and (min-width: 1680px) {
	#home .home-cable-bg+.content .title{font-size: 40px;margin-top: 50px;}
	#home .home-cable-bg+.content .sub-title{font-size: 20px;margin-top: 30px;}
	#home .home-cable-bg+.content .home-cable-icon{margin-top: 25px; width:370px;}
	#home .home-cable-bg+.content .home-cable-icon img{height: 64px;}
	#home .home-cable-bg+.content .home-cable-link{font-size: 16px;margin-top: 25px;}
	#home .h-rs{width: 500px !important;padding-left: 5px;}
}
@media screen and (min-width: 1900px) {
	#home .home-cable-bg+.content .title{font-size: 40px;margin-top: 55px;}
	#home .home-cable-bg+.content .sub-title{font-size: 20px;margin-top: 35px;}
	#home .home-cable-bg+.content .home-cable-icon{margin-top: 25px; width:370px;}
	#home .home-cable-bg+.content .home-cable-link{font-size: 16px;margin-top: 30px;}
}

.pdl15{
	padding-left:15px;
	padding-right:15px;
}
.mgl80{
	margin-left:80px
}
.report{
	color:#fff;
	position:relative;
	left:-200px;
	top:20px;
	font-size:15px;
}
.mg{margin:0 2% 0 2%;}

.w700{700px;}
.w20{width:20%;}

.span1{position:relative;top:-220px;left:-120px;font-size:20px;}
.span2{position:relative;top:-220px;left:-145px;font-size:20px;}
.span3{position:relative;top:-220px;left:-70px;font-size:20px;}
.span4{position:absolute;top:200px;left:30px;font-size:20px;color:#f39800;}

.span5{position:relative;top:-220px;left:-105px;font-size:20px;}


.sub-title-text{margin-top:30px;margin-bottom:20px;font-size:20px;}

.rs485 .row .table-pre a{text-decoration:none}

.rs485 .row  .mask{background: url(../imgs/ysgl_content_bg.png) left no-repeat;width: 150%;margin: -25px 0 0 -125px;background-size: 100%;}

.construct .row .p1 .p-s1{height:241px;}
.construct .row .p1 .p-s2{height:241px;}
.construct .row .p2 .p-s1{height:241px;}
.construct .row .p2 .p-s2{height:241px;}

.bigtitle{font-size: 28px;}

.subtitle1{color: #f39800;}


.toppadding{padding-top:20px;font-size:18px;}

.rs485.wrap-p1 .main-cable1 .s9{background: url(../imgs/yzgl_y2_info_big.png) right no-repeat;margin: -650px 0 -50px 0;height: 812px;background-size: 100%;max-width: 524px; max-height:inherit;}