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

/*不大于768px的设备尺寸中 响应式布局的特定样式*/
body{
background-color:#fff;
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{ 
width:100%;
position:fixed;
z-index:100; 
top:0;
background-color:#FFFFFF;
filter:alpha(opacity=90);  
-moz-opacity:0.9;  
-khtml-opacity: 0.9;  
opacity: 0.9;
}

.logo{ 
width:75%; 
height:3rem; 
float:left;
}
.logo a{
display:block;
width:100%; 
height:3rem;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
background-position:0.5rem center;
background-size:auto 68%; 
}
.nav{
width:15%; 
height:2.4rem;
float:right;
padding-top:0.6rem;
text-align:right;
padding-right:10%;
}
.nav img{
cursor:pointer;
}
.navigation-v3{ 
width:55%; 
padding-top:3rem; 
display:none;
margin-left:45%;
border-radius:0.3rem;
background:url(../images/menu_ulbg.png) no-repeat 76% 2.8rem;

}
.yuanjiao{
width:100%; 
background-color:#830203; 
border-radius:0.8rem;
}
.navigation-v3 a{ 
font-size:12px; 
text-align:center; 
line-height:1.8rem; 
height:1.8rem; 
border-bottom:1px dotted #A80202;
display:block;
color:#FFFFFF;
}
a.xbk{
border:0px;
}
.top a{
display:none;
}
.pic img{
width:100%;
}
.fr{
width:100%;
}
.fr ul li{
display:none;
}
.layout{
width:100%;
}

.main .return1{width:100%;background:#31b5dc;overflow:hidden; margin-top:0.5rem;}
.main .return1 li{float:left; width:50%;text-align:center; padding:0.5rem 0rem;}
.main .return1 li a{color:#fff;border-bottom:0.05rem solid transparent}
.main .return1 li a.active,.main .return li a:hover{border-color:#fff;}

.main-new .desc{padding:0.5rem}
.main-new .desc h2{ font-weight:bold; text-align:center; font-size:0.8rem;}
.main-new .desc p.ti{text-align:center;}
.main-new .desc .back{}
.main-new .desc .back p{padding:0.5rem 0rem;}

.main .return{width:100%;background:#31b5dc;overflow:hidden; margin-top:0.5rem;}
.main .return li{text-align:center; padding:0.5rem 0rem;}
.main .return li a{color:#fff;border-bottom:0.05rem solid transparent}
.main .return li a.active,.main .return li a:hover{border-color:#fff;}

.new{
padding:0.5rem 0rem;
}

.gk{
padding:0.5rem 0rem;
}
.gk img{
width:100%;
clear:both;
}
.gk dl{
margin:0.5rem 0rem;
}
.gk dl dt{
text-align:center;
}
.gk dl dt img{
width:70%;
}
.gk dl dd{
text-align:center;
line-height:1.5rem;
}
.gk dl dd h3{
font-weight:bold;
font-size:0.7rem;
padding-top:0.2rem;
}

.hjt{
padding:0.5rem 0rem;
font-weight:bold;
text-align:center;
}


.sl a{
display:block;
width:50%;
float:left;
margin:0.5rem 0rem;
}
.k{
text-align:center;
}
.k h4{
font-size:0.7rem;
}
.copyright{
text-align:center;
padding:0.5rem 0rem;
background-color:#f4f4f4;
}

.banner img{
height:8rem;
margin-top:3rem;
overflow:hidden;
width:100%;
}
.location{ background-color:#31b5dc;color:#FFFFFF; padding:0.5rem;}
.location a{color:#FFFFFF;padding-left:0.5rem; padding-right:0.5rem;}

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

#flash{width:100%;overflow:hidden;height:10rem;clear: both;position:absolute;padding:0px 0px;}
#flash a {display:none;}
#flash img {width:100%;height:10rem; 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%;
}
.class1{
width:23%;
height:1.5rem;
line-height:1.5rem;
float:left;
cursor:pointer;
border-radius:0.3rem;
background-color:#666666;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.class2{
width:23%;
height:1.5rem;
line-height:1.5rem;
float:left;
cursor:pointer;
border-radius:0.3rem;
background-color:#1977BD;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

.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{
margin-top:0.5rem;
padding-top:0.5rem;
padding-bottom:0.5rem;
color:#FFFFFF;
background-color:#0168B7;
text-align:center;
}






.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;
}

.lis{
display:none;
}
.main{
width:96%;
margin:0 auto;
}
.main3{
width:96%;
margin:0 auto;
}







.product h2{
font-size:1rem;
text-align:center;
height:1.5rem;
line-height:1.5rem;
padding-bottom:1rem;
}
.title{
padding:0.5rem 0rem;
background-color:#F4F4F4;
margin-top:0.5rem;
margin-bottom:0.5rem;
}
.title h3{
font-size:0.9rem;
text-align:center;
}


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

.content{

clear:left;
}




#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;
}
.newstitle{
height:2rem;
line-height:2rem;
border-bottom:0.05rem #cccccc solid;
text-align:right;
}
.newstitle h2{
float:left;

font-size:0.7rem;
}
.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{
padding:0.5rem;
text-align:center;
color:#FFFFFF;
background-color:#31b5dc;
clear:both;
}
.pages a{
color:#FFFFFF;
}


.clear{
clear:both;
}

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

.cons ul{
width:50%;
float:left;
}
.cons ul li{
width:100%;
}
.cons ul li a{
display:block;
width:100%;
}
.left{
text-align:center;
}
.right{
text-align:center;
padding:0rem 0.2rem;
}
.left img{
height:6rem;
}
.right h3{
font-size:0.7rem;
height:2.8rem;
overflow:hidden;
line-height:1.2rem;
padding-top:0.2rem;
}
.right p{
height:3.8rem;
overflow:hidden;
line-height:1.2rem;
}
.right span{
display:none;
}

.cons{
width:100%;
}

.c1{
display:none;

}


.lefttop{
font-size:0.9rem;
text-align:center;
font-weight:bold;
height:3rem;
line-height:3rem;
border-bottom:0.1rem #CCCCCC solid;
}
.leftmiddle{
}
.leftbottom{
display:none;
}
.contact{
display:none;
}
.leftnav_big{
height:1.5rem;
line-height:1.5rem;
width:49%;
background:#3598DB; 
-moz-border-radius:0.5rem;
-webkit-border-radius:0.5rem;
border-radius:0.5rem;
text-align:center;
float:left;
font-size:0.6rem;
margin-top:0.5rem;
margin-left:1%;
}
.leftnav_big a{
color:#FFFFFF;
}
.leftnav_big_select{
height:1.5rem;
line-height:1.5rem;
width:49%;
background:#ff0000; 
-moz-border-radius:0.5rem;
-webkit-border-radius:0.5rem;
border-radius:0.5rem;
text-align:center;
float:left;
font-size:0.6rem;
margin-top:0.5rem;
margin-left:1%;

}
.leftnav_big_select a{
color:#FFFFFF;
}


.righttitle{
height:3rem;
line-height:3rem;
border:1px #CCCCCC solid;
background-image:url(righttitle.jpg);
background-repeat:no-repeat;
background-position:0.5rem center;
background-size:auto 50%;
padding-left:2.5rem;
overflow:hidden;
}
.rightcontent{
padding-top:1rem;
padding-bottom:1rem;
}
.rightcontent img{
width:100%;
}
.rightcontent h1{
font-size:0.8rem;
text-align:center;
color:#083EAB;
}
.rightcontent dl{
margin-top:0.5rem;
margin-bottom:0.5rem;
}
.rightcontent dl dt img{
height:15rem;
width:100%;
}
.rightcontent dl dd{

}
.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%;
}
.prenext{

}

.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;
}
.search{
width:100%;

margin-bottom:0.5rem;
}
.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;
}


}