html{
			overflow: hidden !important;
		}
		#wrap{
			width: 100%; margin-left: 0; overflow: hidden; background: none;
		}
		#intel_main{
			width: 1226px; overflow: hidden; padding: 0; margin-left: 30px;
		}
		#intel-sider{
			width: 350px; height: 739px; background: #fff; float: left; position: relative; overflow: auto;
		}
		.logo{
			float: left;     margin: 0px 0 30px 25px;
		}
		.logo-2{
			position: absolute; right: 20px; top: 25px;
		}	
		.title{
			font-size: 24px; line-height: 30px; font-weight: 200;
		}
		.contact{margin-top: 0px;}
		.block-50{width: 180px; float: left;}
		.block-45{width: 100px; float: right;}
		p{width: 286px; display: block; overflow: hidden; margin: 0 10px 0 32px; font-family: Calibri; font-size: 14px;}
		#intel-switch{
			width: 876px; height: 739px; float: right;}
		#bigPic{
				height: 580px; 
		}			
		.pro-img{
			height: 580px; 
		}
		.pro-list-img{
			height: 154px;
		}
		.right_btn{
			width: 70px; height: 264px;
			font-size:18px; position: fixed; right: 30px; bottom: 159px; z-index: 99999;}
		.right_btn a{
			color: #fff; 
			display: block;
			font-size: 14px;
			width: 70px; 
			text-indent: 0; 
			background: none; 
			text-align: right; 
			border: 0; 
			height: 66px; 
			margin: 0;}
		.right_btn a span{
		  display: block;
		  width: 70px;
		  height: 2px;
		  background: url(../img/slide-li-bg.png) no-repeat 62px 0;
		  filter:alpha(opacity=50); 
		  opacity:0.5;
		  -webkit-transition: all 0.5s ease-in-out;
		  -moz-transition: all 0.5s ease-in-out;
		  -o-transition: all 0.5s ease-in-out;
		  -ms-transition: all 0.5s ease-in-out;
		  transition: all 0.5s ease-in-out;
		}
		.right_btn a:hover span{
		  background-position: -110px 0
		}
		.right_btn a.ss span{
		  background-position: 62px 0
		}
		

		@media screen and (max-width: 1380px) {
			.slider{width:685px; height:124px}
			#intel_main{
				width: 989px; overflow: hidden; padding: 0; margin-left: 0;}
			
			#intel-sider{
				width: 300px; height: 580px; background: #fff; float: left; position: relative; overflow: auto;}
			.logo{
				float: left; margin: 0px 0 30px 25px;
			}

			#intel_main .logo{
				margin: 0;
				margin-bottom: 30px;
				text-align: center;
				width: 100%;
			}

			.logo-2{
				position: absolute; right: 20px; top: 15px;
			}	
			.title{
				font-size: 24px; line-height: 30px; font-weight: 200;}
			.contact{margin-top: 40px; margin-bottom: 40px;}

			.block-50{width: 180px; float: left;}
			.block-45{width: 100px; float: right;}
			p{
				box-sizing: border-box;
				width: 100%;
				display: block;
				overflow: hidden;
				margin: 0;
				font-family: Calibri;
				font-size: 14px;
				padding: 0 30px;
				text-align: justify;
			}
				
			#intel-switch{
				width: 689px; height: 580px; float: right;}
			#gallery{width:689px;text-align:left;margin:0 auto;padding:0 0;}
			#bigPic{
				height: 455px; 
			}
			.pro-img{
				height: 455px; 
			}
			.pro-list-img{
				height: 120px;
			}
			.right_btn{
				width: 70px; height: 264px;
				font-size:18px; position: fixed; right: 30px; bottom: 80px; z-index: 99999;}			
		} 
		
		
.clearit{clear:both;font-size:0;line-height:0;height:0;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility: hidden;}/*2010/12/2*/
.clearfix{*zoom:1;}/*2010/12/2*/


#gallery{width:876px;text-align:left;margin:0 auto;padding:0 0;}

