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

body{ background:#fff;}
.left{ float:left;}
.right{ float:right;}
.wrap{ background:#fff; position:relative; overflow:hidden; margin:0 auto;}
.content{ overflow:hidden;}
.clear{ height:0; clear:both;}

/*头部*/
.header{ width:100%; background:#f2f2f2; position/:fixed; left:0; top:0; z-index:99;}
.header .head{ width:1320px; position:relative; margin:0 auto; z-index:3; box-sizing:border-box;}
.header .head::after{ content:''; display:block; overflow:hidden; clear:both;}
.header h1.logo{ display:block; overflow:hidden; float:left;}
.header h1.logo a{ display:block; position:relative;}
.header h1.logo a::after{ content:''; display:block; width:100%; height:100%; background:url(../images/common/logo_fix.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.header h1.logo a img{ display:block; height:90px;}
.header a.lang{ display:block; width:34px; line-height:34px; color:#f58345; font-size:14px; text-align:center; background:#fff; border/:1px solid #ddd; border-radius:50%; float:right; margin:27px 0 0 12px; transition:all ease 0.4s;}
.header a.lang:hover/{ color:#fff; background:#f58345; border-color:#f58345;}
.header .search{ float:right; position:relative; z-index:3; margin:27px 0; margin-left:18px;}
.header .search a.open{ display:block; width:34px; height:34px; background:#fff; border/:1px solid #ddd; border-radius:50%; overflow:hidden; position:relative; transition:all ease 0.4s;}
.header .search a.open::before{ content:''; display:block; width:100%; height:100%; background:url(../images/common/head_search.png) center no-repeat; position:absolute; left:0; top:0; transition:all ease 0.4s;}
.header .search a.open:hover{ background:#f58345; border-color:#f58345;}
.header .search a.open:hover::before{ background-image:url(../images/common/head_search_h.png);}
.header .search form{ display:block; width:262px; background:#fff; border/:1px solid #ddd; border-radius:4px; overflow:hidden; position:absolute; right:0; top:50%; transform:translate(-20%,-50%); opacity:0; visibility:hidden; transition:all ease 0.4s;}
.header .search.open form{ transform:translate(0%,-50%); opacity:1; visibility:visible;}
.header .search form input.text{ display:block; width:141px; height:28px; font-size:15.5px; padding:5px 16px; border:0; float:left;}
.header .search form input.text::placeholder{ color:#777;}
.header .search form input.btn{ display:block; width:44px; height:38px; line-height:9999; background:url(../images/common/head_search.png) center no-repeat; border:0; overflow:hidden; float:left;}
.header .search form i{ display:block; width:1px; height:18px; background:#ddd; margin:10px 0; float:left;}
.header .search form a.close{ display:block; width:44px; height:38px; background:url(../images/common/head_close.png) center no-repeat; float:left;}

.header a.lang{ width:38px; line-height:38px; font-size:15px; margin-top:25px;}
.header .search a.open{ width:32px; height:32px; opacity:0; visibility:hidden;}
.header .search form{ transform:translate(0%,-50%); opacity:1; visibility:visible; border-radius:20px;}
.header .search form input.text{ width:186px;}
.header .search form i,
.header .search form a.close{ display:none;}

.header h1.logo a img{ height:64px;}
.header a.lang{ margin-top:16px; width:32px; line-height:32px; font-size:14px;}
.header .search{ margin:16px 18px 0 0;}
.header .search form input.text{ font-size:13px; height:18px; line-height:18px;}
.header .search form input.btn{ height:28px; background-size:auto 16px;}

.header{ background:none;}
.header .head{ background:#f4742f; background:#ff6702; box-sizing:border-box; padding:2px 16px;}
.header a.lang,
.header .search form{ border-color:#ff6702;}

.header{ background:#ff6702;}
.header .head{ background:none; padding:2px 0; padding:0 30px;}
.header p.lang{ display:block; line-height:64px; color:#fff; font-size:12px; float:right;}

/*导航*/
.nav{ width:1320px; margin:0 auto;}
.nav ul{ display:flex; justify-content:space-between; font-size:15px; background:#f58345; position:relative; margin:0 auto;}
.nav ul::before,
.nav ul::after{ content:''; display:none; overflow:hidden; clear:both;}
.nav ul li.close{ display:none;}
.nav ul li{ display:block; text-align:center; float:left; position:relative;}
.nav ul li > a{ display:block; min-width:2.5em; line-height:34px; color:#fff; text-transform:uppercase; white-space:nowrap; position:relative; padding:0 47px;}
.nav ul li > a:hover,
.nav ul li.on > a,
.nav ul li.cur > a{ color:#fff; background:#f36416; color/:#f58345; background/:#f6f6f6;}
.nav ul li p.sub{ display:none; min-width:100%; background:#f6f6f6; padding:0.25em 0; position:absolute; left:50%; top:100%; transform:translate(-50%); z-index:99;}
.nav ul li p.sub a{ display:block; line-height:2.75; color:#4a4a4a; font-size:0.875em; padding:0 0.5em; white-space:nowrap;}
.nav ul li p.sub a::after{ display:none;}
.nav ul li p.sub a:hover,
.nav ul li p.sub.on a{ color:#fff; background:#f58345;}

.nav{ width:auto; background:#f58345;}
.nav ul{ width:1320px;}

/*banner*/
.banner{ width/:100vw; height:60px; overflow:hidden; position:relative; margin/:12px 0;}
.banner .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; transform/:scale(1.1); animation/:banner 1.75s ease;
	-moz-animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-fill-mode:forwards; /*让动画停留在最后一帧 */
    -moz-animation-fill-mode:forwards; 
    -webkit-animation-fill-mode:forwards; 
    -o-animation-fill-mode:forwards;
}
@keyframes banner{
	0%{ transform:scale(1.05);}
	100%{ transform:scale(1);}
}
.banner .txt{ display:none; width:1320px; line-height:1; color:#fff; font-size:42px; text-align:center; position:absolute; left:50%; top:44%; transform:translate(-50%,-50%); z-index:3;}
.banner .txt::after{ content:''; display:block; width:1.3em; height:2px; background:#fff; margin:0.5em auto 0;}

/*底部*/
.footer{ background:#222; padding/:16px 0 0; position:relative;}
.footer::after{ content:''; display:block; width:100%; height:72px; background:rgba(255,255,255,0.1); position:absolute; left:0; top:0; z-index:1;}
.footer .foot{ width:1320px; margin:0 auto; position:relative; z-index:2; box-sizing:border-box;}
.footer .l{ overflow:hidden; border-bottom:0px solid #333; padding:6px 0;}
.footer a.logo{ display:block; margin:0 64px 0 0; float:left;}
.footer a.logo img{ display:block; height:60px;}
.footer dl{ display:block; font-size:14px; overflow:hidden; padding:16px 0;}
.footer dl dt{ display:block; float:left; margin:0 56px 0 0;}
.footer dl dt a{ display:block; line-height:2; color:#fff;}
.footer dl dt a:hover{ color:#f58345;}

.footer .info{ display:flex; flex-direction:row; justify-content:space-between; align-items:center; color:#fff; font-size:14px; overflow:hidden; padding:32px 10px 30px; padding:16px 0;}
.footer .info a.tel{ display:none; line-height:1.5; font-size:1.5em; background:url(../images/common/f_tel.png) left center no-repeat; background-size:auto 100%; padding-left:2em; margin:0.5em 0;}
.footer .info p{ display:block; min-height:54px; line-height:1.625; color:#999; overflow:hidden; padding-left:4.5em; position:relative;}
.footer .info p img.ico{ display:block; width:3.375em; float:left; margin/:0 1.125em 0 -4.5em; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.footer .info p em{ display:block; line-height:1.14; font-size:0.875em; padding:0 0 1em;}
.footer .info p a{ display:block; line-height:0.8; font-size:1.875em; font-family:bahnschrift;}
.footer .info p a:hover{ color:#f58345;}
.footer .info p img.pic{ display:block; height:7em; margin/:0 2em 0 0;}

.footer .code{ display:none; font-size:15px; padding:1.4em 0 0;}
.footer .code span{ display:block; line-height:1; color:#aaa; text-align:center; overflow:hidden;}
.footer .code img{ display:block; height:9.5em; margin:0 auto 1em;}

.footer .copyright{ line-height:1.875; color:#aaa; font-size:13px; text-align:center; padding:1.625em 0; border-top:1px solid #333;}
.footer .copyright a:hover{ color:#f58345; text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:44px; height:44px; background:url(../images/common/top.png) center no-repeat; background-size:contain; position:fixed; right:20px; bottom:72px; cursor:pointer; text-indent:-9999px; opacity:0.7; z-index:99;}
.backToTop:hover{ opacity:0.9;}

.shadow{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:0; z-index:9998; opacity:0; visibility:hidden; transition:all ease 0.2s;}
.shadow.show{ opacity:1; visibility:visible;}
.picShow{ position:fixed; left:50vw; top:50%; top:0; transform:translate(-50%,0); z-index:9999; opacity:0; visibility:hidden;}
.picShow.show{ opacity:1; visibility:visible;}
.picShow .pic{ display:flex; justify-content:center; align-items:center; width:80vw; height:80vh; height/:750px; max-height/:82vh; width:90vw; height:100vh; background-size:contain !important; background-position:center; background-repeat:no-repeat; transform:scale(0.8); opacity:0; transition:all ease 0.4s;}
.picShow .pic img{ display:block; max-width:96%; max-height:96%;}
.picShow.show .pic{ transform:scale(1); opacity:1;}
.picShow a.close{ width:24px; height:24px; background:url(../images/common/close.png) center no-repeat; background-size:contain; position:absolute; left:100%; bottom/:100%; top:2%; cursor:pointer; z-index:9;}

/*主体样式*/
.main{ width:1320px; margin:0 auto; position:relative;}
.main::before,
.main::after{ content:''; display:block; overflow:hidden; clear:both;}

.position{ line-height:3em; font-size:14px; overflow:hidden; position:relative; z-index:3; padding:0.5em 0 0;}
.position p{ display:block; color:#888; background:url(../images/common/home.png) left center no-repeat; background-size:auto 1em; padding-left:1.75em;}
.position p a{ margin:0 4px;}
.position p a:hover{ color:#f58345; text-decoration:underline;}

.main dl.subMenu{ display:block; width:236px; font-size:14px; background:#f6f6f6; padding:1em 1em 2em; overflow:hidden; float:left; margin:0 36px 40px 0;}
.main dl.subMenu dt{ display:block; line-height:2; font-size:1.25em; font-family:Arial; text-transform:uppercase; overflow:hidden; padding:0 2px; margin:0 0 0.375em;}
.main dl.subMenu dd{ display:block; overflow:hidden; background:#fff; border-bottom:0px solid #eee; margin:0 0 8px; position:relative;}
.main dl.subMenu dd:last-child{ border-bottom:0;}
.main dl.subMenu dd > a{ display:block; line-height:40px; font-size:15px; font-weight:600; padding:0 0.75em; transition:all ease 0.4s;}
.main dl.subMenu dd:hover > a,
.main dl.subMenu dd.cur > a{ color:#fff; background:#f58345;}

.main dl.subMenu dd i{ display:block; width:40px; height:40px; background:url(../images/icons/select.png) center no-repeat; position:absolute; right:0; top:0; z-index:3; transition:all ease 0.4s; cursor:pointer;}
.main dl.subMenu dd:hover i,
.main dl.subMenu dd.cur i{ filter:brightness(0) invert(1);}
.main dl.subMenu dd.open i{ transform:rotate(180deg);}

.main dl.subMenu dd p.sub{ display:none; background:#fff; padding:0.5em 1.125em 0.75em;}
.main dl.subMenu dd p.sub a{ display:block; line-height:2.375; color:#4a4a4a;}
.main dl.subMenu dd p.sub a:hover,
.main dl.subMenu dd p.sub a.cur{ color:#f58345;}
.main dl.subMenu dd.cur p.sub{ display:block;}

/*内容样式*/
.main .attr{ overflow:hidden; position:relative; padding:0 0 30px; min-height:calc(100vh - 482px);}
.main .attr::before,
.main .attr::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .attr h2.title{ display:block; line-height:2; font-size:18px; text-align:center; padding:2em 0 1.66em;}
.main .attr h2.title em{ display:block; color:#333; font-size:2em;}
.main .attr h2.title span{ display:block; line-height:1.75; color:#666; font-weight:normal;}

.main .attr h3.title{ display:block; line-height:1.5; color:#4a4a4a; font-size:24px; text-align:center; padding:0.5em 0 1em;}
.main .attr p.mark{ display:block; line-height:3; color:#868686; font-size:14px; text-align:center; background:#f6f6f6; margin:0 0 2em;}
.main .attr p.mark font{ margin:0 0.5em;}
.main .article{ line-height:2; color:#333; font-size:15px; text-align/:justify; overflow:hidden; padding:0 0 2em;}
.main .article *{ line-height:inherit; color:inherit; font-size:inherit;}
.main .article img{ max-width:100%; height:auto;}

.main .article:only-child{ border-top:1px solid #ddd; padding-top:1em;}

/*文章切换*/
.main .change{ overflow:hidden; font-size:15px; padding:1.625em 0; border-top:1px solid #ddd; margin:0 0 0.5em;}
.main .change p{ display:block; line-height:2.25; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .change p font{ margin:0 4px;}
.main .change p a{ color:inherit;}
.main .change p a:hover{ color:#f58345;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:0 0 30px;}
.pages li{ display:inline-block; vertical-align:top;}
.pages span,
.pages a{ display:inline-block; min-width:12px; color:#888; height:24px; line-height:24px; text-align:center; padding:3px 10px; border:1px solid #ddd; margin:0 4px;}
.pages a:hover{ color:#fff; background:#f58345; border-color:#f58345;}
.pages span{ color:#fff; background:#f58345; border-color:#f58345;}

/*资质列表*/
.main ul.honorList{ display:block; font-size:14px; overflow:hidden; padding:0 0 40px; margin:0 -10px;}
.main ul.honorList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.honorList li a{ display:block; overflow:hidden; padding:14px; border:1px solid #ddd; transition:all ease 0.4s; margin:0 10px 20px;}
.main ul.honorList li a i{ display:block; overflow:hidden; position:relative;}
.main ul.honorList li a i img{ display:block; width:100%; transition:all ease 0.4s;}
.main ul.honorList li a span{ display:block; line-height:1.5; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0.75em 0 -0.25em;}
.main ul.honorList li a:hover{ background:#f58345; border-color:#f58345;}
.main ul.honorList li a:hover i img{ transform:scale(1.1);}
.main ul.honorList li a:hover span{ color:#fff;}

/*企业列表*/
.main dl.coopList{ display:block; padding:0 0 50px;}
.main dl.coopList em{ display:block; box-sizing:border-box; padding:0 12px; float:left; flex-shrink:0;}
.main dl.coopList em:nth-child(1){ width:12%;}
.main dl.coopList em:nth-child(2){ width:36%; text-align:left;}
.main dl.coopList em:nth-child(3){ width:18%;}
.main dl.coopList em:nth-child(4){ width:34%; text-align:left;}
.main dl.coopList em a:hover{ color:#f58345; text-decoration:underline;}
.main dl.coopList dt{ display:block; line-height:3; color:#333; font-size:15px; font-weight:bold; text-align:center; overflow:hidden; background:#f6f6f6; border-top:2px solid #f58345; border-bottom:1px solid #eee;}
.main dl.coopList dd{ display:flex; align-items:center; line-height:20px; color:#444; font-size:14px; text-align:center; padding:14px 0; overflow:hidden; border-bottom:1px solid #eee;}
.main dl.coopList dd:nth-child(odd){ background:#f9f9f9;}
.main dl.coopList dd:hover{ background:rgba(245,131,69,0.05);}

.cpinfo{ overflow:hidden; padding:0 0 24px;}
.cpinfo img.pic{ display:block; width:36%; height:240px; object-fit:cover; float:left; margin:0 4% 0 0;}
.cpinfo .info{ color:#333; font-size:15px; overflow:hidden;}
.cpinfo .info h2{ display:block; line-height:2.5; font-size:1.25em; padding:0.25em 0 0.5em;}
.cpinfo .info p{ display:block; line-height:32px; padding-left:36px; overflow:hidden;}
.cpinfo .info p img{ display:block; width:22px; height:36px; float:left; margin:0 14px 0 -36px;}
.cpflex{ display:flex; justify-content:space-between;}
.cpflex .article{ width:48%; box-sizing:border-box;}

.main ul.coopList{ display:block; font-size:15px; overflow:hidden; padding:0 0 40px; margin:0 -10px;}
.main ul.coopList li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.coopList li .box{ background:#f6f6f6; overflow:hidden; transition:all ease 0.4s; margin:0 10px 20px;}
.main ul.coopList li a.pic{ display:block; overflow:hidden; border:1px solid #ddd; position:relative;}
.main ul.coopList li a.pic img{ display:block; width:100%; height:200px; object-fit:cover; transition:all ease 0.4s;}
.main ul.coopList li a.title{ display:block; line-height:2.5; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.coopList li .box:hover{ background:#f58345;}
.main ul.coopList li .box:hover a.pic{ border-color:#f58345;}
.main ul.coopList li .box:hover a.pic img{ transform:scale(1.1);}
.main ul.coopList li .box:hover a.title{ color:#fff;}

/*产品列表*/
.main ul.proList{ display:block; font-size:14px; overflow:hidden; padding:0 0 40px 20px; margin:0 -20px;}
.main ul.proList li{ display:block; width:25%; float:left;}
.main ul.proList li a{ display:block; overflow:hidden; padding:14px; border:1px solid #ddd; margin:0 20px 20px; transition:all ease 0.4s;}
.main ul.proList li a i{ display:block; overflow:hidden;}
.main ul.proList li a i img{ display:block; width:100%; transition:all ease 0.4s; height:190px;}
.main ul.proList li a span{ display:block; line-height:1.75; color:#333; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 0 0; transition:all ease 0.4s;}
.main ul.proList li a:hover{ background:#f58345; border-color:#f58345;}
.main ul.proList li a:hover i img{ transform:scale(1.12);}
.main ul.proList li a:hover span{ color:#fff;}

/*产品详情*/
.probox{ overflow:hidden;}
.probox ~ .probox{ margin:20px 0 -20px; position:relative; z-index:9;}

.propics{ width:664px; padding-left:84px; overflow:hidden; position:relative; float:left; margin:0 48px 0 0; user-select:none;}
.propics ul.pic{ display:block; overflow:hidden; background:#f6f6f6; border:0px solid #ddd;}
.propics ul.pic li{ display:none;}
.propics ul.pic li:nth-child(1){ display:block;}
.propics ul.pic li a{ display:block;}
.propics ul.pic li a img{ display:block; max-width:100%; height:468px; object-fit:contain; margin:0 auto;}
.propics ul.pic li a video{ display:block; width:100%; height:468px;}
.propics .swiper-container{ width:400px; position:absolute; left:32px; top:50%; transform:translate(-50%,-50%) rotate(90deg);}
.propics .swiper-slide{ display:block; width:68px; overflow:hidden; position:relative;}
.propics .swiper-slide a{ display:block; background:#f6f6f6; border:2px solid #f6f6f6; overflow:hidden; cursor:pointer; position:relative; transition:all ease 0.4s;}
.propics .swiper-slide a::before{ content:''; display:block; width:100%; height:100%; border:2px solid #f58345; position:absolute; left:0; top:0; margin:-2px; opacity:0; z-index:3;}
.propics .swiper-slide a img{ display:block; width:100%; height:60px; object-fit:contain; transform:rotate(-90deg);}
.propics .swiper-slide.on a{ border-color:#f58345;}
.propics .swiper-slide.on a::before{ opacity:1;}
.propics .swiper-button-prev,
.propics .swiper-button-next{ width:64px; height:22px; background-size:auto 100% !important; position:absolute; margin:0; z-index:9;}
.propics .swiper-button-prev{ background:#f58345 url(../images/icons/prev.png) center no-repeat; left:0; top:0;}
.propics .swiper-button-next{ background:#f58345 url(../images/icons/next.png) center no-repeat; left:0; bottom:0; top:auto;}
.propics .swiper-button-next.swiper-button-disabled,
.propics .swiper-button-prev.swiper-button-disabled{ opacity:1;}

.prointro{ font-size:16px; overflow:hidden;}
.prointro h3{ display:block; line-height:1.75; color:#333; font-size:1.5em; overflow:hidden; padding:0 0 0.25em;}
.prointro a.price{ display:block; line-height:2.5; color:#f58345; font-size:16px; margin:0;}
.prointro a.price b{ display:block; font-size:1.75em; padding:0 0 12px;}
.prointro p{ display:block; line-height:2.5; color:#666; font-size:14px; overflow:hidden;}
.prointro p label{ display:block; width:7em; text-align:right; color:#333; margin:0 6px 0 0; font-weight:bold; float:left;}
.prointro p em.model{ display:block; overflow:hidden;}
.prointro p em.model a{ display:block; line-height:1.5; color:#f58345; padding:0 0.75em; border:1px solid #f58345; border-radius:1.5em; float:left; margin:6px 0.75em 4px 0;}
.prointro p em.model a:hover{ color:#fff; background:#f58345;}
.prointro p.btns a{ display:block; min-width:6em; line-height:2.5; color:#f58345; font-size:16px; font-weight:bold; text-align:center; padding:0 1.75em; border:1px solid #f58345; border-radius:2.625em; float:left; margin:16px 16px 0 0; transition:all ease 0.4s;}
.prointro p.btns a.btn2{ color:#fff; background:#f58345; border-color:#f58345;}
.prointro p.btns a:hover{ color:#fff; background:#f58345; border-color:#f58345;}

.window{ width:680px; box-sizing:border-box; font-size:16px; background:#fff; padding:40px; border-radius:8px; overflow:hidden; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9999; opacity:0; visibility:hidden; transition:all ease 0.4s;}
.window a.close{ display:block; width:45px; height:45px; background:url(../images/common/nav_close.png) center no-repeat; background-size:40%; position:absolute; right:0; top:0; z-index:3;}
.window.show{ opacity:1; visibility:visible; box-shadow:0 0 10px rgba(0,0,0,0.5);}
.window form{ display:block; overflow:hidden;}
.window h3{ display:block; line-height:1; color:#333; font-size:1.125em; font-weight/:normal; padding:0 0 1.5em;}
.window div.txt{ line-height:2.15; color:#444; font-size:15px; border-top:1px solid #ddd; padding:1em 2px 0;}
.window .pLine{ font-size:0.9375em; overflow:hidden; border:1px solid #ddd; border-radius:3px; margin:0 0 12px;}
.window .pLine label{ display:block; min-width:5em; line-height:2.5; color:#666; float:left; margin:0 1.5em 0 0.8em; cursor:pointer;}
.window .pLine p{ line-height:2.5; overflow:hidden;}
.window .pLine input.txt{ display:block; width:100%; box-sizing:border-box; height:2.5em; line-height:1.5; color:#333; border:0; padding:0.5em 0.8em;}
.window .pLine select{ display:block; width:100%; box-sizing:border-box; height:2.5em; line-height:1.5; color:#333; border:0; padding:0.5em 0.8em; background:url(../images/icons/select.png) right 0.8em center no-repeat; -webkit-appearance:none; cursor:pointer;}
.window .pLine textarea{ display:block; width:100%; box-sizing:border-box; height:6em; line-height:1.5; color:#333; border:0; padding:0.5em 0.8em; resize:none;}
.window input.btn{ display:block; width:16.65em; height:2.5em; line-height:2.5; color:#fff; background:#f58345; border:0; border-radius:3px; margin:28px auto 0; cursor:pointer;}

.proinfo{ display:flex; justify-content:space-between; overflow:hidden; padding:10px 0 20px;}
.proinfo > ul{ display:block; width:48.5%;}
.proinfo > ul > li{ display:block; overflow:hidden; margin:30px 0 0;}
.proinfo h2{ display:block; line-height:2.625; font-size:16px; font-weight/:normal; overflow:hidden; background:#f5f5f5;}
.proinfo h2 em{ display:block; min-width:5em; color:#fff; text-align:center; padding:0 1.5em; background:#87CEFA; float:left;}
.proinfo .tbox{ line-height:2; color:#444; font-size:14px; padding:12px 16px 18px; border:1px solid #eee; border-top:0;}
.proinfo .tbox *{ line-height:inherit; color:inherit; font-size:inherit;}
.proinfo .tbox img{ max-width:100%; height:auto;}

/*新闻列表*/
.main ul.newsList{ display:block; font-size:16px; padding:0 0 60px; border-top:1px solid #ddd;}
.main ul.newsList li{ display:block; overflow:hidden; padding:22px 0; border-bottom:1px solid #ddd; position:relative;}
.main ul.newsList li a.pic{ display:block; overflow:hidden; border:1px solid #ddd; float:left; margin:0 24px 0 0;}
.main ul.newsList li a.pic img{ display:block; width:132px; height:132px; transition:all ease 0.4s;}
.main ul.newsList li a.pic:hover img{ transform:scale(1.05);}
.main ul.newsList li a.title{ display:block; line-height:2.45; color:#333; font-size:1.125em; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.4s; padding:0 0 0.15em;}
.main ul.newsList li a.title:hover{ color:#f58345;}
.main ul.newsList li span{ display:block; line-height:2; color:#777; font-size:0.875em; overflow:hidden;}
.main ul.newsList li span font{ margin:0 2em 0 0;}
.main ul.newsList li p.flex{ overflow:hidden;}
.main ul.newsList li p.flex span{ line-height:3.15; color:#f58345; float:right; margin-left:4em;}
.main ul.newsList li .txt{ display:block; line-height:1.875; color:#999; font-size:0.875em; padding:0.5em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

/*文字列表*/
.main ul.List{ display:block; font-size:14px; overflow:hidden; padding:0 0 60px; border-top:1px solid #ddd;}
.main ul.List li{ display:block; box-sizing:border-box; width:48.5%; padding:20px 14px; overflow:hidden; border-bottom:1px solid #ddd; float:left;}
.main ul.List li:nth-child(even){ float:right;}
.main ul.List li span{ display:block; width:96px; height:90px; line-height:1; color:#666; text-align:center; overflow:hidden; background:#f6f6f6; float:left; margin-right:28px;}
.main ul.List li span b{ display:block; color:#f58345; font-size:1.75em; padding:0.8em 0 0.45em;}
.main ul.List li a.title{ display:block; line-height:1.5; color:#333; font-size:16px; font-weight:bold; padding:0.225em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.main ul.List li .txt{ display:block; height:3.5em; line-height:1.75; color:#888; padding:0.6em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.List li:hover{ background:#f6f6f6;}
.main ul.List li:hover a.title{ color:#f58345;}
.main ul.List li:hover span{ color:#fff; background:#f58345;}
.main ul.List li:hover span b{ color:#fff;}

/*联系我们*/
.contact{ width:48.5%; color:#333; font-size:15px; float:right;}
.contact h2{ display:block; line-height:2.5; font-size:1.35em; padding:0.75em 0 0.7em;}
.contact p{ display:block; line-height:32px; padding-left:36px; overflow:hidden; margin:0 0 0.75em;}
.contact p img{ display:block; width:22px; height:36px; float:left; margin:0 14px 0 -36px;}
.map{ width:48.5%; float:left; margin:0 0 20px;}


@media only screen and (max-width:1440px){


}

@media only screen and (max-width:768px){

.header .head,
.footer .foot{ width:calc(100% - 30px);}

.header .head{ height:50px; overflow:hidden; margin:0 auto; padding:0;}
.header h1.logo a{ display:block; background:url(../images/common/logo_m.png) center no-repeat; background-size:100% 100%;}
.header h1.logo a img{ height:50px; opacity:0;}
.header .search{ display:none;}
.header a.menu{ display:block; width:20px; height:50px; background:url(../images/common/head_menu.png) center no-repeat; background-size:contain; float:right; transition:all ease 0.4s; filter:brightness(0) invert(1);}
.header p.lang{ line-height:50px; margin:0 15px 0 0;}

.nav{ width:100vw; height:100vh; font-size:16px; overflow:hidden; overflow-y:auto; background:#fff; float:none; position:fixed; left:0; top:0; z-index:999; transition:all ease 0.4s; transform:translateX(100%);}
.nav ul{ display:block; width:auto; height:auto; background:#fff;}
.nav ul li{ float:none; text-align:left; padding:0 20px; border-bottom:1px solid rgba(0,0,0,0.05); clear:both; margin:0 0 12px; transition:all ease 0.4s; transform:translateY(100%); opacity:0; transition-delay:0.3s;}
.nav ul li a{ width:80%; line-height:50px; color:#333; text-align:left; padding:0;}
.nav ul li > a{ width:80%; line-height:50px; color:#333; text-align:left; padding:0;}
.nav ul li a::after{ content:''; display:block;}
.nav ul li i{ display:block; width:10px; height:10px; border:1px solid #999; border-width:0 1px 1px 0; position:absolute; right:5%; top:25px; margin:-8px 8px 0 0; transform:rotate(45deg); transition:transform ease 0.5s;}
.nav ul li i.open{ transform:rotate(225deg); margin:-4px 8px 0 0;}
.nav ul li p.sub{ background:#fff; position:static; width:auto; min-width:0; transform:none; box-shadow:none; padding:0; margin-right:-20px;}
.nav ul li p.sub a{ width:auto; color/:#666; font-size:15px; line-height:50px; border-top:1px solid rgba(0,0,0,0.05); padding:0 2em;}
.nav ul li p.sub > a:last-child{ border-bottom:0;}
.nav ul li > a:hover,
.nav ul li.on > a,
.nav ul li.cur > a{ color:#f58345; font-weight:bold; background:none;}
.nav ul li p.sub a:hover, .nav ul li p.sub.on a{ color:#f58345; background:#fff;}
.nav ul li.close{ display:block; width:18px; height:50px; float:right; padding:0; background:url(../images/common/nav_close.png) center no-repeat; background-size:100% auto; margin:0 20px; transform:translateY(0); opacity:1; border:0;}

.nav ul li:nth-child(2){ transition-delay:0.0s;}
.nav ul li:nth-child(3){ transition-delay:0.1s;}
.nav ul li:nth-child(4){ transition-delay:0.2s;}
.nav ul li:nth-child(5){ transition-delay:0.3s;}
.nav ul li:nth-child(6){ transition-delay:0.4s;}
.nav ul li:nth-child(7){ transition-delay:0.5s;}
.nav ul li:nth-child(8){ transition-delay:0.6s;}
.nav ul li:nth-child(9){ transition-delay:0.7s;}
.nav ul li:nth-child(10){ transition-delay:0.8s;}
.nav ul li:nth-child(11){ transition-delay:0.9s;}
.nav ul li:nth-child(12){ transition-delay:1.0s;}

div.nav.show{ transform:translateX(0);}
div.nav.show li{ transform:translateY(0%); opacity:1;}

.footer{ padding/:40px 0 0;}
.footer::after{ height:60px;}
.footer .foot{ display:block;}
.footer .l{ padding:7px 0;}
.footer a.logo{ width:150px; margin:0 auto; float:none; background:url(../images/common/flogo_m.png) center no-repeat; background-size:100% 100%;}
.footer a.logo img{ display:block; width:100%; height:46px; opacity:0;}
.footer dl{ display:none;}
.footer .info{ display:block; font-size:14px; align-items:center; padding:16px 0 0;}
.footer .info p{ border-bottom:0px solid rgba(0,0,0,0); margin:12px 0 24px;}
.footer .info p a{ font-size:1.75em;}
.footer .info p img.ico{ top:0; transform:none;}
.footer .code{ font-size:inherit;}
.footer .copyright{ line-height:1.625; padding:1.25em 0; font-size:13px; margin:0 0 0;}

.backToTop{ width:32px; height:32px; right:15px; bottom:75px; background-size:contain; opacity:0.7;}

.window{ width:calc(100vw - 30px); padding:16px; font-size:14px;}
.window h3{ padding:0.25em 0 1em;}
.window .pLine{ margin:0 0 8px;}
.window input.btn{ margin:16px auto 4px; text-transform:uppercase;}
.window div.txt{ font-size:14px; padding:0.6em 0 0.1em;}

.picShow{ top:50%; transform:translate(-50%,-50%);}
.picShow .pic{ height:calc(100vh - 10vw);}
.picShow .pic img{ max-width:100%; max-height:100%;}
.picShow a.close{ left:auto; right:0; top:0; transform:translate(0,0);}

.main{ width:auto; padding:0 15px;}

.position{ font-size:12px;}
.position p{ padding-left:1.5em;}
.main dl.subMenu{ width:auto; float:none; margin:0 -15px 0; border-top:1px solid #ddd; padding:0;}
.main dl.subMenu dt{ display:none;}
.main dl.subMenu dd{ margin:0;}
.main dl.subMenu dd > a{ display:none;}
.main dl.subMenu dd i{ display:none;}
.main dl.subMenu dd p.sub{ display:none; width:auto; float:none; background:#f6f6f6; padding:8px 12px; overflow:hidden;}
.main dl.subMenu dd p.sub a{ display:flex; align-items:center; justify-content:center; height:40px; line-height:1.15; font-size:13px; padding:0; text-align:center; background:#fff; border:3px solid #f6f6f6; box-sizing:border-box; width:50%; float:left;}
.main dl.subMenu dd p.sub a:hover{}
.main dl.subMenu dd p.sub a.cur{ color:#fff; background:#f58345;}
.main dl.subMenu dd.cur p.sub{ display:block;}

.main .attr{ padding:0; overflow:visible;}
.main .attr h2.title{ font-size:14px; padding:1.75em 0;}
.main .attr h2.title em{ font-size:1.5em; padding:0 0 0.125em;}
.main .attr h2.title span{ line-height:1.75;}
.main .attr > h2.title + .txt{ font-size:14px; padding:0 0 1.75em;}

.main .newsCon{ padding:0 15px; border:0; border-top:1px solid #ddd; margin:0 -15px;}
.main .attr h3.title{ line-height:1.25; font-size:20px; padding:1.125em 0 0.75em; margin:0;}
.main .attr p.mark{ font-size:13px; line-height:1.5; margin:0 0 0em; padding:0.65em 1em;}
.main .attr p.mark font{ white-space:nowrap;}
.main .article{ font-size:14px; padding-top:1em;}
.main .change{ font-size:13.5px; padding:1.2em 0; margin:0 0 0.75em;}
.main .change p{ float:none !important; max-width:none;}
.main .change p span{ display:none;}

.pages{ font-size:12px; padding:0 0 40px;}
.pages span,
.pages a{ min-width:8px; padding:2px 11px; margin:0 4px;}

.main ul.honorList{ margin:0 -6px; padding:15px 0 28px;}
.main ul.honorList li{ width:50%;}
.main ul.honorList li a{ padding:8px; margin:0 6px 12px;}
.main ul.honorList li a span{ height:2.4em; line-height:1.2; margin:0.75em 0 0; white-space:normal;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.main ul.proList{ padding:15px 0 28px; margin:0 -6px;}
.main ul.proList li{ display:block; width:50%;}
.main ul.proList li a{ width:auto; margin:0 6px 12px; padding:8px;}
.main ul.proList li a i{ background/:#000;}
.main ul.proList li a i img{ opacity/:0.96; height:calc(50vw - 39px);}

.probox:first-child{ padding:15px 15px 0; margin:0 -15px; border-top:1px solid #ddd;}
.probox ~ .probox{ margin:16px 0 -16px;}

.propics{ width:auto; padding-left:60px; float:none; margin:0;}
.propics ul.pic{ border:1px solid #f4f4f4; background:#f4f4f4;}
.propics ul.pic li a img,
.propics ul.pic li a video{ height:262px;}
.propics .swiper-container{ width:208px; left:24px;}
.propics .swiper-slide{ width:46px;}
.propics .swiper-slide a{ border:1px solid #f4f4f4; background/:#000;}
.propics .swiper-slide a::before{ border:1px solid #f58345; margin:-1px;}
.propics .swiper-slide a img{ height:44px; opacity/:0.96;}
.propics .swiper-slide.on a img{ opacity:1;}
.propics .swiper-button-prev,
.propics .swiper-button-next{ width:48px; height:20px; background-size:auto 110% !important;}

.prointro h3{ line-height:1.25; font-size:18px; padding:1.25em 0 0.5em; border-bottom:1px solid #ddd; margin:0 0 0.5em;}
.prointro p{ font-size:13px; line-height:2.25;}
.prointro p label{ width/:7.25em; white-space:nowrap;}
.prointro p em.model{ clear:both;}
.prointro p em.model a{ margin:4px 0.75em 4px 0;}
.prointro p.btns{ display:flex; justify-content:space-between; padding:18px 0 0;}
.prointro p.btns a{ font-size:13px; width:31%; flex-shrink:0; padding:0; margin:0 0 0; font-weight:normal; line-height:2;}

.proinfo{ padding:16px 0 32px; display:block;}
.proinfo > ul{ width:auto; overflow:hidden;}
.proinfo > ul > li{ margin:15px 0 0;}
.proinfo h2{ font-size:15px; line-height:2.5;}
.proinfo h2 em{ padding:0 1em;}
.proinfo .tbox{ line-height:1.75; padding:8px 12px 14px;}

.main ul.newsList{ border:0; margin:0; padding:0 0 40px;}
.main ul.newsList li{ padding:15px 0;}
.main ul.newsList li a.pic{ margin:0 16px 0 0;}
.main ul.newsList li a.pic img{ width:92px; height:92px;}
.main ul.newsList li a.title{ font-size:15px; white-space:normal; line-height:1.35;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main ul.newsList li p.flex{ display:flex; flex-direction:column-reverse;}
.main ul.newsList li p.flex span{ float:right; margin:0; font-size:13px; line-height:2.25;}
.main ul.newsList li span{ font-size:13px; line-height:1.55;}
.main ul.newsList li span font/{ display:block; margin:0;}
.main ul.newsList li .txt{ display:none;}

.main dl.coopList{ padding:0 0 40px;}
.main dl.coopList dt{ display:none;}
.main dl.coopList dd{ display:block; padding:15px 0 11px; padding-left:34px; border-color:#ddd;}
.main dl.coopList dd:nth-child(odd){ background:#fff;}
.main dl.coopList em{ float:none; font-size:14px; padding:0;}
.main dl.coopList em:nth-child(1){ color:#fff; font-size:14px; background:#f58345; float:left; padding:0; width:20px; padding:2px; float:left; margin:2px 10px 0 -34px; box-sizing:content-box;}
.main dl.coopList em:nth-child(2){ width:auto; text-align:left; color:#333; font-size:16px; font-weight:bold; line-height:24px; overflow:hidden; padding:2px 0 6px;}
.main dl.coopList em:nth-child(3){ width:auto; text-align:left; color:#333; line-height:24px;}
.main dl.coopList em:nth-child(3)::before{ content:'Area : '; color:#888;}
.main dl.coopList em:nth-child(4){ width:auto; text-align:left; color:#333; line-height:24px;}
.main dl.coopList em:nth-child(4)::before{ content:'Main Product : '; color:#888;}

.cpinfo{ padding:15px 0 8px;}
.cpinfo img.pic{ width:100%; margin:0; float:none; height:auto;}
.cpinfo .info{ font-size:14px;}
.cpinfo .info h2{ line-height:1.5; padding:0.85em 0 0.75em; font-size:16px;}
.cpinfo .info p{ line-height:24px; padding-left:24px; padding-left:24px; margin:0 0 6px;}
.cpinfo .info p img{ height:24px; width:15px; margin:0 9px 0 -24px;}

.cpflex{ display:block;}
.cpflex .article{ width:auto; padding:1em 0; border-top:1px solid #ddd;}

.main ul.List{ padding:0 15px 40px; margin:0 -15px;}
.main ul.List li{ width:auto; padding:14px 0;}
.main ul.List li a.title{ padding:0;}
.main ul.List li span{ width:60px; height:60px; margin:3px 16px 0 0; font-size:12px; letter-spacing:-0.3px;}
.main ul.List li span b{ padding:0.5em 0 0.3em;}
.main ul.List li .txt{ font-size:13px; line-height:1.5; height:3em; padding:0.25em 0 0;}

.main ul.List li:hover{ background:#fff;}
.main ul.List li:hover a.title{ color:#f58345;}
.main ul.List li:hover span{ color:#666; background:#f6f6f6;}
.main ul.List li:hover span b{ color:#f58345;}

.contact{ width:auto; float:none; font-size:14px; border-top:1px solid #ddd; padding:0 15px; margin:0 -15px;}
.contact h2{ padding:0.5em 0 0.25em;}
.contact p{ line-height:2; padding-left:30px;}
.contact p img{ height:2em; width:17px; margin:0 13px 0 -30px;}
.map{ width:auto; float:none; margin:16px 0 40px;}








}












/**/