*{word-wrap:break-word;}body{background:#fff; font-size:12px; font-family:"微软雅黑", "宋体", Arial; }body,input,button,select,textarea,a{ color:#333;}textarea{resize:none;}body,ul,ol,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,.pr,.pc{margin:0;padding:0;}table{empty-cells:show;border-collapse:collapse;} 
ul{ list-style:none;}
a{ text-decoration:none;}
.wp{margin:0 auto;width:1000px; position:relative;}
#wp .wp{width:auto;}
img{border:0;}


#toptb{min-width:1200px;line-height:30px;}
#toptb a{float:left;padding:0 4px;height:28px;}#toptb a.showmenu{padding-right:15px;}#toptb a.hover{background-color:#FFF;}#toptb .pipe{float:left;display:none;}#hd{border-bottom:0 solid #DDD;background:#FFFFFF}#hd .wp{padding:10px 0 0;}.hdc{min-height:70px;}.ie6 .hdc{height:70px;}#hd h2{padding:0 20px 8px 0;float:left;}#space #hd h2{margin-top:0;}#hd .fastlg{padding-top:10px;}


#headnav{background:#FFF;height:90px;position:fixed;top:0;width:100%;z-index:100;left:0px;padding-bottom:0px;margin-top:0;border:none;_position:inherit;}
#toptb{min-width:1000px;background:#F5F5F5;height:28px;padding:6px 0;border:none;transition:all 0.4s;-webkit-transition:all 0.4s;}

.header{width:100%;height:166px;padding:0px; background:url(../images/topbg.png) repeat-x center top; z-index:1000; position:absolute; top:0; left:0;}



.hdr{width:100%;height:100px; }
.header_fake{height:180px;_height:0;_display:none;}

.hd_logo{ float:left; margin-top:8px;}
.hd_logo img{ width:236px;height:85px;}
.nav_box{width:100%;height:90px;overflow:visible;z-index:100;background:#FFF;}.nav_box .wp{}


.sjsousuo{ display:none; position:absolute; right:10px; top:10px; width:40px; height:40px;}
.sjsousuo a{ width:40px; height:40px; overflow:hidden; display:block; background:url(../images/sj/sousuo.png) no-repeat center center; background-size:100%; text-indent:-2000em;}

.indexp1{ position:absolute; left:-30px; top:140px; z-index:11}
.indexp2{ position:absolute; right:-50px; top:360px; z-index:11}


.topmenu{color:#0056cc; font-size:12px; width:400px; float:right; margin-top:8px; margin-right:20px;  font-family:Arial, Helvetica, sans-serif; text-align:right; }
.topmenu a{ color:#0056cc; text-decoration:none}
.topmenu a:hover{ color:#000;} 


.youce{ float:left; }

.xinlang{ position: absolute; right:190px; top:1px;}
.xinlang .pop{ position:absolute; top:33px; right:0; display:none; z-index:100000;}

.weixin{ position: absolute; right:150px; top:1px;}
.weixin .pop1{ position:absolute; top:33px; left:0; display:none; z-index:100000;}



.topbannner{ width:100%; height:300px; margin:0 auto; background-position:center center; margin-top:140px;}
.topbannner1{ width:100%; height:300px; margin:0 auto; background:url(../images/topbanner.jpg) no-repeat center center; margin-top:140px;}



#headnav.header_fixed{position:fixed;top:0;width:100%;height:50px;z-index:100;left:0px;padding-bottom:0px;margin-top:0;border:none;opacity:0.90;box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);-moz-box-shadow:0 0 3px rgba(0,0,0,.3);transition:all 0.4s;-webkit-transition:all 0.4s;_position:inherit;}.header_fixed #toptb{margin-top:-40px;}.header_fixed .header{padding:0;height:50px;}

.header_fixed .hd_logo{height:70px;}
.header_fixed .hdr{height:50px;}
.header_fixed .hd_logo img{height:70px!important;_width:125px;}
.header_fixed .nav{margin-top:0;height:50px; float:left;}
.header_fixed .nav li{height:54px;}
.header_fixed .nav li a{padding:13px 15px;}
.header_fixed .search{ margin-top:15px;}
.header_fixed .topmenu{ display:none;}



.search { position:absolute;top:42px;right:0px;width:280px;  height:30px;}
.searchInput {  position:absolute; left:0px; top:0; width:193px; background:url(../images/searchk.png) no-repeat; padding:0px 5px 0px 15px; line-height:30px;height:30px;  border:0; color:#999; font-weight:700; }
.searchBtn { position:absolute; right:0; top:0; width: 67px; cursor: pointer;line-height: 14px; height: 30px;  border:0; background:url(../images/search.png) no-repeat; text-indent:-2000em; overflow:hidden; border:0; }
.searchBtn:hover{background:url(../images/search1.png) no-repeat; }





.searcha1 { width:90%;  height:30px; margin:20px auto;}
.searcha1 .searchInput1 { float:left;width:80%;  padding:0px 1%; line-height:30px;height:30px;  border:1px solid #CCC; border-right:0px; color:#999; font-weight:700; }
.searcha1 .searchBtn1 {  float:left; width: 17%; cursor: pointer;line-height: 32px; height: 32px;  border:0; background:#ccc;  overflow:hidden; border:0; }
.searcha1 .searchBtn1:hover{ background:#19477b; color:#fff; }





.indexcontent{ width:1000px; height:100%; overflow:hidden; margin:20px auto 0px auto;}
.indexcontentleft{ float: left;}
.indexcontentright{  float: right;}

.titlebg{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.title span{ float:left; height:40px; line-height:40px; font-size:16px; color:#0056cc; margin-right:15px;}
.title p{float:left; height:40px; line-height:40px; font-size:14px; color:#0056cc; font-family:Arial, Helvetica, sans-serif;}
.titlebg .more{ float:right; height:40px; line-height:40px; font-size:12px;  }
.titlebg .more a{ color:#222; text-decoration:none;}
.titlebg .more a:hover{ color:#0056cc;}





.indexabout{ width:350px; height:100%; overflow:hidden; float:left;}


.indexaboutcont{ width:350px; height:295px; position:relative; background:url(../images/indexaboutditu.jpg) no-repeat left bottom;}
.indexaboutcont .neirong{  width:350px; height:132px;text-align:left; overflow:hidden; font-family:"微软雅黑", "宋体", Arial;line-height:22px; font-size:12px; color:#666; text-indent:2em;}




.indexproductmenuk{ width:260px; height:315px;}

.indexlefttitle{ width:225px; height:35px; padding-left:35px; background:url(../images/indexmenubg.gif) no-repeat;}
.indexlefttitle .titname{ width:100px; height:35px; line-height:35px; float:left; font-size:14px; color:#FFF; text-align:left;}
.indexlefttitle .more{  float:right; margin-right:10px; margin-top:9px;}
.indexlefttitle .more a{ display:block; width:36px; height:16px; overflow:hidden; text-indent:-2000em; background:url(../images/indexmore.png) no-repeat;}
.indexlefttitle .more a:hover{ background:url(../images/indexmore.png) no-repeat left -16px;}



.indexrighttitle{ width:315px; height:35px; padding-left:35px; background:url(../images/indexmenubgb1.gif) no-repeat;}
.indexrighttitle1{ width:685px; height:35px; padding-left:35px; background:url(../images/indexmenubgb2.gif) no-repeat;}
.indexrighttitle .titname{ padding-right:10px;height:35px; line-height:35px; float:left; font-size:14px; color:#FFF; text-align:left;}
.indexrighttitle .titenname{ padding-right:20px;height:35px; line-height:35px; float:left; font-size:12px; color:#f4ea00; text-align:left;}
.indexrighttitle .more{  float:right; margin-right:10px; margin-top:9px;}
.indexrighttitle .more a{ display:block; width:36px; height:16px; overflow:hidden; text-indent:-2000em; background:url(../images/indexmore.png) no-repeat;}
.indexrighttitle .more a:hover{ background:url(../images/indexmore.png) no-repeat left -16px;}






.indexpromenu{ width:260px; }
.indexpromenu ul{ list-style:none;}
.indexpromenu li{}
.indexpromenu li a{ display:block;width:190px; height:40px; line-height:40px; padding-left:30px; padding-right:40px; overflow:hidden; color:#666; font-size:14px; text-align:left; background:url(../images/indexmenubg2.gif) no-repeat;}
.indexpromenu li a:hover{ background:url(../images/indexmenubg2.gif) no-repeat left bottom; color:#0056cc;}

.jiange{ width:100%; height:10px; overflow:hidden; clear:both;}



.liebiao{ width:260px; margin-top:10px;}
.liebiao ul { list-style:none; margin-top:10px;}
.liebiao li{ margin-top:2px;}
.liebiao li a{ display:block; width:245px; height:26px; line-height:26px; overflow:hidden; padding-left:15px; background:url(../images/b1.png) no-repeat left top; color:#666; font-size:14px;}
.liebiao li a:hover{background:url(../images/b1.png) no-repeat left bottom; color:#0056cc;}






.indexvideo{overflow:hidden;width:370px; height:310px;}
.indexvideo a{ display:block; width:370px; height:310px; overflow: hidden;position:relative;}
.indexvideo a .videok{ width:370px; height:310px; background:url(../images/videobg.png) no-repeat;position:absolute; left:0; top:0px; z-index:99;}
.indexvideo a:hover .videok{background:url(../images/videobg.png) no-repeat left -310px;}
.indexvideo a img{}
.indexvideo a .tit{display:block; position:absolute; right:10px; top:8px; z-index:100; width:350px; height:25px; line-height:25px; color:#666; font-size:14px; text-align:right;}
.indexvideo a:hover .tit{ color:#000; }
.indexvideo a .videobtn{ width:150px; height:150px; background:url(../images/videobtn.png) no-repeat; position:absolute; top:65px; left:110px; z-index:10;}
.indexvideo a:hover .videobtn{ background:none}









.indexcontentpro{ width:1000px; height:100%; overflow:hidden; margin:20px auto;}




.indexpic{ width:720px; height:100%; overflow:hidden;  padding-bottom:20px;}
.indexpic ul{ list-style:none;width:720px; margin-top:20px;}
.indexpic li{ width:240px; height:160px;  float:left; margin-top:10px;}
.indexpic li a{ display:block; width:230px; height:160px; margin:0 auto 0 auto; position:relative;}
.indexpic li a .pick{  width:230px; height:160px;  position:absolute; left:0; top:0;overflow:hidden;-moz-box-shadow: 0 1px 5px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;-webkit-box-shadow: 0 1px 5px /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0.2) /*{global-box-shadow-color}*/;box-shadow: 0 1px 5px /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0.2) /*{global-box-shadow-color}*/;}
.indexpic li a:hover .pick{-moz-box-shadow: 0 1px 5px /*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;-webkit-box-shadow: 0 1px 5px /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0.5) /*{global-box-shadow-color}*/;box-shadow: 0 1px 5px /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0.5) /*{global-box-shadow-color}*/;}
.indexpic li a span{ position:absolute;left:0; bottom:0px; width:230px; height:30px; line-height:30px; overflow:hidden; color:#ddd; text-align:center; font-size:14px; background:rgba(0,0,0,0.6)}
.indexpic li a:hover span{ color:#fff; background:rgba(0,86,204,1)}
.indexpick {position:relative; overflow:hidden;width: 230px; height: 160px;}
.indexpick .jqthumb{ position:absolute; top:-1%; left:-1%;}



.indexnews{ width:350px; float:right;  position:relative;}
.indexnewsmore{ width:350px; height:125px; overflow:hidden;}
.indexnewsmore ul{ list-style:none; display:block;}
.indexnewsmore li{ width:350px; height:26px;}
.indexnewsmore li a{ display:block;width:330px; height:26px; padding-left:20px; overflow:hidden; line-height:25px; font-size:14px; background:url(../images/b1.png) no-repeat;color:#666;}
.indexnewsmore li a:hover{background:url(../images/b1.png) no-repeat left bottom;color:#0056cc;}

.indexnewsmore li a p{ display:block; float:left; width:15px; height:32px;  overflow:hidden; color:#9d0000;font-size:14px; font-family:"宋体"; }
.indexnewsmore li a .riqi{ float:right; width:75px; height:32px; line-height:32px; text-align:right; color:#666; font-size:12px; font-family:"微软雅黑", "宋体"; }
.liemore{ float:right; margin-top:5px;}
.liemore a{ display:block; width:95px; height:30px;  overflow:hidden; text-indent:-3000em; background:url(../images/liemore.gif) no-repeat center top;}
.liemore a:hover{ background:url(../images/liemore.gif) no-repeat center bottom;}



.tuijian { width:340px; height:145px; float:left; margin-left:5px;  position:relative;}
.tuijian a{ display:block; width:340px; height:150px; text-decoration:none;}
.tuijian a .pickuang{width:127px; height:96px; overflow:hidden; float:left; margin-top:10px;}
.tuijian a .pickuang .mask{width:127px; height:96px;   
     -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
   opacity:0; background:url(../images/mask.png) no-repeat center center;z-index:2; position:absolute; left:0; top:0;}
.tuijian a:hover .pickuang .mask{width:127px; height:96px;  
opacity:1;
	-moz-transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	transition-delay: 0.5s;
 background:url(../images/mask.png) no-repeat center center;}
 
.tuijian a img{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.tuijian a:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.tuijian a .tit{ width:350px; height:34px; line-height:34px; overflow:hidden; color:#333; font-size:16px; margin-top:5px;}
.tuijian a:hover .tit{ color:#0056cc;}
.tuijian a .xinxi{float:right; width:200px; height:30px; line-height:30px; color:#333; margin-top:3px;}
.tuijian a:hover .xinxi{ color:#0056cc;}
.tuijian a .xinxi .riqi{ float:right; width:80px; height:26px; line-height:26px; font-size:12px; text-align:right;}
.tuijian a .xinxi .cishu{float:left; width:90px; height:26px; line-height:26px; font-size:12px; text-align:left;}
.tuijian a .xinxi .more{ float:right;height:26px; line-height:26px; font-size:12px; text-align:left; color:#666666; font-family:Arial, Helvetica, sans-serif;}
.tuijian a:hover .xinxi .more{ color:#000;}
.tuijian a .jianjie{ width:200px; float:right; line-height:21px; height:84px; overflow:hidden; color:#333; font-size:12px;}
.tuijian a:hover .jianjie{ color:#0056cc;}

.tuijian a .jianjie1{ width:345px;line-height:21px; height:63px; overflow:hidden; color:#333; font-size:12px; margin-top:5px;}
.tuijian a:hover .jianjie1{ color:#0056cc;}








.kuaik{ width:1000px; height:100%; overflow:hidden; margin:10px auto;}
.kuaitit{ width:1000px;}
.kuaipic{ width:1000px; height:60px; overflow:hidden;}
.kuaipic ul{ list-style:none; width:1000px;}
.kuaipic li{ width:200px; height:60px; float:left; }
.kuaipic li a img{width:200px; height:60px; }






.footmenuk{ position:fixed; bottom:0; left:0; width:100%; height:70px; background:url(../images/footkuang.png) repeat-x; z-index:1000;}
.footmenu{ width:1100px; height:70px; margin:0 auto;}
.footmenu ul{}
.footmenu li{ float:left; min-width:180px; }
.footmenu li:hover{ background:url(../images/footkuang1.png) repeat-x;}
.footmenu li a{}




.footerkuang{background:url(../images/foot.gif) no-repeat center top;width:100%; height:180px; margin:0px auto 0px auto; clear:both;}
.footer{ width:1000px; margin:0 auto;}

.footer .dibumenu{  width:970px; height:40px; margin:0 auto; overflow:hidden;}
.footer .dibumenu ul{ list-style:none;width:980px;}
.footer .dibumenu li{ float:left; width:108px; margin-top:3px; background: url(../images/dibumenubg.gif) no-repeat center right;}
.footer .dibumenu li:last-child{ background:none; padding-left:0px;}
.footer .dibumenu li a{ display:block;width:96px; height:32px; line-height:32px; color:#666; font-size:14px; font-family:"微软雅黑", "宋体"; text-align:center;}
.footer .dibumenu li a:hover{ color:#000;}

.copyright { text-align: center; width:980px; height:100%; margin-left:auto; margin-right:auto; padding-top:10px;}
.copyright p{ line-height:24px; font-family:"微软雅黑", "宋体", Arial;color:#333}
.copyright a{ color:#333;}
.copyright a:hover{ color:#333; text-decoration:underline;}


@media (max-width:1000px) {
	.footer{ width:100% ; }
	.footer .dibumenu{ width:96%; }
	.footer .dibumenu ul{ width:100%;}
	.copyright { width:96%;}
	}






.pagecontentkuang{ width:1000px; height:100%; position:relative;  margin:0px auto 00px auto; background:url(../images/bg.jpg) no-repeat left bottom; overflow:hidden; padding-bottom:30px;}
.pagecontentleft{ float:left; width:210px;  height:100%; }
.pagecontentcenter{ float:right; width:780px; overflow:hidden; height:100%;  }
.pagecontentright{ float:right; width:200px; height:100%;overflow:hidden;  }
.pagecontent{ width:100%; margin-bottom:20px;}
.pagecontent p{ line-height:24px;}

.pagecontent img{border:0;
margin:0;
padding:0;
max-width:780px;
width: expression_r(this.width > 780 && this.width > this.height ? 780px : ‘auto’;);}




.englishname{ width:230px;  height:60px; line-height:60px; padding:0px 10px; overflow:hidden;  background:url(../images/footkuang.png) repeat-x; color:#FFF; font-size:24px; font-family:"微软雅黑", "宋体";  position:absolute; top:-60px; left:0px; z-index:10000;}


.prointro{ width:98%; height:100%; overflow:hidden; padding:1%; background:#eee; margin:10px auto;}
.prointro .prodesc{ width:520px; float:right; line-height:24px; margin-right:10px;}
.prointro .prodesc .leftk{ width:90px; float:left; text-align:right;}
.prointro .prodesc .rightk{ width:420px; padding-left:10px; float:right;}

.neiyepropick{position:relative; overflow:hidden;width:220px; height: 165px; float:left; }
.neiyepropick .jqthumb{ position:absolute;  top:-1%; left:-1%;}



.pagecontentbanner{ width:1022px; height:160px; background:#ccc; float:right;border-radius:3px; overflow:hidden;}


.breadcrumb {font-size: 14px; padding-bottom: 10px; color: #0056cc; padding-top: 0px;width:100%; border-bottom:1px solid #0056cc;line-height:30px; margin-bottom:20px; margin-top:30px; text-align:right; }
.breadcrumb a{color: #0056cc; text-decoration: none}
.breadcrumb a:hover {color: #000000; text-decoration: underline}




.gtitle{ width:100%; line-height:40px; font-size:24px;  color:#000; font-family:"微软雅黑", "宋体", Arial; text-align:center;}
.neirongbiao{ width:100%; line-height:30px; height:30px; margin:10px 0px 20px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#555; text-align:center;}





.leftkuang{ width:100%; margin-top:16px;}
.leftkuangtit{ width:100%; height:34px; line-height:34px; border-bottom:1px solid #CCC; text-align:left; color:#666; font-size:14px; font-weight:700;}
.leftkuang ul{ list-style:none; margin-top:10px;}
.leftkuang li{ width:100%; height:26px; line-height:26px; overflow:hidden;}
.leftkuang li a{ height:26px; line-height:26px; color:#555;}
.leftkuang li a:hover{color:#ff0000;}










.liepro{ width:100%; height:100%; overflow:hidden; margin:10px 0px; padding-bottom:10PX;}
.liepro .tit{ width:376px; height:30px; background:#b49266; }
.liepro .tit .biaoti{ width:100px; padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:700; color:#fff; float:left;}
.liepro .tit .biaotix{width:80px; height:30px; line-height:30px; font-size:14px; color:#fff; float:left; margin-left:5px;font-family:Arial;}
.liepro .tit .more{ float:right;}
.liepro .tit .more a{ display:block; width:56px; height:30px; line-height:30px; text-align:center; color:#666; font-size:14px;}
.liepro .tit .more a:hover{ text-decoration:underline;}


.liepro ul{ width: 110%; }
.liepro li{ float:left; width:260px; height:180px;  overflow:hidden;margin-top:20px; }
.liepro li a{ display:block; width:250px; height:180px; position:relative;}
.liepro li a:hover{ }
.liepro li a img{ display:block;}
.liepro li a:hover img{}
.liepro li a .pick{ position:absolute; width:250px; height:180px; }
.liepro li a:hover .pick{ } 
.liepro li a span{ position:absolute; left:0; bottom:0px; background:rgba(0,0,0,0.7); z-index:10;display:block; width:230px; height:30px; line-height:30px; font-size:14px; color:#ddd; text-align:center; overflow:hidden; padding:0 10px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.liepro li a:hover span{color:#fff; background:rgba(0,86,204,1);-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.liepro li a .jiage{ width:200px; height:30px; line-height:30px; text-align:left; margin-left:15px;font-family:"微软雅黑", "宋体", Arial; font-size:16px; color:#333;}
.liepro li a:hover .jiage{ color:#fff;}
.liepro li a .jiage .ziti{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;}
.protupian{position:relative; overflow:hidden;width:250px; height: 180px;}
.protupian .jqthumb{ position:absolute;  top:-1%; left:-1%;}




.liepro1{ width:100%; height:100%; overflow:hidden; margin:10px 0px; padding-bottom:10PX;}
.liepro1 ul{ width: 110%; }
.liepro1 li{ float:left; width:390px; height:240px;  overflow:hidden;margin-top:20px; margin-left:3px;}
.liepro1 li a{ display:block; width:380px; height:240px; position:relative;}
.liepro1 li a:hover{ }
.liepro1 li a img{ display:block;}
.liepro1 li a:hover img{}
.liepro1 li a .pick{ position:absolute; width:380px; height:240px; }
.liepro1 li a:hover .pick{ } 
.liepro1 li a span{ position:absolute; left:0; bottom:0px; background:rgba(0,0,0,0.7); z-index:10;display:block; width:360px; height:30px; line-height:30px; font-size:14px; color:#ddd; text-align:center; overflow:hidden; padding:0 10px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.liepro1 li a:hover span{color:#fff; background:rgba(0,86,204,1);-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.liepro1 li a .jiage{ width:200px; height:30px; line-height:30px; text-align:left; margin-left:15px;font-family:"微软雅黑", "宋体", Arial; font-size:16px; color:#333;}
.liepro1 li a:hover .jiage{ color:#fff;}
.liepro1 li a .jiage .ziti{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;}
.protupian1{position:relative; overflow:hidden;width:380px; height: 240px;}
.protupian1 .jqthumb{ position:absolute;  top:-1%; left:-1%;}






.lievideo{ width:100%; height:100%; overflow:hidden; margin:10px 0px; padding-bottom:10PX;}

.lievideo ul{ width: 110%; }
.lievideo li{ float:left; width:260px; height:240px; margin-top:20px;margin-left:3px;}
.lievideo li a{ display:block; width:250px; height:240px; position:relative;}
.lievideo li a:hover{ }
.lievideo li a img{ display:block;}
.lievideo li a:hover img{}
.lievideo li a .pick{ position:absolute; width:250px; height:240px; background:url(../images/picbg2.png) no-repeat; z-index:9;}
.lievideo li a:hover .pick{ background:url(../images/picbg2.png) no-repeat center -240px;} 
.lievideo li a span{ position:absolute; left:0; bottom:16px; z-index:10;display:block; width:230px; height:30px; line-height:30px; font-size:14px; color:#666; text-align:center; overflow:hidden; padding:0 10px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.lievideo li a:hover span{color:#fff;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.lievideo li a .jiage{ width:200px; height:30px; line-height:30px; text-align:left; margin-left:15px;font-family:"微软雅黑", "宋体", Arial; font-size:16px; color:#333;}
.lievideo li a:hover .jiage{ color:#fff;}
.lievideo li a .jiage .ziti{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;}











.lienews{ width:100%; height:100%; overflow:hidden; margin:10px 0px; padding-bottom:10PX;}
.lienews ul{}
.lienews li{ width:100%; height:100%; border-bottom:1px solid #ddd; margin-bottom:10px; overflow:hidden;padding-bottom:10px;}
.lienews li a{ width:100%;height:100%; }
.lienews li a span{ width:98%; padding-left:2%; background:url(../images/xinxibiao.gif) no-repeat left center; height:30px; overflow:hidden; line-height:30px; float:left; text-align:left; font-size:20px; color:#333;font-family:"微软雅黑", "宋体", Arial;}
.lienews li a:hover span{ background:url(../images/xinxibiao1.gif) no-repeat left center;}
.lienews li a p{ width:30%; height:30px;  float:left;}
.lienews li a p .riqi{ width:45%; float:left; height:30px; line-height:30px; font-size:12px; color:#666; text-align:left;}
.lienews li a p .cishu{ width:55%; float:right; height:30px; line-height:30px; font-size:12px; color:#666; text-align:right;}
.lienews li a .pick{ width:120px; height:80px; float:right; overflow:hidden;}
.lienews li a .pick img{ border:0;}
.lienews li a .desc{  margin-top:10px; text-align:left; line-height:26px; font-size:14px;text-indent:2em;  color:#666 }
.lienews li a .desc1{ width:630px;padding-right:20px; float:left; margin-top:10px; text-align:left; line-height:26px; font-size:14px; text-indent:2em;color:#666 }
.lienews li a:hover span,.lienews li a:hover p,.lienews li a:hover .desc,.lienews li a:hover .desc1{ color:#000;}







.liedown{ width:100%; height:100%; overflow:hidden; margin:10px 0px; padding-bottom:10PX;}
.liedown ul{}
.liedown li{ width:100%; height:100%; border-bottom:1px solid #ddd; margin-bottom:10px; overflow:hidden;padding-bottom:10px;}
.liedown li a{ width:100%;height:100%; }
.liedown li a span{ width:70%; height:30px; line-height:30px; float:left; text-align:left; font-size:20px; color:#333;font-family:"微软雅黑", "宋体", Arial; float:left;margin-left:15px;}
.liedown li a p{ width:30%; height:30px;  float:left;}
.liedown li a p .riqi{ width:45%; float:left; height:30px; line-height:30px; font-size:12px; color:#8a6125; text-align:left;}
.liedown li a p .cishu{ width:55%; float:right; height:30px; line-height:30px; font-size:12px; color:#8a6125; text-align:right;}
.liedown li a .pick{ width:150px; height:150px; float:left; overflow:hidden;}
.liedown li a .pick img{ border:0;}
.liedown li a .desc{ width:600px; float:left;   margin-top:10px; text-align:left; line-height:26px; font-size:14px;text-indent:2em;  color:#666; margin-left:15px; }
.liedown li a .desc1{ width:630px;padding-right:20px; float:left; margin-top:10px; text-align:left; line-height:26px; font-size:14px; text-indent:2em;color:#666 }
.liedown li a:hover span,.liedown li a:hover p,.liedown li a:hover .desc,.liedown li a:hover .desc1{ color:#0056cc;}
.liedown li a .downmenu{ display:block; width:155px; height:49px; text-indent:-3000em; overflow:hidden; float:left; margin-left:15px; margin-top:5px; background:url(../images/downmenu.gif) no-repeat;}
.liedown li a:hover .downmenu{  background:url(../images/downmenu.gif) no-repeat bottom left;}




.downmenuny a{ display:block; width:155px; height:49px; text-indent:-3000em; overflow:hidden; margin-left:15px; margin-top:15px; background:url(../images/downmenu.gif) no-repeat;}
.downmenuny a:hover {  background:url(../images/downmenu.gif) no-repeat bottom left;}



.aboutmenu{width:100%; height:100%; overflow:hidden; margin:10px 0px; padding-bottom:10PX;}
.aboutmenu ul{ list-style:none}
.aboutmenu li{ width:100%; height:100%; border-bottom:1px solid #ddd;  overflow:hidden;padding-bottom:15px;}
.aboutmenu li:last-child{ border-bottom:1px solid #fff;}
.aboutmenu li a{ width:100%;height:100%; }
.aboutmenu li a .aboutmenuk{ width:220px; height:165px; float:left; overflow:hidden; margin-top:10px; border:5px solid #FFF;-moz-box-shadow: 1px 1px 5px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;-webkit-box-shadow: 1px 1px 5px /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0.2) /*{global-box-shadow-color}*/;box-shadow: 1px 1px 5px /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0.2) /*{global-box-shadow-color}*/;}
.aboutmenu li a:hover .aboutmenuk{ border:5px solid #0056cc;-moz-box-shadow: 1px 1px 5px /*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;-webkit-box-shadow: 1px 1px 5px /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0.5) /*{global-box-shadow-color}*/;box-shadow: 1px 1px 5px /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0.5) /*{global-box-shadow-color}*/;}
.aboutmenu li a .biaoti{ float:right;width:520px;  margin-top:8px; text-align:left; line-height:30px; font-size:18px; font-weight:700;  color:#0056cc }
.aboutmenu li a .menujieshao{  float:right;width:540px; height:88px; overflow:hidden; margin-top:4px; text-align:left; line-height:22px; font-size:12px; text-indent:2em;color:#333 }
.aboutmenu li a .menuxinxi{  float:left;width:200px; height:35px;  line-height:35px;background:#eee; border-radius:0px 5px 5px 0px; margin-top:10px; text-align:center; font-size:18px; color:#333}
.aboutmenu li a:hover .biaoti,.aboutmenu li a:hover .menujieshao{ color:#000;}
.aboutmenu li a:hover .menuxinxi{ background:#0056cc; color:#FFF;}




/*上下篇样式*/
.pageNavi1 {WIDTH:100%; margin-left:auto; margin-right:auto;height: 50px;  TEXT-ALIGN: left; margin-top:30px; color:#555; border-top:1px solid #CCC; padding-top:10px;}
.pageleft,.pageright{ height:25px; line-height:25px;}

/*列表分页样式*/
.pageNavi {WIDTH:100%; margin-left:auto; margin-right:auto;height: 50px;  TEXT-ALIGN: center; margin-top:30px; color:#000}
.wp-pagenavi {margin: 0px auto; padding-top:15px}
.wp-pagenavi a {
	 padding:5px 7px; MARGIN: 2px; TEXT-DECORATION: none; color:#fff;  background:#0056cc;
}

.wp-pagenavi a:hover {
	color:#fff;   background:#000;
}

.wp-pagenavi span,.wp-pagenavi span.pages {
	 padding:4px 6px; MARGIN: 2px; TEXT-DECORATION: none; color:#fff; background:#0056cc;
}
.wp-pagenavi span.extend {
	 padding:4px 6px; MARGIN: 2px; TEXT-DECORATION: none; color:#fff; background:#0056cc;
}
.wp-pagenavi span.current {
	 padding:4px 6px; MARGIN: 2px; TEXT-DECORATION: none; color: #fff;  background:#000;
}


.wp-pagenavi span .onm{ color:#000;}

.wp-pagenavi .dangqianye{  padding:5px 7px; MARGIN: 2px; TEXT-DECORATION: none; color:#000; background:#de9d00;}







/*内容分页样式*/
.pages {WIDTH:100%; margin-left:auto; margin-right:auto;height: 50px;  TEXT-ALIGN: center; margin-top:30px; color:#000}

.pages a {
	 padding:5px 7px; MARGIN: 2px; TEXT-DECORATION: none; color:#fff;  background:#0056cc;
}

.pages a:hover {
	color:#fff;   background:#de9d00;
}

.pages span,.pages span.pages {
	 padding:4px 6px; MARGIN: 2px; TEXT-DECORATION: none; color:#666; background:#0056cc;
}
.pages span.extend {
	 padding:4px 6px; MARGIN: 2px; TEXT-DECORATION: none; color:#666;  background:#0056cc;
}
.pages span.current {
	 padding:4px 6px; MARGIN: 2px; TEXT-DECORATION: none; color: #fff;  background:#0056cc;
}


.pages span .onm{ color:#000;}

.pages .dangqianye{  padding:5px 7px; MARGIN: 2px; TEXT-DECORATION: none;color:#000; background:#de9d00;}




/*留言板*/



#gbooklist {width: 100%;text-align:center;}
#gbooklist .faq,#gbooklist .reply{text-align:left;width: 100%;word-wrap: break-word;word-break: break-all;}
#gbooklist .faq{margin-bottom:15px;}
#gbooklist .faqtit,#gbooklist .faqcon{padding-left:5px;}
#gbooklist .faqtit{color:#000;font-size:14px; font-weight:700; line-height:30px; border-bottom:1px solid #ccc;}
#gbooklist .reply{border: 1px dashed #999;width:98%;margin-bottom:10px;margin-left:5px;padding:3px;}

#faqbox {}
#faqbox .faqline{ line-height:2em; height:35px; text-align:left}
#faqbox .faqline .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}



.button_2{ display:block; width:200px; height:50px; line-height:50px; background: url(../images/yingping.jpg) no-repeat; color:#FFF; font-size:16px; font-family:"微软雅黑", "宋体"; text-align:center; text-indent:-2000em; margin:20px auto; }
.button_2:hover{  background: url(../images/yingping.jpg) no-repeat left bottom;;}


.indexpromenu li.indexfenleituijian{ display:none}


@media (max-width:1024px) {
	.wp{width:100%;}
	.topbannner{ height:180px; background-size: auto 180px !important;}
     .topbannner1{ height:180px;  background-size: auto 180px !important;}
	 
	 
	 .pagecontentkuang{ width:96%;}
.pagecontentleft{  width:20%; }
.pagecontentcenter{  width:77%;  }

.pagecontent img{border:0;
margin:0;
padding:0;
max-width:100%;
width: expression_r(this.width > 100% && this.width > this.height ? 100% : ‘auto’;);}


	 
.footer{  width:100%;}	



.indexcontent{ width:96%;}
.indexcontentleft{ width:26% !important;}
.indexcontentright{ width:72% !important;}

.indexproductmenuk{ width:100%;}
.indexlefttitle{ width:85%; padding-left:15%;}
.indexpromenu{ width:100%;}
.indexpromenu li a{ width:85%; padding-left:15%; padding-right:0px; }




.indexpic{ width:100%;}
.indexpic ul{width:100%; }
.indexpic li{ width:33.333333333333%; }
.indexpic li a{ width:96%; height:160px;}
.indexpic li a .pick{  width:100%; }
.indexpic li a span{  width:100%;}
.indexpic li a:hover span{ color:#fff; background:rgba(0,86,204,1)}
.indexpick {position:relative; overflow:hidden;width:100%; height: 160px;}

.indexabout,.indexnews{ width:49%}


.liebiao{ width:100%;}
.liebiao li a{ width:90%; padding-left:10%; }




.kuaik{ width:96%;}
.kuaitit,.kuaipic{width:100%;}

 

.liepro ul{ width:100%;}
.liepro li{  width:33.33333333333333%; height:180px;margin-top:15px; }
.liepro li a{ width:100%;}
.liepro li a span{ width:90%; padding:0 1%; margin-left:4%}
.protupian{width:92%; height: 180px; margin-left:4%}


.liepro1 ul{ width:100%;}
.liepro1 li{  width:48%; height:240px; margin:15px 1% 0px 1%;}
.liepro1 li a{ width:100%;}
.liepro1 li a span{ width:98%; padding:0 1%; }
.protupian1{width:100%; height: 240px; }



.neiyepropick{width:33%; height: 165px;  }
.prointro .prodesc{ width:65%; margin:0;}
.prointro .prodesc .leftk{width: 22%;}
.prointro .prodesc .rightk{ width:78%; padding:0;}





#newBridge .nb-icon-wrap{ width:10% !important; height: 8%  !important;}
#newBridge .nb-icon-wrap-0 .nb-icon-wrap-base{ background-size:80% !important; border-radius:5px; z-index:9999}

.indexaboutcont,.indexaboutcont img,.indexaboutcont .neirong{ width:100%; height:auto;}
.pickuang{ display:none}
.indexrighttitle{ width:90%; padding-left:10%;} 
.tuijian,.tuijian a{ width:100%;height:auto; margin-left:0px;}

.tuijian a .jianjie{ width:100%; height:auto}
	}
	
	

@media (max-width:768px) {
	.header{ background:none; height:60px;}
	.hdr{ height:60px;}
	 .topmenu{ display:none}
	 .hd_logo { position:absolute; left:50%; margin-left:-63px; top:0px;}
	 .hd_logo img{ width:auto; height:45px;}
	 .search{ display:none;}
	 .sjsousuo{ display: block; }
	 
	 .footerkuang{height:100%; background:#eeeeee; padding-bottom:20px; border-bottom:10px solid #0157cd; border-top:1px solid #ccc;  }
	 .footer .dibumenu{width:94%;height: auto;}
	 .footer .dibumenu li{width: 12.5%;margin-top:3px;background: none;}
	 .footer .dibumenu li:first-child{ display:none}
	 .footer .dibumenu li a{ width:100%; line-height:26px; height:26px;}
	 
	 .copyright p{ line-height:22px;}
	 
	 
	 .topbannner{ height:140px; margin-top:60px; background-size: auto 140px !important;}
     .topbannner1{ height:140px; margin-top:60px; background-size: auto 140px !important;}
	 
	 .breadcrumb { padding-bottom: 0px; margin-top:0px;  }
	 
	 	 .pagecontentkuang{ width:92%; padding:0px 4% 100px 4%;    background: url(../images/sj/bg.jpg) no-repeat left bottom; background-size: 100% auto;}
.pagecontentleft{  width:100%; float:none;}
.pagecontentcenter{  width:100%; float:none; min-height:300px;}

.pagecontent p,.pagecontent p span{ font-size:16px !important;}


.lienews li{ padding-bottom:0px}
.lienews li a span{ width:96% !important; padding-left:4%; height:auto;background: url(../images/xinxibiao.gif) no-repeat left 5px;}
.lienews li a p{ width:96% !important; padding-left:4%;}


.aboutmenu li{ position:relative; padding-bottom:80px;}
.aboutmenu li a .aboutmenuk{ position:absolute; left:50%; margin-left:-115px;}
.aboutmenu li a .biaoti{ float:left; width:100%; clear:both; margin-top:200px; text-align:center} 
.aboutmenu li a .menujieshao{float:left; width:100%; height:auto; font-size:14px;}
.aboutmenu li a .menuxinxi{ position:absolute; left:50%; bottom:20px; margin-left:-100px;border-radius:5px;}



.liepro ul{ width:100%;}
.liepro li{  width:50%; height:180px;margin-top:15px; }
.liepro li a{ width:100%;}
.liepro li a span{ width:90%; padding:0 1%; margin-left:4%}
.protupian{width:92%; height: 180px; margin-left:4%}


.mobile-inner-header-icon{ display:block !important}

.indexcontent {margin: 0px auto 0px auto;}

.indexcontentleft {width: 100% !important; float:none;}
.indexproductmenuk{ position:relative; height:auto}
.indexproductmenuk .indexlefttitle{ display:none }

.indexpromenu li{ float:left; width:25%;}
.indexpromenu li a { width:100%;  padding-top:90%;background:url(../images/sj/indexmenu1.png) no-repeat center top; background-size:90% auto; font-size:13px;padding-left: 0%; text-align:center}
.indexpromenu li a:hover{background:url(../images/sj/indexmenu1.png) no-repeat center top;background-size:92% auto; }

.indexpromenu li.indexfenleituijian{ display:block;}
.indexpromenu li.indexfenleituijian a{background:url(../images/sj/indexmenu0.png) no-repeat center top;background-size:90% auto; }
.indexpromenu li.indexfenleituijian a:hover{background:url(../images/sj/indexmenu0.png) no-repeat center top;background-size:92% auto;}
.indexpromenu li.lanmu167 a{background:url(../images/sj/indexmenu1.png) no-repeat center top;background-size:90% auto; }
.indexpromenu li.lanmu167 a:hover{background:url(../images/sj/indexmenu1.png) no-repeat center top;background-size:92% auto;}
.indexpromenu li.lanmu168 a{background:url(../images/sj/indexmenu2.png) no-repeat center top;background-size:90% auto; }
.indexpromenu li.lanmu168 a:hover{background:url(../images/sj/indexmenu2.png) no-repeat center top;background-size:92% auto;}
.indexpromenu li.lanmu169 a{background:url(../images/sj/indexmenu3.png) no-repeat center top;background-size:90% auto; }
.indexpromenu li.lanmu169 a:hover{background:url(../images/sj/indexmenu3.png) no-repeat center top;background-size:92% auto;}
.indexpromenu li.lanmu170 a{background:url(../images/sj/indexmenu4.png) no-repeat center top;background-size:90% auto; }
.indexpromenu li.lanmu170 a:hover{background:url(../images/sj/indexmenu4.png) no-repeat center top;background-size:92% auto;}
.indexpromenu li.lanmu176 a{background:url(../images/sj/indexmenu5.png) no-repeat center top;background-size:90% auto; }
.indexpromenu li.lanmu176 a:hover{background:url(../images/sj/indexmenu5.png) no-repeat center top;background-size:92% auto;}
.indexpromenu li.lanmu177 a{background:url(../images/sj/indexmenu6.png) no-repeat center top;background-size:90% auto; }
.indexpromenu li.lanmu177 a:hover{background:url(../images/sj/indexmenu6.png) no-repeat center top;background-size:92% auto;}
.indexpromenu li.lanmu195 a{background:url(../images/sj/indexmenu7.png) no-repeat center top;background-size:90% auto; }
.indexpromenu li.lanmu195 a:hover{background:url(../images/sj/indexmenu7.png) no-repeat center top;background-size:92% auto;}


.sjtupian{ width:50% !important; float:left}
.sjtupian1{ width:50% !important; float:right}

.indexlefttitle{ width:100%; clear:both; background:none; padding-left:0; padding-top:10px; height:auto;border-bottom: 1px solid #eee;}
.indexlefttitle .titname{ height:50px; line-height:50px; width:100%; text-align:center;color:#000; font-size:24px;}
.indexlefttitle .more{  float:none; margin:0 auto; clear:both; width:40%;}
.indexlefttitle .more a{ width:100%; text-align:center; height:28px; line-height:28px; text-indent:0em; font-size:14px; color:#444; background:#eee;}
.indexlefttitle .more a:hover{ background:#0056cc; color:#fff;}


.liebiao li{ width:50%; float:left;}
.liebiao li a{ width:98%; margin:0 auto; padding-left:0; background:none; text-align:center; border:1px solid #eee; }
.liebiao li a:hover{background:none; color:#0056cc;border:1px solid #0056cc; }


.indexcontentright{ width:100% !important;}
.indexrighttitle{ width:100%; clear:both; background:none; padding-left:0; padding-top:10px; height:auto;border-bottom: 1px solid #eee;}
.indexrighttitle .titname{ height:50px; line-height:50px; width:49%; padding-right:1%; text-align:right;color:#000; font-size:24px;}
.indexrighttitle .titenname{ height:50px; line-height:60px; width:49%; padding-left:1%; padding-right:0; text-align:left;color:#000; font-size:18px;}
.indexrighttitle .more{  float:none; margin:0 auto; clear:both; width:40%;}
.indexrighttitle .more a{ width:100%; text-align:center; height:28px; line-height:28px; text-indent:0em; font-size:14px; color:#444; background:#eee;}
.indexrighttitle .more a:hover{ background:#0056cc; color:#fff;}

.indexpic li{ width:50%; }
.indexpic li a{ width:96%; height:160px;}

.indexabout,.indexnews{ width:100%}
.indexaboutcont{width: 100%;height:auto;position:relative;background:url(../images/indexaboutditu.jpg) no-repeat left bottom; text-align:center}
.indexaboutcont img{ margin:0 auto;}
.indexaboutcont .neirong{  width:100%; height:auto;font-size:16px; line-height:26px; }



.tuijian { width:100%; height:auto; float:none; margin-left:0px; margin-bottom:10px; }
.tuijian a{width:100%; height:auto;}
.tuijian a .pickuang{ display:none}
.tuijian a img{ display:none}
.tuijian a .tit{ width:100%; height:40px; line-height:40px; font-weight:700; font-size:18px; text-align:center}
.tuijian a .xinxi{float:none; width:100%; }
.tuijian a .xinxi .riqi{ float:right; width:47%; padding-right:3%; font-size:14px; }
.tuijian a .xinxi .cishu{float:left; width:47%; padding-left:3%; font-size:14px;}
.tuijian a .xinxi .more{ display:none}
.tuijian a .jianjie{ width:92%; float:none; line-height:21px; height:auto;  font-size:14px; border:1px solid #eee; border-radius:5px; padding:2%; margin:0 auto;}

.tuijian a .jianjie1{ width:92%; float:none; line-height:21px; height:auto;  font-size:14px; border:1px solid #eee; border-radius:5px; padding:2%; margin:0 auto;}



.indexnewsmore li{ width:100%; height:30px;}
.indexnewsmore li a{ display:block;width:94%; height:30px; padding-left:6%;line-height:30px; font-size:16px; background:url(../images/b1.png) no-repeat;color:#666;}
.indexnewsmore li a:hover{background:url(../images/b1.png) no-repeat left bottom;color:#0056cc;}

	}
	
	
@media (max-width:576px){
	
	.neiyepropick{float:none;margin: 0 auto 10px auto;width: 100%;height: 200px;}
	
	.prointro .prodesc{ float:none;margin: 0 auto;width:96%; margin:0;}
	.prointro .prodesc .leftk{width: 32%;}
.prointro .prodesc .rightk{ width:68%; padding:0;}

#faqbox .faqline ,#faqbox .Content { height: auto; margin-bottom:10px;}
#faqbox .faqline .faqtit,#faqbox .Content  .faqtit{  width:100% ; float:none; text-align:left; font-size:16px; }
#faqbox .Content textarea {width: 90%;}
	}
	
	
	@media (max-width:550px) {
		
		.footer .dibumenu li a{ font-size:12px;}
		
		
		.topbannner{ height:100px; margin-top:60px; background-size: auto 100px !important;}
     .topbannner1{ height:100px; margin-top:60px; background-size: auto 100px !important;}
	 
	 
	 .liepro li,.liepro li a{ height: 140px;}
	 .protupian{ height: 140px;}



.liepro1 li,.liepro1 li a{ height:180px;}
.protupian1{ height:180px; }


		}
		
		
	@media (max-width:450px) {
		
		.footer .dibumenu li{width: 24%; }
		.footer .dibumenu li a{ font-size:14px;}
		
		.topbannner{ height:80px; margin-top:60px; background-size: auto 80px !important;}
     .topbannner1{ height:80px; margin-top:60px; background-size: auto 80px !important;}
	 
	 .liepro li,.liepro li a{ height: 100px;}
	 .liepro li a span{ font-size:12px;}
	 .protupian{ height: 100px;}
	 
	 
	 .liepro1 li,.liepro1 li a{ height:140px;}
	 .liepro1 li a span{ font-size:12px;}
     .protupian1{ height:140px; }
	
	.indexpic li{  height:120px; }	
	.indexpic li a{  height:120px;}
	.indexpic li a .pick{  height:120px;}
		}	
		
	@media (max-width:370px) {
		
		.indexaboutcont img{ width:100%; height:auto}
		
	}