@media screen and (max-width:768px){

/*不大于768px的设备尺寸中 响应式布局的特定样式*/
body{
background-color:#FFFFFF;
padding:0;
min-width:300px; 
max-width:667px;
margin:0 auto;
font-size:0.7rem; 
color:#050505;
line-height:1.5rem;
}

.phone_n{ 
display:none;
}

.head-v3{ 
position:fixed;
background-color:#FFFFFF;
filter:alpha(opacity=80);  
-moz-opacity:0.8;  
-khtml-opacity: 0.8;  
opacity: 0.8;
width:100%;
margin:0 auto;
z-index:101;
}
.search{
width:96%;
margin:0 auto;
}
.logo{ 
width:68%; 
height:3rem; 
float:left;
}
.logo a{
display:block;
height:3rem;
background-image:url(logo.jpg);
background-repeat:no-repeat;
background-position:0.5rem;
background-size:auto 90%; 
}
.nav{
width:10%; 
height:3rem;
float:right;
text-align:right;
margin-right:2%;
}
.nav img{
cursor:pointer;
margin-top:0.6rem;
}
.navigation-v3{ 
width:35%; 
display:none;
margin-left:64%;
}
.yuanjiao{
width:100%; 
background-color:#FE0000; 
border-radius:0.5rem;
}
.navigation-v3 a{ 
text-align:center; 
line-height:2rem; 
height:2rem; 
border-bottom:1px dotted #ffffff;
display:block;
color:#FFFFFF;
}
a.xbk{
border:0px;
}

#Slidebox{width:96%;height:7.5rem;padding:0px; margin:0 auto;position:relative;overflow:hidden; margin-top:0.5rem;}
#flashBg{height:7.5rem;overflow:hidden;width:100%;clear:both;margin:0;padding:0;}

#flash{width:100%;overflow:hidden;height:7.5rem;clear: both;position:absolute;padding:0px 0px;}
#flash a {display:none;}
#flash img {width:100%;height:7.5rem; border:0px;}
.flash_bar { display:none;}
.flash_bar .dq {display:none;}
.flash_bar .no {display:none;}


.proimg{width:100%;} 
.javaweb{ position:relative;width:50%; height:6rem;float:left; margin-top:0.5rem;} 

.javaweb:hover{cursor:pointer;} 
.javaweb a{cursor:pointer; position:absolute; top:0; width:100%; height:100%;z-index:100; left:0; display:block;}
.javaweb span{display:block;position:absolute; bottom:0; left:0;color:#FFF;z-index:10;filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6; text-align:center; font-size:0.6rem; line-height:1.5rem;width:100%; display:none;}

.liucheng{
width:96%;
margin:0px auto;
padding-top:1rem;
}

.lctitle{
padding-bottom:0.5rem;

}
.lctitle div{
margin-left:1%;
margin-right:1%;
}
.producttitle{
height:2rem;
border-bottom:0.05rem #F4F4F4 dotted;
margin-top:0.5rem;
}
.class1{
width:50%;
height:2rem;
line-height:2rem;
float:left;
cursor:pointer;
background-color:#666666;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.class2{
width:50%;
height:2rem;
line-height:2rem;
float:left;
cursor:pointer;
background-color:#FF0101;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.productcontent{
padding:0.5rem 0rem;
}
.lccontent dl{
width:100%;
}
.lccontent dl:hover{
color:#FFFFFF;
background-color:#1977BD;
}
.lccontent dl dt{
display:none;
}


.lccontent dl dd div{
display:none;
}
.lccontent dl dd a{
display:block;
font-weight:100;
height:1.5rem;
line-height:1.5rem;
overflow:hidden;
background-image:url(tubiao.jpg);
background-repeat:no-repeat;
background-position:0.5rem center;
padding-left:1rem;
}
.lccontent dl dd h2{
display:block;
font-weight:100;
height:1.5rem;
line-height:1.5rem;
font-size:0.5rem;
overflow:hidden;
background-image:url(tubiao.jpg);
background-repeat:no-repeat;
background-position:0.5rem center;
padding-left:1rem;
}
.product{
width:96%;
margin:0px auto;
}

.product ul{
list-style-position:outside;
list-style:none;
width:100%;
}
.product ul li{
width:46%;
height:7.5rem;
float:left;
overflow:hidden;
display:inline;
margin:0.5rem 0% 0% 2.5%;
text-align:center;
}
.product ul li img{
height:6rem;
}
.product ul li a{
text-align:center;
font-size:0.6rem;
}
.product ul li .dask{width:100%; padding-top:0.2rem;}
.product ul li .dask p{text-align:center;}


#mu1 img{
width:100%;
}
.link{
display:none;
}

.foot{
padding-top:0.5rem;
padding-bottom:0.5rem;
background-color:#DCDCDC;
text-align:center;
}
.foot a{
padding-left:0.8rem;
padding-right:0.8rem;
}

.nimage img{
width:100%;
}

.quest{
padding:0.5rem 0rem;
text-align:right;
padding-right:2%;
}
.quest h2{
font-size:0.9rem;
color:#FF0000;
font-style:italic;
}
.quest a{
font-size:1rem;
font-weight:bold;
}


.company{
width:96%;
margin:0px auto;
padding-top:1rem;
padding-bottom:1rem;
}
.company1 h2{
font-size:1rem;
text-align:center;
background-color:#FFFFFF;
height:1.5rem;
line-height:1.5rem;
padding-bottom:1rem;
}

.LeftBotton {
display:none;
}
.RightBotton {
display:none;
}
.pcont {
width:100%;
}
.pcont img{
width:49%;
float:left;
margin-left:1%;
margin-top:0.5rem
}
.ScrCont {
 zoom:1;
}
#List1_1,#List2_1 {
 float:left;
}




