@charset "utf-8";
/* CSS Document */
body{}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333333;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.clear{clear:both;}
.sbj{margin-top:30px;}
.sbj1{margin-top:60px;}


.yqlj{ width:100%; background-color:#1C1C1C; text-align:center; color:#a4a4a4; font-size:14px; line-height:36px;}
.yqlj a{ color:#a4a4a4; padding:0px 5px; font-size:14px;}
/*内页样式*/
/* .left{ width:230px; float:left; margin-right:20px;margin-top: 30px;} */
.right{width:100%; margin: 40px auto;}

.nyflbox{background: #eee;color: #fff;line-height: 52px;font-size: 18px;}
.nyflbox a{color: #333;font-size: 18px;}

.tab-hd li{text-align:center; cursor:pointer;padding: 0px 30px;position: relative;}
.tab-hd li.active ,.tab-hd li:hover{ background:#fcb026;}
.tab-hd li dl{position: absolute;left: 0;top: 100%;width: 100%;background: #fcb026;display: none;}
.tab-hd li dl dt{line-height: 40px;border-bottom: 1px solid rgba(255, 255, 255, .5);}
.tab-hd li:hover dl{display: block;}

.po{text-align: center;padding-left: 30px;background: url(../images/home.png) no-repeat left;color: #333;}
.mup{margin-bottom: 40px;text-align: center;}
.mup p{font-weight:bold;font-size: 30px;text-align: center;}
.mup p span{color: #fcb026;}
.hg{line-height:50px;font-size: 14px;}
.tp{float:left;width: 31%;margin: 1%;}
.tp .tp_img{height: 350px;overflow: hidden;}
.tp .tp_img img{width: 100%;height: 100%;object-fit: contain;}
.tp p{text-align: center;line-height: 3;font-size: 16px;position: relative;z-index: 2;background: #f1f1f1;}
.tp p::after{content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 0;height: 100%;background: #fcb026;transition: .5s;}
.tp:hover p::after{width: 100%;}
.tp:hover p{color: #fff;}

.liuyan{line-height: 60px;font-size: 30px;}
.tittle{text-align:center;line-height:40px;height:40px;font-size:24px;font-weight: bold;margin-top: 20px;}
.pubdate{font-size: 14px;text-align: center;}
.lb a{ color:#333;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right: 2%; background:url(../images/dot1.png) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:25px; color:#333;}
.nyxw2 a:hover{color: #df9309;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.page{text-align: center;margin: 0px auto;display: flex;justify-content: center;flex-wrap: wrap;}
.page li{text-align: center;width: 3%;line-height: 2;border: 1px solid #fcb026;margin-right: 1%;margin-bottom: 10px;}
.page li a{ color:#333;font-size: 16px;display: block;}
.page li.current{background: #fcb026;}
.inews li{line-height:40px;text-align: left;border-bottom: 1px #f1f1f1 solid;color:#333; font-size:18px;}
.inews li span{float:right;font-size:16px;}
.newny{border: 1px solid #f1f1f1;padding: 1%;margin-bottom: 1%;}
.newny dl{font-size: 16px;margin: 20px 0;}
.newny .duo{width: 100px;font-size: 16px;line-height: 2.5;text-align: center;border: 1px solid #f1f1f1;}
.inews .newny:hover li{color: #fcb026;}
.inews .newny:hover .duo{background: #fcb026;border-color: #fcb026;color: #fff;}
/*内页样式*/
.nr{line-height:30px;background-color:#fff;margin-bottom: 20px;}
.nr img{max-width: 100%;}
.alny{display: flex;flex-wrap: wrap;}
.rytp{width: calc(33% - 20px);padding: 10px;}
.rytp2{width:23%;}
.rytp a{display: block;height: 300px;overflow:hidden;border:1px solid #ccc;text-align:center;}
.rytp a img{transition: all 0.6s;object-fit: cover;width: 100%;height: 100%;}
.rytp a img:hover{transform:scale(0.9);}
.rytp p{line-height:2.5;text-align:center;font-size: 16px;}

.message_list{ padding:20px;}
.message_list ul li{ line-height:24px;}
.message_list ul li .message_tit{ border-bottom:1px dashed #dedede; line-height:30px; height:30px; }
.message_list ul li .info{ border-bottom:1px solid #dedede; padding:10px 0;}
.message_list ul li .date{ display:inline-block; font-size:12px; color:#999; margin-left:20px; }
a.message_add{ float:right; display:inline-block; color:#fcb026; margin-right:20px; }
.message_add_form{}
.reply_list ul li{ padding:10px 20px; background:#eee; }
.nylynr dl{width: 100%;line-height: 40px;color: #ccc;margin-bottom: 10px;}

.form_table th{ font-weight:normal; vertical-align:top; padding-top:10px;     width: 100%;}
.form_table td{ font-weight:normal; vertical-align:middle; padding-top:10px;      width: 100%;color: #ccc;}
.simple_btn{padding: 10px 20px;color: #fff;background: #fcb026;}

.detail_table th{ padding:8px 0; }
.list_btn,.search_btn{ display:inline-block; width:79px; height:35px; line-height:35px; text-align:center; background:url(../images/btn_bg.gif) no-repeat; border:0;cursor:pointer; }
.list_input{ font-size:14px;padding:0 3px; border:1px solid #ccc;width:calc(100% - 6px);line-height: 50px;}
.input_date{ height:32px; padding:0 3px; background:url(../images/icon.png) no-repeat center right; line-height:32px; border:1px solid #a7b5bc; border-right:1px solid #ced9df; border-bottom:1px solid #ced9df; width:400px;  }
.list_textarea{ height:120px; width:100%; padding:0 3px;  line-height:20px; border:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
a.sub_btn,.sub_btn{ display:inline-block; background:url(../images/sub_btn_bg.png) no-repeat; width:138px; text-align:center; color:#fff; height:36px; line-height:36px; border:0; font-size:14px; cursor:pointer; font-weight:bold; }

/* 产品详情页样式 */
.bold_line{width: 100%;height: 6px;background: #fcb026;margin: 20px 0;}
.cp_l{ width: 33%;}
.cp_r{ width: 63%;}
.cp_r dl{ margin-top: 20px; line-height: 75px; border-bottom: 1px solid #EEEEEE; font-size: 24px; font-weight: bold; margin-bottom: 30px;}
.cp_r dt{ line-height: 43px; font-size: 18px; font-weight: bold;}
.cp_r dd{ line-height: 25px; font-size: 16px; margin-bottom: 20px;}
.cp_r li{ width: 130px; float: left; line-height: 50px; background: #303030; margin-right: 20px; text-align: center;}
.cp_r li a{ font-size: 16px; color: #fff;}
.cp_r li img{ vertical-align: middle; padding-right: 10px;}
.cp_r li:nth-child(1){ background: #303030;}
#preview{ float:none; margin:20px auto; text-align:center; width:420px;}
.jqzoom{ width:410px; height:410px; position:relative; border: 1px solid #DDDDDD; display: table-cell; vertical-align: middle; padding: 5px;}

.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:500px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:472px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}

.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:372px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0; width: 100% !important;}
.pro_details{font-size: 40px;color: #333;font-weight: bold;margin: 80px 0 20px;}
.vcase{padding: 10px 0 80px;background: url(../images/cbj.jpg) no-repeat center center;background-size: cover;margin-top: 20px;}
.pro_case li{width: 24%;}

@media screen and (max-width: 1500px) {
	.cp_r{width: 55%}
}
@media screen and (max-width: 1200px) {
	.cpxq{display: none;}
}
@media screen and (max-width: 1000px) {
	.pro_case{flex-wrap: wrap;}
	.pro_case li{width: 49%;margin-bottom: 20px;}
	.aboutpro{flex-wrap: wrap;}
	.rytp{width: calc(49% - 10px);margin-bottom: 20px;}
}