@charset "utf-8";
/* CSS Document */

html,body{-webkit-text-size-adjust:none;}
body{ width:100%;font-size:14px; font-family:"微软雅黑"; margin:0;padding:0;color: #666; line-height:24px;overflow-x: hidden;}
article,footer, header,nav,section{display:block;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
ul,li{list-style:none;margin:0;padding:0;}
img{ border:none; vertical-align: top;}
a{text-decoration:none;color:#666; }
a:hover{text-decoration:none;}
.clear {clear: both; height:0px;}
.fl{ float:left;} .fr{ float:right;}
.fl,.fr{display:inline;}
.cen{margin:0 auto;}
.mag{ margin-top:30px;}
.m20{ margin-top:20px;}
.m10{ margin-top:10px;}
.m15{ margin-top:15px;}
.m60{ margin-top:60px;}
.m80{ margin-top:80px;}
.pad{ padding-top:20px;}
.maf{ margin-left:19px;}
.center{ width:1200px; height:auto;}

.top{width:100%;height:40px;line-height:40px;font-size:12px;border-bottom: 1px solid #f1f1f1;}
.top font{ float:left;}
.top p{ float: right;}
.top p img{vertical-align: middle;}

.head{width:1200px; height:96px;overflow:hidden;margin:0px auto;position:relative;}
.logo{margin-top: 17px;}
.tel{padding-left: 63px;background: url(../images/tel.png)left no-repeat;height: 54px;margin-top: 20px;}
.tel .tel_p1 {font-size: 13px;color: #1c1c1c;height: 20px; line-height: 18px;}
.tel .tel_p2 {font-size: 30px; color: #fe8a01; height: 30px;line-height: 30px; font-family:Impact;}

.nav{height: 50px;background: #313131;}
.nav li{width: 133px;line-height: 50px;text-align: center;display: block;z-index: 11;float: left;position: relative;}
.nav li:first-child{background: none;}
.nav li a{display: block;font-size: 15px;color: #fff;}
.nav li a:hover, .nav li.hover a{background: #0078c4;}
.nav .subnav{background: #313131;}
.nav .subnav{position: absolute;left: 0px; z-index:199;opacity: 0;visibility: hidden;height: auto;overflow: hidden;width: 100%;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);}
.nav li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
.nav .subnav a{color: #fff;line-height: 45px;font-size: 14px;display: block;border-bottom: 1px solid rgba(170,170,170,.2);}
.nav .subnav a:hover{background: #0078c4;}

.banner{width: 100%; height:auto; position: relative;}
.banner .swiper-container{height:auto;}
.banner .swiper-container .swiper-slide{width: 100%; height: 100%;}
.banner .swiper-container .swiper-slide a{display: block; width: 100%; height: 100%;}
.banner .swiper-container .swiper-slide .item{width: 100%; height: 100%;}
.banner .swiper-container .swiper-slide .item img{ width:100%;}
.banner .swiper-container .swiper-pagination{bottom: 30px;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width: 44px; height: 6px; background:#000; opacity:1; border-radius: 0;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0078c4; opacity: 1;}

.prodc_tj{ width:100%; background:url(../images/tjbg.jpg) top no-repeat; padding-bottom:80px; overflow:hidden;}
.tit_bt{ text-align:center; line-height:60px; color:#FFF; font-size:26px; position:relative;}
.tit_bt:after{content:'';display:block;height: 3px;position:absolute;left:50%;  transform: translateX(-50%);top: 60px;width: 120px;background:#0078c4;transition:all .5s ease;}
.prodc_tj .picbox{position: relative;margin-top:30px;}
.prodc_tj .picbox li{float: left;width: 280px;overflow: hidden;text-align: center;margin-right: 26px;background:#252525;transition: all .5s;}
.prodc_tj .picbox li a p{color:#FFF;}
.prodc_tj .picbox li:hover{background: #0078c4;}
.prodc_tj .picbox li:hover a p{color: #fff;}
.prodc_tj .picbox .prev, .prodc_tj .picbox .next{display: block;position: absolute;top: 50%;margin-top: -38px;width: 32px;height: 76px;cursor: pointer;z-index: 1;}
.prodc_tj .picbox .prev{background: url(../images/prev.png) no-repeat 0 0;left: -40px;}
.prodc_tj .picbox .next{background: url(../images/next.png) no-repeat 0 0;right: -40px;}
.prodc_tj .picbox .picbox_list{width: 1200px;overflow: hidden;}
.prodc_tj .picbox li .img{overflow: hidden;}
.prodc_tj .picbox li .img img{width: 100%;}
.prodc_tj .picbox li p{width: 100%;height: 42px;line-height: 40px;font-size: 14px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s;}

.cpflbg{ width:100%; background:url(../images/flbg.jpg) top no-repeat; padding:40px 0; overflow:hidden;}
.pro_bt{text-align: center; display: block;position: relative;}
.pro_bt p{font-family: "arial";font-size:100px;color: #f4f4f4; text-transform: uppercase;line-height: 90px; font-weight: bold;}
.pro_bt dl{ display: block;position: absolute;left: 0;right: 0;margin: 0 auto;font-size:50px;  line-height: 50px; color: #333;top:33px; font-weight: bold;}
.pro_bt dl span{ color:#0078c4;}
.pro_bt i{ display: block;font-style: normal; font-size: 22px; line-height: 40px; font-style:normal;}

.cpfl{ margin-top:40px;}
.cpfl li{ float:left; width:224px; padding:20px 0; margin-right:20px; background:#FFF; box-shadow: 0 0 18px rgba(0,0,0,.1);}
.cpfl li dl{ width:180px; height:30px; line-height:30px; background:#0078c4; border-top-right-radius:15px; border-bottom-right-radius:15px; color:#FFF;}
.cpfl li dl dt{ float:left; background:#ff642e; width:30px; text-align:center; font-size:20px; font-weight:bold;}
.cpfl li dl dd{ float:left; margin-left:10px; font-size:16px;}
.cpfl li img{ width:100%;}
.cpfl li .more{ background:#ff642e; width:120px; text-align:center; height:30px; line-height:30px; margin:auto; border-radius:30px; color:#FFF;}
.cpfl li:hover .more{ background:#0078c4;}
.cpfl li:nth-child(5){ margin-right:0px;}

.aboutbg{ height:872px; background:url(../images/aboutbg.jpg) top no-repeat; overflow:hidden;}
.videobox{width: 520px;margin-top: 184px;margin-left: 38px; position:relative; cursor: pointer; }
.videobox:after{opacity:1;content:'';position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);background:url(../images/video.png) center no-repeat;background-size:cover;transition:.5s all ease}
.videos{ background:#000; display:none; position:fixed; left:0%; top:0%; z-index:1000; width:100%; height:100%;}
.videos video{ margin: 8% 24.8%;}
.videos video:focus {outline: -webkit-focus-ring-color auto 0px;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.about{margin-top: 187px;width: 608px;}
.abtit{ width: 378px;}
.abtit_1{ font-size:50px; text-transform:uppercase; font-style:italic; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#383838;}
.abtit_1 span{ font-size:18px; font-style:normal; font-family:"微软雅黑"; font-weight:normal; margin-left:10px;}
.abtit_2{margin-top: 7px;height:2px;background:#7f7f7f;}
.abtit_3{font-size:20px;color:#0078c4;font-weight:bold;letter-spacing:1px;margin-top: 13px;}
.about p{text-indent:2em;margin-top: 38px;font-size:16px;line-height:36px;width: 580px;text-align: justify; color:#333;}
.abmore{width:180px;height:50px;border:1px solid #dedede;text-align:center;line-height:50px;font-size:16px;position:relative;margin-top: 23px;}
.abmore a{ position:relative; z-index:999;}
.abmore:before{content: " ";height:100%;width:0px;background-color:#0078c4;position:absolute;left:0; top:0px;transition: width 0.5s ease; z-index:99;}
.abmore:hover:before{ width:100%; left:0; transition: all 0.5s;}
.abmore:hover a{ color:#FFF;}

.fuwu{ margin-top:40px;}
.fuwu li{ float:left; width:20%; text-align:center; font-size:30px; font-weight:bold; color:#000;}

.ysbg{ height:719px; background:url(../images/ysbg.jpg) top no-repeat; overflow:hidden;}
.ys{width: 500px;margin-top: 43px;}
.ystit{}
.ystit h2{font-size: 45px;font-weight:normal;font-style:italic;color:#000;}
.ystit h2 span{font-size: 70px;font-weight:bold;color:#0078c4;}
.ystit h3{color:#000;font-size: 26px;margin-top: 43px;font-weight: normal;}

.ys dl{ overflow:hidden; margin-top:42px;}
.ys dt{float:left;width: 44px;height:40px;background:#0078c4;position:relative; color:#FFF; text-align:center; line-height:40px; font-size:26px;}
.ys dt:before{width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #0078c4;position: absolute;right: -30px;top:0;transform: translate(-50%,0);content: "";z-index: 9}
.ys dd{float:left;margin-left: 35px; font-size:28px; color:#000; line-height:40px;}
.ys p{ font-size:17px; line-height:40px; color:#000; clear:both;}

.prodc{ padding:50px 0; overflow:hidden;}
.prodcbg1{ background:url(../images/prodcbg1.jpg) #eee top no-repeat;}
.prodcbg2{ background:url(../images/prodcbg2.jpg) #eee top no-repeat;}
.prodc .pro_bt p{ color:#FFF; opacity:.1;}
.prodc .pro_bt dl{ color:#FFF;}
.prodc .pro_bt dl span{ color:#FFF;}
.prodc .pro_bt i{ color:#FFF;}

.bigcp{ height:600px; background:url(../images/cpbg.jpg) center no-repeat; border-radius:30px; overflow:hidden; margin-top:50px; box-shadow: 0 0 18px rgba(0,0,0,.4);}
.bigcp_l{width:544px;margin: 180px 0 0 60px;}
.bigcp_l img{ width:100%;}

.bigcp_r{ margin-right:150px; text-align:right;}
.bigcp_r .more{ float:right; background:#fe0000; width:200px; height:80px; line-height:80px; text-align:center; font-size:20px; border-bottom-left-radius:30px; border-bottom-right-radius:30px;}
.bigcp_r .more a{ color:#FFF; display:block;}
.bigcp_r .more img{ margin-left:10px; vertical-align:middle; width:25px;}
.bigcp_r h2{ color:#0078c4; font-size:50px; line-height:60px; margin-top:40px;}
.bigcp_r p{ font-size:26px; color:#4c4d47; line-height:40px; margin-top:10px;}
.bigcp_r h3{ font-size:30px; color:#4c4d47; line-height:40px; margin-top:10px; font-weight:normal;}
.bigcp_r .heng{ width:340px; background:#0078c4; height:40px; line-height:40px; border-radius:40px; color:#FFF; font-size:20px; text-align:center; float:right; margin-top:20px;}
.bigcp_r ul{ float:right; width:270px; margin-top:30px;}
.bigcp_r li{ float:left; width:75px; text-align:center; font-size:18px; line-height:40px; color:#000; margin-right:20px;}
.bigcp_r li:nth-child(3){ margin-right:0px;}
.bigcp_r .bmore{ margin-top:40px;}
.bigcp_r .bmore a{ padding:8px 30px; background:#0078c4; border-radius:40px; color:#FFF; font-size:20px;}
.bigcp_r .bmore a:hover{ background:#ff642e;}
.index_prodc{ margin-top:60px;}
.index_prodc li{ float:left; width:386px; margin-right:20px; margin-top:30px;}
.index_prodc li:nth-child(3n){ margin-right:0px;}
.index_prodc li .img{ overflow:hidden;}
.index_prodc li img{ width:100%; border-top-left-radius:10px; border-top-right-radius:10px; transition: all 0.5s; }
.index_prodc .info{ background:#e5e5e5;  border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px; overflow:hidden; position:relative;}
.index_prodc .info:after{content:'';display:block;position:absolute;right: 30px;top: -40px;bottom:0;margin:auto 0;width:30px;height:9px;background:url(../images/jta.png) no-repeat left center;transition:all .3s ease;}
.index_prodc .info h2{ float:left; padding:5px 20px; background:#0078c4; border-radius:40px; font-weight:normal; font-size:18px; color:#FFF;}
.index_prodc .info h2 a{  color:#FFF;}
.index_prodc .info p{ clear:both; font-size:20px; color:#020202; line-height:50px;}
.index_prodc .info p a{ float:right; font-size:13px; color:#020202; border:1px solid #020202; padding:3px 10px; border-radius:5px; line-height:18px; margin-top:14px;}
.index_prodc li:hover .info p a{ color:#0078c4; border:1px solid #0078c4;}
.index_prodc li:hover .info:after{ background-position:right center;}
.index_prodc li:hover img{  transform: scale(1.1); }
.index_prodc li:hover .info h2{ background:#ff642e;}

.news{ overflow:hidden;}
.news li{ width:380px; float:left; text-align:left; margin-right:20px; margin-top:20px;position: relative;}
.news b{width: 380px;height:auto;overflow: hidden;display: block; border:1px solid #f2f2f2;}
.news img {width: 100%;display: block;}
.news em {display: block;width: 100px;height: 100px;background-color: #0000006e;text-align: center;font-size: 16px;color: #fff;font-family: "Arial";position: absolute;left: 0;top: 0; font-style:normal;}
.news em span {display: block;font-size: 60px;color: #fff;line-height: 50px;padding-top: 14px;}
.news time{ color:#666666; display:block; font-size:14px; display:block; line-height:40px;}
.news  a{display: block; text-decoration:none}
.news p{ font-size:13px; color:#666666; line-height:30px; margin-top:10px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.news span.title{ font-size:18px; color:#666666; border-bottom:#d0d0d0 solid 1px;width:380px; padding:15px 0; display:block}
.news li:hover span.title{ color:#0078c4}

.foot{ width:100%; height:222px; background:url(../images/footbg.jpg) top no-repeat; color:#FFF; font-size:15px; line-height:30px;}
.foot a{ color:#FFF;}
.foot_l{ width:50%; margin-top:50px;}
.foot_r{ width:50%; text-align:right; margin-top:50px;}

.banner-sub{height: 350px;background:url(../images/nbanner.jpg) no-repeat center / cover; color:#FFF; overflow:hidden;}
.banner-sub h3{ font-size:50px; font-weight:normal; line-height:70px; margin-top:120px;}
.banner-sub p{ font-size:18px;}
.p12-curmbs-1{font-size: 14px;border-bottom: 1px dashed #dcdcdc;height: 47px;line-height: 47px;}
.p12-curblock{display: none;}
.p12-curmbs-1 b{border-left: 10px solid #0078c4;font-weight: normal;padding-left: 8px;}
.p12-curmbs-1 i{font-style: normal;}
.p12-curmbs-1 span{font-family: '宋体';padding: 0 5px;height: 46px;line-height: 46px;} 

.left{width: 245px;}
.left .title{background: url(../images/bg5.jpg) no-repeat left;height: 102px;color: #fff;font-size: 20px;font-weight: bold;padding-right: 29px;}
.left .title h2{line-height: 102px;text-align: center;font-size: 20px;font-weight: bold;}
.left .title i{font-size: 20px;font-weight: bold;color: #fff;padding-left: 13px;padding-top: 2px;}
.left .bort9{border-top: 9px solid #007eb9;border-radius: 5px 5px 0px 0px;}
.left .bor9{border-bottom: 9px solid #eaeaea;}
.left .lefta{width: 245px;margin-bottom: 10px;}
.left .lefta .comt{background: #fff;}
.left .lefta .comt ul{border: 1px solid #ddd;}
.left .lefta .comt ul li a{background: #fff url(../images/tb9.png) 213px center no-repeat;border-top: 1px solid #eaeaea;line-height: 60px;height: 60px;display: block;padding-left: 25px;font-size: 14px;}
.left .lefta .comt ul li .box{padding: 10px 0px;display: none;}
.left .lefta .comt ul li .box a{height: 30px;line-height: 30px;display: block;color: #888;border: 0px;}
.left .lefta .comt ul li .box a:hover{color: #007eb9;background: none;}
.left .lefta .comt ul li:hover a, .left .lefta .comt ul li.hover a{background: #0078c4 url(../images/tb11.png) 213px center no-repeat;font-weight: bold;color: #fff}
.left .lefta .comt ul li.hover a{background: #0078c4 url(../images/tb11.png) 213px center no-repeat;font-weight: bold;color: #fff}
.left .lefta .comt ul li.hover .box a{background: none;font-weight: normal;}
.left .lefta .comt ul li.hover .box a.hover{color: #007eb9;font-weight: bold;}
.left .lefta .comt1 ul li a{background: #fff url(../images/jia.png) 213px center no-repeat;border-top: 1px solid #eaeaea;line-height: 60px;height: 60px;display: block;padding-left: 25px;font-size: 14px;}
.left .lefta .comt1 ul li .box{padding: 10px 0px;display: none;}
.left .lefta .comt1 ul li .box a{height: 30px;line-height: 30px;display: block;color: #888;border: 0px;}
.left .lefta .comt1 ul li .box a:hover{color: #007eb9;background: none;}
.left .lefta .comt1 ul li:hover a, .left .lefta .comt1 ul li.hover a{background: #0078c4 url(../images/jia1.png) 213px center no-repeat;font-weight: bold;color: #fff}
.left .lefta .comt1 ul li.hover a{background: #0078c4 url(../images/jian.png) 213px center no-repeat;font-weight: bold;color: #fff}
.left .lefta .comt ul li .boxlist{padding: 0;display: none;border: none;}
.left .lefta .comt ul li .boxlist li{line-height: 50px;background: #b1aeae;}
.left .lefta .comt ul li .boxlist li a{height: 40px;padding-left: 45px;color: #333;font-weight: normal;border-bottom: 0;line-height: 40px;background: #f6f6f6 url(../images/tb12.png) 26px center no-repeat;border-top: none;}
.left .lefta .comt ul li .boxlist li a:hover, .left .lefta .comt ul li .boxlist li a.hover{color: #0078c4;font-weight: bold}
.left .lefta .comt ul li.hover .boxlist{display: block;}

.leftlx{width: 219px;text-align: center;font-family: "Microsoft YaHei";font-size: 14px;padding: 10px;border: 2px solid #0078c4;margin: 10px 0;background: #fff;}
.leftlx h5{font-size: 16px; padding: 15px 0px;}
.leftlx .phone{ margin-bottom:10px;}
.leftlx .phone img{width: 40px; height: 40px; padding-bottom: 10px;}
.leftlx .phone p{font-weight: bold; font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #dedede; color: #333; text-align:center;}
.leftlx p{padding-top: 3px;line-height: 26px;text-align: left;}

.right{ width:930px;}
.artid{}
.artid h1{ font-size:18px; text-align:center; height:50px; line-height:50px; color:#333; border-bottom:1px solid #f1f1f1; }
.artid .data{ font-size:12px; text-align:center;  line-height:40px; overflow:hidden;}
.artid .data span{ margin:0 20px;}
.zaiyao{ display:block; color:#868686;font-weight:normal; background:#F5F5F5; border:1px solid #E5E5E5; margin-bottom:15px; padding:5px 15px; font-size:13px;}
.artid img{ max-width:100%;}

.p14-info-3{background: #f5f5f5;padding: 8px 20px;}
.p14-info-3-tit{height: 55px;font-size: 24px;font-weight: normal;line-height: 55px;color: #4b4a4a;}
.p14-info-3-list li h4{height: 46px;font-size: 14px;font-weight: normal;line-height: 46px;color:#4b4a4a;border-top: 1px dashed #dbdbdb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p14-info-3-list li h4 a{color:#4b4a4a;}
.p14-info-3-list li h4 span{float: right;}
.p14-info-3-list li:hover a{ color:#0078c4;}

.p14-pagination-1-href{float: right;font-size: 16px;line-height: 32px;}
.p14-pagination-1-href span{display: inline-block;padding: 0 15px;margin-left: 4px;background: #0078c4;}
.p14-pagination-1-href a{display: block;color: #fff;}
.p14-pagination-1-key{min-height: 40px;border-top: 1px solid #0078c4;font-size: 14px;line-height: 40px;color:#575556;}
.p14-pagination-1-key a{color:#575556;}
.p14-pagination-1-key span{display: inline-block;margin: 0 4px;}
.p14-pagination-1-key:hover a{ color:#0078c4;}

.news_list dl{border: 1px solid #dedede;margin-bottom: 15px;padding: 22px 50px 22px 22px;background: #fff;overflow: hidden;}
.news_list dt{width: 29.5%;float: left;margin-right: 5.8%;}
.news_list dt img{width:100%;display: block;}
.news_list dd h4{height: 40px;font-weight: normal;font-size:18px;color: #154c64;line-height: 40px;margin-bottom: 5px;overflow: hidden;}
.news_list h4 a{display: block;height: 40px;color: #4b4a4a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list dl:hover{border:1px solid #0078c4;}
.news_list dl:hover h4 a{color: #0078c4;}
.p14-infolist-1-list-desc{max-height: 72px;font-size: 14px;line-height: 24px;color: #797979;margin-bottom: 28px;overflow: hidden;}
.p14-infolist-1-list-deta{width: 90px;height: 30px;line-height: 30px;text-align: center;display: block;float: right;background: #b6b6b6;color: #fff;}
.p14-infolist-1-list-deta a{color:#fff;}
.news_list dl:hover .p14-infolist-1-list-deta{background: #0078c4;border-color: #0078c4;}
.news_list dl:hover .p14-infolist-1-list-deta a{color: #fff;} 

.prodc_list{}
.prodc_list li{float:left;width: 294px;margin-right:20px; margin-bottom:20px;border: 1px solid #dedede;border-radius: 10px;}
.prodc_list li:nth-child(3n){ margin-right:0px;}
.prodc_list li .img{ overflow:hidden;}
.prodc_list li img{ width:100%; border-top-left-radius:10px; border-top-right-radius:10px; transition: all 0.5s; }
.prodc_list .info{ background:#e5e5e5;  border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px; overflow:hidden; position:relative;}
.prodc_list .info:after{content:'';display:block;position:absolute;right: 30px;top: -40px;bottom:0;margin:auto 0;width:30px;height:9px;background:url(../images/jta.png) no-repeat left center;transition:all .3s ease;}
.prodc_list .info h2{ float:left; padding:5px 20px; background:#0078c4; border-radius:40px; font-weight:normal; font-size:18px; color:#FFF;}
.prodc_list .info h2 a{  color:#FFF;}
.prodc_list .info p{ clear:both; font-size:20px; color:#020202; line-height:50px;}
.prodc_list .info p a{ float:right; font-size:13px; color:#020202; border:1px solid #020202; padding:3px 10px; border-radius:5px; line-height:18px; margin-top:14px;}
.prodc_list li:hover .info p a{ color:#0078c4; border:1px solid #0078c4;}
.prodc_list li:hover .info:after{ background-position:right center;}
.prodc_list li:hover img{  transform: scale(1.1); }
.prodc_list li:hover .info h2{ background:#ff642e;}

.prodc_lists{}
.prodc_lists li{float:left;width: 296px;margin-right:20px; margin-bottom:20px;}
.prodc_lists li:nth-child(3n){ margin-right:0px;}
.prodc_lists li .img{ overflow:hidden;}
.prodc_lists li img{ width:100%;  transition: all 0.5s; }
.prodc_lists .info{ background:#e5e5e5; text-align:center; overflow:hidden; position:relative;}
.prodc_lists .info h2{font-size: 16px;line-height: 50px;font-weight: normal;}
.prodc_lists .info h2 a{ display:block;}
.prodc_lists li:hover a{ color:#0078c4;}
.prodc_lists li:hover img{  transform: scale(1.1); }

.prodetailsinfo{ margin-bottom: 20px;}
.prodetailsinfo .photo{width: 410px;position: relative;}
.prodetailsinfo .photo .jqzoom{width: 410px;height: 380px;overflow: hidden;position: relative;padding: 0px;cursor: pointer;}
.prodetailsinfo .photo .img{width: 500px; height: 375px; display: block;}
.prodetailsinfo .photo .bigimg{width: 408px;height: 306px;border: 1px solid #ddd;display: block;position: relative;overflow: hidden;}
.prodetailsinfo .photo .bigimg .list{width: 1000%; position: relative;}
.prodetailsinfo .photo .bigimg .list li{width: 408px;height: 306px;float: left;}
.prodetailsinfo .photo .bigimg .list img{width: 100%; height: 100%; display: block; transition: all ease 300ms;}
.prodetailsinfo .photo .photoimg{width: 410px;height: 62px;padding-top: 10px;position: absolute;left: 0;bottom: 0;}
.prodetailsinfo .photo .photoimg .list{width: 352px;overflow: hidden;position: relative;margin: 0 auto;}
.prodetailsinfo .photo .photoimg .listcon{width: 300%; position: relative;}
.prodetailsinfo .photo .photoimg .listcon li{width: 64px;cursor: pointer;display: block;float: left;margin-right: 8px;}
.prodetailsinfo .photo .photoimg .listcon li img{border: 1px solid #ddd; width: 62px; height: 48px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.prodetailsinfo .photo .photoimg .listcon li:hover img, .prodetailsinfo .photo .photoimg .listcon li.on img{border-color: #0078c4;}
.prodetailsinfo .photo .photoimg .prev, .prodetailsinfo .photo .photoimg .next{width: 25px; height: 50px; z-index: 10; position: absolute; top: 10px; cursor: pointer; background: #ddd url(../images/pn.png) no-repeat; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.prodetailsinfo .photo .photoimg .prev:hover, .prodetailsinfo .photo .photoimg .next:hover{background-color: #0078c4;}
.prodetailsinfo .photo .photoimg .prev{left: 0px; background-position: 0 center;}
.prodetailsinfo .photo .photoimg .next{right: 0px; background-position: -25px center;}
.prodbaseinfo_a{float: right; width: 495px; margin-left: 16px; z-index: 1;}
.h2_prodtitle{font-size: 22px; color: #0078c4; padding: 0 0 10px; line-height: 1.6em; border-bottom: 1px dashed #DCDCDC;}
.ul_prodinfo{padding: 6px 0; overflow: hidden; zoom: 1;}
.ul_prodinfos{padding: 6px 15px; overflow: hidden; zoom: 1; background: #f3f3f3; font-size: 14px; font-weight: bold;}
.ul_prodinfos li{font-size: 20px; float: left; height: 65px; line-height: 65px; color:#0078c4;}
.ul_prodinfos li.li_weight{float: right;}
.ul_prodinfo li{font-size: 15px;padding: 6px 0;text-align: justify;height:35px;overflow: hidden;line-height:35px;}
.li_normalprice{line-height: 24px;}
.propar a{text-align: center;display: block;width: 128px;height: 50px;margin: 7px auto;font-size: 18px;line-height: 50px;color: #fff;background: #0078c4;}
.cpright .propar a{text-align: center; display: block; width: 128px; height: 50px; margin: 7px auto; font-size: 18px; line-height: 50px; color: #fff; background: #0078c4;}

.mod_goods_info{clear: both;margin-bottom: 10px;position: relative;background-color: #eee;height: 65px;}
.mod_goods_info .hds{height: 65px;_overflow: hidden;}
.mod_goods_info .hds li{float: left;cursor: pointer;}
.mod_goods_info .hds li h3{display: block;width: 128px;height: 65px;line-height: 65px;text-align: center;font-size: 18px;border-bottom: 0;font-weight: normal}
.mod_goods_info .hds li h3 a{color: #666;font-weight: normal;text-decoration: none;outline: none}
.mod_goods_info .hds .on{height: 62px;line-height: 62px;border-top: 3px solid #0078c4;position: relative;}
.mod_goods_info .hds .on h3{height: 62px;line-height: 58px;background-color: #fff;color: #0078c4}
.mod_goods_info .hds .on h3 a{color: #076EBB;font-weight: bold}

.neirong{font-size: 14px; line-height: 28px; text-align: justify; overflow : hidden;}
.neirong p{color: #414141}


.eynews{width: 100%; margin-top: 20px; float: left;}
.eynews h4{padding-left: 12px; height: 36px; line-height: 36px; color: #0078c4; font-weight: normal; border-bottom: 1px solid #0078c4; font-size: 18px;}
.commend{width:214px; overflow: hidden; float: left; margin: 23px 19px 0 0;  padding: 1px; border: 1px solid #ccc;}
.commend:nth-child(4){margin-right: 0;}
.commend dt{width:100%;}
.commend dt a{display: block; width:100%;}
.commend dt img{width:100%;}
.commend dd{font-size: 14px; line-height: 30px; text-align: center; overflow: hidden;}
.commend:hover{border: 1px solid #0078c4;}
.commend:hover a{ color:#0078c4;}






.newsshow_xg{ margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;line-height:20px;padding:10px 0px 0px; margin-top: 20px; border-top:1px dashed #b5b5b5; }
.newsshow_xg a{color: #000;}
.newsshow_xg a:hover{ color:#0078c4;}

.pagess{clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size: 12px}
.pagess ul li{display: inline-block;border: 1px solid #ccc;padding: 5px 15px;margin: 0 3px;line-height: 20px;background: #fff;color: #999}
.pagess ul li:hover{background: #0078c4; color: #fff;border: 1px solid #0078c4}
.pagess ul li:hover a{color: #fff;}
.pagess ul li.active{display: inline-block;border: 1px solid #0078c4;padding:5px 15px;margin: 0 3px;background: #0078c4;color: #fff;}
.pagess ul li.active a{color: #fff;}
.pagess ul li a{display: block;color: #999}
.pagess ul li a:hover{color: #fff;}

#toolbar{position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar li{margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a{display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #0078c4;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font{display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #d9d9d9;}
#toolbar li .icon-qq:after{background-position: 0 -150px;}
#toolbar li .icon-phone:after{background-position: 0 -90px;}
#toolbar li .icon-ewm:after{background-position: 0 -30px;}
#toolbar li .icon-message:after{background-position: 0 -120px;}
#toolbar li .icon-top:after{ background-position: -30px -60px;}
#toolbar li .icon-wangwang:after{background-position: 0 0;}
#toolbar li .wz{display: inline-block;line-height: 57px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li.ewm .ewm-box{position: absolute;z-index: 1;padding: 5px;background: #0078c4;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p{margin-bottom: 0;color: #fff;font-size: 14px;text-align: center;line-height: 40px;}
#toolbar li.ewm .ewm-box img{max-width: 100%;}
#toolbar li.ewm .ewm-box:after{content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #0078c4;border-right: none;}
#toolbar li.ewm:hover .icon{background-position: -57px -180px;}
#toolbar li.ewm:hover .ewm-box{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop{cursor: pointer;}
#toolbar li.backtop .iconfont{color: #fff;background-color: #0078c4;}
#toolbar li.backtop .icon-top{background-color: #0078c4;background-position: -30px -60px;}
#toolbar li:hover a{width: 200px;}
#toolbar li:hover .icon-font{background-color: #0078c4;}
#toolbar li:hover .icon-qq:after{background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after{background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after{background-position: -30px -30px;}
#toolbar li:hover .icon-message:after{background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after{background-position: -30px 0;}
#toolbar li:hover .icon-top:after{background-position: -30px -60px;}
.icon-font{position: relative;}
.icon-font:after{content: "";width: 30px;height: 30px;background-image: url(../images/icon_spirit.png);background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}


.m_nav{ display:none;}
.footer-fix{ display:none;}
@media screen and (max-width: 767px) {
.center{ width:100%;}
.m60{ margin-top:6%;}
.mag{ margin-top:3%;}
.nav{ display:none;}

.top font{}
.top p{ display:none; margin-right:5%;}
.head{width:100%; height:auto;overflow:hidden;margin:0px auto;position:relative;}
.logo{width:80%;margin-left:5px;height: 49px;margin-top:0;display: flex;align-items: center;}
.logo img{ width:90%;}
.tel{ display:none;}

#navToggle{height: 42px;padding: 1% 3px;display: inline-block;float: right;margin-right: 5%;}
#navToggle span{position: relative;width: 25px;height: 2px;margin-top: 19px;}
#navToggle span:before, #navToggle span:after{content: '';position: relative;width: 100%;height: 2px;left: 0;}
#navToggle span, #navToggle span:before, #navToggle span:after{-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background:#000;}
#navToggle span:before{top: 8px;}
#navToggle span:after{bottom: 10px;}
#navToggle.open span:before{top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
#navToggle.open span:after{bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
#navToggle.open span{background: none;}
#navToggle.open span:before, #navToggle.open span:after{background: #fff;}

.m_nav{position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;height:100%;background:#fff;transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transform:translateX(100%); display:block;}
.m_nav.open{transform:translateX(0);}
.m_nav p{ position:absolute; top:5%; left:5%}
.m_nav .m_top{height:60px;padding:20px;box-sizing:border-box;}
.m_nav .m_top .closed{display:block;width:30px;height:30px;line-height:30px;text-align:center;float:right;cursor:pointer;font-size:30px; font-style:normal;}
.m_nav .logo{width:100%;margin:0 auto;}
.m_nav .logo img{height:50px;display:block;margin:30px auto;}
.m_nav .ul{margin-top:30px;}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(100%);-webkit-transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity:0;}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{display:inline-block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:80%;}
.m_nav .ul li .dropdown_menu{display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block;}
.m_nav .ul li .dropdown_menu a{display:block;width:100%;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{border:none;}

.banner .swiper-container .swiper-pagination{bottom: 10px;}
.banner .swiper-container .swiper-pagination .swiper-pagination-bullet{width:20px; height: 2px; background:#000; opacity:1; border-radius: 0;}

.prodc_tj{ width:100%; background:url(../images/tjbg.jpg) top no-repeat; padding-bottom:8%; overflow:hidden;}
.tit_bt{ text-align:center; line-height:60px; color:#FFF; font-size:26px; position:relative;}
.tit_bt:after{content:'';display:block;height: 3px;position:absolute;left:50%;  transform: translateX(-50%); top: 60px;width: 120px;background:#0078c4;transition:all .5s ease;}
.prodc_tj .picbox{position: relative;margin-top:30px;}
.prodc_tj .picbox li{float: left;width:100%;overflow: hidden;text-align: center;margin-right: 26px;background:#252525;transition: all .5s;}
.prodc_tj .picbox li a p{color:#FFF;}
.prodc_tj .picbox li:hover{background: #0078c4;}
.prodc_tj .picbox li:hover a p{color: #fff;}
.prodc_tj .picbox .prev, .prodc_tj .picbox .next{display: block;position: absolute;top: 50%;margin-top: -38px;width: 32px;height: 76px;cursor: pointer;z-index: 1;}
.prodc_tj .picbox .prev{background: url(../images/prev.png) no-repeat 0 0;left:0px;}
.prodc_tj .picbox .next{background: url(../images/next.png) no-repeat 0 0;right:0px;}
.prodc_tj .picbox .picbox_list{width: 90%;overflow: hidden; margin:auto;}
.prodc_tj .picbox li .img{overflow: hidden;}
.prodc_tj .picbox li .img img{width: 100%;}
.prodc_tj .picbox li p{width: 100%;height: 42px;line-height: 40px;font-size: 14px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s;}

.pro_bt{text-align: center; display: block;position: relative;}
.pro_bt p{font-family: "arial";font-size: 32px;color: #f4f4f4;text-transform: uppercase;line-height: 76px;font-weight: bold;}
.pro_bt dl{display: block;position: absolute;left: 0;right: 0;margin: 0 auto;font-size: 30px;line-height: 30px;color: #333;top:33px;font-weight: bold;}
.pro_bt dl span{ color:#0078c4;}
.pro_bt i{display: block;font-style: normal;font-size: 16px;line-height: 20px;font-style:normal;}

.cpflbg{ padding:4% 0;}
.cpfl{ margin-top:4%;}
.cpfl li{float:left;width: 47%;padding: 3% 0;margin-right: 0;margin-left: 2%;margin-top: 2%;}
.cpfl li dl{width: 95%;}
.cpfl li dl dd{margin-left:1%; font-size:14px;}
.cpfl li:nth-child(5){ display:none;}

.aboutbg{ height:auto;}
.videobox{display: none;}
.about{margin-top: 37%;width: 90%;background: #fff;padding: 5%;}
.abtit{width: 100%;}
.abtit_1{font-size: 44px;text-transform:uppercase;font-style:italic;}
.about p{text-indent:2em;margin-top: 3%;font-size: 14px;line-height: 30px;width: 100%;}
.abmore{width: 100%;height:40px;border:1px solid #dedede;text-align:center;line-height:40px;font-size:16px;position:relative;margin-top: 2%;}
.fuwu{display: none;}

.ysbg{ height:auto; background:url(../images/ysbg.jpg) top no-repeat; overflow:hidden;}
.ys{width: 90%;margin-top: 6%;background: #fff;padding: 5%;}
.ystit{}
.ystit h2{font-size: 33px;font-weight:normal;font-style:italic;color:#000;}
.ystit h2 span{font-size: 60px;font-weight:bold;color:#0078c4;}
.ystit h3{color:#000;font-size: 26px;margin-top: 8%;font-weight: normal;}

.ys dl{overflow:hidden;margin-top:6%;}
.ys dt{float:left;width: 44px;height:40px;background:#0078c4;position:relative; color:#FFF; text-align:center; line-height:40px; font-size:26px;}
.ys dt:before{width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #0078c4;position: absolute;right: -30px;top:0;transform: translate(-50%,0);content: "";z-index: 9}
.ys dd{float:left;margin-left: 8%;font-size: 25px;color:#000;line-height:40px;}
.ys p{font-size: 15px;line-height: 24px;color:#000;clear:both;}

.prodc{ padding:5% 0; overflow:hidden;}
.bigcp{height: auto;background:url(../images/cpbg.jpg) center no-repeat;border-radius: 2%;overflow:hidden;box-shadow: 0 0 18px rgba(0,0,0,.4);padding-bottom: 10%;width: 96%;margin: 5% auto 0;}
.bigcp_l{width: 100%;margin: 5% 0;text-align: center;}
.bigcp_l img{width: 80%;}

.bigcp_r{margin-right: 5%;text-align:right;width: 90%;}
.bigcp_r .more{display: none;}
.bigcp_r .more a{ color:#FFF; display:block;}
.bigcp_r .more img{ margin-left:10px; vertical-align:middle; width:25px;}
.bigcp_r h2{color:#0078c4;font-size: 32px;line-height: 30px;margin-top: 4%;}
.bigcp_r p{display: none;}
.bigcp_r h3{display: none;}
.bigcp_r .heng{display: none;}
.bigcp_r ul{float:right;width:270px;margin-top: 7%;}
.bigcp_r li:nth-child(3){ margin-right:0px;}

.index_prodc{margin-top: 15%;}
.index_prodc li{float:left;width: 47%;margin-right: 0px;margin-top: 3%;margin-left: 2%;}
.index_prodc li:nth-child(3n){ margin-right:0px;}
.index_prodc li .img{ overflow:hidden;}
.index_prodc li img{ width:100%; border-top-left-radius:10px; border-top-right-radius:10px; transition: all 0.5s; }
.index_prodc .info{ background:#e5e5e5;  border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px; overflow:hidden; position:relative;}
.index_prodc .info:after{display: none;}
.index_prodc .info h2{float:left;padding: 0;background: none;border-radius:40px;font-weight:normal;font-size:18px;color: #000;}
.index_prodc .info h2 a{color: #333;}
.index_prodc .info p{display: none;}

.news{ width:90%; margin:0 auto;}
.news li{ width:100%; margin-right:0px; margin-top:3%;}
.news b{width:100%;}
.news em {width: 80px;height: 80px}
.news em span {font-size: 50px;color: #fff;line-height: 50px;padding-top: 1%;}
.news time{font-size:1%;}

.foot{width:100%;height: auto;overflow: hidden;text-align: center;padding-bottom:20%;}
.foot a{ color:#FFF;}
.foot_l{width: 100%;margin-top: 5%;}
.foot_r{ display: none;}

.footer-fix{position: fixed;bottom: 0;left: 0;width: 100%;background-color:#000;z-index: 999999999;display: block !important;}
.footer-fix li{float: left;width: 25%;}
.footer-fix li a{display: block;text-align: center;color: #fff;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i{display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1{background-image: url(../images/f_01.png);}
.footer-fix li i.i2{background-image: url(../images/f_02.png);}
.footer-fix li i.i3{background-image: url(../images/f_03.png);}
.footer-fix li i.i4{background-image: url(../images/f_04.png);}

.banner-sub{height:90px; overflow:hidden;}
.banner-sub h3{ display:none;}
.banner-sub p{ display:none;}

.p12-curmbs-1.center{ width:96%;}
.leftlx{ display:none;}

.prodcfl{width:98%;padding:5% 1%;background:#0178c3;border-radius: 7px;}
.prodcfl h3{padding-top: 8px;text-align: center;margin-bottom: 18px;}
.prodcfl h3 a{display: block;font-size: 22px;color: #fff;margin-bottom: 5px;}
.prodcfl h3 span{display: block;font-size: 22px;color: #fff;margin-bottom: 5px;}
.prodcfl h3 i{display: block;font-size: 14px;color: #fff;text-transform: uppercase; font-style:normal;}

.left{ display:none;}

.right{ width:96%; margin-right:2%;}
.artid .data span{margin: 0 2%;}
  
.prodc_list{}
.prodc_list li{float:left;width:100%;margin-right:auto; margin-bottom:20px;border: 1px solid #dedede;border-radius: 10px;}
.prodc_list li:nth-child(3n){ margin-right:0px;}
.prodc_list li .img{ overflow:hidden;}
.prodc_list li img{ width:100%; border-top-left-radius:10px; border-top-right-radius:10px; transition: all 0.5s; }
.prodc_list .info{ background:#e5e5e5;  border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px; overflow:hidden; position:relative;}
.prodc_list .info:after{content:'';display:block;position:absolute;right: 30px;top: -40px;bottom:0;margin:auto 0;width:30px;height:9px;background:url(../images/jta.png) no-repeat left center;transition:all .3s ease;}
.prodc_list .info h2{ float:left; padding:5px 20px; background:#0078c4; border-radius:40px; font-weight:normal; font-size:18px; color:#FFF;}
.prodc_list .info h2 a{  color:#FFF;}
.prodc_list .info p{ clear:both; font-size:20px; color:#020202; line-height:50px;}
.prodc_list .info p a{ float:right; font-size:13px; color:#020202; border:1px solid #020202; padding:3px 10px; border-radius:5px; line-height:18px; margin-top:14px;}
.prodc_list li:hover .info p a{ color:#0078c4; border:1px solid #0078c4;}
.prodc_list li:hover .info:after{ background-position:right center;}
.prodc_list li:hover img{  transform: scale(1.1); }
.prodc_list li:hover .info h2{ background:#ff642e;}

.prodc_lists{}
.prodc_lists li{float:left;width:48%;margin-right:2%; margin-bottom:20px;}
.prodc_lists li:nth-child(3n){ margin-right:2%;}


.prodetailsinfo{ margin-bottom: 20px;}
.prodetailsinfo .photo{width:340px;position: relative;}
.prodetailsinfo .photo .jqzoom{width:340px;height: 330px;overflow: hidden;position: relative;padding: 0px;cursor: pointer;}
.prodetailsinfo .photo .img{width:100%; height:auto; display: block;}
.prodetailsinfo .photo .bigimg{width:338px;height:254px;border: 1px solid #ddd;display: block;position: relative;overflow: hidden;}
.prodetailsinfo .photo .bigimg .list{width: 1000%; position: relative;}
.prodetailsinfo .photo .bigimg .list li{width: 338px;height:254px;float: left;}
.prodetailsinfo .photo .bigimg .list img{width: 100%; height: 100%; display: block; transition: all ease 300ms;}
.prodetailsinfo .photo .photoimg{width: 340px;height: 62px;padding-top: 10px;position: absolute;left: 0;bottom: 0;}
.prodetailsinfo .photo .photoimg .list{width: 282px;overflow: hidden;position: relative;margin: 0 auto;}
.prodetailsinfo .photo .photoimg .listcon{width: 300%; position: relative;}
.prodetailsinfo .photo .photoimg .listcon li{width: 64px;cursor: pointer;display: block;float: left;margin-right: 8px;}
.prodetailsinfo .photo .photoimg .listcon li img{border: 1px solid #ddd; width: 62px; height: 48px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.prodetailsinfo .photo .photoimg .listcon li:hover img, .prodetailsinfo .photo .photoimg .listcon li.on img{border-color: #0078c4;}
.prodetailsinfo .photo .photoimg .prev, .prodetailsinfo .photo .photoimg .next{width: 25px; height: 50px; z-index: 10; position: absolute; top: 10px; cursor: pointer; background: #ddd url(../images/pn.png) no-repeat; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.prodetailsinfo .photo .photoimg .prev:hover, .prodetailsinfo .photo .photoimg .next:hover{background-color: #0078c4;}
.prodetailsinfo .photo .photoimg .prev{left: 0px; background-position: 0 center;}
.prodetailsinfo .photo .photoimg .next{right: 0px; background-position: -25px center;}
.prodbaseinfo_a{float: left;width: 100%;margin-left: 0;z-index: 1;}
.h2_prodtitle{font-size: 22px; color: #0078c4; padding: 0 0 10px; line-height: 1.6em; border-bottom: 1px dashed #DCDCDC;}
.ul_prodinfo{padding: 6px 0; overflow: hidden; zoom: 1;}
.ul_prodinfos{padding: 6px 15px; overflow: hidden; zoom: 1; background: #f3f3f3; font-size: 14px; font-weight: bold;}
.ul_prodinfos li{font-size: 14px;float: left;height: 65px;line-height: 60px;color:#0078c4;}
.ul_prodinfos li.li_weight{float: right;}
.ul_prodinfo li{font-size: 15px;padding: 6px 0;text-align: justify;height:35px;overflow: hidden;line-height:35px;}
.li_normalprice{line-height: 24px;}
.propar a{text-align: center;display: block;width: 128px;height: 50px;margin: 7px auto;font-size: 18px;line-height: 50px;color: #fff;background: #0078c4;}
.cpright .propar a{text-align: center; display: block; width: 128px; height: 50px; margin: 7px auto; font-size: 18px; line-height: 50px; color: #fff; background: #0078c4;}

.mod_goods_info{clear: both;margin-bottom: 10px;position: relative;background-color: #eee;height: 65px;}
.mod_goods_info .hds{height: 65px;_overflow: hidden;}
.mod_goods_info .hds li{float: left;cursor: pointer;}
.mod_goods_info .hds li h3{display: block;width: 128px;height: 65px;line-height: 65px;text-align: center;font-size: 18px;border-bottom: 0;font-weight: normal}
.mod_goods_info .hds li h3 a{color: #666;font-weight: normal;text-decoration: none;outline: none}
.mod_goods_info .hds .on{height: 62px;line-height: 62px;border-top: 3px solid #0078c4;position: relative;}
.mod_goods_info .hds .on h3{height: 62px;line-height: 58px;background-color: #fff;color: #0078c4}
.mod_goods_info .hds .on h3 a{color: #076EBB;font-weight: bold}

.neirong{font-size: 14px; line-height: 28px; text-align: justify; overflow : hidden;}
.neirong img{ width:100% !important; height:auto !important;}
.neirong p{color: #414141}


.eynews{width: 100%; margin-top: 20px; float: left;}
.eynews h4{padding-left: 12px; height: 36px; line-height: 36px; color: #0078c4; font-weight: normal; border-bottom: 1px solid #0078c4; font-size: 18px;}
.commend{width: 46%;overflow: hidden;float: left;margin: 23px 19px 0 0;padding: 1px;border: 1px solid #ccc;}
.commend:nth-child(2n){margin-right: 0;}
.commend dt{width:100%;}
.commend dt a{display: block; width:100%;}
.commend dt img{width:100%;}
.commend dd{font-size: 14px; line-height: 30px; text-align: center; overflow: hidden;}
.commend:hover{border: 1px solid #0078c4;}
.commend:hover a{ color:#0078c4;}


#toolbar{ display: none;}
#map{ display: none;}
}