.class66{
float:left;
cursor:pointer;
padding-left:0.5rem;
padding-right:0.5rem;
margin-left:0.5rem;
margin-right:0.5rem;
height:1.5rem;
border-radius:0.5rem;
-webkit-border-radius:0.5rem;
-moz-border-radius:0.5rem;
background-color:#1879BD;
color:#ffffff;
}
.class6{
float:left;
cursor:pointer;
padding-left:0.5rem;
padding-right:0.5rem;
height:1.5rem;
margin-left:0.5rem;
margin-right:0.5rem;
}

.more{
text-align:right;
clear:left;
}
.main{
width:96%;
margin:0 auto;
padding-bottom:1rem;
background-color:#FFFFFF;

}

.product h2{
font-size:1rem;
text-align:center;
height:1.5rem;
line-height:1.5rem;
padding-bottom:1rem;
}
.title{
width:75%;
margin:0px auto;
padding-bottom:0.5rem;
}


.product ul.shang{
height:8.5rem;
overflow:hidden;
}

.content{

clear:left;
}
.producttop{
height:1.8rem;
line-height:1.8rem;
border-left:0.5rem #FF0000 solid;
margin-top:0.5rem;
background-color:#EAEAEA;
font-weight:bold;
padding-left:0.5rem;
font-size:0.8rem;
}



#demo {
overflow:hidden;
width:96%;
height:2rem;
margin:0px auto;
}
#indemo{
float:left;
width:8000%;
}
#demo1 {
float:left;
}
#demo2 {
float:left;
}


.content{

}






.news{
width:96%;
margin:0px auto;
margin-top:1rem;
margin-bottom:1rem;
}
.newsimage{
text-align:center;
margin-bottom:1rem;
}
.newsimage img{
height:3.5rem;
}
.news1{
width:100%;
}
.news2{
width:100%;
margin-top:0.5rem;
}
.news3{
width:100%;
margin-top:0.5rem;
}
.xiangguan{
height:2rem;
line-height:2rem;
border-bottom:0.05rem #F4F4F4 dotted;
font-size:0.8rem;
font-weight:bold;
}
.newstitle{
height:2rem;
line-height:2rem;
border-bottom:0.05rem #F4F4F4 dotted;
text-align:right;
}
.newstitle h2{
float:left;
font-size:0.8rem;
}
.newstitle img{
margin-top:0.5rem;
}


