@charset "utf-8";
/* CSS Document */
/*this is css comment*/
body,p,ul,dl,dt,dd,ol,h1,h2,h3,h4,span,strong,img{ margin:0; padding:0}
img{ border:0; vertical-align:middle}
a{font-size:14px;color:#666;text-decoration:none;}
li{ list-style:none}
p{ text-indent:2em; font-size:13px}
/*css start*/
#warp{background:url(../images/bg_tiao.png) repeat-x;}
#middle{ width:1002px; margin:0 auto;}
#logo{ background:url(../images/bj.jpg) no-repeat; width:1002px; height:78px;}
#nav{ background:url(../images/nav_bg.jpg) repeat-x; height:44px; line-height:44px;text-align:center; padding:0 20px;}
.nav_li{zoom:1;}
.nav_li li{float:left;position:relative; _display:inline; text-align:center;}
.nav_li li a:hover{background:url(../images/nav_li.jpg) no-repeat  center; color:#000}
.nav_li li a{text-decoration:none; color:#fff;  display:block; outline:none}
.subnav{ width:102px; border:1px solid #999; position:absolute; z-index:9999;top:43px; left:0; display:none}
.nav_li li .subnav li{ width:102px; background:#3a444e; border-bottom:1px solid #999; float:left; margin:0; line-height:30px; height:30px;}
.nav_li li .subnav li a:hover{ background-color:#606f7d; background-image:none}
.nav_li li .subnav li a:hover{ color:#fff;}
#banner{width:1002px; /*height:239px;*/ z-index:-999;}
#banner .swiper-slide div {padding-top: 25%; background-size: cover; background-position: center; background-repeat: no-repeat;}
#main{overflow:hidden;zoom:1}
.mainleft{ width:220px; float:left;background:#49A9F6; margin-bottom:-3000px; padding-bottom:3000px; display:inline;}
.mainleft h1{width:220px; height:37px; text-indent:-99999px}
.prolist h1{background:url(../images/pro1.jpg) no-repeat; }
.mainleft{ background-color:#49A9F6}
.call p{ font-size:13px; line-height:23px; color:#FFF; text-indent:1em}
.call{ margin-top:15px; padding-bottom:136px}
.lianxi h1{ background:url(../images/lx.jpg) no-repeat; clear:both}
.mainright{ width:782px; float:right;background:#fff; margin-bottom:-3000px; padding-bottom:3000px; display:inherit;}
.index_about{background:url(../images/jian_bj.jpg) no-repeat; width:782px;padding-top:20px; overflow:hidden;zoom:1; }
.index_about p{ font-size:13px; width:600px; float:right; line-height:24px; display:block; padding:0 10px}
.about_bj{ float:left; padding-left:12px }
.ft{ clear:both;}
.pro_show{ margin-left:30px}
.pro_show h2{background:url(../images/pro.jpg) no-repeat; height:19px; margin:0 0 15px 10px;}
.pro_show h2 span{ float:right; margin-right:35px;}
.pro_show h2 span img{ margin-top:10px}
.pro_show ul li{ float:left; margin:0 0 13px 13px}
.pro_show ul li .img {width:166px; height:159px; border:1px solid #ccc;}
.pro_show ul li{width:166px; height:179px;  text-align:center}
.pro_show ul li p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-indent: 0;}
.pro_show ul{overflow:hidden;zoom:1}
#footer{ clear:both;background:url(../images/bt.jpg) no-repeat; width:1002px; height:67px;  margin:0 auto; padding-top:20px;}
#footer p,#footer p a{color:#FFF; font-size:13px; font-family:Verdana, Geneva, sans-serif}
#footer p a:hover{ text-decoration:underline}
#footer p span{ margin:0 5px}
.mainright h1{ font-size:13px; background:url(../images/lm.jpg) no-repeat; width:781px; height:38px; line-height:38px; font-weight:normal; text-indent:4em}
.mainright h1 a{ font-size:13px; color:#000}
.about span{ float:left; margin-left:45px}
.about,.chan_list{ margin-top:30px}
.about p{ line-height:24px; display:block; }
.about p a{ color:#000;}
.about p a:hover{ text-decoration:underline}
.about dl{ float:left; width:220px; margin-left:20px}
.about dl dt{ height:200px; text-align:center; border:1px solid #ccc}
.about dl dd{ text-align:center; font-size:13px; margin:10px 0}
.pro_shou{ margin-left:22px}
/*news con page05.html*/
.new_list{ width:700px; margin-left:20px; font-size:13px; margin:0 auto}
.new_list li{ background:url(../images/7.jpg) no-repeat left center; text-indent:2em; overflow:hidden;zoom:1; line-height:30px; display:block; border-bottom:1px dashed #ccc}
.new_list li a{ float:left; color:#222;width:370px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; font-size:13px}
.new_list li span{ float:right;}
/*fenye page*/
#page{ margin:50px auto;}
#page1{ margin:10px auto;}
.page{ margin:0 10px;}
.page a{ color:#fff; background:#aaa; width:43px; height:20px; margin:50 3px;  text-align:center; line-height:20px; display:inline-block;}
.page a:hover{background:#49A9F6;}
/*pro_xiang.html*/
.chan_list dl{ width:650px;overflow:hidden; margin:0 auto}
.chan_list dt{ float:left;}
.chan_list dd{ float:right; width:230px; margin-top:50px}
.chan_list p{ line-height:150%; margin-top:10px}
div#productquery{margin:0px 11px 10px 10px; text-align: center; float: left; }
div#productquery div.fang{padding: 3px; text-align: center; border: 1px solid #ccc; }
div#productquery div.picFit{ overflow: hidden; }
.picFit {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;
        /*设置水平居中*/
        text-align:center;
        /* 针对IE的Hack */
        *display: block;
        *font-size: 149px;
        *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
        width:118px;
        height:187px;
}
.xiangqing{ clear:both; width:700px; margin:0 auto; padding:20px 0}
.xiangqing h3{ font-size:15px}
/*newlist.html*/
#bg2{ border-top: 1px dotted #ccc; margin:30px 0; text-align:right; height:30px; padding-top:5px;}
.jiathis_style{ position: absolute; right:40px; top:25px;}
.news{ position:relative}
.news h3{ font-size:15px;}
#page1{  margin-top:15px; clear:both}
/*left nav*/
.prolist ul li.hide a{ background:url(../images/tb.jpg) no-repeat left center;margin-left:2px; padding-left:22px; color:#FFF; font-size:13px;}
.prolist ul li.hide{ background:url(../images/xian.jpg) no-repeat bottom ; line-height:30px;display:block;position:relative; }
.prolist ul{ margin:5px 0;}

.menu{ position:relative;}
.menu ul li a,.menu ul li a:visited {display:block;overflow:hidden; color:#505050; }
.menu ul li ul li{float:left;position:relative; background-color:#FD6303; width:130px; text-align:center; border-bottom:1px solid #FFF}
.menu ul li ul {display: none; margin:0}
.prolist .menu ul li.hide ul a{ color:#fff;margin-left:0; padding-left:0; background:none}
/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute; top:0; left:220px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:131px; top:0;}
/*music.html*/
.music_en{ overflow:hidden;zoom:1; width:680px; margin:0 auto;}
.mar20{ margin-top:30px}
.list li{ margin-top:10px}
.bla{ margin-top:30px}
.bla a{ font-size:12px;}
.pad10{padding:0 30px}
/*video.html*/
.tex{ overflow:hidden; margin:0 auto; width:750px}
/*videoxq.html*/
.next p{ margin-top:10px}
#wrapper #productquery{ margin-top:20px; margin-left:60px}
input{ border:1px solid #ccc;}
textarea{border:1px solid #ccc;}
.STYLE2{ font-size:13px}
/*APP map*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}