@media screen and (max-width:1030px){
	#bodyMain{    width:100%; min-width:100%; }
	#bodyColor { min-width:100%;  }
	#body{ width:100%;}
	#content,.content{ width:100%;  }
	#server{ float:left; width:24%; margin:0.5%; }
    .mr27{  margin-right:0; }
	ul.case_list li {width:32%; margin: 0.6%;}
	.news_list li{ width:24%; margin:0.5% !important;padding:0;}
	ul.news_list li a{ max-width:100%; }
	.ptList li {    padding: 2px;}
	.h62 { height:62px; overflow:hidden;}
	#footer2016{ width:100%;min-width: 100%;}
	.footer-middle {width:100%;}
	.footer-middle-list dl {padding-right: 20px;}
	#bannerMain{ height:240px; }
	#bannerMain img {   width: 1024px;	  margin-left: -512px; }
	.btn_top {    margin-left: 460px;}
	#page {width:100%; margin:15px 0;}
	/* news */
#ViewLeft{width:100%; }
#View_tit{width:100%; }
#NewView{width:100%;}
#ViewRight{ display:none;}
}
@media screen and (max-width:800px){
	#header{ height:81px; }
	
	
	body	{font-size:14px!important; line-height:24px!important;}
	.pcDIV	{display: none !important;}
	.mobileDIV	{display: block !important;}
	
	#body{ width:99%;padding:0;}
	.font16{ font-size:14px; line-height:24px;  }
	
	#bannerMain{ height:145px; }
	#bannerMain img {   width: 620px;	  margin-left: -310px; }
    /*#bannerMain.on img { transform: matrix(0.75, 0, 0, 0.75, 0, 0);}*/
	#bannerMain:after {    height:8px;}

	.location_wrap	{ width:100%; height: 40px !important;  margin-top:0;}
	.page_nav	{width:100% !important; padding:8px 0;}
	#footer2016{ display:none !important; font-size:0; width:0; height:0; overflow:hidden;}

.txtP {     padding-top: 20px;    font-size: 22px;}
.line-blue {    margin: 12px auto 0px;}
.line-blueqq {   margin: 10px auto 15px;}

ul.ul-about li{ display:block; float:left; width:29%; margin:2%; text-align:center; }
ul.ul-about li p{ font-size:12px; line-height:20px; max-height:100px; overflow:hidden; }
ul.ul-about li h3{ font-size:14px;  }
dl.ul-txt1   { max-height:100px; overflow:hidden;}
dl.ul-txt1  dd { width:100%;  font-size: 12px;    line-height: 20px; color:#777;}

.ul-web{ padding:20px 0 10px 0;}
.ul-web li h3{ width:97%; text-align:center; padding: 0 ;	font-size: 12px; white-space:nowrap ;margin-top: 2px;}
.ul-web li .block{	height: 140px;}
.ul-web li .block img{	left: 0;}
.ul-web li.li1 .block{
	width: 98%; margin:0 auto !important;
	left: 0;
	margin-left: 0;
}
.ul-web li.li2 .block{
	width: 98%; margin:0 auto !important;
	left: 0; top:15px;
	margin-left: 0;
}
.ul-web li.li3 .block{
	width: 98%; margin:0 auto !important;
	left: 0;
	margin-left: 0;
}
.ul-web li.li4 .block{
	width: 98%; margin:0 auto !important;
	left: 0;top:30px;
	margin-left: 0;
}
#View_tit h3 {
    font: normal 20px/42px "微软雅黑",Arial;
    text-indent: 15px;
    margin-bottom: 5px;
}
#View_tit a.share{  right:1px; font-size:0; }
 
.process{ padding:30px 0;}

.animate-box,
.animate-box .con{	width: 100%;}

.process .pad{
	padding-top: 26%;
}
.process img{
	position: absolute;
	left: 0;
	top: 0;
}
.process span{
	display: inline-block;
	color: #90a1b3;
	font-size: 12px;
	position: absolute;
}
.process span.s1{
	left: 0%;
	top: 0%;
}
.process span.s2{
	left: 6.6%;
	top: 0%;
}
.process span.s3{
	left: 1.6%;
	top: 16%;
}
.process span.s4{
	left: 1.6%;
	top: 65%;
}
.process span.s5{
	left: 7.5%;
	top: 35%;
}
.process span.s6{
	left: 20%;
	top: 65%;
}
.process span.s7{
	left: 27%;
	top: 35%;
}
.process span.s8{
	left: 36%;
	top: 95%;
}
.process span.s9{
	left: 49%;
	top: 15%;
}
.process span.s10{
	left: 55%;
	top: 95%;
}
.process span.s11{
	left: 77.5%;
	top: 64%;
}
.process span.s12{
	left: 94%;
	top:64%;
}
.process em{
	position: absolute;
	background: url(../images/r1.png) no-repeat;
	;background-size:cover;
	display: inline-block;
	z-index: 60;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.process em.q1{
	width: 30px;
	height: 31px;
	left: 0;
	top: 40%;
}

.process em.q2{
	width: 30px;
	height: 30px;
	top: 42%;
	left: 19%;
	background-image: url(../images/r2.png);
}
.process em.q3{
	background-image: url(../images/r3.png);
	width: 30px;
	height: 30px;
	top: 68%;
	left: 38%;
}
.process em.q4{
	background-image: url(../images/r4.png);
	width: 30px;
	height: 30px;
	top: 29%;
	left: 47%;
}
.process em.q5{
	background-image: url(../images/r5.png);
	width: 30px;
	height: 30px;
	top: 68%;
	left: 57%;
}
.process em.q6{
	background-image: url(../images/r6.png);
	width: 30px;
	height: 30px;
	left:77%;
	top: 40%;
}
.process em.q7{
	background-image: url(../images/r7.png);
	width: 30px;
	height: 30px;
	left: 92 %;
	top: 18%;
}

.ul-solulist{ padding-bottom:20px;}
.ul-solulist li{width:19%; margin:1% 0.5%;	 }
.ul-solulist li a i{  height:62px;}

#bodyColor {padding: 30px 0; }
.bodyPatnet { max-height:285px; overflow:hidden;}
.ptList { }
.ptList li {width:31%; margin:1%; padding:0;}

.culbox {    width:100%; padding: 20px 0;}
.culbox h5 {    width: 25%;    font-size: 20px; }
.culbox h5:before { top:-21px; }
.culbox p {    width: 75%;}

ul.cert li{width:48%; margin:1%; }
ul.cert li p{width: auto; }

.txtl{ font: normal 14px/20px "微软雅黑","Arial","宋体";  padding-top:2px; padding-left:1%; width:49%;}
.txtl p{ padding-top:10px;}
.txtl h4{ padding-top:10px;}
.txtl h2{ padding-bottom:10px; font: bold 16px/20px "微软雅黑","Arial","宋体";}

/* contact */
.inner_cont {    padding: 18px 0 15px;margin-bottom: 2px;}
.inner_cont .tit {width:100%; text-align: left; text-indent:2%;padding-top: 10px; padding-bottom:20px;}
.txt_area dd {    margin-left:3px;    font-size: 14px;}
 .txt_area {
    float: left;
    padding-left: 10px; 
    border-left: none;
}
.tabelMessage .tdR{ padding-right:1%;}
/* news */
ul.news_list {width:100%; float:left; padding:2px 0;}
.news_list li{ width:48%; margin:1% !important;padding:0;}
ul.news_list li:nth-of-type(4n){margin:1% !important;}

ul.news_list li a p.newspic{height: auto;}
ul.news_list li a p.newspic img{width:100%; height:auto;}
#ViewLeft{width:100%; }
#View_tit{width:100%; }
#NewView{width:100%;}
#ViewRight{ display:none;}
/* clase */
ul.class2 li{margin-left:0; margin-right:5px;}
ul.class2 li a{padding:0 11px;}


ul.case_list{margin-top:7px; padding-bottom:12px;}
ul.case_list li {width:48%; margin: 1%;height: 204px;}
ul.case_list li a div{  height:50px;}
ul.case_list li a:hover div{ height:50px; border-bottom: 4px solid transparent; padding-bottom:15px;}	
ul.case_list li a h2{  height:48px;}
ul.case_list li a p.datu{width:100%; max-height:135px; }
ul.case_list li a p.txtm,ul.case_list li a span { display:none;}

ul.caselist{margin-top:7px; padding-bottom:12px; }
ul.caselist li {width:48%; margin: 1%;}
ul.caselist li:nth-of-type(4n){ margin:1%;}
ul.caselist li a p.datu{width:100%; max-height:135px; }
ul.caselist li a:after{ display:none; }
ul.caselist li a i{ display:;}


.casevl{width:40%;	float:left; margin-right:20%; }
.casevl h1 a{font: normal 16px/26px "微软雅黑",Arial,"宋体";color:#067bc6; }
.casevl h2{font: normal 20px/38px "微软雅黑",Arial,"宋体";color:#111; }
.casevl p{color:#999; }
.casevr{width:40%;	float:left; }


#server{ float:left; width:48%; margin:1%; }
#server a h1{ width:130px; height:130px; margin:0 auto;	 }
#server a h2{  font: normal 18px/45px "微软雅黑",Arial,"宋体"; }
#server a p{ height:96px; overflow:hidden;}
.h3til{  font: normal 13px/25px "微软雅黑",Arial,"宋体"; padding:5px 0 10px 0; }
.line-gray { width: 96%;}

.body_i1 {padding: 0; }
.body_i3 {padding-top: 0; }
.body_i5{ display:none; }
.body_i2 .ul_bgbtm {    bottom: -10px; height:20px;  }
/* foot */
#copyright span{ display:block;width:100%; padding:0 ;  float:left;text-align:center;}


ul.linetect { max-width:96%;width:96%; }
ul.linetect li i{ margin:0 10px;}










#bodyOne{  width:99%; margin:0 auto;padding:15px 0;}

#bodyer{ width:99%; margin:3px auto; }
.leftimg{ display:none; width:30%}
#indexM {width:99%; margin:0 0.5%; height: auto; }



  ul.arealist li{width: 48%;  margin:1%; margin-bottom:3px;}
  ul.arealist li:nth-of-type(3n){margin-right:1%;}
  ul.arealist li a p.datu{height: auto;}
  
  .left_img{display:none;}
  #newindex{ float:left; width:99%; padding-right:0; margin-right:0; border-right:none; }
  ul.newind {width:100%; padding-left:0; float:left; margin-bottom:10px; }
  ul.newind li{float:left; width:100%;}


/*#bannerMain{height:220px; }
.banner01{ height:220px;  }	*/

#bodyLeft{ display:none; width:0; height:0; overflow:hidden; }
#bodyRight{ width:100%;}
#addrees{margin-bottom:22px; line-height:30px;}
#addrees h2{ font-size:18px;  padding-right:5px;}
.img_left	{padding:0 15px;}

#newarp{margin-top:1%; padding:48PX 1% 8PX 1% ;position:relative; height:180px; overflow:hidden;}

#newarp h2{ position: absolute; left:0; top:0; width:100%; font-size:16px; height:42px; line-height:42px; color:#000; font-weight:normal; background-color:#F9F9F9; overflow:hidden; text-indent:20px;}
#newarp h2.hover{ border-top:#0064D4 1px solid; height:41px; line-height:41px; }
#newarp h2:before{ content:"";position: absolute; left:8px; top:15px;  width:4px; height:12px;  background-color:#0064D4; overflow:hidden;}

.newarpA{ width:97.5% !important;margin-right:0 !important; }
.newarpA span{ display: inline !important; }
.newarpB{ width:97.5% !important;margin-right:0 !important; }
.newarpC{ width:97.5% !important; margin-right:0 !important;}

.newimg{ display:none;}
.newtt{ width:100%;  }
.newimg02{ text-align:center; width:100%; max-height:95px;   }


ul.newi{ width:100%; float:left;  }
ul.newi li{width:100%;float:left; /*list-style-type:disc;*/ position:relative;}
ul.newi li:before{ content:""; position: absolute; left:0; top:13px; width:4px; height:4px; border-radius:50%; background-color:#0064D4; overflow:hidden;}
ul.newi li a{width:100%;float:left; display:block;	height:30px; line-height:30px; overflow:hidden; text-indent:10px;}
ul.newi li a span{	float:right; color:#999;	font: normal 12px/28px Arial,"宋体";}
ul.newi li a:hover span{	color:#0064D4;}
ul.newi li a:hover{	}


/* title */
.tit_fir {    margin: 5px 0;}
.tit_fir h2 {    font-size: 22px;     line-height:30px;     letter-spacing: normal;}
.tit_fir h1 { margin:5px auto; font-size:0; height:2px; width:50px;background-color:#0064D4; overflow:hidden;}
.tit_fir p { text-align:left; padding-left:5%;}
.tit_fir p a{ padding:0 10px;}

.company{ width:100%; margin-right:0; height:250px;}
.companyR{ width:100%; }
.companyR dl{  margin-bottom:5px;}
.companyR dl dt{ font-size:22px; }
.companyR dl dd{ margin:0 7px 0 1px; font-size:14px; }
a.pbtn{ margin-top:8px;}

/*.tit_fir { margin: 10px 0 10px ;  padding-bottom: 5px;}
.tit_fir h3 {margin-bottom: 0;    font-size: 20px; font-weight:normal;    line-height: 30px;    letter-spacing: normal; margin-bottom:5px;}
.tit_fir p {letter-spacing: normal;color: #666;}
.tit_fir:after { display:none;}*/

.tit_sec {    margin: 5px 0;}
.tit_sec h3 {    margin-bottom: 0;    font-size: 20px; font-weight: bold;    line-height: 30px;    letter-spacing: normal;margin-bottom:5px;}
.tit_sec h2 {  margin-bottom: 0;    font-size: 20px; font-weight:bold;    line-height: 30px;    letter-spacing: normal;margin-bottom:5px;}
.tit_sec p {    letter-spacing: normal; color: #666;font-size: 16px;}

.tit_sec h1 {
    position: absolute;
    left: 50%;
    top: -10px;
    width: 18px; overflow:hidden; 
    height: 2px;
    margin-left: -9px;
    background: #f27321;
}
#footermain{display:none}
#footermain #footer	{display:none }
#foot{width:100%; padding:0;   }
#foot p.pic{ display:none }
#foot p.piclogo{display:none }
#foot p { width:100%; }
#foot p span{ padding:0 ; width:100%; display:block; float:left;text-align:center;}
#foot p span.pcDIV	{display: none;}


#page a.TotalCount { display:none;}	

	

.ucard_contents	{margin-top:48px}
	.ucard_contents:first-child	{margin-top:60px}
	.ucard_contents div	{display:block; float:none; width:100%; padding:0}
	.ucard_contents div.contents_tit	{margin:0 0 10px; max-width:180px; position:static;}
	.ucard_contents div.ucard_con	{/* position:static; left:0 */float:none;width:100%; margin-left:0}
	.ucard_contents p	{padding:22px 0 0; font-size:24px; line-height:30px}

	.ucard_contents div.ucard_con .table_wrap.mo	{margin:20px 0 0}
	 .btn_top{ display:none;}
	 
	 
/* about */	 
.myr{ padding-right:0;}
ul.ourteam{ width:100%; padding:40px 0 15px 0;}
ul.ourteam li{width:32%; margin-right:2%;}
ul.ourteam li:nth-of-type(3n){margin-right:0;}

.top {width:33.33%;  margin-bottom: 10px;}
.top .tit {    height: 160px; width:100%;   }
.top h4 { width:100%; 
font: normal 16px/25px "微软雅黑","宋体",Arial, Helvetica, sans-serif;
    padding-top: 125px;
}
 .top .txt1.b {background-position:0  center ;}
 .top .txt1 span {width: 90%;}

.history_list_area{ float:left; width:100%;background:none;margin: 0;}
.history_div{ float:left; width:100%;margin:10px 0 ;}
.history_left{ float:left; width:100%;}
.history_right{ float:right; width:100%;}

.right_img{float:right;margin: 0;}
.left_img span,.right_img span{padding:5px 5px 0 0;}
.h_year{margin:0 0 11px 0;padding:0 0 0 30px;color:#333333;font-size:24px; line-height:36px;background:url(../images/bg_line2.gif) 0 center no-repeat;}
.h_year02{margin:0 0 11px 0;padding:0 0 0 30px;color:#333333;font-size:24px; line-height:36px;background:url(../images/bg_line2.gif) 0 center no-repeat; text-align:left;}
.h_cont{padding:0 0 0 7%; width:93%;float:left;}
.h_cont dt{float:left;width:20%;color:#808080;line-height:30px;}
.h_cont dd{float:left;width:80%;color:#333333;line-height:30px; }
.h_cont02{padding:0 0 0 7%; width:93%;float:left;text-align:left;}
.h_cont02 dt{float:left;width:20%;color:#808080;line-height:30px;}
.h_cont02 dd{float:left;width: 80%;color:#333333;line-height:30px; }





#tech_main{ float: left;width:100%; margin:15px 0;}
.img_box {
    display:block; float: left; max-width:100%;
    vertical-align: top;
}
.text_box {width:97%;
    display:block; float: left; margin-left:3%; padding-top:55px;
    vertical-align: top;
    position: relative; 
}
.text_box .title {    position: absolute; top:0;  font-size:30px;  line-height:46px;color:#ff5e00; width:190px; border-bottom:#ff5e00 1px solid; text-align:right;}
.txt_left .title {    left: -75px;}
.txt_right { text-align: left;margin-left:3%;margin-right:0;}
.txt_right .title { text-align:right; left: -75px;}



/* product */	
ul.prolist li {	width:49%; height:200px;  margin:0.5%; padding-bottom:0;}
ul.prolist li:nth-of-type(3n) {	margin-right:0.5%; }
ul.prolist li a h2 {	width:90%; padding:2% 5% 0;}
ul.prolist li a p.datu{height:124px;}
ul.prolist li a:before {    top: 104px;}

#fenxiang{position: absolute; right:2px; top:65px;}
#PREVIOUS_NEXT { height:90px
}






/*ul.news_list {width:100%;  padding:10px 0;}
ul.news_list li{width:48%;   margin:1%;}
ul.news_list li:nth-of-type(3n){margin-right:1%;}
ul.news_list li a{ width:100%; }
ul.news_list li a h2{width:90%; padding:0 5%; }
ul.news_list li a h5{width:90%; padding:1% 5%; ;}
ul.news_list li a p.newspic{width:100%; height:100px;}
ul.news_list li a p.newspic img{width:100%; height: auto;}*/
#NewView{width:100%; float:left; padding:15px 0;border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }


ul.newslist li{width:49%;   margin:0.5%;}
ul.newslist li:nth-of-type(3n){margin:0.5%;}
ul.newslist li a p.newspic{width:100%; height:120px;}
ul.newslist li a p.newspic img{width:100%; height:120px;}

#cul{ height: auto; margin-bottom:1%;  }
#culimg,#culimg02,
#cultxt,#cultxt02{ width:100%; }
#cultxt02{ text-align:left;}
#culimg:before {
     right:90%; top:89%; 
    border-color: transparent  transparent #FBFBFB transparent ;
}
#culimg02:before {
    left:5%; top:0; 
    border-color: #FBFBFB transparent  transparent transparent ;

}




/* career */
.box1 {
    margin: 1%;
}
.box3 {
    margin:1% 1% 10% 1% !important;
}
.box {border-bottom: 1px solid #e0e0e0;
    float: left;
    width:98%;
    margin: 1%; 
}

.box dt {
    height: 190px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom:none;

}


.botm {
    width:100%;
    margin: 0;
}
.botm dt {
    height: auto;
    padding-bottom: 0;
    margin-bottom: 10px;
    border-bottom:none;
    text-align: center;
}

.jobbox {    width:100%;  padding: 10px 0;}
.jobbox h5 {
    float: left; position:relative;
    width: 25%;
    font-size: 25px; font-weight:normal;
    color: #000;
}
.jobbox h5:after{ content:"";
position: absolute; left:0; top:-11px;
width:100%; height:1px; background:#333; overflow:hidden;
}
.jobbox .jobinfor {    width: 75%;}



/* poduct view */
		/* 产品详情页 带缩略图 多图轮动切换css */
		.picFocus{ width:100%;   margin-bottom:20px;}
		.picFocus .bd img{width:100%; height: auto;  }


.proTxt{ width:100%; float:right; padding-bottom:15px;}



}