
@media screen and (max-width:1008px){
	/* 全局 */
	body	{font-size:14px;}
	
	/* GNB */
	 #header nav .util_wrap ul li.m_prod	{right:-123px; width:123px}
	 #header nav .util_wrap ul li.m_prod a	{padding:0; text-indent:-9999px}
	 #header nav .util_wrap ul li.m_prod a span	{text-indent:0}
	 #header nav .util_wrap ul li a	{font-size:14px;}
	 #header nav .util_wrap ul li ul	{margin:0 -25px;}
	 #header nav .util_wrap ul li ul li a	{font-size:13px;}

.ucard_contents ul li	{font-size:14px}
.ucard_contents p	{font-size:28px; line-height:36px}

	.ucard_contents div.ucard_con .table_wrap	{display:none;}

	.ucard_contents div.ucard_con .table_wrap.pro_40_list	{display:block;}
	.ucard_contents div.ucard_con .table_wrap.pro_40_list table	{width:100%}
	.ucard_contents div.ucard_con .table_wrap.pro_40_list.mo	{display:none;}
	.ucard_contents div.ucard_con .table_wrap.pro_40_list.mo table	{min-width:100%}
	

}

@media screen and (max-width:752px){
	#indexM_rightIII {

    height: auto;

   }
/* 首页 */
	.area_visual {  height:350px;  }
	.area_visual .ul_visual li {padding-top:350px; }
	.area_visual .ul_visual li p {left:10%; bottom:50%; margin-left:0;margin-top:70px; }
	.area_visual .ul_visual li .txt_1 {font: normal 30px/50px  "微软雅黑",Arial, "宋体";  letter-spacing: normal;}
	.area_visual .ul_visual li p:after { display:none;}
	.area_visual .ul_visual li.li1 .txt_1 {  }
	.area_visual .ul_visual li.li2 .txt_1 {margin-top:50px;}
	.area_visual .ul_visual li.li3 .txt_1 {  }
	.area_visual .ul_arrow a {display:none;}
#bodyColor {    margin: 5px 0;}	
#indexM_news,#indexM_right{ width:100%;margin:0; }
.blk_18 { width:99%;margin:0 0.5%;  }
.blk_18 .ScrCont { width:100%; }
.blk_18 .pl {   width:100%;  }
.blk_18 .pl img{ display:block; float:left; cursor:pointer; border: none; width:40%; height: 130px; overflow:hidden; }
.blk_18 .pl span{ display:block; float:left; cursor:pointer; width: 57%; padding-left:3%; }
.blk_18 .LeftBotton { right:30px;}
.blk_18 .RightBotton { right:1px;}
.morenew{ display: block; float:right; padding-top:12px; padding-right:3px;	}
.blk_18 .LeftBotton,.blk_18 .RightBotton { display:none; width:0; height:0; overflow:hidden; }


ul.newi{ width:100%; }
#indexM_right {width:100%; margin-bottom:11px;	}

		.picScroll-left{ width:100%;    }
		.picScroll-left .hd{ display:none;}
		.picScroll-right{ width:100%;     }
		.picScroll-right .hd{display: ;}
		
.tempWrap{	float:left;	width:100% !important; }
ul.prolist_index {	float:left;	width:100% !important; }
ul.prolist_index li { width:48% !important; margin:1% !important; }
ul.prolist_index li { display:none; }
ul.prolist_index li:nth-of-type(1),ul.prolist_index li:nth-of-type(2),ul.prolist_index li:nth-of-type(3),ul.prolist_index li:nth-of-type(4) { display: block; }
ul.prolist_index li a {float:left; width:100%; border:none; }
ul.prolist_index li a h2 {  padding:1% 5%;}
ul.prolist_index li a p.datu{height: auto;}
ul.prolist_index li a:before { display:none}
ul.prolist_index li a span{ display:none; width:0; height:0; overflow:hidden;}

