@import url(Flex.css);

*{ -webkit-text-size-adjust:auto !important; -ms-text-size-adjust:auto !important; }
html,body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body { font:normal 12px 'PingFang SC', 'Microsoft Yahei', Arial,Helvetica,sans-serif; color: #333; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, b, em, i { font-style: normal; font-weight: normal; padding: 0; margin: 0; }
li, ol { list-style: none; }
input, textarea, button { border: none; outline: none; text-decoration: none; resize: none; border-radius: 0; }
input[type="text"],input[type="button"],input[type="submit"] ,button,textarea{-webkit-appearance:none !important; /*去除input默认样式*/}
textarea { resize: none; }
a {color: inherit; outline: none; text-decoration: none; /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;*/}
a:hover { color:#f7951a; }
a:focus, bottom:focus { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a:hover img { border: none; }
img, video { max-width: 100%; height: auto; border: none; outline: none; }
.clearfix { clear: both; zoom: 1; *zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
/*::-webkit-scrollbar{width:8px;height: auto}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#03a349;}
::-webkit-scrollbar-thumb:hover {background-color:#4eab90;}
::-webkit-scrollbar-thumb:active {background-color:#4eab90;}*/

/********* public css *********/
body{ width:100%; max-width:1200px; margin:0 auto; position:relative; box-sizing:border-box; }
.section{ padding:16px 0; }

/*** header css ***/
.logo{ width:15%;}
.logo img{ vertical-align:middle}

/*** nav css ***/
.menuBtn { display:none}
.nav{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-webkit-box-pack: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around;
height:40px; background:url(../images/navbg.jpg) repeat-x left center; /*background-color:#f7951a; background:-webkit-linear-gradient( 90deg, #f7951a, #e17b02);*/ position:relative;} 
.nav:before { content: ""; position:absolute; top:1px; width:100%; height:1px; background:rgb(255,255,255, .25); }
.nav > li{ width:calc(100% / 8); height:100%; font-size:14px; position:relative; z-index:9;}
.nav > li:hover{ background-color:rgb(255,255,255, .1); }
.nav > li > a {display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; 
height:100%; color:#fff; position:relative; box-sizing:border-box; }

/*** 语言 ***/
.Language{ transition: 0.5s ease 0s; position: relative; z-index:99; height:32px; line-height:32px; margin-left:16px; }
.Language .cur{ position:relative; z-index:5; height:32px; color:#fff; background-color:#f7951a; /*background:-webkit-linear-gradient( 90deg, #af6238, #8b411c);*/ padding:0 8px; box-sizing:border-box;}
.Language .cur:after{content:"\f0d7"; font: 100% "FontAwesome"; /*color:rgb(255,255,255, .75);*/ margin-left:4px }
.Language ul{ display:none; background:#fff; border: 1px solid #f7951a; position: absolute; top:calc(100% + 0px); right: 0; width: 100%; padding:4px; text-align:center; box-shadow: 0px 2px 4px rgb(0 0 0 / 50%);}
.Language ul li:hover{ background:rgb(0,0,0, .1);}

/*** search css ***/
.search-a{ display:none}
.search{ font-size:0; width:320px; }
.search input[type='text']{display:inline-block; width:calc(100% - 40px); height:32px; padding: 0 12px; border: 1px solid #e8e8e8;background:#eee; box-sizing: border-box}
.search .search-btn{ display:inline-block; vertical-align:top; font-size:14px; height:32px; width:40px; line-height:30px; border: 1px solid #e8e8e8; background:#ddd; cursor:pointer; box-sizing:border-box;}

/*** footer css ***/
footer {color:#333; background:rgb(0, 0, 0, .1); padding:8px; margin:16px 0 32px 0; text-align:center; box-sizing:border-box}

/* 返回顶部 */
#goTop{ font-size:24px;background:rgb(0, 0, 0, 1);color:#fff; position: fixed; right:5%; bottom:16px; z-index:9999; display:none; width:32px; height:32px; line-height:32px; border-radius:100%; cursor:pointer; text-align:center;}
#goTop:hover{ background:#000; color:#fff;}
#goTop:hover a{color:#fff} 

@media (max-width: 1200px) {
body{ padding:0 2%;}
#goTop{right:4px;background:rgb(0, 0, 0, .5);} 
}
@media (max-width: 800px) {
body{ padding:0 16px;padding-top:64px;}
header{ width:100%;height:48px; position:fixed; top:0; left:0; z-index:199; background:#fff; padding:0 16px; box-shadow: 0px 0px 4px rgb(0 0 0 / 10%); box-sizing:border-box; }
.logo{ width:122px;}
.menuBtn { display:block; position: relative; margin-left:16px; background-color:#f7951a; background:-webkit-linear-gradient(90deg, #f7951a, #e17b02); text-align:center; width:34px; height:32px; padding:5px 5px; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; box-sizing:border-box;}
.menuBtn b { display: block; height: 2px; background: #fff; margin: 3px 0 5px; -webkit-border-radius: 2px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;  }
.menuBtn.open b { display: none; margin: 0; position: absolute; top: 48%; width:24px; }
.menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) }
.menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg) }
.nav{ display:block; width:100%; height:100%; position:fixed; top: -100%; left:0; z-index:98; background: rgba(0,0,0,.9); padding:16px; border-top:solid 2px #f7951a; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition:.5s; box-sizing:border-box; } 
.nav.show{ top:48px; } 
.nav:before { content: ""; display:none; }
.nav li{ width:100%; height:auto; font-size:150%; text-align:center;}
.nav > li > a{ display:block; width:100%; height:auto; padding:16px 0; }
.search-a{ display:block; font-size:18px;}
.search-a:after{content:"\f002"; font:100% "Awesome5"; color:#666; margin-left:4px }
.search-a.active:after { content: "\f00d"; font-size:125%; color: rgba(199,16,48,1);}
.search{ display:none; position: absolute; top:100%; right: 0; width: 100%; background:rgb(255,255,255,1); box-sizing:border-box;}
}
@media (max-width: 360px) {
.Language .cur{ padding:0 4px;}
.menuBtn { margin-left:4px;}
.Language{ margin-left:4px;}
}
@media (max-width: 307px) {
header{ height:auto; padding-bottom:10px;}
body{ padding-top:100px;}
}

/********* index *********/
.banner{ width:100%; height:320px; position: relative; background:url(../images/img/pbg.png) no-repeat center; background-size:cover; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}
.banner .swiper-pagination-bullet-active{ background: #f7951a; }
.banner .button-prev,.banner .button-next{ position:absolute; top:50%; z-index:3; cursor: pointer; -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);outline: none;}
.banner .button-prev:before,.banner .button-next:before{ content:""; font:300 52px "Awesome5"; color:rgb(0,0,0, .5);}
.banner .button-prev{ left:1%}
.banner .button-next{ right:1%;}
.banner .button-prev:before{content:"\f104";}
.banner .button-next:before{content:"\f105";}
.banner .button-prev:hover:before,.banner .button-next:hover:before{ color:#f7951a;}
.banner .swiper-container,.banner .swiper-wrapper{height:100%;}
.banner .swiper-slide{display: box; display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex;display: flex; -webkit-box-orient: horizontal;
-webkit-box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
height:100%;}
.banner .img{ width:60%; font-size:0; margin:0 2.5%; }
.banner .img img{ width:45%; margin-left:5%; display:inline-block;}
.banner .inner{ width:20%; margin-left:5%; font-size:16px; color:#000; line-height:2}
.banner .img2 .img:nth-child(2){ width:35%; }

/* public index */
.secTit{ font-size:24px; color:#000; padding:10px 0 24px 0; margin-bottom:24px; border-bottom:1px solid #e5e5e5;}
.more { width:72px; height:20px; line-height:20px; text-align:center; /*background-color:rgb(247,149,26,.75); background:-webkit-linear-gradient( 90deg, #e28107, #f7951a);*/color:#fff; position:relative; text-transform:Capitalize; padding:1px 1px 0 1px; margin-top:16px; border-radius: 10px; }
.more{ display:block; color:rgb(247,149,26,1); }
.more:hover a{ color:rgb(0,0,0,1); }
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0;}
.swiper-pagination-bullet-active{color: #000; background: #000;}

/*sec1 图文*/
.sec1 li{ width:calc(25% - 20px); color:#47566b; padding-bottom:10px; border-bottom:1px solid #e5e5e5;}
.sec1 li .pic { width:100%; position:relative; border-radius: 12px; overflow:hidden;}
.sec1 li .pic:after {content: ""; display: block; padding-bottom: 50%}
.sec1 li .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec1 li:hover .pic img{ -ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
-ms-transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.sec1 li .txt{ color:rgb(0,0,0, .9); position:relative; width:100%; margin-top:8px; padding:8px 0;}
.sec1 li .txt:after {content:"\f0a9"; font:300 125% "Awesome5";color:#666; position:absolute; right:0}

/*sec2 新闻 简介 应用 */
.sec2 .L{ width:30%; box-sizing:border-box}
.sec2 .M{ width:43%; border-left:1px solid #e5e5e5; box-sizing:border-box}
.sec2 .R{ width:27%; padding-left:32px; box-sizing:border-box}
.sec2 .L ul{ padding-right:32px;}
.sec2 .L li { color:#666; padding:.45em 0; position:relative}
.sec2 .L li a:before {content:"\f105"; font:300 14px "Awesome5"; display: inline-block; margin-right:8px; }
.sec2 .L li a{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.sec2 .M .secTit{ padding-left:32px;}
.sec2 .M .txt{ color:#666; line-height:2; padding-left:32px; text-align: justify; text-indent: 2em; }
.sec2 .M .txt .logo2{/* float:left;*/ margin-left:-2em}
.sec2 .M .more { margin-left:32px;}
.sec2 .M .pic{ width:calc(100% - 32px); position:relative; margin-left:32px; margin-top:16px; box-sizing:border-box;}
.sec2 .M .pic:after {content: ""; display: block; padding-bottom: 36%}
.sec2 .M .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sec2 .R .Tit{ background:url(../images/bg7.jpg) no-repeat center; background-size: cover; position:relative; border-radius: 6px; }
.sec2 .R .Tit:after {content: ""; display: block; padding-bottom: 25%}
.sec2 .R .Tit span{ font-size:24px; color:#fff; margin-left:32px; position:absolute; top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);}
.A-list { margin:0 0 0 -8px;}
.A-list li{ width:calc(50% - 8px); margin:8px 0 0 8px; position:relative; background:#fff; text-align:center; box-sizing:border-box}
.A-list li .pic { width:100%; position:relative; border-radius: 6px; overflow:hidden;}
.A-list li .pic:after {content: ""; display: block; padding-bottom: 66.6666666%}
.A-list li .pic img { position:absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.A-list li:hover .pic img{ -ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
-ms-transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.A-list li .txt{  position:absolute; bottom:0; width:100%; color:rgb(255,255,255,1); background:rgb(0,0,0,.5); padding:4px 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;  border-radius: 0 0 6px 6px;}
.sec2 .R .font{ color:#666; line-height:1.8; margin-top:24px;}
.sec2 .R .font h2{ font-size:12px; margin-bottom:8px;}
.sec2 .R  .more{ margin-top:8px;}


@media (max-width: 1024px) {
.sec2 .M .pic{ display:none}
}
@media (max-width: 800px) {
.sec1 li{ width:calc(25% - 8px);}
.sec2 .L{ width:100%; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #e5e5e5; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.sec2 .M{ width:100%; border-left:none; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #e5e5e5;}
.sec2 .R{ width:100%; padding-left:0; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.sec2 .L ul { padding-right:0 }
.sec2 .M .secTit{ padding-left:0; padding-top:0}
.sec2 .M .txt{ padding-left:0}
.sec2 .M .more{ margin-left:0}
.A-list li{ width:calc(25% - 8px); }
}

@media (max-width: 640px) {
.banner{ height:50vw; padding:1em 0; min-height:180px; }
.banner .img{ width:60%; font-size:0; margin:0 2.5%; }
.banner .img img{ width:70%; margin:0 auto; display:block;}
.banner .inner{ width:40%; margin-left:0; }
.banner .img2 .img:nth-child(2){ width: auto }

.sec1 ul{ margin-top:-16px;}
.sec1 li{ width:calc(50% - 8px); margin-top:16px;}
.A-list li{ width:calc(33.33333333% - 8px); }
}
@media (max-width: 480px) {
.banner .inner{ font-size:14px; line-height:1.8; }
.A-list li{ width:calc(50% - 8px); }
}

@media (max-width: 360px) {
.banner .inner{line-height:1.6; }
}


/********* page *********/

/*** 页码 ***/
.page-num{ margin:0 auto; margin-top:32px; font-size:0; text-align:center}
.page-num span{ color:#666; font-size:12px; margin-right:16px;}
.page-num a{ display: inline-block; padding:0 8px;line-height: 20px; border: #ccc solid 1px;text-align: center;margin-right: 2px; color: #666; font-size:12px;}
.page-num .page-cur,.page-num a:hover { background:#444; border:1px solid #444; color:#fff;}

/*** ban ***/
.ban{ width:100%; position:relative;}
.ban:after {content: ""; display: block; padding-bottom: 16.666666666%;}
.ban img {position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}

/*** public 单页 新闻 page ***/
.sublist{ width:32px; position:relative}
.mainBox{width:calc(100% - 64px); position:relative; overflow:hidden}
.sublist ul{ width:100%; position:relative; z-index:3}
.sublist li{ width:100%; background-color:rgb(247,149,26,.75); letter-spacing:4px; padding:6px 0; margin-bottom:2px; text-align:center; box-sizing:border-box;}
.sublist li a{ display:block; color:#fff; text-align:center; margin:0 auto; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: vertical-lr; }
.sublist li:hover{ background-color:rgb(247,149,26,1);}
.mainBox .part{ padding-bottom:24px; border-bottom:solid 1px #ddd;}
.mainBox .Tit{ font-size:100%; color: #825720; padding:24px 0; }
.mainBox .more3{ display:block; color:#f7951a; margin-top:24px;}
.mainBox .more3:hover{text-decoration: underline}
.details{ width:100%; color:#666; line-height:2; padding:2em 0; margin-bottom:64px; box-sizing:border-box;}

/*** 关于 ***/
.about{ min-height:calc(100vh - 384px); margin-bottom:64px;}
.about .part{ width:100%; position:relative; }
.about .txt{ line-height:2; text-align: justify; padding-left:4em; box-sizing:border-box;}

/* 历程 */
.course { width:100%; padding-left:4em; box-sizing:border-box;}
.course li{ display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-orient: horizontal;
-webkit-box-align: lex-start;-webkit-align-items: lex-start; -moz-align-items: lex-start; -ms-align-items: lex-start; -o-align-items: lex-start; align-items:lex-start;
padding:.75em 0; line-height:1.8;}
.course li b{ margin-right:6em}

/* 设备 */
.E-list { margin:-8% 0 0 -14.3333333333%; padding-bottom:16px; padding-left:4em; position:relative; box-sizing:border-box;}
.E-list li{ width:20%; margin:8% 0 0 13.3333333333%; text-align:center; position:relative; background:#fff; box-sizing:border-box; overflow:hidden;}
.E-list li .pic{ width:100%; position:relative; }
.E-list li .pic:before {content: ""; display:block; width:100%; position:absolute; top: 0; bottom: 0;left: 0;right: 0; z-index:3;  background:url(../images/Watermark.png) no-repeat center; background-size:50%; opacity:.75 }
.E-list li .pic:after {content: ""; display: block; padding-bottom: 66.6666666%; }
.E-list li .pic img { position:absolute; top: 0; bottom: 0;left: 0;right: 0; z-index:1; width: 100%; height: 100%; object-fit: cover; object-position: center; padding:2px; border:solid 1px #ddd; box-sizing:border-box;}
.E-list li .name{ margin-top:.5em}

/*质量保证*/
.Qua .txt{ margin-bottom:1em;}

/*** 新闻 ***/
.news .mainBox .part{ border-bottom:none}
.Nlist{width:100%; position:relative; padding-left:4em; box-sizing:border-box;}
.Nlist li {width:100%; position:relative;}
.Nlist li { padding-bottom:32px;}
.Nlist li a{ display: box; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-orient: horizontal;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; width:100%;}
.Nlist li .font{ width:calc(100% - 64px);}
.Nlist li .font .tit{ font-weight:bold; color:#666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.Nlist li .font .txt{ color:#999; line-height:1.8; margin-top:4px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.news .more2{ margin-left:4em;}
.Nlist li .more3{ width:32px; margin-top:0; }
.Nlist li:hover .tit,.Nlist li:hover .txt{color:#f7951a; }

/*** 新闻详情 ***/
.Show { margin-bottom:128px;}
.Show .Title{ font-size:100%; font-weight:bold; color:#000; text-align:center; padding-bottom:16px; border-bottom: dashed 1px #ddd;}
.Show .Ann{ text-align:center; margin-top:8px;}
.Show .Ann span{ margin: 0 4px; color:#999}
.Show .Ann .R span {color:#666}
.Show .details p{ text-align: justify; 1text-indent: 2em; margin:1em 0;}
.Show .details img,.Show .details p img{ display:block; text-indent: -2em;}
.Show .guide { margin-top:16px; padding-top:16px; border-top: solid 1px #ddd;}
.Show .guide span{ display:block; margin:8px 0;}
.Show .guide span b{ color:#888}
.newshow .showBox{ padding-left:4em; box-sizing:border-box;}

/*** public 产品 page ***/
.form{ font-size:0; display:block; width:100%; position:relative; box-sizing:border-box;}
.form span b{ font-size:12px; margin-left:1em;}
.form input[type='text']{ width:calc(50% - 40px); max-width:240px; height:28px; padding: 0 10px; border: 1px solid #767676; box-sizing: border-box}
.form .search-btn{ vertical-align:top; font-size:14px; height:28px; width:28px; line-height:26px; text-align:center; padding:0; border: 1px solid #767676; border-left:none; cursor:pointer; box-sizing:border-box;}
.form select { padding:4px 0}
.RowTitle{width:100%; background:#f2f2f2; color:#666; padding:8px 0; padding-left:1em; margin-top:16px; box-sizing:border-box;}
.RowTxt{color:#777; line-height:1.5; text-align: justify; padding:0 1em; margin-top:16px; padding-left:5em; box-sizing:border-box;}
.Pos{width:100%; background:#f2f2f2; color:#666; padding:8px 0; padding-left:1em; margin-top:16px; box-sizing:border-box;}
.Pos a{ color:#888}
.Pos a:hover { color: #f7951a; }

/*** 产品中心 ***/
.proClass{ padding-bottom:80px}
.pro-class {width:100%; position:relative;}
.pro-class .Fir{font-size:100%; color:#333;}
.pro-class .Sec{font-size:100%; color:#666; margin-top:1em; padding-left:4em; box-sizing:border-box;}
.pro-class .item { width:100%; background:#f7f7f7; padding:1em; margin-top:10px; box-sizing:border-box; }
.pro-class .item .Thi{ margin-left:-1%; position:relative; padding-left:4em; box-sizing:border-box;}
.pro-class .item .Thi a{ display:block; width: 24%; margin: 1% 0 0 1%; color:#bc7011; position:relative; box-sizing:border-box;}
.pro-class .item .Thi a:before {content:"\f105"; font:300 100% "Awesome5"; display: inline-block; margin-right:4px;}
.pro-class .item .Thi a:hover{ color: rgb(0,0,0,1); }

/*** 产品列表 ***/
.choose { width:100%; background:#f7f7f7; padding:1em; margin-top:10px; box-sizing:border-box;}
.choSer{ width:100%; position:relative; margin-bottom:1em; box-sizing:border-box;}
.choSer span{ display:block; width:80px; color:#333; font-weight:bold;}
.choSer a{ display:block; width:calc((100% - 80px) / 4); font-weight:bold; color:#666; }
.choose .choBox{ width:100%; padding-left:80px; box-sizing:border-box;}
.choose .choBox a{ display:block; width:calc(100% / 4); padding-bottom:.5em; }
.proList li{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
-webkit-box-orient: horizontal; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
 -webkit-box-pack: space-around; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around;
-webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;
 width:100%; position:relative; padding:.5em 0; border-bottom: 1px dashed #bbbab8; overflow: hidden;}
.proList li .pic{ width:8%; position:relative; overflow:hidden;}
.proList li .pic:after {content: ""; display: block; padding-bottom: 100%;}
.proList li .pic img {position: absolute; top: 0;bottom: 0;left: 0;right: 0;width: 100%; height: 100%; object-fit: cover; object-position: center;}
.proList li .font{ width:57%; position:relative;}
.proList li .font .tit{font-size:12px; font-weight:bold; line-height:1.5; color:#ee8b0e; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1; -webkit-box-orient: vertical;}
.proList li .font .Bri-txt{line-height:1.5; color:#333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.proList li .font .loc span,.proList li .font .loc b,.proList li .font .Bri-txt span{color:#888;}
.proList li .font .Att-txt { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
 line-height: 1.5; color: #333; }
.proList li .font .Att-txt p { width: 50%; display: inline-block; padding-right:.5em; vertical-align:top;  box-sizing:border-box; }
/*.proList li .font .Att-txt p:first-child { width: 100%; line-height: 1.5; color: #333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.proList li .font .Att-txt p b { display: inline-block; color: #888; width: 60px; text-align: right }*/

/*more*/
.more2 a{ display:block; height:24px; line-height:24px; text-align:center;background-color:rgb(247,149,26,1); color:#fff; position:relative; text-transform:Capitalize;padding:2px 16px;border-radius: 24px;}
.more2 a:after {content:"\f105"; font:300 100% "Awesome5"; display: inline-block; margin-left:8px;}
.more2 a:hover{ background-color:rgb(247,149,26,.75); color:#fff; }
.news .more2 a{ display:inline-block;}
.news .more2 a:after {content:""; display:none;}

/*** 产品详情 ***/
.proShow .Pos{ margin-bottom:16px;}
.proShow{ padding-top:0;}
.proShow .Pos{ margin-top:0}
.proShow .L{ width:13%; position:relative; box-sizing:border-box;}
.proShow .R{ width:82.5%; position:relative; padding-right:1em; box-sizing:border-box;}
.proShow .L .big-a{ color:#888; text-align:center;}
.proShow .R .tit{ font-size:100%; color: rgb(247,149,26,1); margin-bottom:8px; /* padding-bottom:8px;border-bottom: solid 1px #ddd;*/}
.proShow .R .Des{ line-height:1.8; overflow: auto; overflow-x:hidden;}
.proShow .R .Par p { color: rgb(247,149,26,1); line-height:2;}
.proShow .R .Par p b{ color:#333;}
.proShow .R .Par p .D-down{ color:#333; position:relative}
.proShow .R .Par p .D-down:after {content:"\f019"; font: 125% "FontAwesome"; display:inline-block; margin-left:6px;}
.proShow .R .Par p .D-down:hover{ color:rgb(247,149,26,1);}
.proShow .details { padding-left:5em}
.proShow .details table {border:1px solid #ccc; border-top:none; border-right:none; border-spacing:0; border-collapse: collapse;}
.proShow .details table th{ line-height:1; border:1px solid #ccc; border-left:none; border-bottom:none; text-align:center; padding:.4em; margin:0}
.proShow .details table td{ line-height:1; border:1px solid #ccc; border-left:none; border-bottom:none; text-align:center; padding:.4em; margin:0}

/*相关产品*/
.R-list { width:100%; padding-bottom:64px;}
.R-list ul {margin:0 0 0 -13%;}
.R-list li{ width:calc(25% - 12%); margin:32px 0 0 12%; position:relative; box-sizing:border-box}
.R-list li .pic { width:100%; position:relative;  overflow:hidden;}
.R-list li .pic:after {content: ""; display: block; padding-bottom: 100%}
.R-list li .pic img { position:absolute; top: 0;bottom: 0; left: 0;right: 0; width:100%; height: 100%; object-fit: cover; object-position: center; padding:3px; border:solid 1px #ddd;box-sizing:border-box}
.R-list li .txt{ width:100%; margin:4px 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4; -webkit-box-orient: vertical;}
.R-list li:hover .pic img {border:solid 1px #f7951a;}
/*相关产品2
.R-list2 { width:100%; padding-bottom:64px;}
.R-list2 ul {margin:0 0 0 -8.2%;}
.R-list2 li{ font-size:0; width:calc(33.33333333333333% - 8%); margin:32px 0 0 8%; position:relative; box-sizing:border-box}
.R-list2 li .pic { display:inline-block; width:50%; position:relative;  overflow:hidden;}
.R-list2 li .pic:after {content: ""; display: block; padding-bottom: 66.6666666%}
.R-list2 li .pic img { position:absolute; top: 0;bottom: 0; left: 0;right: 0; width:100%; height: 100%; object-fit: cover; object-position: center; padding:3px; border:solid 1px #ddd;box-sizing:border-box}
.R-list2 li .txt{ display:inline-block; width:calc(50% - 32px); font-size:12px; line-height:1.5; margin-left:16px; vertical-align:top; }
.R-list2 li:hover .pic img {border:solid 1px #f7951a;}*/

/*** 应用领域 ***/
.App{ min-height:calc(100vh - 384px); margin-bottom:64px;}
.App .part{ width:100%; position:relative; }
.App .txt{ line-height:2; text-align: justify; text-indent: 2em; padding-left:4em; box-sizing:border-box;}

/*** 下载中心 ***/
.Down{ min-height:calc(100vh - 384px); margin-bottom:64px;}
.D-list { width:100%; padding-left:4em; box-sizing:border-box;}
.D-list li{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
-webkit-box-orient: horizontal; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap;
-webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; 
 width:100%; padding:1em 0; border-bottom:solid 1px #ddd; box-sizing:border-box }
.D-list li.th{ background-color:#eee; background:-webkit-linear-gradient( 90deg, rgba(0,0,0,.1), rgba(0,0,0,0)); padding:.75em 0; border-top:solid 2px #ccc;}
.D-list li span{ display:block; width:12%; text-align:center; position:relative}
.D-list li span:after {content: ""; display: block; position: absolute; top:0; right:0; width:1px; height:100%; background:#ddd}
.D-list li span:last-child:after {width:0;}
.D-list li span:first-child { width:64%; padding-left:2em; text-align:left; box-sizing:border-box  }
.D-list li span:first-child:before { content:"◆"; font-size:100%; margin-right:4px}
.D-list li.th span:first-child:before{ content:""; display:none}
.D-list li span:last-child a:after {content:"\f019"; font: 125% "FontAwesome"; }

/*** 联系 ***/
.contact{ min-height:calc(100vh - 384px); margin-bottom:64px;}
.contact .txt{ line-height:2; text-align: justify; padding-left:4em; box-sizing:border-box;}
.contact .txt img{ width:160px;}

/*** 招商加盟 ***/
.Join{ min-height:calc(100vh - 384px); margin-bottom:64px;}
.Join .txt{ line-height:2; text-align: justify; padding-left:4em; box-sizing:border-box;}
.Join .txt div{ margin:1em 0;}

@media (max-width: 1119px) {
.proList li{ padding:.5em 0;}
}
@media (max-width: 1024px) {
.proList li .pic{ width:10%;}
}

@media (max-width: 800px) {
.about,.news,.App ,.Down,.contact,.Join{ min-height:auto;}
.sublist{ width:100%; height:auto; overflow:hidden; }
.mainBox{ width:100%; margin-top:-.5em }
.sublist ul{ width:100%; 
display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; 
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; }
.sublist li{ width: auto; margin:0 .5em .5em 0; padding:.5em;}
.sublist li a{ writing-mode: horizontal-tb; }
.sublist li:hover{ background-color:rgb(247,149,26,1);}

.course li b{ margin-right:2em}

.E-list { margin:-8% 0 0 -8.3333333333%; }
.E-list li{ width:25%; margin:8% 0 0 8.3333333333%;}

.proList li .pic{ width:12%;}
.proList li .font .Att-txt p { width: 100%; display: block; padding-right:0; }

.more2 a{ font-size:10px; height:20px; line-height:20px; padding:2px 6px;}
.more2 a:after {font-size:10px; margin-left:2px}

.proClass{ padding-bottom:32px;}

.choose .choBox a{ padding-right:1em; box-sizing: border-box}
.choSer span{ width: 100%;}
.choSer a{ width:calc(100% / 4); margin-top:.5em; }
.choose .choBox{ padding-left:0; padding-top:.5em; border-top: dashed 1px #ddd;}

.proShow{ -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch;}
.proShow .L{ width:100%; font-size:0; }
.proShow .R{ width:100%; margin-top:1em; }
.proShow .L .pic{ width:35%; display:inline-block; vertical-align:middle }
.proShow .L .big-a{ width:60%; margin-left:5%; display:inline-block; font-size:12px; vertical-align:middle; text-align: left }

.details{ margin-bottom:0; overflow:auto;}
.R-list{ padding-bottom:0}

.R-list ul {margin:0 0 0 -4%;}
.R-list li{ width:calc(25% - 4%); margin:4% 0 0 4%;}

.D-list li span{width:16%; min-width:40px; word-break:break-all;}
.D-list li span:first-child { width:52%; max-width:calc(100% - 120px); padding-left:.5em;}
}

@media (max-width: 640px) {
.form span{ display:block; margin-top:10px;}
.form span:first-child{ margin-top:0;}
.form input[type='text']{ width:calc(100% - 100px - 1em);}
.pro-class .Sec { margin-top: 10px;}
.pro-class .item .Thi{ margin-left:-10px; }
.pro-class .item .Thi a{  width: calc(33.3333333333333% - 10px); margin: 10px 0 0 10px; }

.proList li .pic{ width:14%;}
}

@media (max-width: 480px) {

.E-list { margin:-3% 0 0 -3.3333333333%; }
.E-list li{ width:46.66666666666666%; margin:3% 0 0 3.3333333333%;}	
	
.pro-class .item .Thi a{ width: calc(50% - 10px); }
.proList li .pic{ width:16%;}

.R-list li{ width:calc(50% - 4%);}
.Show .Ann span{ margin: 0 2px;}
}