.newscontent{
padding-top:0.2rem;

}
.newscontent ul li{
height:2rem;
line-height:2rem;
background-image:url(newsbiao.jpg);
background-repeat:no-repeat;
background-position:0.1rem 0.8rem;
text-align:right;
border-bottom:0.1rem #CCCCCC dotted;
color:#666666;
}
.newscontent ul li a{
float:left;
padding-left:1rem;
}
.newscontent ul li a{
float:left;
padding-left:1rem;
display:block;
width:65%;
height:2rem;
overflow:hidden;
text-align:left;
color:#050505;
}
.newscontent ul li a:hover{
text-decoration:underline;
color:#FF0000;
}







.izl-rmenu{
display:none;
}
#udesk-feedback-tab {
display:none;
}


.productnav{
width:100%;
margin:0px auto;
padding-top:0.5rem;
}


.productclass{
width:100%;
padding-bottom:1rem;
}


.productclass a{
width:49%;
height:6rem;
display:block;
float:left;
margin-left:1%;
margin-bottom:0.5rem;
line-height:6rem;
text-align:center;
font-weight:bold;
color:#000000;
font-size:0.5rem;
}
.productclass p{
width:100%;
line-height:1.2rem;
margin-top:1rem;
background-color:#FFFFFF;
filter:alpha(opacity=50);  
-moz-opacity:0.5;  
-khtml-opacity: 0.5;  
opacity: 0.5;
display:none;
}



.blk_18 {
width:100%;
margin:0px auto;
margin-top:0.5rem;
}
.blk_18 .pcont {


}
.blk_18 .ScrCont {

}
.blk_18 #List2_1 {
display:none;
}

.LeftBotton {

}
.RightBotton {

}

.pccontent{
width:96%;
margin:0px auto;
color:#878995;
}
.pccontent h2{
font-size:0.8rem;

text-align:center;
padding-top:0.5rem;
padding-bottom:0.5rem;
color:#050505;
}

.pages{
margin-top:0.5rem;
text-align:center;
color:#FFFFFF;
background-color:#76777A;
clear:both;
height:2rem;
line-height:2rem;
}
.pages a{
color:#FFFFFF;
}


.clear{
clear:both;
}

.main1{
width:96%;
margin:0px auto;

}
.left{
width:100%;
}
.lefttitle{
font-size:0.8rem;
text-align:center;
font-weight:bold;
height:3rem;
line-height:3rem;
border-bottom:0.01rem #f4f4f4 solid;

clear:left;
}
.leftmiddle{
}

.leftcontent ul{
list-style-type:none;
list-style-position:outside;
padding-top:0.2rem;
}
.leftcontent ul li{
height:2rem;
line-height:2rem;
padding-left:0.6rem;
overflow:hidden;
background-image:url(newsbiao.jpg);
background-repeat:no-repeat;
background-position:0.1rem center;
border-bottom:0.05rem #f4f4f4 dotted;
}
.leftcontent dl{
height:6rem;
line-height:1.2rem;
padding-bottom:0.5rem;
}
.leftcontent dl dt{
width:65%;
float:left;
padding-top:0.5rem;
height:6rem;
overflow:hidden;
}
.leftcontent dl dd{
width:35%;
float:right;
text-align:right;
}
.leftcontent dl dd img{
width:100%;
height:6rem;
}
.leftcontent dl dt a{
display:block;
font-weight:bold;
}




.footnav{
background-color:#76777A;
text-align:center;
color:#FFFFFF;
padding:0.2rem 0rem;
font-size:0.6rem;
}

.productmiddle dl{
width:49%;
float:left;
text-align:center;
margin:0.5rem 0.5% 0rem 0.5%;
}
.productmiddle dl dt{
height:7.1rem;
border:0.01rem #CCCCCC solid;
width:100%;
overflow:hidden;
text-align:center;

}
.productmiddle dl dt img{
height:7rem;
width:98%;
margin-top:0.05rem;
}
.productmiddle dl dd{
line-height:2rem;
height:2rem;
overflow:hidden;
}