ul.caselist_index {height: auto; }
ul.caselist_index li a h2 {width:96%; padding:2%;font: normal 14px/40px "微软雅黑","宋体";height:40px; color:#222; background: ;}
ul.caselist_index li a p.datu{ height: auto; max-height:102px; }

/* 全局 */
	/*body	{font-size:12px;}*/
	.page_nav	{width:100%; display: }
	
	.pcDIV	{display: none;}
	.mobileDIV	{display: block;}

#body{ width:99%;  }
#content,.content{ width:100%;  }
#bannerMain{height:220px; }
.banner01{ height:220px;  }	
#bannerMain h3	{padding-top:150px;  font-size:30px; line-height:70px;}
#bannerMain h3:after {    bottom: 10px;}
.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: 10px 0 10px ;}
.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 h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    height: 2px;
    width: 60px; margin-left:-30px;
    background: #f27321;
}
.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 {width:100%; margin:15px 0;}
	/* GNB */
	 #header.fixed nav h1 a	{height:50px}
	 #header.fixed nav .util_wrap > ul > li > a	{line-height:44px}

.language{position:absolute; top:50%; right:60px; margin-top:-12px; height:24px; }
.language a{font: bold 13px/24px "Arial","微软雅黑","宋体"; padding:0 5px; color:#767676;}
.language a.hover,.language a:hover{color:#ff5e00;}

	 #header nav h1 a	{width:142px; height:50px;}
	 #header nav h1 a img	{left:20px; width:112px; height:20px; margin-top:-10px}
	 #header nav .btn_nav	{display:block;}
	 #header nav .btn_nav.open	{position:absolute; top:0; right:0; width:62px; height:50px; background:url('../images/btn_nav_open.png') no-repeat 0 0}
	 #header nav .btn_nav.closed	{position:absolute; top:0; right:0; width:58px; height:51px; background:url('../images/btn_nav_closed.png') no-repeat 0 0}
	 #header nav .util_wrap	{overflow-y:scroll; position:fixed; z-index:100; top:0; right:-240px; bottom:0; left:auto; width:240px; background:#fff}
	 #header nav .util_wrap ul	{padding-top:51px}
	 #header nav .util_wrap ul li	{float:none; width:auto !important; margin:0 !important; border-bottom:1px solid #e9eff5}
	 #header nav .util_wrap ul li:first-child	{border-top:1px solid #e9eff5}
	 #header nav .util_wrap ul li a	{padding:5px 40px 0 20px; font-size:15px; text-align:left; line-height:44px}

	 #header nav .util_wrap ul li a:after		{content:""; display:block !important; position:absolute; top:20px; right:20px; width:17px; height:9px; background:url('../images/bg_gnb_arr.png') no-repeat 0 -9px}
	 #header nav .util_wrap ul li:hover a:after		{content:""; display:block !important; position:absolute; top:20px; right:20px; left:auto; width:17px; height:9px; background:url('../images/bg_gnb_arr.png') no-repeat 0 -9px}
	 #header nav .util_wrap ul li.on a:after	{top:19px; background-position:0 0}
	/*  #header nav .util_wrap ul li.on:hover a:after	{top:19px; left:auto; background-position:0 0} */
	 #header nav .util_wrap ul li.m04 a:after	{top:20px !important; left:auto; background-position:0 -9px !important}

	 #header nav .util_wrap ul li.on ul li a:after	{display:none !important;}	
	 #header nav .util_wrap ul li.on:hover a:after ul li a:after	{display:none}
	 #header nav .util_wrap ul li ul li a:after	{display:none !important}
	 #header nav .util_wrap ul li:hover ul li a:after	{display:none !important}

	 #header nav .util_wrap ul li ul	{position:static !important; display:block; margin:0 !important; padding:20px 0 !important; border:0; background:#f0f5fa; box-shadow:none}
	 #header nav .util_wrap ul li ul li	{float:none !important; border:0}
	 #header nav .util_wrap ul li ul li a	{margin:0 !important; padding:0 30px; font-size:14px !important; line-height:30px !important;  text-transform:none}
	 #header nav .util_wrap ul li ul li:first-child a:hover	{box-shadow:none}
	 #header nav .util_wrap ul li ul li ul	{padding:0 !important}

	 #header nav .util_wrap		{-webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000)}
	 #header nav.on .util_wrap	{right:0}
	 #header nav .util_wrap ul li ul	{overflow:hidden; max-height:0; padding:0 0 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
	 #header nav .util_wrap ul li.on ul	{max-height:1000px !important; padding:20px 0 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease;}
	 #header nav .util_wrap ul li.on ul li ul	{padding:0 !important}



	 #header nav .util_wrap ul li:hover ul	{max-height:0; border-bottom:0}


	 #header nav .util_wrap >ul > li		{-webkit-transform: translate3d(250px, 0, 0); -moz-transform: translate3d(250px, 0, 0); -o-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); -webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);	}
	 #header nav.on .util_wrap >ul > li	{-webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

	  #header nav .search	{ display:none;}
	  #header nav .util_wrap ul li:last-child a:before	{ display:none; width:0; height:0;}

	

.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%;}
.left_img{float:left;margin: 0;}
.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; }

