@charset "utf-8";
/*==========字体 开始==========*/
/*可替换 开始*/
@font-face{font-family:"ydiconfont";src:url('//at.alicdn.com/t/font_2289826_4vnl1a5ilf9.woff2?t=1627635534963') format('woff2'),url('//at.alicdn.com/t/font_2289826_4vnl1a5ilf9.woff?t=1627635534963') format('woff'),url('//at.alicdn.com/t/font_2289826_4vnl1a5ilf9.ttf?t=1627635534963') format('truetype')}.ydiconfont{font-family:"ydiconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ydicon-shape4:before{content:"\e630"}.ydicon-shape5:before{content:"\e63c"}.ydicon-shape2:before{content:"\e652"}.ydicon-shape3:before{content:"\e631"}.ydicon-shape6:before{content:"\e649"}.ydicon-shape1:before{content:"\ea6a"}.ydicon-xsj1:before{content:"\e810"}.ydicon-xsj2:before{content:"\e62d"}.ydicon-xsj3:before{content:"\e644"}.ydicon-mulu:before{content:"\e62a"}.ydicon-show1:before{content:"\e629"}.ydicon-dot5:before{content:"\e619"}.ydicon-dot6:before{content:"\e623"}.ydicon-dot1:before{content:"\e618"}.ydicon-dot2:before{content:"\e628"}.ydicon-dot3:before{content:"\e615"}.ydicon-dot4:before{content:"\e616"}.ydicon-wangzhi:before{content:"\e622"}.ydicon-hh3:before{content:"\e69f"}.ydicon-hh:before{content:"\e6e0"}.ydicon-wangwang:before{content:"\e6c4"}.ydicon-wangwang1:before{content:"\e6ad"}.ydicon-hh1:before{content:"\e625"}.ydicon-qr1:before{content:"\e611"}.ydicon-MSN:before{content:"\e626"}.ydicon-qr2:before{content:"\e646"}.ydicon-hh2:before{content:"\e663"}.ydicon-qq2:before{content:"\e665"}.ydicon-msn1:before{content:"\e997"}.ydicon-skype:before{content:"\e915"}.ydicon-wx1:before{content:"\e640"}.ydicon-fb1:before{content:"\e613"}.ydicon-qq1:before{content:"\e79d"}.ydicon-phone2:before{content:"\e614"}.ydicon-msn2:before{content:"\e6ba"}.ydicon-gotop1:before{content:"\e67a"}.ydicon-gotop2:before{content:"\e67b"}.ydicon-gotop3:before{content:"\e624"}.ydicon-gotop4:before{content:"\e605"}.ydicon-gotop5:before{content:"\e65a"}.ydicon-gotop6:before{content:"\e67f"}.ydicon-gotop7:before{content:"\e660"}.ydicon-gotop8:before{content:"\e673"}.ydicon-gotop9:before{content:"\e612"}.ydicon-gotop10:before{content:"\e653"}.ydicon-gotop11:before{content:"\e802"}.ydicon-gotop12:before{content:"\e603"}.ydicon-gotop13:before{content:"\e6b4"}.ydicon-gotop14:before{content:"\e63f"}.ydicon-gotop15:before{content:"\e729"}.ydicon-gotop16:before{content:"\e60f"}.ydicon-gotop17:before{content:"\e66f"}.ydicon-gotop18:before{content:"\e604"}.ydicon-gotop19:before{content:"\e627"}.ydicon-gotop20:before{content:"\e703"}.ydicon-gotop21:before{content:"\e62f"}.ydicon-gotop22:before{content:"\e670"}.ydicon-gotop23:before{content:"\e610"}.ydicon-nothing:before{content:"\e64c"}.ydicon-badge-right:before{content:"\e60e"}.ydicon-add1:before{content:"\e620"}.ydicon-add:before{content:"\e728"}.ydicon-yes1:before{content:"\e6a6"}.ydicon-no1:before{content:"\e6a8"}.ydicon-no:before{content:"\e61e"}.ydicon-yes:before{content:"\e60c"}.ydicon-hit1:before{content:"\e62c"}.ydicon-hit:before{content:"\e61a"}.ydicon-address:before{content:"\e609"}
.ydicon-search:before{content:"\e60b"}.ydicon-prev:before{content:"\e60a"}.ydicon-next:before{content:"\e602"}.ydicon-youjian:before{content:"\e61b"}.ydicon-lianxiren:before{content:"\e60d"}.ydicon-dianhua:before{content:"\e606"}.ydicon-WB:before{content:"\e651"}.ydicon-WX:before{content:"\e691"}.ydicon-shouji:before{content:"\e63b"}.ydicon-wangzhan:before{content:"\e601"}.ydicon-weixin:before{content:"\e62e"}.ydicon-qq:before{content:"\e683"}.ydicon-youbian:before{content:"\e693"}.ydicon-dianhua1:before{content:"\e607"}.ydicon-FB:before{content:"\e608"}.ydicon-fax-full:before{content:"\e932"}.ydicon-Facebook:before{content:"\e711"}.ydicon-right4:before{content:"\e67d"}.ydicon-left4:before{content:"\e67e"}.ydicon-phone:before{content:"\e6c2"}.ydicon-left3:before{content:"\e726"}.ydicon-left1:before{content:"\e621"}.ydicon-right3:before{content:"\e727"}.ydicon-more1:before{content:"\e742"}.ydicon-more:before{content:"\e633"}.ydicon-right1:before{content:"\e62b"}.ydicon-play:before{content:"\e63a"}.ydicon-left:before{content:"\e61c"}.ydicon-right:before{content:"\e61d"}.ydicon-call:before{content:"\e7c0"}.ydicon-home:before{content:"\e617"}.ydicon-contact:before{content:"\e600"}.ydicon-product:before{content:"\e61f"}

/*可替换 结束*/
[class*='ydicon-']{ font-family: "ydiconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ydicon-play:before { display: inline-block; border-radius: 50%; background: rgba(0,0,0,.5); height: 46px; width: 46px; line-height: 46px; font-size: 22px; color: #FFF; text-align: center; }
/*==========字体 结束==========*/
/*==========@@频道布局  开始@@==========*/
/*模型body*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1400px;margin:5px auto; }
#top, #logo, #navigation, #banner, #announcement, #link, #copyright, #floor_1, #floor_2, #floor_3, #floor_4, #floor_5, #floor_6, #floor_7, #floor_8, #floor_14 { width:1400px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:300px; background: #f0f0f0; }
#right { float:right; width:1080px; border-left:0px solid #E5E5E5; padding-left:0px; }
#right1 { float:left; width:1200px; border-left:0px solid #E5E5E5; padding-left:0px; }
#right_1{ overflow:hidden; float:left; width:920px; }
#right_1_1{ overflow:hidden; float:left; width:400px; }
#right_1_2{ overflow:hidden; float:right; width:500px; }
#right_2{ overflow:hidden; float:left; width:920px; }
.right_Wrap { width:450px;}
.right_Wrap.n1, .right_Wrap.n3, .right_Wrap.n5, .right_Wrap.n7, .right_Wrap.n9{ float:left;}
.right_Wrap.n2, .right_Wrap.n4, .right_Wrap.n6, .right_Wrap.n8, .right_Wrap.n10{ float:right;}
/*==========在线客服 开始==========*/
/*默认蓝色*/
/*.SonlineBox{ overflow: hidden; }*/
.SonlineBox{ z-index: 999999990; font-family:"Microsoft YaHei",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Segoe UI Symbol"}
.SonlineBox .contentBox{ border-radius:6px;}
.SonlineBox .openTrigger{ width: 50px; height: 50px; line-height: 50px; text-align: center; position:absolute; top:0px; border-radius: 6px; z-index:1; cursor:pointer; background:#2589ff; box-shadow: 0 0 9px 0 rgba(0,0,0,0.1); }
.SonlineBox .openTrigger:before{ content: '\e6e0'; font-family: 'ydiconfont'; font-size: 30px; color: #FFF; }
.SonlineBox1{ width:162px; font-size:12px; top:-600px; z-index:9999;}
.SonlineBox1 .titleBox{ width:100%; height:35px; line-height:35px; background:#2589ff; position:relative; z-index:1;}
.SonlineBox1 .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family:'微软雅黑','黑体';}
.SonlineBox1 .contentBox{ display:block; min-width: 160px; width:100%; height:auto; border:2px solid #2589ff; overflow:hidden; background:#fff; position:absolute; z-index:2; }
.SonlineBox1 .contentBox .closeTrigger{ width:25px; height:25px; text-align: center; line-height: 25px; display:block; cursor:pointer;  position:absolute; top:5px;right:5px; z-index:2; }
.SonlineBox1 .contentBox .closeTrigger:before{ content: '\e61e'; font-family: 'ydiconfont'; font-weight: bold; color: #FFF; }
.SonlineBox1 .contentBox .closeTrigger:hover{-webkit-transform:scale(1) rotate(360deg);}
.SonlineBox1 .contentBox .listBox{overflow:hidden; margin:6px 0; position:relative;}
.SonlineBox1 .contentBox .listBox .QQList{ display:block; width:100%; margin:5px auto 5px auto; padding:0px 0;}
.SonlineBox1 .contentBox .listBox .QQList span{ display:block; width:47%; height:25px; overflow:hidden; text-align:right;float:left; line-height:26px; color:#444;}
.SonlineBox1 .contentBox .listBox .QQList div.ico{ width:52%; height:25px; overflow:hidden; float:left;}
.SonlineBox1 .contentBox .listBox .QQList div.ico a{}
.SonlineBox1 .contentBox .listBox .QrList{ margin: 10px 20px; text-align: center; }
.SonlineBox1 .contentBox .listBox .QrList img{ width: 100%; max-width: 130px; margin-bottom: 5px; }
.SonlineBox1 .contentBox .listBox .QrList span{ display: block; color: #515259; }
.SonlineBox1 .contentBox .listBox .TelList a{ line-height: 26px; color: #0d84ff; }
.SonlineBox1 .contentBox .listBox .LinkList{ margin: 5px 10px; color: #0d84ff; }
.SonlineBox1 .contentBox .tels{ width:90%; margin:0 auto; border-top:1px dotted #ccc; height:auto; padding-bottom:10px; line-height:200%; text-align:center;}
.SonlineBox1 .contentBox .tels font{ display:block; line-height:35px; font-family:'微软雅黑','黑体'; font-size:16px; color:#555;}
.SonlineBox1 .contentBox .tels span{ display:block; line-height:25px; font-family:"Palatino Linotype", "Book Antiqua"; font-size:20px; color:#555; font-weight:bold;}
/*样式2 3*/
.SonlineBox2{ margin-left: 5px; }
.SonlineBox2 .titleBox{ display: none; }
.SonlineBox2 .contentBox{ position: relative; border: 0 !important; }
.SonlineBox2 .contentBox .listBox .item{ position: relative; width: 50px; margin: 10px 0; text-align: center; background:#FFF; color: #2589ff; font-size: 25px; border-radius:6px; transition-duration: .2s;
	box-shadow: 0 0 9px rgba(0,0,0,.1);
	display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.SonlineBox2 .contentBox .listBox .item a{ display: block; color: inherit;}
.SonlineBox2 .contentBox .listBox .item span.title{ display: none; font-size: 12px; text-align: center; white-space: nowrap; line-height: 1.2em; }
.SonlineBox2 .contentBox .listBox .item .float_box{ position: absolute; left: 125%; transform: translateX(30px); top: 0; bottom: 0; margin: auto; font-size: 14px; color: #313233; visibility: hidden; opacity: 0; transition: .5s .1s; }
.SonlineBox2 .contentBox .listBox .item .float_box span.triangle{ top: 12px; left: -11px; position: absolute; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 11px solid #FFF; z-index: 1; }
.SonlineBox2 .contentBox .listBox .item .float_box.tel{ width: 145px; background-color: #FFF; box-shadow: 0 0 9px rgba(0,0,0,.1); border: 1px solid #e4e5e9; height: 36px; line-height: 36px; text-indent: 10px; text-align: left; border-radius: 6px; }
.SonlineBox2 .contentBox .listBox .item .float_box.tel span.triangle{ top: 12px !important; }
.SonlineBox2 .contentBox .listBox .item .float_box.qr{ bottom: auto; border-radius: 6px; background-color: #FFF; padding: 4px; line-height: 1.5em; box-shadow: 0 0 9px rgba(0,0,0,.1); }
.SonlineBox2 .contentBox .listBox .item .float_box.qr img{ width: 140px; }
.SonlineBox2 .contentBox .listBox .item.footer:before{ content: "···";font-family:"Microsoft YaHei",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Segoe UI Symbol"}
.SonlineBox2 .contentBox .listBox .item:hover{ opacity: .9; }
.SonlineBox2 .contentBox .listBox .item:hover .float_box{ transform: translateX(0px); visibility: visible; opacity: 1; }
.SonlineBox2 .contentBox .tels{ position: absolute; left: 125%; bottom: 0; transform: translate(30px); background-color: #FFF; box-shadow: 0 0 9px rgba(0,0,0,.1); border-radius: 6px; visibility: hidden; opacity: 0; padding: 10px; transition: .5s .1s; }
.SonlineBox2 .contentBox .tels.show{ transform: translate(0px); visibility: visible; opacity: 1; }
.SonlineBox2 .contentBox .tels:after{ content: ""; bottom: 20px; margin-top: -32px; left: -11px; position: absolute; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 11px solid #FFF; z-index: 1; }
.SonlineBox2.positionright{ margin-right: 5px; }
.SonlineBox2.positionright .contentBox .listBox .item .float_box{ left: auto; right: 125%; transform: translateX(-30px); }
.SonlineBox2.positionright .contentBox .listBox .item .float_box span.triangle{ left: auto; right: -11px; border-left: 11px solid #FFF; border-right: 0; }
.SonlineBox2.positionright .contentBox .listBox .item:hover .float_box{ transform: translateX(0px); visibility: visible; opacity: 1; }
.SonlineBox2.positionright .contentBox .tels{left: auto; right: 125%; transform: translate(-30px); }
.SonlineBox2.positionright .contentBox .tels.show{ transform: translate(0px); visibility: visible; opacity: 1; }
.SonlineBox2.positionright .contentBox .tels:after{ left: auto; right: -11px; border-left: 11px solid #FFF; border-right: 0; }
#topcontrol{ z-index: 9999; }
.col4{width:42%; float:left}
.col6{width:58%; float:left}

.floor_foot2 .component_title{width:15%}
.floor_foot2 .component_body{width:40%}
@media screen and (max-width: 768px) {
	/*gotop*/
	#topcontrol{ z-index: 9999; }
	#topcontrol .yd-gotop{ width: 45px !important; height: 45px !important; line-height: 45px !important; }
	#topcontrol .yd-gotop i{ font-size: 25px !important; }
	.SonlineBox1 .contentBox{
		max-width: 200px;
	}
	.SonlineBox2{ width: auto !important; font-size: 12px; }
	.SonlineBox2 .openTrigger{ width: 45px; height: 45px; line-height: 45px; }
	.SonlineBox2 .contentBox { width: auto !important; }
	.SonlineBox2 .contentBox .listBox .item{ width: 45px !important; font-size: 10px; height: 45px !important; }
	.SonlineBox2 .contentBox .listBox .item span.title{ font-size: 10px; }
	.SonlineBox2 .contentBox .listBox .item i{ font-size: 22px !important; }
	.SonlineBox2 .contentBox .listBox .item.footer:before{ font-size: 28px; }
}
/*==========@@媒体查询  开始@@==========*/
@media screen and (max-width: 1450px) {
	.product .detail_table{ max-width: 420px; }
}
@media screen and (max-width: 1200px) {
	/*列表列数（每行个数）*/
	.column1{ width: 100% !important; float: left; }
	.column2{ width: 50% !important; float: left; }
	.column3{ width: 50% !important; float: left; }
	.column4{ width: 50% !important; float: left; }
	.column5{ width: 50% !important; float: left; }
	.column6{ width: 50% !important; float: left; }
	.column7{ width: 50% !important; float: left; }
	.column8{ width: 50% !important; float: left; }
	.column9{ width: 50% !important; float: left; }
	.column10{ width: 50% !important; float: left; }
	/*左右滑动列宽*/
	.component .col2{ width: 500px; }
	.component .col3{ width: 320px; }
	.component .col4{ width: 280px; }
	.component .col5{ width: 240px; }
	.component .col6{ width: 200px; }
	.floor_layout1>.layout,
	.floor_layout3>.layout{ float: none !important; width: auto !important; }
	.component_title>h2{ font-size:28px; }
	.component_title>p{ font-size:16px; margin:10px 0; padding:0; }
	/*==========头部组件 开始==========*/
	body .floor_head0_main,body .floor_head1_main,body .floor_head2_main,body .floor_head3_main{ display: none !important; }
	.banner0 li a{ width: 100%; }
	.banner0 li .bannertext{ transform: scale(.6); width: 150%; margin-left: -25%; }
	/*==========头部组件 结束==========*/
	/*==========单页组件 开始==========*/
	.floor_page0 .ChannelWrap { margin: 0; }
	.floor_page0 .ChannelWrap .ChannelSContent { padding:0 !important; font-size:24px; }
	.floor_page0 .ChannelWrap .ChannelContent { padding:10px 15px; }
	.floor_page0 .ChannelWrap .ChannelContent p { height:12em; line-height:2.4em; }
	.page1 .ChannelName{ padding-top: 70px; }
	.page1 .ChannelWrap{ height: 500px; }
	.page1 .ChannelSContent{ padding: 10px !important; }
	.page1 .BgPicture{ height: 500px; }
	.product .detail_table{ max-width: 100%; width: 100%; }
	.product .product_swiper{ padding: 0; margin: 0 auto; overflow: hidden; float: none; }
}
@media screen and (max-width: 990px) {
	#bottom_1,#bottom_2{ width: 100%; }
}
@media screen and (max-width: 768px) {
	.col4{width:100%}
	.col6{width:100%}
	#top, #logo, #navigation, #banner, #announcement, #link, #copyright, #floor_1, #floor_2, #floor_3, #floor_4, #floor_5, #floor_6, #floor_7, #floor_8, #floor_14 {width:100%}
	#wap_logo_main{ display: block; }
	#left{ display: none; }
	#right{ width:100% }
	.floor_banner0,	.component_bottom { display: none; }
	.floor_foot2 .component_title{width:40%}
	.floor_foot2 .component_body{width:60%}
	/*搜索*/
	.seachwrap{ padding: 20px 10px; }
	.seachwrap input.Keywords{ width: 75%; }
	/*子导航栏*/
	#subchannel{ width: 100%; overflow-x: scroll; overflow-y: hidden; }
	.subchannellist{ white-space: nowrap; }
	.subchannellist li a.depth2{ margin: 0 20px; padding: 0; }
	.subchannellist li .icon-more{ display: none; }
	.right_title h2{ font-size: 24px; }
	    
	.index, .single, .guestbook, .download, .article, .picture, .video, .job, .feedback, .product{ width: 100%; margin: 0; box-sizing: border-box; padding: 5px; }
	#announcement,#bottom{ width: 100%; box-sizing: border-box; padding: 20px 5px; }
	
	/*下载模型列表*/
	.grid-downloadlist{ padding: 0; }
	.grid-downloadlist li{ width: 50% !important; }
	.grid-downloadlist .InfoWrap{ margin: 5px; }
	.grid-downloadlist .InfoWrap p{ padding: 10px; }
	/*分页组件*/
	.page_main .pageinfo, .page_main .pagefirst, .page_main .pageend, .page_main .pageup, .page_main .pagedown{ display: none; }
	.page a, .page span{ min-width: 30px; }
	/*联系我们*/
	#Map .ContactInfo li{ width: 50%; height: 140px; }
	/*工具栏*/
	#tool { display: block; }
  	.toollist{ 
		padding-bottom: constant(safe-area-inset-bottom);/* 兼容 iOS < 11.2 */
  		padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
  	}
	#topcontrol img{ width: 35px; border-radius: 3px; opacity: .7; box-shadow: 0 8px 15px rgba(0,0,0,.2);}
}
@media screen and (max-width: 480px) {
}
/*==========@@媒体查询  结束@@==========*/