.rightmiddle img{
width:100%;
}


.rightmiddle dl{
width:24%;
float:left;
text-align:center;
margin:0.7rem 0.5% 0rem 0.5%;
}
.rightmiddle dl dt{
height:4.1rem;
border:0.01rem #CCCCCC solid;
width:100%;
overflow:hidden;

}
.rightmiddle dl dt img{
height:3rem;
margin-top:0.4rem;
width:auto;
}
.rightmiddle dl dd{
line-height:0.8rem;
overflow:hidden;
padding:0.2rem 0rem 0rem 0rem;
font-size:0.6rem;
}








.leftbottom{
display:none;
}
.contact{
display:none;
}
.leftnav_big{
height:2rem;
line-height:2rem;
width:49%;
background:#76777A; 
-moz-border-radius:0.5rem;
-webkit-border-radius:0.5rem;
border-radius:0.5rem;
text-align:center;
float:left;
margin-top:0.5rem;
margin-right:1%;
}
.leftnav_big a{
color:#FFFFFF;
}
.leftnav_big_select{
height:2rem;
line-height:2rem;
width:49%;
background:#ff0000; 
-moz-border-radius:0.5rem;
-webkit-border-radius:0.5rem;
border-radius:0.5rem;
text-align:center;
float:left;
margin-top:0.5rem;
margin-right:1%;

}
.leftnav_big_select a{
color:#FFFFFF;
}
.leftnav_small{
height:1.5rem;
line-height:1.5rem;
clear:left;
padding-left:0.5rem;
}
.right{
width:100%;
clear:left;
padding-top:0.5rem;
}
.righttop{
height:2rem;
line-height:2rem;
border-bottom:0.05rem #f4f4f4 dotted;
overflow:hidden;
}
.righttop h2{
font-size:0.8rem;
}
.rightmiddle{
padding-top:0.5rem;
padding-bottom:0.5rem;
}
.rightmiddle ul{
list-style-type:none;
list-style-position:outside;
padding-top:0.2rem;
}
.rightmiddle ul li{
height:2rem;
line-height:2rem;
padding-left:0.6rem;
overflow:hidden;
background-image:url(newsbiao.jpg);
background-repeat:no-repeat;
background-position:0.1rem center;
border-bottom:0.05rem #f4f4f4 dotted;
text-align:right;
clear:left;
}
.rightmiddle ul li a{
display:block;
width:72%;
float:left;
text-align:left;
}
.rightcontent img{
width:100%;
}



.newshotlist{
height:2rem;
line-height:2rem;
padding-left:0.6rem;
overflow:hidden;
background-image:url(newsbiao.jpg);
background-repeat:no-repeat;
background-position:0.1rem center;
border-bottom:0.05rem #f4f4f4 dotted;
text-align:right;
clear:left;
}
.newshotlist a{
display:block;
width:72%;
float:left;
text-align:left;
}












.rightmiddle h1{
font-size:0.8rem;
text-align:center;
color:#083EAB;
}