ul.cert {width:100%;  padding:15px 0;}
ul.cert li{width:48%; margin:1%; }
ul.cert li p{width: auto; }
ul.cert li:nth-of-type(4n){margin-right:1%;}

.culbox {    width:100%; padding: 20px 0;}
.culbox h5 {
    display: inline;
    width: 25%;
    font-size: 20px; 
}
.culbox p { display: inline;
    width: 75%;
}

#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;}

/* clase */	
ul.classlist{display:none; width:0; height:0; overflow:hidden; font-size:0;	}
ul.classlist li{	width:25%;	}
ul.classlist li a{ width:100%;  border-right: #D9D9D9 1px solid;  font:normal 16px/45px "微软雅黑"; }
ul.classlist li:last-child a{border-right: #D9D9D9 1px solid;}

ul.caselist li {width:98%; height:147px;  margin:1%;}
ul.caselist li a { background:none;}
ul.caselist li a h2 {	width:40%; padding:2% 5% 0;height:40px; overflow:hidden;}
ul.caselist li a h5 {;height:78px; overflow:hidden;}
ul.caselist li a p.datu{width:50%;}

/* product */	
ul.prolist li {	width:48%;  margin:1%; padding-bottom:0;}
ul.prolist li:nth-of-type(3n) {	margin-right:1%; }
ul.prolist li a h2 {	width:96%; padding:2% 2% 0; font-size:12px;}
ul.prolist li a p.datu{height:124px;}
ul.prolist li a:before {    top: 104px;}

#ViewLeft{width:100%;  padding-bottom:20px;}
#View_tit{width:100%; float:left; overflow:hidden;  border-bottom: 1px solid #E9E9E9;}
#View_tit h3{font: normal 20px/30px "微软雅黑",Arial;color: #222;}
#View_tit p{padding: 12px 0 6px;    font-size: 12px;    color: #999;}
#NewView{width:100%; float:left;overflow:hidden; padding:11px 0;font: normal 16px/32px "微软雅黑",Arial; word-wrap: break-word;color: #333;}

#ViewRight{ display:none; width:0; height:0; overflow:hidden; font-size:0;}

	.focus{ width:100%;  }




#PROView{width:100%; float:left;overflow:hidden; padding-top:11px; word-wrap: break-word;}
#fenxiang{position: absolute; right:2px; top:22px;}
.PREVIOUS { display:none; width:0; height:0; overflow:hidden; font-size:0;}
.NEXT {    display:none; width:0; height:0; overflow:hidden; font-size:0;}

/* news */
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; }


/* 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%;}

/* contact */
.inner_cont {    padding: 18px 0 15px;}
.inner_cont .tit {width:100%; text-align:center;    padding-top: 10px; padding-bottom:20px;}
 .txt_area {
    float: left;
    padding-left: 10px; 
    border-left: none;
}

.tabelMessage .tdR{ padding-right:1%;}

/* poduct view */
		/* 产品详情页 带缩略图 多图轮动切换css */
		.picFocus{ width:100%;   margin-bottom:20px;}
		.picFocus .bd img{width:100%; height: auto;  }


.proTxt{ width:100%; float:right; padding-bottom:15px;}




}





