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

/* 通用样式 */
body{ padding:0px; margin:0px; min-width:1200px; max-width:1920px; margin:auto; font-family:"微软雅黑"; }
a, p{ text-decoration:none; display:block;}
img{ border:none; padding:0px; margin:0px; display:block; user-select:none;}
ul,li{ list-style:none; margin:0; padding:0;}
*{ margin:0; padding:0;}
span{margin:0; padding:0;}



/* 头部 */
.top{ width:100%; height:100px; background-color:#3d9eff; box-shadow:0 0 12px rgb(0,3,90,0.2); z-index:22; position:relative;}

.tbdh_logo{ float:left; margin-top:28px; margin-left:40px;}



	.nav-box ul{ margin:0;}
	
	.top-nav{ float:right; margin:auto; height:58px;}
	
	.top-nav li{ float:left; width:72px; height:97px; margin-left:14px; margin-right:14px; transition:0.3s; }
	.top-nav li:hover div{ display:block; }
	
	.top-nav-1{ width:72px; height:97px; margin:auto; display:block; color:#fff;  font-size:16px;  line-height:97px; text-align:center;text-decoration:none;}
	.top-nav-1:hover{ border-bottom:solid 3px #fff;}
	#top-nav-1{ border-bottom:solid 3px #fff;}
	
	.top-nav-2{ position:absolute; top:80px; width:72px; z-index:6; display:none; box-shadow: 6px 10px 12px rgb(0,0,0,0.2); border-radius:0 0 8px 8px;}
	.top-nav-2 a{ width:72px; height:48px; line-height:48px; display:block; text-align:center; font-size:14px; margin-top:0px; color:#666;background:#fff; text-decoration:none;}
	.top-nav-2 a:hover{ color:#fff; background-color:#3d9eff;}
	
	.top-nav-2 img{ width:100%;}	
	.top-nav-2-01{width:100%; height:18px; background-color:#fff;}
	.top-nav-2-02{ width:100%; height:18px; background-color:#fff; border-radius:0 0 8px 8px; }

	
	
	
/* banner */
.warp{ min-width:1200px; max-width:1920px; width:100%; height:760px; margin:auto; background:#FBEFDF; user-select:none; }
.warp2{ min-width:1200px; max-width:1920px; width:100%; height:760px; overflow:hidden; margin:auto; background:#FBEFDF;}
#banner{ position:relative; z-index:1;}
.lunbo ul{ position:relative; width:100%; height:760px; overflow: hidden; margin:0;}
.lunbo ul li{ display:none; position:absolute; top:0; left:0; width: 100%; height:760px; text-align:center;}
.cur{ position:absolute; bottom:10px; text-align: center;width:100%; height:40px; line-height:40px;}
.cur span{ display:inline-block; width:10px; height:10px; background:#fff; margin-left:10px; border-radius:20px;}
.cur span.active{ background:#DE250F;}
.btn{ position:absolute; top:40%; margin-top:25px; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:18px; background:#000;}
.btnLeft{ left:0px; cursor:pointer; border-radius:50px; filter:Alpha(Opacity=0, Style=0); opacity:0; transition:0.2s;}
.btnRight{ right:0px; cursor:pointer; border-radius:50px; filter:Alpha(Opacity=0, Style=0); opacity:0; transition:0.2s;}
.lunbo:hover .btnLeft{ left:50px; filter:Alpha(Opacity=20, Style=0); opacity:0.2;}
.lunbo:hover .btnRight{ right:50px; filter:Alpha(Opacity=20, Style=0); opacity:0.2;}


/* 企业数据 */	
.qysj{ width:1200px; height:auto; margin:auto; }
.qysj_min{ width:1200px; height:140px; background-color:#fff; border-radius:10px 10px 0 0;  position:absolute;top:720px; z-index:24;}
.qysj_min div{ float:left; width:25%; height:auto; text-align:center;transition:transform 0.3s;}
.qysj_min div:hover{position:relative; cursor:pointer;transform:translate(0,-8px);}
.qysj_min div h1{ font-size:46px; color:#2d63c5; padding-top:38px;}
.qysj_min div h1 span{ font-size:18px; color:#2d63c5; font-weight:normal; margin-left:8px;}
.qysj_min div p{ font-size:14px; color:#999999;}


/* 公司简介 */
.gsjj{ width:1200px; height:auto; clear:both; overflow:hidden; margin:auto; margin-top:80px;}
.gsjj_tp{ float:left; width:600px; height:496px; background-image:url(../images/gs_bg.png); background-position:top right; background-repeat:no-repeat;}
.gsjj_tp img{ width:573px; height:428px; margin-top:54px;}

.gsjj_min{ float:right; width:536px; height:auto;}
.gsjj_wb h1{ font-size:46px; color:#353535; font-weight:normal; margin-top:78px;}
.gsjj_wb h2{ font-size:18px; color:#ababab; font-weight:normal; margin-top:6px; margin-bottom:18px;}
.gsjj_wb div{ width:100%; height:1px; background-color:#d5d3d3; margin-bottom:34px;}
.gsjj_wb p{ font-size:15px; color:#666666; line-height:30px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden;}

.gsjj_gn{ width:100%; height:48px; line-height:48px; margin-top:54px;}
.gsjj_gn a{ float:left; height:auto;}
.gsjj_gn a div{ float:left; width:48px; height:48px; border-radius:12px; background-color:#2d63c5; background-position:center; background-repeat:no-repeat;}
.gsjj_gn a:hover div{ background-color:#3573e5;}
.gsjj_gn a p{ float:left; font-size:18px; color:#353535; margin-left:10px;}
.gsjj_gn a:hover p{ color:#2d63c5;}

.gsjj_gn01{margin-right:60px;}
.gsjj_gn02{margin-right:60px;}
.gsjj_gn01 div{  background-image:url(../images/gsjj_01.png);}
.gsjj_gn02 div{  background-image:url(../images/gsjj_02.png);}
.gsjj_gn03 div{ background-image:url(../images/gsjj_03.png);}

/* 首页主导产品 */
.sy_zdcp{ width:1200px; height:auto; margin:auto;}
.sy_zdcp_tt{ width:100%; text-align:center; height:auto; padding-top:112px;}
.sy_zdcp_tt p{ font-size:18px; color:#2d63c5;}
.sy_zdcp_tt h1{ font-size:46px; color:#2d63c5; margin-top:8px;}

/* 设备先进等 */
.sbxj_box{ width:100%; height:auto; margin-top:86px;v}

.lxwm{ width:100%; height:auto; clear:both; overflow:hidden;}

.lxwm_text{ float:left; width:50%; height:290px; background-color:#3d9eff;}
.lxwm_text:hover{ background-color:#fff;}
.lxwm_text:hover h1{ color:#3d9eff;}
.lxwm_text:hover p{ color:#666;}
.lxwm_min{ float:right; padding-top:66px; padding-right:104px;}
.lxwm_min h1{ width:464px; font-size:46px; color:#333333; margin-bottom:22px; color:#fff;}
.lxwm_min p{ width:464px; font-size:15px; color:#666; line-height:30px; color:#fff;}

.lxwm_img{ float:right; width:50%; height:290px; background-image:url(../images/lxwm_img.jpg); background-size:auto 290px; background-position:center;}

#lxwm_text{ float:right;}
#lxwm_img{ float:left; background-image:url(../images/lxwm_img02.jpg);}




/* 主导产品 */	
.ny_minbox{ width:1200px; height:auto; clear:both; overflow:hidden; margin:auto;}

.ksjs-list-left-box{ width:250px; height:auto; float:left; margin-top:24px;}
.ksjs-list-left-box ul{ margin-bottom:18px;}
.ksjs-list-left-box h2{ color:#fff; font-size:20px; text-align:center; font-weight:normal; height:80px; line-height:80px; margin:0; padding:0; background-color:#3d9eff; border-radius:8px 8px  0 0;}
.ksjs-list-left-box li a{ display:block; width:250px; height:60px; font-size:15px; background-color:#f2f7ff; color:#666; text-align:center; margin-bottom:1px; line-height:60px; transition:0.3s;}
.ksjs-left-box li a span{ margin-left:6px;}
.ksjs-list-left-box li a:hover{  position:relative; cursor:pointer; color:#3d9eff; height:70px; background-color:#edf3ff;}
#ksjs-list-left-li{ color:#3d9eff !important ; cursor:pointer; height:70px; line-height:70px;}

.zdcp{ width:900px; height:auto; float:right;}
.zdcp_tt{ width:100%; text-align:center; height:auto; padding-top:112px;}
.zdcp_tt p{ font-size:18px; color:#2d63c5;}
.zdcp_tt h1{ font-size:46px; color:#2d63c5; margin-top:8px;}

.cp_fl{width: fit-content; margin-left: auto; margin-right: auto; clear:both; overflow:hidden; margin-top:68px;}
.cp_fl a{ float:left; width:184px; height:38px; color:#2d63c5; border: solid 1px #2d63c5; border-radius:10px; font-size:16px; text-align:center; line-height:38px; margin-left:18px; margin-right:18px;}
#cp_fl_01{ background-color:#2d63c5; color:#fff;}
.cp_fl a:hover{ background-color:#2d63c5; color:#fff;}

.zdcp_min{ width:100%; height:auto; clear:both; overflow:hidden; padding-top:60px;}
.zdcp_min a{ float:left; width:33.33%; height:auto; margin-bottom:20px;}
.zdcp_min a div{ width:80%; height:auto overflow:hidden; margin:auto;}
.zdcp_min a img{ width:100%; height:auto margin:auto;transition:all 0.5s ease-out;
	/* 过度 所有css属性 1秒过度 结束慢*/
-moz-transition:all 0.5s ease-out;
	/* Firefox 4 */
-webkit-transition:all 0.5s ease-out;
	/* Safari 和 Chrome */
-o-transition:all 0.5s ease-out;
	/* Opera */}


.zdcp_min a:hover img{transform:scale(1.08,1.08);}
.zdcp_min a:hover div{ box-shadow:0 0 20px rgb(0,0,0,0.1);}


/* 生产装备 */
.sczb{ width:100%; height:auto; clear:both; overflow:hidden; margin-top:60px;}
.sczb_list{ float:left; width:50%; height:274px; }
#scsb_wb{ float:left; height:274px;background-size:auto 274px; background-position:center;}
.sczb_01{ width:50%; transition: width 1.6s, transform 1.6s;}
.sczb_01 img{ width:auto; height:274px;}
.sczb_02{ width:50%;  background:linear-gradient( to right,rgba(61,198,255,1),rgba(61,116,255,1)); transition: width 1.6s, transform 1.6s;}

#scsb_wb_min{ width:81.25%; height:auto; margin:auto;}
#scsb_wb h1{ font-size:20px; color:#fff; padding-top:66px; margin-bottom:20px;}
#scsb_wb p{ font-size:14px; color:#fff; line-height:2em; opacity:0.6; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
#scsb_wb a{ width:44px; height:44px; float:right; background-image:url(../images/sczb_more.png); margin-top:14px;}

#scsb_wb a:hover{ opacity:0.6;}

.sczb_list:hover .sczb_01{ width:32%;}
.sczb_list:hover .sczb_02{ width:68%;}


/* 宣传视频 */
.xcsp{ width:1200px; height:auto; clear:both; overflow:hidden; margin:auto; margin-top:124px;}
.xcsp video{ float:left; width:800px; height:324px;}
.xcsp img{ float:right; width:354px; height:324px;}


/* 新闻中心 */
.news{ width:1200px; height:auto; margin:auto; margin-bottom:60px;}
.news_min{ width:100%; height:auto; clear:both; overflow:hidden; margin-top:62px;}
.news_list{ float:left; width:50%; height:auto; margin-bottom:32px;}
.news_list a{ width:90%; height:auto; margin:auto;}
.news_list a h1{ font-size:16px; color:#474747; font-weight:normal;display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list a p{ font-size:14px; color:#999999; line-height:2em; margin-top:20px; margin-bottom:28px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.news_list a div{ width:100%; height:1px; border-bottom:dashed 1px #e5e5e5;}

.news_list a:hover h1{ color:#2d63c5;}




/* 底部 */
.bot{ width:100%; height:auto; background-color:#2d63c5;}
.bot_min{ width:1200px; height:auto; margin:auto;}
.bot_yl{width: fit-content; margin-left: auto; margin-right: auto; clear:both; overflow:hidden; padding-top:52px; padding-bottom:40px;}

.bot_yl div{ float:left;}
.bot_yl div a{ float:left; font-size:15px; color:#fff; margin-right:56px;}
.bot_yl div a:hover{ opacity:0.6;}

.bot_ba_box{ width:100%; height:auto; padding-bottom:20px;}
.bot_ba{width: fit-content; margin-left: auto; margin-right: auto; clear:both; overflow:hidden; padding-bottom:14px;}
.bot_ba a{ float:left; font-size:14px; color:#fff; opacity:0.48; margin-left:30px; margin-right:30px;}
.bot_ba a:hover{  opacity:0.8; }




/* 内页banner */
.ny_banner{ width:100%; height:300px; background-image:url(../images/ny_banner.jpg); background-size:auto 300px; background-position:center;}



/* 您的位置 */
	.wz{ width:1200px; height:64px; margin:auto; border-bottom:dashed 1px #ddd; }
	.wz-box{ width:100%; height:20px; padding-top:22px; }
	.wz-box div{ float:left;}
	.wz-text{ font-size:14px; text-align:center; margin-left:10px;}
	.wz-text a{ float:left; text-decoration:none;color:#666666; }
	.wz-text span{ float:left; padding-left:8px; padding-right:8px; color:#999;}
	.wz-text a:hover{ color:#076ce0;}


/* 通用单页内容 */
.tynr-box{ width:900px; height:auto; margin:auto; margin-top:50px; margin-bottom:50px; }
.tynr-title{ width:100%; font-weight:normal;text-align:center; color:#666; font-size:24px; margin-bottom:16px;}
.tynr-time{ width:100%; text-align:center; color:#bbb; font-size:14px; margin-bottom:30px;}
.tynr-min img{ max-width:900px;  margin:auto; margin-top:20px; margin-bottom:20px;}
.tynr-min p{ font-size:15px; color:#999; line-height:30px; text-indent:2em;}
.tynr-min span{ font-size:15px; color:#999; line-height:0px; text-indent:2em;}



/* 图片列表分页 */
.tpfy{width: fit-content; margin-left: auto; margin-right: auto; clear:both; overflow:hidden; line-height:108px; margin-bottom:30px;}


/* 上一条下一条 */

.st{width:98%; height:auto; margin:auto; margin-top:48px; margin-bottom:60px;}
.st a{ width:100%; height:48px; display:block;  line-height:48px;  border: solid 1px #fff; margin-bottom:10px;}
.st a h1{ margin-left:30px; float:left; font-size:16px; color:#333; font-weight:normal;}
.st a p{ width:86%; float:left;font-size:14px; color:#666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.st a:hover{ border: solid 1px #ffa200; border-radius:24px;}
.st a:hover h1{ color:#ffa200;}
.st a:hover p{ color:#ffa200;}


#img_st{ margin-top:0; margin-bottom:60px;}






/* 联系我们 */
.ph{ width:1200px; height:auto; clear:both; overflow:hidden; margin:auto; margin-top:80px; margin-bottom:100px;}
.ph_img{ float:left; width:50%; height:400px; background-color:#ccc;}
.ph_text{ float:right; width:50%; height:400px;}
.ph_min{ padding-top:60px; padding-left:106px;}
.ph_min h1{ font-size:32px; color:#333333; margin-bottom:16px;}
.ph_min h2{ font-size:14px; color:#999999; font-weight:normal;text-transform:uppercase; margin-bottom:46px;}
.ph_min p{ font-size:14px; color:#666; line-height:32px;}











/* 资讯列表 */
.bggl_ny_min{ width:92%; height:auto; margin:auto; margin-top:30px;}
.bggl_ny_min a{ width:100%; height:auto; border-bottom:solid 1px rgb(0,0,0,0.1); margin-bottom:28px; transition:transform 0.3s; }
.bggl_ny_min a time{ font-size:16px; color:#bbb;}
.bggl_ny_min a h1{ font-size:16px; color:#555; margin-top:12px; margin-bottom:8px;display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bggl_ny_min a p{ font-size:14px; color:#888; margin-bottom:28px; line-height:28px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.bggl_ny_min a:hover{position:relative; cursor:pointer;transform:translate(6px,0);}
.bggl_ny_min a:hover h1{ color:#1a1312;}








/* 咨询左侧分类 */



/* 咨询右侧列表 */
.yb-right-box{ width:900px; height:auto; float:right;}

.yb-right-title{ width:100%; height:60px; padding-bottom:8px;}
.yb-right-title div{ width:24px; height:24px; float:left; background-image:url(../images/zx_bt_icon.png); margin-top:18px; opacity:0.2;}
.yb-right-title h1{  text-align:center; float:left; line-height:60px; margin:0; padding-left:26px;color:#076ce0; font-size:20px; }
.yb-right-title a{ float:right; font-size:14px; color:#999; line-height:60px; padding-right:18px;}
.yb-right-title a:hover{ color:#ffa200;}

.yb-right-box ul{ width:100%; height:auto; margin-bottom:30px;}
.yb-right-box ul li{ display:block; width:900px; height:60px;border-bottom:dashed 1px #dcdcdc; }
.yb-right-box ul li a{ display:block;height:48px; padding-left:48px; line-height:60px; float:left; width:750px; font-size:16px; color:#919191;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition:transform 0.3s;}
.yb-right-box ul li p{ margin:0; padding:0; display:block;height:60px; line-height:60px; float:right;font-size:14px; color:#999; padding-right:18px;}
.yb-right-box ul li:hover a{ color:#ffa200;position:relative; cursor:pointer;transform:translate(4px,0);}



/* 咨询内容详情 */
.zxnr-right-box{ width:900px; height:auto; float:right;}

/* bootstrap  分页样式 */
.pagination{display:inline-block;padding-left:0;border-radius:0}
.pagination  li{display:inline;background: none;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#333;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#333;background-color:#ecf0f1;border-color:#ddd}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#fff;background-color:#2d63c5;border-color:#ddd;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#b4bcc2;background-color:#fff;border-color:#ddd;cursor:not-allowed}