.rightmiddle0 dl{
margin-top:0.5rem;
margin-bottom:0.5rem;
width:50%;
float:left;
height:11.4rem;
overflow:hidden;
text-align:center;
}
.rightmiddle0 dl dt{
height:6.4rem;
background-image:url(productby.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:auto 100%;
}
.rightmiddle0 dl dt img{
height:6rem;
margin-top:0.2rem;
}
.rightmiddle0 dl dd{
font-size:0.7rem;
line-height:1rem;
height:5rem;
padding:0rem 0.5rem;

}
.rightmiddle0 dl dd h2{
font-size:0.7rem;
line-height:1rem;
overflow:hidden;
text-align:center;
}


.rightmiddle01 dl{
margin-top:0.5rem;
width:50%;
float:left;
height:10.4rem;
overflow:hidden;
text-align:center;
}
.rightmiddle01 dl dt{
height:6.4rem;
background-image:url(productby.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:auto 100%;
}
.rightmiddle01 dl dt img{
height:6rem;
margin-top:0.2rem;
}
.rightmiddle01 dl dd{
line-height:1rem;
height:5rem;
padding:0.2rem 0.5rem 0rem 0.5rem;
font-weight:bold;

}
.rightmiddle01 dl dd h2{
font-size:0.7rem;
height:2rem;
line-height:1rem;
overflow:hidden;
text-align:center;
}








.jiange{
margin-top:0.5rem;
margin-bottom:0.5rem;
}


.prenews{
height:1.5rem;
line-height:1.5rem;
margin-top:1rem;
}
.nextnews{
height:1.5rem;
line-height:1.5rem;

}

.tag{
color:#BDBDBD;
font-size:0.6rem;
text-align:center;
}
.productimage{
text-align:center;
}
.productimage img{
width:100%;
}
.productcontent{
clear:left;
}
.productintro{
text-align:center;
line-height:1.5rem;
padding-top:0.5rem;
}
.productintro img{
margin-bottom:0.5rem;
}
.pre{
background-image:url(pre1.jpg);
background-repeat:no-repeat;
background-position:left 0.6rem;
background-size:auto 35%;
height:2rem;
line-height:2rem;
padding-left:2.8rem;
margin-top:0.5rem;
margin-bottom:0.5rem;
border-bottom:0.05rem #f4f4f4 dotted;
overflow:hidden;
background-color:#F9F9F9;
}
.next{
background-image:url(next1.jpg);
background-repeat:no-repeat;
background-position:left 0.6rem;
background-size:auto 35%;
height:2rem;
line-height:2rem;
padding-left:2.8rem;
margin-top:0.5rem;
margin-bottom:0.5rem;
border-bottom:0.05rem #f4f4f4 dotted;
overflow:hidden;
background-color:#F9F9F9;
}

.prenext dl dt{
height:1.5rem;
line-height:1.5rem;
background-color:#BABABA;
border:1px #CCCCCC solid;
padding-left:0.5rem;
margin-bottom:0.1rem;
overflow:hidden;
}
.prenext dl dd{
height:1.5rem;
line-height:1.5rem;
background-color:#BABABA;
border:1px #CCCCCC solid;
padding-left:0.5rem;
margin-bottom:0.5rem;
overflow:hidden;
}


.title1{
height:2rem;
line-height:2rem;
color:#083EAB;
font-size:0.8rem;
font-weight:bold;
border-bottom:0.05rem #CCCCCC solid;
}
.content1 ul{
width:100%;
list-style-position:outside;
}
.content1 ul li{
width:49%;
height:9.5rem;
float:left;
overflow:hidden;
display:inline;
margin-left:1%;
margin-top:0.5rem;
text-align:center;
}
.content1 ul li img{
height:8rem;
}
.content1 ul li a{
text-align:center;
font-size:0.6rem;
}
.content1 ul li .dask1{width:100%; padding-top:0.2rem;}
.content1 ul li .dask1 p{text-align:center;}
.newslist{
height:2rem;
line-height:2rem;
background-image:url(newsbiao.jpg);
background-repeat:no-repeat;
background-position:0.1rem 0.8rem;
text-align:right;
border-bottom:0.1rem #CCCCCC dotted;
color:#666666;
}
.newslist a{
float:left;
padding-left:1rem;
display:block;
width:65%;
height:2rem;
overflow:hidden;
text-align:left;
color:#050505;
}
.newslist a:hover{
text-decoration:underline;
color:#FF0000;
}

.input{
border:0px;
background-image:url(searchby.jpg);
background-repeat:no-repeat;
background-size:auto 100%;
height:2rem;
width:9rem;
padding-left:0.5rem;
color:#898890;
font-size:0.5rem;
}
.submit{
height:2rem;
}
.newstitlea{
height:1.5rem;
border-bottom:0.05rem #cccccc solid;
text-align:right;
height:1.5rem;
clear:both;
width:100%;
margin:0px auto;
}
.newstitlea h1{
font-size:0.7rem;
float:left;
color:#666666;
}
.newstitlea a{
color:#666666;
}


}