@charset "utf-8";
body{margin:0;padding:0;}
td,div{font-size:14px;color:#444; line-height:25px;}
a{color:#333;text-decoration:none;}
a:hover{color:#f30;}
.clear{clear:both;}
.dis{display:none;}
.w{width:1000px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}

@media (min-width: 1200px) {

body{ min-width:1240px;}

#head{ width:100%; height:105px; position:fixed; top:0; z-index:10000; background:#F1F1F1; box-shadow:0px 10px 15px #D9D9D9;}
.head{ width:1200px; height:105px; margin:0 auto;}
.logo{ float:left; width:250px; height:85px; padding:10px 0;}
.logo img{ width:250px; height:85px; border:0;}
.menu{ float:right; height:105px; margin-left:100px;}
.menu ul{ margin:0; padding:0; list-style:none;}
.menu ul li{ float:left; margin:0 15px; height:105px; text-align:center; line-height:105px;}
.menu ul li a{ display:block; font-family:"微软雅黑"; font-size:16px; color:#333333;}
.menu ul li:hover a{ color:#FEDB3E;}
.menu ul .hover a{ color:#FEDB3E;}
.tel{ float:left; width:250px; height:105px; display:none;}
.tel p{ margin:0; padding:0; list-style:none;}
.tel p:nth-child(1){ display:none;}
.tel p:nth-child(2){ height:105px; line-height:105px; font-family:"微软雅黑"; font-size:24px; color:#FF0000; text-align:right;}
.top{ width:100%; height:105px; clear:both;}

.banner_nav{ width:100%;}
.banner{ width:100%;}
#banner{ width:100%; border:0;}
.swiper-button-prev{ }
.nav{ width:230px; height:450px; position:relative; z-index:99;}
.nav ul{ margin:0; padding:0; list-style:none;}
.nav ul li{ width:130px; height:40px; background:url(../images/nav.png) no-repeat center; padding:5px 50px;}
.nav ul li img{ float:left; width:40px; height:40px; border:0;}
.nav ul li:hover{ background:url(../images/nav.jpg) no-repeat center;}
.nav ul li div{ float:left; width:70px; height:40px; margin-left:20px; line-height:40px; font-family:"微软雅黑"; font-size:14px; color:#FFFFFF;}

.fuwu{ width:1216px; height:180px; margin:0 auto; margin-top:30px;}
.fuwu ul{ margin:0; padding:0; list-style:none;}
.fuwu ul li{ float:left; width:290px; height:180px; margin:0 7px;}
.fuwu ul li:hover{box-shadow:0 15px 15px #D9D9D9;}

.tuijian{ width:1200px; margin:0 auto; margin-top:20px;}
.tj_title{ height:50px; line-height:50px; font-family:"微软雅黑"; font-size:18px; color:#000000;}
.tuijian ul{ margin:0; padding:0; list-style:none;}
.tuijian ul li{ float:left; width:210px; height:240px; margin:0 5px; padding:10px; background:#F6F6F6;}
.tuijian ul li img{ width:210px; height:170px; border:0;}
.tuijian ul li p{ margin:0; padding:0; list-style:none; height:40px; line-height:40px; text-align:center;}
.tuijian ul li p a{ display:block; font-family:"微软雅黑"; font-size:16px; color:#000000;}
.tuijian ul li div{ width:140px; height:30px; margin:0 auto;}
.tuijian ul li div a{ display:block; float:left; width:60px; height:30px; text-align:center; line-height:30px; margin:0 5px; color:#FFFFFF;}
.tuijian ul li div a:nth-child(1){ background:#748299;}
.tuijian ul li div a:nth-child(2){ background:#FF0000;}
.tuijian ul li:hover{box-shadow:0 15px 15px #D9D9D9;}
.tuijian ul li:nth-child(1){ border-top:2px solid #FFCC00;}
.tuijian ul li:nth-child(2){ border-top:2px solid #FFAB14;}
.tuijian ul li:nth-child(3){ border-top:2px solid #83C44E;}
.tuijian ul li:nth-child(4){ border-top:2px solid #2196F3;}
.tuijian ul li:nth-child(5){ border-top:2px solid #FFCC00;}

.pro_tj{ width:1200px; margin:0 auto; margin-top:20px;}
.tj_title{ height:50px; line-height:50px; font-family:"微软雅黑"; font-size:18px; color:#000000;}
.pro_tj dl{ margin:0; padding:0; list-style:none;}
.pro_tj dl dt{ float:left; width:210px; height:240px; margin:0 5px; padding:10px; background:#FFFFFF;}
.pro_tj dl dt img{ width:210px; height:170px; border:0;}
.pro_tj dl dt p{ margin:0; padding:0; list-style:none; height:40px; line-height:40px; text-align:center;}
.pro_tj dl dt p a{ display:block; font-family:"微软雅黑"; font-size:16px; color:#000000;}
.pro_tj dl dt div{ width:140px; height:30px; margin:0 auto;}
.pro_tj dl dt div a{ display:block; float:left; width:60px; height:30px; text-align:center; line-height:30px; margin:0 5px; color:#FFFFFF;}
.pro_tj dl dt div a:nth-child(1){ background:#748299;}
.pro_tj dl dt div a:nth-child(2){ background:#FF0000;}
.pro_tj dl dt:hover{box-shadow:0 15px 15px #D9D9D9;}
.pro_tj dl dt:nth-child(1){ border-top:2px solid #FFCC00;}
.pro_tj dl dt:nth-child(2){ border-top:2px solid #FFAB14;}
.pro_tj dl dt:nth-child(3){ border-top:2px solid #83C44E;}
.pro_tj dl dt:nth-child(4){ border-top:2px solid #2196F3;}
.pro_tj dl dt:nth-child(5){ border-top:2px solid #FFCC00;}

.index_lm{ width:100%; background:#F6F6F6; padding-top:40px;}
.index_auto{ clear:both; width:1200px; margin:0 auto; margin-bottom:30px;}
.index_auto_title{ clear:both; height:50px;}
.index_auto_title p{ margin:0; padding:0; list-style:none; float:left; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:18px; color:#000000;}
.index_auto_title a{ display:block; float:right; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:14px; color:#000000;}
.index_auto ul{ margin:0; padding:0; height:220px; list-style:none; clear:both;}
.index_auto ul li{ float:left; width:210px; height:200px; margin:5px; padding:10px; background:#FFFFFF;}
.index_auto ul li img{ width:210px; height:170px; border:0;}
.index_auto ul li div{ width:100%; height:30px; line-height:30px; margin:0 auto; text-align:center;}
.index_auto ul li:hover{box-shadow:0 15px 15px #D9D9D9;}
.index_auto ul li:hover div{ background:#FEDB3E; color:#FFFFFF;}

.index_video{ width:1200px; height:380px; margin:0 auto;}
.index_video_title{ clear:both; height:50px;}
.index_video_title p{ margin:0; padding:0; list-style:none; float:left; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:18px; color:#000000;}
.index_video_title a{ display:block; float:right; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:14px; color:#000000;}
.index_video ul{ margin:0; padding:0; height:300px; list-style:none; clear:both;}
.index_video ul li{ float:left; width:270px; height:280px; margin:0 5px; padding:10px; background:#FFFFFF;}
.index_video ul li img{ width:270px; height:220px; border:0;}
.index_video ul li div{ width:100%; height:30px; line-height:30px; margin:0 auto; text-align:left; overflow:hidden;}
.index_video ul li p{ margin:0; padding:0; list-style:none; height:20px; line-height:20px; padding-left:35px; background:url(../images/video.png) no-repeat left center;}
.index_video ul li:hover{ box-shadow:0 15px 15px #D9D9D9;}

.index_huodong{ clear:both; width:1200px; height:580px; margin:0 auto; margin-bottom:30px; padding-top:50px;}
.index_hd_title{ clear:both; padding:0 10px; height:50px;}
.index_hd_title p{ margin:0; padding:0; list-style:none; float:left; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:18px; color:#000000;}
.index_hd_title a{ display:block; float:right; height:50px; line-height:50px; font-family:"微软雅黑"; font-size:14px; color:#000000;}
.index_huodong ul{ margin:0; padding:0; list-style:none; margin-top:20px;}
.index_huodong ul li{ float:left; width:380px; height:470px; margin:0 10px; background:#FFFFFF; box-shadow:0 15px 15px #D9D9D9;}
.index_huodong ul li .index_hd_top{ width:380px; height:310px; overflow:hidden;}
.index_huodong ul li .index_hd_top img{ width:380px; height:310px; border:0; position:relative; z-index:98;}
.index_huodong ul li .index_hd_top p{ margin:0; padding:0 20px; list-style:none; width:340px; height:45px; line-height:45px; font-family:"微软雅黑"; font-size:16px; color:#FFFFFF; background:#000000; position:absolute; z-index:99; margin-top:-45px; opacity:0.5;}
.index_huodong ul li .index_hd_center{ width:340px; height:75px; overflow:hidden; line-height:25px; padding:20px;}
.index_huodong ul li .index_hd_bottom{ width:340px; height:30px; padding:0 20px; line-height:30px; text-align:right;}
.index_huodong ul li .index_hd_bottom a{ font-family:"微软雅黑"; font-size:14px; color:#000000;}

#foot{ width:100%; height:200px; padding-top:65px; background:#333333;}
.foot{ width:1200px; height:200px; margin:0 auto;}
.foot_left{ float:left; width:480px; height:200px;}
.foot_left div{ height:50px; font-family:"微软雅黑"; font-size:22px; color:#FFFFFF;}
.foot_left ul{ margin:0; padding:0; list-style:none; height:70px;}
.foot_left ul li{ height:35px; line-height:35px; padding-left:35px;}
.foot_left ul li:nth-child(1){ background:url(../images/foot_contact_1.png) no-repeat left center; font-family:"微软雅黑"; font-size:18px; color:#FF0000;}
.foot_left ul li:nth-child(2){ background:url(../images/foot_contact_2.png) no-repeat left center; font-family:"微软雅黑"; font-size:14px; color:#FFFFFF;}
.foot_left ul li:nth-child(1) span{ font-family:"微软雅黑"; font-size:14px; color:#FFFFFF;}
.foot_left dl{ margin:0; padding:0; list-style:none; width:360px; height:40px;}
.foot_left dl dt{ float:left; width:180px; height:40px; line-height:40px; text-align:left; font-family:"微软雅黑"; font-size:14px; color:#FFFFFF;}

.foot_center{ float:left; width:620px; height:200px;}
.foot_center div{ height:50px; font-family:"微软雅黑"; font-size:22px; color:#FFFFFF;}
.foot_center p{ margin:0; padding:0; list-style:none; width:500px; height:100px; text-align:left; line-height:25px; overflow:hidden; font-family:"微软雅黑"; font-size:14px; color:#FFFFFF;}

.foot_right{ float:left; width:100px; height:200px;}
.foot_right div{ height:50px; font-family:"微软雅黑"; font-size:22px; color:#FFFFFF;}
.foot_right p{ margin:0; padding:0; list-style:none; width:100px; height:100px;}
.foot_right p img{ width:100px; height:100px; overflow:hidden; border:0;}

.banquan{ width:100%; height:80px; background:#666666; line-height:80px; text-align:center;}
.banquan a{ font-family:"微软雅黑"; font-size:14px; color:#FFFFFF; margin:0 5px;}

#position{ width:1200px; height:100px; line-height:100px; margin:0 auto; font-family:"微软雅黑"; font-size:14px; color:#000000;}
#position a{ font-family:"微软雅黑"; font-size:14px; color:#000000;}
#position a:hover{ color:#FF0000;}

.lm_title{ width:1200px; height:70px; padding:40px 0; margin:0 auto; border-bottom:2px solid #CCCCCC;}
.lm_title div{ width:1200px; height:40px; line-height:40px; text-align:center; font-family:"微软雅黑"; font-size:24px; color:#000000;}
.lm_title p{ margin:0; padding:0; list-style:none; height:30px; line-height:30px; text-align:center; font-family:"微软雅黑"; font-size:18px; color:#333333; text-transform:uppercase;}

.lm_page{ width:1100px; min-height:500px; padding:50px; margin:0 auto;}
.lm_page img{ max-width:100%;}

.lm_news{ width:1200px; margin:0 auto;}
.lm_news ul{ margin:0; padding:0; list-style:none;}
.lm_news ul li{ width:1200px; height:250px; margin-bottom:30px;}
.lm_news ul li .news_left{ float:left; width:310px; height:250px;}
.lm_news ul li .news_left img{ width:310px; height:250px; border:0;}
.lm_news ul li .news_right{ float:right; width:850px; height:250px;}
.lm_news ul li .news_right .news_title{ height:50px; line-height:25px; font-family:"微软雅黑"; font-size:18px; color:#000000; overflow:hidden;}
.lm_news ul li .news_right .news_hits{ height:30px; line-height:30px; padding-left:30px; background:url(../images/news.png) no-repeat left center; font-family:"微软雅黑"; font-size:14px; color:#CCCCCC;}
.lm_news ul li .news_right .news_intro{ height:150px; margin-top:10px; line-height:25px; overflow:hidden; font-family:"微软雅黑"; font-size:14px; color:#666666;}

.newsshow_title{ width:1200px; min-height:25px; line-height:25px; text-align:left; font-family:"微软雅黑"; font-size:18px; color:#000000; margin:0 auto;}
.newshow_info{ width:1200px; height:30px; line-height:30px; border-bottom:2px solid #CCCCCC; margin:30px auto;}
.newsshow_con{ width:1200px; margin:0 auto; padding:0; padding-bottom:30px;}
.newsshow_con img{ max-width:100%; border:0;}

.foot_menu{ display:none;}

.lm_video{ width:1200px; height:380px; margin:0 auto;}
.lm_video ul{ margin:0; padding:0; height:300px; list-style:none; clear:both;}
.lm_video ul li{ float:left; width:270px; height:280px; margin:5px; padding:10px; background:#F5F5F5;}
.lm_video ul li img{ width:270px; height:220px; border:0;}
.lm_video ul li div{ width:100%; height:30px; line-height:30px; margin:0 auto; text-align:left; overflow:hidden;}
.lm_video ul li p{ margin:0; padding:0; list-style:none; height:20px; line-height:20px; padding-left:35px; background:url(../images/video.png) no-repeat left center;}
.lm_video ul li:hover{box-shadow:0 15px 15px #D9D9D9;}

.pro_banner_m{ display:none;}

.lm_pro{ width:1200px; margin:0 auto;}
.pro_left{ width:1200px; height:auto; background:#FFFFFF; box-shadow:0 15px 15px #D9D9D9;}
.pro_left div{ width:1160px; height:60px; line-height:60px; padding:0 20px; background:#353535; font-family:"微软雅黑"; font-size:24px; color:#FFFFFF; text-transform:uppercase;}
.pro_left div span{ margin-left:10px;}
.pro_left ul{ margin:0; list-style:none; width:1200px; min-height:120px; padding:20px; margin-bottom:20px;}
.pro_left ul li{ float:left; width:220px; margin:10px; height:40px; border-bottom:1px solid #CCCCCC; line-height:40px; text-align:left;}
.pro_left ul li a{ display:block; font-family:"微软雅黑"; font-size:16px; color:#666666; padding:0 20px;}
.pro_left ul li:hover a{ border-bottom:1px solid #FFCC00; color:#FFCC00;}
.pro_left ul .hover a{ border-bottom:1px solid #FFCC00; color:#FFCC00;}

.pro_right{ width:1200px;}
.pro_banner{ width:860px; height:330px; margin-left:40px;}
.pro_banner img{ width:860px; height:330px; border:0;}
.pro_auto{ width:1200px; min-height:450px; margin:20px auto;}
.pro_auto ul{ margin:0; padding:0; list-style:none;}
.pro_auto ul li{ float:left; margin:20px 0; margin:20px; width:250px; height:310px; background:#F1F1F1; padding:5px;}
.pro_auto ul li img{ width:250px; height:200px; border:0;}
.pro_auto ul li div{ width:220px; height:50px; line-height:50px; overflow:hidden; padding:0 20px; font-family:"微软雅黑"; font-size:14px; color:#000000;}
.pro_auto ul li p{ margin:0; padding:0; list-style:none; width:240px; height:30px; margin:0 auto;}
.pro_auto ul li span{ display:block; float:left; width:100px; height:30px; margin:0 10px; font-family:"微软雅黑"; font-size:14px; text-align:center;}
.pro_auto ul li span:nth-child(1){ background:#FFCC00; color:#FFFFFF;}
.pro_auto ul li span:nth-child(2){ background:#FEE7BB; color:#EB7A28;}
.pro_auto ul li:hover{ box-shadow:0 15px 15px #D9D9D9;}

#goodsshow{margin:0;overflow:hidden;width:600px;}
#goodsshow img{border:0;}
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:594px;cursor:pointer;}
.shop_big img{ width:594px;}
#goodsshow .shop_plist{clear:both;width:594px;}
#prolist{width:550px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}

.show_pro{ width:1200px; margin:0 auto;}
.show_pro_left{ float:left; width:600px; min-height:520px;}
.show_pro_right{ float:right; width:550px; height:520px;}
.pro_biaoti{ width:550px; height:50px; line-height:25px; font-family:"微软雅黑"; font-size:24px; color:#000000;}
.pro_yanse{ width:550px; height:30px;}
.pro_yanse p{ float:left; margin:0; margin-right:30px; padding:0; list-style:none; width:150px; text-align:center; height:28px; line-height:28px; border:1px solid #CCCCCC;}
.pro_yanse p:nth-child(n+3){ display:none;}
.pro_tedian{ width:550px; height:80px; margin-top:50px; overflow:hidden;}
.pro_tedian p{ float:left; margin:0; margin-right:30px; margin-bottom:10px; padding:0 15px; list-style:none; min-width:50px; text-align:center; height:30px; line-height:30px; background:#999999; color:#FFFFFF;}
.pro_liangdian_t{ height:50px; font-family:"微软雅黑"; font-size:18px; color:#000000;}
.pro_liangdian{ width:540px; min-height:150px; clear:both; overflow:hidden;}
.pro_liangdian p{ float:left; margin:0; padding:0; list-style:none; width:160px; height:30px; background:url(../images/gou.png) no-repeat center left; padding-left:20px;}
.pro_lianxi{ width:550px; height:60px; text-align:center; line-height:60px;}
.pro_lianxi a{ display:block; font-family:"微软雅黑"; color:#FFFFFF; background:#E70012;}
.pro_lianxi a:nth-child(1){ float:left; width:390px; font-size:24px;}
.pro_lianxi a:nth-child(2){ float:right; width:140px; font-size:24px;}

#show_pro_sm{ width:100%; background:#F6F6F6;}
.show_pro_sm{ width:1200px; margin:0 auto; min-height:450px; padding:50px 0;}

.zzsc{ width:1200px; margin:0 auto; font-family:'微软雅黑';}
.zzsc .tab{ overflow:hidden; width:1200px; height:75px; background:#FFFFFF; box-shadow:0 15px 15px #D9D9D9;}
.zzsc .tab a{ display:block; float:left; text-decoration:none; color:#333; width:250px; height:75px; text-align:center; line-height:75px; font-size:24px;}
.zzsc .tab a:hover{ background:#3D6AF9; color:#fff; text-decoration:none;}
.zzsc .tab a.on{ background:#E64E3F; color:#fff; text-decoration:none;}
.zzsc .content{ overflow:hidden; padding:50px 0;}
.zzsc .content ul{ margin:0; padding:0; list-style:none;}
.zzsc .content li{ display:none;}

.zzsc .content li table{ border-collapse:collapse;}
.zzsc .content li table tr{}
.zzsc .content li table td{ word-break: break-all; border-width: 1px; border-style: solid; padding:10px 20px;}

.prozs_t{ height:50px; margin-bottom:30px;}
.prozs_t img{ height:50px; border:0;}

.prozs_n{ width:1200px; clear:both;}
.prozs_n img{ float:left; width:580px; height:387px; border:0; margin:10px;}

.prozs_p{ width:1200px; margin:30px auto; clear:both;}
.prozs_p img{ width:1200px; border:0;}

.jg{ height:30px;}



#mask_shadow {
  display: none;
  opacity: 0;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
}
#popup {
  display: none;
  opacity: 0; 
  position:absolute;
  z-index: 2;
  top: 50%;
  left:50%;
  width: 600px;
  height: 400px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
#popup .title {
  position: relative;
  width: 100%;
  height: 55px;
  background-color: #5bc0de;
  cursor: move;
}
#popup .title p {
  padding-left: 14px;
  line-height: 55px;
  color: #fff;
}
#popup .title span {
  position: absolute;
  top: 12px;
  right: 20px;
  width: 30px;
  height: 30px;
  color: #000;
  opacity: .2;
  font-size: 21px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #333;
}
#popup .title span:hover {
  opacity: .8;
}
#popup .cont { width: 560px; height:345px; padding:20px; background-color: #EDEDED;}
.xunjia{ width:560px; height:345px;}
#btn1 {
  margin: 0;
}



}

.form_inquiry{ width:100%; margin:0; padding:0; list-style:none;}
.inquiry{ width:100%; height:40px; clear:both; margin-bottom:20px;}
.inquiry .label{ float:left; width:30%; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:1.5em; color:#000000; text-align:right;}
.inquiry .enter{ float:left; width:60%; height:40px;}
.inquiry .enter input[type=text]{ width:90%; height:40px; line-height:40px; padding:0 5%;}
.inquiry .enter input[type=submit]{ width:45%; height:40px; border:0; text-align:center; line-height:40px; cursor:pointer;}

.lm_pic{ width:100%;}
.lm_pic img{ width:100%; border:0;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}