/* 效果CSS开始 */
.mod18{width:100%;}
.mod18 .btn{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px; background:url(../images/prevbtn.png) no-repeat;}
.mod18 .pre{left:30px; background:url(../images/prevbtntop2.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:170px; width:6%; height:48px;}
.mod18 #prev,.mod18 #next{top:460px; width:6%; height:48px;}
.mod18 .next{right:10px;background:url(../images/nextbtn.png) no-repeat;}
.mod18 .nex{right:-3px;background:url(../images/nextbtntop2.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block; width:550px; height:412px; position:absolute;color:#fff;}
.mod18 .cf li span{display:block; width:550px; position:absolute; left:75px; bottom:0; padding:10px 20px; line-height:22px;text-align:left; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:550px; height:412px; margin:0 auto; padding-left:5px; padding-right:5px; position:relative; overflow:hidden; padding-top:0px;}
.mod18 .picBox ul{height:412px; position:absolute; left:0;}
.mod18 .picBox li{padding-left:10px; padding-right:10px; width:550px; height:412px;}

.mod18 .listBox{width:100%; height:105px; position:relative; margin-top:15px; overflow:hidden; border:1px solid #ccc;}
.mod18 .listBox ul{height:88px;position:absolute; padding-left:12px;}
.mod18 .listBox li{height:77px;cursor:pointer;position:relative; padding:5px 0 0 0;margin:5px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:108px;height:77px;}
.mod18 .listBox img{border:3px solid #fff;}
.mod18 .listBox .on img{border:3px solid #CECDCC;}
.mod18 .listBox .on :hover img{border:3px solid #CECDCC;}
.mod18 .listBox .on{background:url(../images/img_bg2.jpg) center top no-repeat;}
.mod18 .listBox .on i{display:block;}


#stylesubnav { width:100%; height:40px; border-bottom:1px solid #E0E0E0; margin:0 auto;}
.container { width:1200px; margin:0 auto;}
#stylesubnav .xq_c { padding:0; }
#stylesubnav .xq_crumbs{background:url(../images/position.png) no-repeat left 14px; background-size:auto 12px; line-height:20px; float:left; padding:10px 0 10px 20px;}
.proinfo { padding:20px 0;}
.pi_top .pi_top_left { width:50%; float:left; position:relative;}
.pi_top .pi_top_left .pil_img{width:100%;padding-bottom:75%;position:relative;}
.pi_top .pi_top_left .pil_img img{width:100%;height:100%;position:absolute;left:0;top:0;display:block;object-fit:cover;border:1px solid #DBDBDB;}
.pi_top .pi_top_right{width:48%;float:right;padding-top:15px;}
.pi_top .pi_top_right h1{margin:0;font-size:26px;height:auto;line-height:40px;color:#333;}
.pi_top .pi_top_right em{display:inline-block;color:#777;height:30px;line-height:30px;font-style:normal;}
.pi_top .pi_top_right i{display:block;width:100%;height:1px;background:#DBDBDB;margin:10px 0;}
.pi_top .pi_top_right .pi_jianjie{}
.pi_top .pi_top_right .pi_jianjie p{margin:0;color:#666;line-height:30px;}
.pi_top .pi_top_right .pi_btn{padding-top:20px;text-align:left;font-size:0;-webkit-text-size-adjust:none;}
.pi_top .pi_top_right .pi_btn span{display:inline-block;background:#0D62BE;height:50px;line-height:50px;color:#FFF;padding:0 15px;font-size:18px;margin-left:20px;border-radius:3px;}
.pi_top .pi_top_right .pi_btn span a{color:#FFF;display:block;width:100%;height:100%;}
.pi_top .pi_top_right .pi_btn span:first-child{margin-left:0;}
.pi_top .pi_top_right .pi_btn span:last-child{background:#ff9c00;}
.pi_center{margin-top:20px; display:inline-block; width:1200px;}
.pi_center .pi_left{width:73%; float:left; display:inline-block;}
.pi_nav{font-size:0;-webkit-text-size-adjust:none;background:#DDD;}
.pi_nav span{display:inline-block; height:40px; line-height:40px; color:#FFF; width:120px; font-size:14px; text-align:center; cursor:pointer; background:#0D62BE;}
.pi_content{padding:20px 0 30px;}
.pi_content .pro_txt{font-size:15px; line-height:30px;}
.pi_content .pro_txt p{font-size:15px;line-height:30px;}
.pi_content .pro_txt h2{margin:0;font-size:20px!important;padding:10px 0;font-weight:bold;line-height:30px!important;}
.pi_content .pro_txt h3{margin:0;font-size:18px!important;margin:8px 0;font-weight:bold;line-height:28px!important;}
.pi_content .pro_txt h4{margin:0;font-size:16px!important;margin:6px 0;font-weight:bold;line-height:26px!important;}
.pi_content .pro_txt img{max-width:100%;height:auto;margin:0 auto;display:block;}
.pi_content .pro_txt table{border-top:1px solid #000;border-left:1px solid #000;margin:0 auto;width:100%!important;}
.pi_content .pro_txt table td{border-right:1px solid #000;border-bottom:1px solid #000;padding:7px 0;}
.pi_content .pro_txt table td p{line-height:1.5!important;font-size:15px!important;}
.pi_content .pro_txt .p_iframe .p_ifr{width:100%;padding-bottom:75%;position:relative;}
.pi_content .pro_txt .p_iframe .p_ifr iframe{width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.fanye{list-style:none; padding-top:10px; padding-bottom:10px; margin-top:10px;}
.fanye ul li{height:30px;line-height:30px;text-align:left;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fanye ul li a{ color:#333;}
.newscow_right{width:25%;float:right;}
.newscow_right .news_product{border:1px solid #dbdbdb;padding:10px;}
.newscow_right .news_product .np_title{font-size:14px;color:#2a2a2a;line-height:12px;padding:10px 0;border-bottom:2px solid #2a2a2a;}
.newscow_right .news_product .np_title span{font-size:22px;line-height:32px;}
.newscow_right .news_product .bd{overflow:hidden;zoom:1;margin-top:30px;}
.newscow_right .news_product .bd ul li{}
.newscow_right .news_product .bd ul li .r_img{width:99%;padding-bottom:75%;position:relative;border:1px solid #ccc;}
.newscow_right .news_product .bd ul li .pic{position:absolute;top:0;left:0;width:100%;height:100%;}
.newscow_right .news_product .bd ul li .pic img{display:block; height:100%; object-fit:cover;}
.newscow_right .news_product .bd ul li .title{height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.newscow_right .news_product .bd ul li .title a{color:#666}
.newscow_right .news_nlist{ padding-bottom:5px; overflow:hidden}
.newscow_right .news_nlist ul{ padding-top:5px}
.newscow_right .news_nlist ul li{line-height:36px;background:url(../images/zys_42.jpg) no-repeat 2px center; text-indent:0.3cm; margin:0 auto; border-bottom:1px dashed #d5d5d5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}