.eTitle{padding:0;}
.eTitle .h1title{font:14px/30px; font-weight:bold; text-align:center; margin:0; color:#555;}
.eTitle #total{padding:0;}
#percent{ font-size:14px; padding:0; font-weight:normal;}
.eTitle .tRed{color:#900;}

#eFramePic{clear:both;position:relative;zoom:1;}
#bigPicBox{zoom:1;position:relative;}
#bigPic{text-align:center;overflow-x:hidden;min-height:300px;_height:300px;padding-top: 0;}
#bigPic .loading{position:absolute;top:200px;width: 100%;z-index: 30; display:none;}

#prev{width:50%;height:100%; display: none; position:absolute;left:0;top:0;z-index:9;background:#fff;opacity:0;filter:Alpha(Opacity=0);}
#next{width:50%;height:100%; display: none;position:absolute;right:0;top:0;z-index:9;background:#fff;opacity:0;filter:Alpha(Opacity=0);}
.arrLeft{cursor:url(img/arr_left.cur),auto;}
.arrRight{cursor:url(img/arr_right.cur),auto;}

.loading{background:url(../img/blank.gif) no-repeat center center;}
#desc{padding:20px 20px; display: none;}
#picTitle{font-size:18px;}
#picTime{color:#ccc;line-height:24px;padding:5px 0; text-align:right; margin:10px 30px}
#picIntro{color:#666;margin:0 auto;text-indent:2em;line-height:23px; text-align:center}

#picList{height:159px;overflow:hidden;}
#preGroup{float:left;padding:11px 0 0 14px;width:80px;display: none;}
#prePic,#nextPic{padding:9px 0 0 11px;width:99px;height:72px;}
#prePic a, #nextPic a{display:block; margin: 14px 0 0 -4px;text-align:center;}
#prePic img, #nextPic img{}
#preTxt, #nextTxt{width:91px;text-align:center;padding:3px 0 0 11px;}
#prePic:hover{background-position:-250px -350px;}
#prePic.selected img, #nextPic.selected img{border-color:#ff9845;}
#nextGroup{float:left;padding:11px 0 0 20px;}
#nextPic{padding:9px 0 0 5px;width:105px;height:72px;background:url(images/e_m_01.png) no-repeat -125px -350px; behavior: url("style/iepngfix.htc");}
#nextPic:hover{background-position:-375px -350px;}

#prevBtn{width:42px;height:117px;float:left;background:url(images/e_m_01.png) no-repeat -100px -200px; behavior: url("style/iepngfix.htc"); display: none;}
#prevBtn:hover{background-position:-200px -200px;}
#nextBtn{width:42px;height:117px;float:left;background:url(images/e_m_01.png) no-repeat -150px -200px; behavior: url("style/iepngfix.htc"); display: none;}
#nextBtn:hover{background-position:-250px -200px;}

.slider{width:873px; background:#000;float:left;overflow:hidden; height:158px}
.slider ul{margin: 0; }
.slider li{ display:block;}
.slider li .desc{display:none;}
.slider li.current{padding:0;}
.slider li.current img{}
.slider .pic,.slider .picOn{float:left;text-align:center;padding:0;}
.slider .picCont{height:159px;}
.slider .pic img{}
.pb_01,.pb_03,.pb_06,.pb_08{height:4px;width:4px;}
.picOn img{border-color:#ffb96c;}
.picOn .pb_02,.picOn .pb_04,.picOn .pb_05,.picOn .pb_07{background:#ff8c00;}
.picOn .pb_01{background:url(images/e_m_01.png) no-repeat 0 -275px;}
.picOn .pb_03{background:url(images/e_m_01.png) no-repeat -25px -275px;}
.picOn .pb_06{background:url(images/e_m_01.png) no-repeat -50px -275px;}
.picOn .pb_08{background:url(images/e_m_01.png) no-repeat -75px -275px;}

/* relation */
#relation{ display:none; top:65px;left:120px;position:absolute; height: 300px;width: 450px;border:1px solid #8a8a8a;z-index:20;}
#relation a{color:#FFF;}
#relation .bg{height:100%;width:100%;background:#000;filter:Alpha(Opacity=50);opacity:0.5;}
#relation .con{position:absolute;top:10px;left:26px;color:#fff;font-size:14px; padding:0;}
#relation .con p{padding:4px 0;zoom:1;overflow:hidden;text-align: center; text-indent:0;}
#relation .close{background:url(images/e_m_01.png) no-repeat -133px 0px;position:absolute;top:3px;right:3px;cursor:pointer;width:11px;height:11px;overflow:hidden;z-index:2; behavior: url("style/iepngfix.htc");}
#relation .picbox{margin:0 0 10px;}
#relation .picLink { float: left;padding-right: 13px;width: 122px;}
#relation .picLink a{text-align:left;}
#relation .picImg img{border: 1px solid #fff;}
#relation .button{ margin: 0 3px; padding: 3px 20px;border: 1px solid #fff; border-radius:5px; text-decoration:none;}
#relation .toolbar{height:30px; maring: 5px ;}