@charset "utf-8";
@import "iconfont.css";
* { margin: 0;padding: 0;} 
body { font:16px/1.5 "roboto","Microsoft YaHei" ,arial, tahoma, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif; margin: 0px; padding: 0px; margin: 0px auto; font-size: 16px; color: #333;width: 100%; zoom: 1;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0; padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }

div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,input,textarea,blockquote,img,button { box-sizing:border-box; -webkit-box-sizing:border-box; }

@font-face { font-family: "bebas"; src: url('../font/bebas.ttf') format('truetype'); }
@font-face { font-family: "roboto"; src: url('../font/Roboto.ttf') format('truetype'); }

@font-face { font-family: 'syH1'; src: url('../font/SourceHanSansCN-ExtraLight.otf'); }
/*@font-face { font-family: 'syH2'; src: url('../font/SourceHanSansCN-Light.otf'); }
@font-face { font-family: 'syH3'; src: url('../font/SourceHanSansCN-Normal.otf'); }
@font-face { font-family: 'syH4'; src: url('../font/SourceHanSansCN-Regular.otf'); }
@font-face { font-family: 'syH5'; src: url('../font/SourceHanSansCN-Medium.otf'); }
@font-face { font-family: 'syH6'; src: url('../font/SourceHanSansCN-Bold.otf'); }
@font-face { font-family: 'syH7'; src: url('../font/SourceHanSansCN-Heavy.otf'); }*/


.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

select::-ms-expand { display: none; } /*清除ie的默认选择框样式清除，隐藏下拉箭头*/

/*网页滚动条*/
::-webkit-scrollbar { width:10px; height:10px; -webkit-overflow-scrolling:touch; background-color:#e6e6e6; }
::-webkit-scrollbar-track { background-color: #e6e6e6; }
::-webkit-scrollbar-thumb { border-radius:0px; background-color:#333; }
::-webkit-scrollbar-button { height:0px; background-color:#e6e6e6; }


img { max-width: 100%;border: none; border: 0; vertical-align: middle;}
a { color: #333; text-decoration: none; transition:all ease-out .4s 0s;-webkit-transition:all ease-out .4s 0s;}
a:focus { outline: none;-moz-outline: none;}
a:hover { text-decoration: none; color: #e77817;}
.fl { float: left; }
.fr { float: right;}
.clear { clear: both; }

.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInUp {
from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInDown {
from { opacity: 0;-webkit-transform: translate3d(0, 9100%, 0);transform: translate3d(0, 100%, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInLeft {
from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRight {
from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}


/*菜单*/
.header { width:100%; float:left; background:#fff; position: fixed; top:0px; z-index:99; }
.header .version { float:right; text-align:center; font-size:12px; line-height:47px; padding:8px 15px;  }
.header .version em { padding:0 10px; font-style:normal; }
.header .version em img { margin-right:8px; }
.header .version a { color:#000; }
.header .version a:hover { color:#000; text-decoration:underline; }

.header .logo { float:left; display:flex; align-items:center; height:63px; padding:0 2%; }
.header .logo img { height: 40px; width: auto; }

.header .nav { position:relative; float: left; width: 70%;  }
.header #nav { position:absolute; z-index:5; text-align:center;width: 100%; }
.header #nav li { float: left; font-size:14px; margin:0 2%; }
.header #nav li a { display:inline-block;padding:3px 0 0 0; }
.header #nav li a font { color:#000; line-height:57px;font-size:14px; text-transform: uppercase; font-weight: 600; }
.header #nav li a span { height:3px; opacity:0; width: 1%; background:#ed6c00; overflow: hidden; display:block; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.header #nav li a:hover font { color:#ed6c00; }
.header #nav li a:hover span { opacity:1; width: 100%;}
.header #nav li .subnav { overflow:hidden; display:none; position:absolute; top:63px; width: 120px; margin-left:-2.5%;  }
.header #nav li .subnav a { width: 100%; text-align: center; float:left; color:#333; line-height:40px; font-size:14px; padding:0 1.5em; background:#fff; }
.header #nav li .subnav a:hover { background:#f1f1f1; color:#333;}

.mobnav { display: none;}

/*产品分类海报*/
.homeProsort { width:100%; height:100%; float:left; position:relative; overflow:hidden; padding-top:46%; margin-top: 63px; }
.proCon { width:100vw; position:absolute; top:0; left:0; height:100%;}
.selection { width:16.666667vw; height:100%; float:left; position:relative; overflow:hidden; background-position:left center; background-size:auto 100%;}
.selection:last-child { width:16.666667vw; height:100%; float:left; position:relative; overflow:hidden; background-position:left center; background-size:auto 100%;}

.shover .selectionHover { background:rgba(0,0,0,.5); width:100%; height:100%; float:left; opacity:0; position:relative; -webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }
.shover:hover .selectionHover { opacity:1; }
.shover .protit { width:3vw; position:absolute; top:5%; left:13%; color:rgba(255,255,255,.95);font-family: 'syH1';  font-size:3vw; line-height:1.1em; text-transform: uppercase; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.shover:hover .protit {  width:100%;opacity: 1; top:20%; left:0; -webkit-transform:scale(1.6); transform:scale(1.6); text-align: center; }

.selectionHoverContent { position:absolute; bottom:25%; width:350px; margin-left:-175px; left:50%; text-align:center; color:#fff; }
.selectionHoverContent p { color:#fff; font-size:16px; line-height: 25px; margin-top: 10px; }

.more { position: relative; overflow:hidden; cursor:pointer; color:#fff; padding:10px 25px; border-radius:30px; border:2px solid #fff; display:inline-block;  margin-top:60px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.more span  { z-index:2; position: relative; display: inline-block; }
.more:hover { color:#000; background-color:#fff; }
.more::before { background-color:#fff; content:""; height:100%; left:50%; margin-left:-25%; opacity:1; position:absolute; top:0; width:50%; z-index:0; opacity:0; border-radius:30px;-webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out; }
.more:hover::before { width:100%; left:0; margin-left:0; opacity:1; }


.homeProsort_mob { display: none;  }	
.homeProsort_mob2 { display: none; }


.homeBigBox { width: 100%; overflow: hidden; grid-template-columns:repeat(10,10vw); grid-template-rows:10vw 10vw; display:grid; }
.homeBigBox .w1h1 { grid-column-end: span 1; grid-row-end: span 1; color:#fff; font-size: 1.5vw; line-height: 4vh; /*text-transform:uppercase;*/ display:flex; justify-content:center; align-items:center; }
.homeBigBox .w1h1.bj1 { background:#000; }
.homeBigBox .w1h1.bj2 { background:#ed6c00;  }

.homeFactory { grid-column-end: span 7; grid-row-end: span 5; position: relative;  } 
.homeFactory .profile { width:100%; height:50vw; display:flex; justify-content:center; align-items:center; background: rgba(0,0,0,.2);  position: absolute; z-index: 5;}
.homeFactory .profile .num { width:100%; float:left; padding:0 5%; }
.homeFactory .profile .num dl { width:100%; float:left; color:rgba(255,255,255,.9); font-size:1.6vw; line-height:1.2em; text-align:center; text-transform:uppercase; margin-bottom:2%; }
.homeFactory .profile .num dd { width:100%; float:left; color:rgba(255,255,255,1); font-size:2.5vw; line-height:1.2em; text-align: center; margin-bottom:5%; letter-spacing: 0.05em; }
.homeFactory .profile .num ul { padding:0 8%; }
.homeFactory .profile .num ul li { float:left; width: 25%; text-shadow: 0px 0px 8px rgba(0,0,0,.8); }
.homeFactory .profile .num ul li h2 { width: 100%; float:left; text-align: center; }
.homeFactory .profile .num ul li h2 span.timer { font-size:2vw; line-height: 1.5em; color:#f18101;font-family: 'bebas'; font-weight: normal; }
.homeFactory .profile .num ul li h2 b { font-size: 1.5vw; line-height: 1.5em;  color: #fff; margin-left: 6px; vertical-align: top;}
.homeFactory .profile .num ul li h3 { width: 100%; float:left; font-size:1vw; line-height:1.5em;  color:rgba(255,255,255,.9);text-align: center; margin-top: 3%; }
.homeFactory .profile .num dt { width:100%; float:left; text-align:center; color:#fff; }
.more2 { position: relative; overflow:hidden; cursor:pointer; font-size: 1.1vw; line-height:1.2em; color:#fff; padding:.8vw 2.5vw; border-radius:50vw; background-color:#f18101;border:2px solid #f18101; display:inline-block; margin-top:5vw; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.more2 span  { z-index:2; position: relative; display: inline-block; }
.more2:hover { color:#000;border:2px solid #fff; background-color:#fff;}
.more2::before { background-color:#fff; content:""; height:100%; left:50%; margin-left:-25%; opacity:1; position:absolute; top:0; width:50%; z-index:0; opacity:0; border-radius:30px;-webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out; }
.more2:hover::before { width:100%; left:0; margin-left:0; opacity:1; }

.homeFactory .profilebj { width:100%; height:50vw; background:url(../images/h01.jpg) left bottom no-repeat; background-size:auto 100%; -webkit-filter: grayscale(50%); filter: grayscale(50%); filter:gray; position: absolute; }


.homeNewpro { grid-column-end: span 3; grid-row-end: span 3; width:100%; height:30vw; position:relative; overflow:hidden; background: url(../images/newprobj.jpg) center center no-repeat; background-size: cover;}
.homeNewpro h5 { width:100%; float: left; color:rgba(0,0,0,.7); font-size: .8vw; line-height: 1.5em; position:absolute; z-index: 55555; top:1.5vw; text-align: center; text-transform: uppercase;  }
.homeNewpro .piclist { width:100%; float: left;  }
.homeNewpro .piclist li { width:100%; float:left; text-align: center;display:flex; justify-content:center; align-items:center; height: 30vw; }
.homeNewpro .piclist li img { max-width:auto; height:22vw; }

.homeNewpro .pager { width: 100%; position: absolute; bottom:8%; z-index:99; text-align: center; height:12px;  }
.homeNewpro .pager ul li { display:inline-block; zoom:1; width:10px; height:10px; margin:0 3px; line-height:99px; overflow:hidden; border:1px solid rgba(0,0,0,.6); cursor:pointer; border-radius:8px;}
.homeNewpro .pager ul li.on { background:rgba(0,0,0,.6); border: 1px solid rgba(0,0,0,.6);}


.homeNews { grid-column-end: span 3; grid-row-end: span 2; width:100%; float: left; height: 20vw; position:relative; background: #002b68;}
.homeNews h5 { width:100%; float: left; color:rgba(255,255,255,.7); font-size: .8vw; line-height: 1.5em; position:absolute; z-index:555; top:1.5vw; text-align: center; text-transform: uppercase; }
.homeNews ul li { width: 100%; float: left; background: #002b68; }
.homeNews ul li h3 { width: 100%; height: 20vw; float: left; display:flex; justify-content:center; align-items:center; padding:0 20%;}
.homeNews ul li h3 span { color:#fff; font-size: 1.5vw; line-height: 1.7em; text-align: center; margin-top: 0vh; }
#pager { width: 100%; position: absolute; bottom:8%; z-index:99; text-align: center; }
#pager a { width:10px; height:10px; margin:0 3px; cursor:pointer; line-height:0; font-size: 0; border:1px solid rgba(255,255,255,.8); display: inline-block; border-radius:8px; }
#pager a.activeSlide { background:rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.8); }
#pager a:hover { background:rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.8);}



#map { width:100%; height:100vh; float:left; position:relative; margin-top:3%; }

svg { touch-action:none; }
.jvectormap-container { width:100%; height:100%; position:relative; overflow:hidden; touch-action:none; }
.jvectormap-zoomin,.jvectormap-zoomout { width:60px; height:60px; background-color:#000; position:absolute; text-align:center; color:#fff; cursor:pointer; -webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out; font-size:2.5vw; line-height: 64px; font-family: "arial"; overflow: hidden; display: none; }
.jvectormap-zoomin { left:0; top:0; background-color:#363636;  }
.jvectormap-zoomout{ top:0; left:60px; }
.jvectormap-zoomin:hover,.jvectormap-zoomout:hover { background-color:#ed6c00; }

.jvectormap-marker { -webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.jvectormap-marker:hover { opacity:0.8;}

.mapContainer { position:relative; float:left; width:100%; background-color:#fff; overflow:hidden; }

.mapTxt { width:100%; text-align:center; position:absolute; z-index:9; top:6%; }
.mapTxt p { font-size:18px; font-weight:600; text-transform: uppercase;  } 
.mapTxt span { font-size:50px; font-weight:600; margin-top: 5px; display: inline-block;  }

.fnav { width:100%; margin:0 auto; overflow:hidden; border-top:1px solid #eee; padding:3% 8% 5% 8%; margin-top:20px; }
.fnav ul li { width: 15%; float:left; color:#333; margin-right:5%;  }
.fnav ul li h4 { width:100%; float:left;font-size: 15px; line-height:2.6em; font-weight: 600; margin-bottom: 2%; text-transform: uppercase;}
.fnav ul li h6 { width:100%; float:left; font-size: 13px; line-height:2.6em }
.fnav ul li h6 a { color:#333; }
.fnav ul li h6 a:hover { color:#ed6c00; }

.fnav ul li h5 { width:100%; float:left; font-size: 13px; line-height:2.5em }
.fnav ul li h3 { width:100%; float:left; margin-bottom: 2%; text-transform: uppercase;}
.fnav ul li h3 span { float: left; margin-right: 8px; margin-top: 12px; }
.fnav ul li h3 span img { width: auto; height: 26px; -webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
.fnav ul li h3 span img:hover { opacity:0.6;}

.fnav ul li h1 { width:100%; float:left; font-size: 13px; line-height:2.5em }
.fnav ul li h2 { width:100%; float:left;}
.fnav ul li h2 span { width:100%; float:left; margin-top: 25px ;}
.fnav ul li h2 span .inp { width:70%; float:left; border-radius:50px; border:1px solid #e3e3e3; color:#333; font-size:14px; line-height:40px; text-indent: 1.5em; }
.fnav ul li h2 span .bot { width:40%; float:left; background:#000; border:0 solid #000; border-radius:50px; color:#fff; font-size:12px; line-height:55px; height:55px; text-align:center; cursor: pointer; transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.fnav ul li h2 span .bot:hover { background:#ed6c00;  }

.fnav ul li:nth-child(3),.fnav ul li:nth-child(4) { width:27.5%;}
.fnav ul li:nth-child(4){ margin-right:0%; }


.footer { width:100%; background:#000; margin:0 auto; overflow:hidden; font-size:12px; color:rgba(255,255,255,.6); line-height:2em; padding:.7em 0; text-align: center; }
.footer span { margin-left: 10px;}
.footer span a { color:rgba(255,255,255,.6);}
.footer span a:hover { color:#ed6c00; }



/*----------------------------------------------------------列表页--------------------------------------------------------------------*/

.banner { width: 100%; height: 540px; overflow: hidden; background-position: center center; background-repeat: no-repeat;  }


.pro_sort_show { width: 100%; height: 540px; overflow: hidden; background-position: right center; background-repeat: no-repeat; display:flex; /*justify-content:center;*/ align-items:center; position:relative;  }
.pro_sort_show h3 { width: 100%; height: 100%; position:absolute; overflow: hidden;background:rgba(0,0,0,.3); }
.pro_sort_show font { width: 100%; position:absolute; z-index: 5; left: 5%; }
.pro_sort_show font span { width: 85%; float: left; font-size:48px; line-height:1.2em; color:#fff; text-transform: uppercase; font-weight: 600; }
.pro_sort_show font p { width: 25%; float: left; font-size:18px; line-height:1.7em; color:rgba(255,255,255,.8); margin: 20px 0; }

.bjtm1  { background:rgba(0,0,0,.1); }
.bjtm2  { background:rgba(0,0,0,.2); }
.bjtm3  { background:rgba(0,0,0,.3); }
.bjtm4  { background:rgba(0,0,0,.4); }
.bjtm5  { background:rgba(0,0,0,.5); }
.bjtm6  { background:rgba(0,0,0,.6); }
.bjtm7  { background:rgba(0,0,0,.7); }
.bjtm8  { background:rgba(0,0,0,.8); }

.marT63 { margin-top:63px;}

.headerHide { width: 100%; height:63px; float: left; overflow: hidden; }


.grid.effect-1 li.animate { -webkit-animation:fadeIn .65s ease forwards; animation:fadeIn .65s ease forwards; }
@-webkit-keyframes fadeIn { 0%{}100%{opacity:1;} }
@keyframes fadeIn { 0%{}100%{opacity:1;} }

.grid.effect-2 li.animate { -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-animation:moveUp .65s ease forwards; animation:moveUp .65s ease forwards; }
@-webkit-keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0);opacity:1;} }
@keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0); transform:translateY(0); opacity:1;} }

.grid.effect-3 li.animate { -webkit-transform:scale(.6); transform:scale(.6); -webkit-animation:scaleUp .65s ease-in-out forwards; animation:scaleUp .65s ease-in-out forwards; }
@-webkit-keyframes scaleUp { 0%{}100%{-webkit-transform:scale(1); opacity:1;} }
@keyframes scaleUp { 0%{}100%{-webkit-transform:scale(1); transform:scale(1); opacity:1;} }

.grid.effect-4 { -webkit-perspective:1200px; perspective:1200px;}
.grid.effect-4 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg); transform:translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation:fallPerspective .8s ease-in-out forwards; animation:fallPerspective .8s ease-in-out forwards; }
@-webkit-keyframes fallPerspective { 0%{}100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1;} }
@keyframes fallPerspective { 0%{}100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1;} }

.grid.effect-5 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-5 li.animate { -webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards}
@-webkit-keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);opacity:1}}
@keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}

.grid.effect-6 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-6 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:rotateX(-80deg); transform:rotateX(-80deg); -webkit-animation:flip .8s ease-in-out forwards; animation:flip .8s ease-in-out forwards}
@-webkit-keyframes flip { 0%{}100%{ -webkit-transform:rotateX(0deg); opacity:1;} }
@keyframes flip { 0%{}100%{-webkit-transform:rotateX(0deg); transform:rotateX(0deg); opacity:1;} }

.grid.effect-7 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-7 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-animation:helix .8s ease-in-out forwards; animation:helix .8s ease-in-out forwards; }
@-webkit-keyframes helix { 0%{}100%{-webkit-transform:rotateY(0deg); opacity:1;} }
@keyframes helix { 0%{}100%{-webkit-transform:rotateY(0deg); transform:rotateY(0deg); opacity:1;} }

.grid.effect-8 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-8 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:scale(.4); transform:scale(.4); -webkit-animation:popUp .8s ease-in forwards; animation:popUp .8s ease-in forwards}
@-webkit-keyframes popUp { 0%{}70%{ -webkit-transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(1); opacity:1;} }
@keyframes popUp { 0%{}70%{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}100%{-webkit-transform:scale(1); transform:scale(1); opacity:1;} }

.container { width:100%;margin-bottom:30px; }
.grid { width:100%; list-style:none; margin:0 auto; padding:0 }
.grid li { width:100%; float:left;}
.grid li.shown,.no-js .grid li,.no-cssanimations .grid li { opacity:1;}

.grid li.plist { width:12.5%; float:left;cursor: pointer; text-align: center; border-top: 2px solid #fff; border-right:2px solid #fff; background:#fff;}
.grid li.plist h4 { width:100%;padding:10%;}
.grid li.plist h4 img { max-width:100%; }
.grid li.plist:hover h4 img { -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.grid li.plist span { width:100%;font-size:16px; line-height:1.5em; text-align:center; padding:0 0 5% 0; color: #555; }
.grid li.plist:hover span { color: #ed6c00; }

.grid li.plist2 { width:20%; float:left;cursor: pointer; text-align: center; border-top: 2px solid #fff; border-right:2px solid #fff; background:#fff;}
.grid li.plist2 h4 { width:100%;padding:10%;}
.grid li.plist2 h4 img { max-width:100%; }
.grid li.plist2:hover h4 img { -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.grid li.plist2 span { width:100%;font-size:16px; line-height:1.5em; text-align:center; padding:0 0 5% 0; color: #555; }
.grid li.plist2:hover span { color: #ed6c00; }

.grid li.nlist { padding:1.5%; width:23.4%; margin:.8%; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}
.grid li.nlist h3 { width:100%; float:left; position: relative; overflow: hidden; margin-bottom:.9rem;}
.grid li.nlist h3 img { width:100%; height:auto; overflow: hidden;}
.grid li.nlist h3 i { position:absolute; bottom:0; right:0; background:#ed6c00; color:#fff; font-size:.9rem;  line-height:2.2em; padding:0 .8rem; z-index:6; display: none; }
.grid li.nlist h4 { width:100%; float:left; font-size:1.1rem; color:#333; line-height:1.5em; font-weight: 600; }
.grid li.nlist:hover h4 { color: #ed6c00; }
.grid li.nlist h5 { width:100%; float:left; font-size:.9rem; color:#999; line-height:1.5em; margin-top:.5rem; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;-webkit-box-orient:vertical; -webkit-line-clamp:4;text-indent: 2em; }
.grid li.nlist h2 { width:100%; float:left; font-size:.9rem; color:#999; line-height:1.5em; margin-top:.7rem; background:url( "../images/time.png") left center no-repeat; padding:0 0 0 24px; }

.pages { width:100%; float:left; font-size:1rem; text-align:center; margin:50px 0 60px 0;  }
.pages a { color:#555; background:#fff; margin:0 0 0 10px; padding:0 14px; line-height:38px; display: inline-table; border-radius:4px; color: #333; border: 1px solid #eee; }
.pages a:hover { background:#ed6c00; color:#fff; border-radius:3px; border: 1px solid #ed6c00;}
.pages a.cug { background:#666; color:#fff;  border: 1px solid #666;}
.pages span.current { background:#666; color:#fff; display:inline-table; border-radius:4px; line-height:38px; padding:0 14px; margin:0 0 0 10px;}
.pages span.disabled { margin:0 0 0 10px; }


.popup { position:fixed; top:0; left:0; width:100vw; z-index:99999; display:none; height:100vh; background:rgba(0,0,0,.5); -webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px); pointer-events: auto; transition-duration: .12s; } /*backdrop-filter背景模糊 ,pointer-events控制背景滚动;*/

.pop { width:40%; top:0; height:100%; left:30%; overflow-y:scroll;-webkit-animation:pop .3s ease-in-out backwards; animation:pop .3s ease-in-out backwards; background:rgba(255,255,255,1); position:absolute; }
@keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
@-webkit-keyframes pop {
0%   { -webkit-transform:scale(0.1); opacity:0;}
100% { -webkit-transform:scale(1); opacity:1;}
}
.pop h2 { width: 100%; float: left; margin-bottom: 1.2vw; text-align: center;background: #f4f4f4;   }
.pop h2 img { max-width:100%; height: auto; }
.pop h3 { width: 100%; float: left; margin-bottom: 1.2vw; padding:0%; }
.pop h3 b { width: 100%; float: left; color:#ed6c00; font-size:2rem; line-height:2em; text-align: center; font-weight: 600; }
.pop h3 p { width: 100%; float: left; color:#555; font-size:1.1rem; line-height:1.5em; padding:.6rem 5%; text-align:left;text-indent: 2em; }
.pop h3 p img { width: 100%; height: auto; }

.close { position:absolute; z-index:91; color:#333; font-size:1.2vw; width: 4vw; height: 4vw; line-height: 4vw; text-align: center; top:0; right:-webkit-calc(30% + 6px);
cursor:pointer;-webkit-animation:tit 0.8s ease-out 1.2s backwards; animation:close 0.3s ease-out .4s backwards;}
.close:hover{color: #fff;}
@keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}
@-webkit-keyframes close {
0%   { opacity:0;}
100% { opacity:1;}
}


.warp2 { width:800px; margin:0 auto; overflow:hidden; }
.warp3 { width:100%; margin:0 auto; padding:0 0;}

.slm { width:100%;font-size:2rem; color:#333; line-height:1.8em; padding:60px 0 30px 0; font-weight: 600; }
.slm3 { width:100%; font-size:2rem; color:#333; line-height:1.8em; padding:10px 0 30px 0; font-weight: 600;  }
.slm4 { width:100%; font-size:2rem; color:#333; line-height:1.8em; padding:30px 0 30px 0; font-weight: 600;  }

.slm2 { width:100%; font-size:2rem; color:#333; line-height:1.8em; padding:50px 0 35px 0; font-weight: 600; text-align: center; }

.profile2 { width:100%;text-indent: 2em;}
.profile2 p { width:100%; margin-bottom: 1.5rem; font-size:1rem; line-height:1.8em; color:#666; }

.video { width:100%;margin:20px 0 0 0;}
.video video { width: 100%; height:auto; }


.culturefont { width:100%;margin:1% 0 5% 0; }
.culturefont ul li { float:left; width: 33.333%;  border-left: 1px solid rgba(0,0,0,0.08); padding:0 3% 0 3%; min-height:5.5em;  }
.culturefont ul li h2 { width: 100%;font-size:1.2rem; font-weight: 600; line-height: 1.5em; color:#333; }
.culturefont ul li h3 { width: 100%;font-size:1rem; line-height:1.5em; color:#888; margin-top: 3%; }

.culture { width:100%; }
.culture h3 { width:100%; float:left; margin-bottom:20px; }
.culture h3 b {  font-size:1.1rem; font-weight: 600; line-height:2.2em; color:#fff; background:#f18101; display: inline-block;  padding:0 1rem; float:left; }
.culture ul li { width:30%; float:left; margin-right:5%; margin-bottom:4.5%; }
.culture ul li h4 { width:100%; float:left; }
.culture ul li h4 img { width:100%; height:auto; }
.culture ul li h5 { width:100%; float:left; font-size:1rem; line-height:1.5em; color:#666; padding:12px 0 0 0; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;-webkit-box-orient:vertical; -webkit-line-clamp:2; }
.culture ul li:nth-child(3n) { margin-right: 0; }

.honor{ width:100%; float: left; margin:10px 0 0 0; padding:0 2%; }
.honor img { width:100%; height:auto; }

.num2 { width:100%;margin:1% 0 6% 0; }
.num2 ul li { float:left; width: 25%;  border-right: 1px solid rgba(0,0,0,0.08);}
.num2 ul li h2 { width: 100%;text-align: center;}
.num2 ul li h2 span.timer { font-size:2.2rem; line-height: 1.5em; color:#f18101;font-family: 'bebas'; font-weight: normal; }
.num2 ul li h2 b { font-size: .9rem; line-height: 2.2em;  color:rgba(0,0,0,.4); margin-left: 6px; vertical-align: top;}
.num2 ul li h3 { width: 100%;font-size:1rem; line-height:1.5em;  color:rgba(0,0,0,.6);text-align: center; margin-top: 3%; padding:0 5%; }
.num2 ul li:nth-child(4n) {border-right: 1px solid rgba(0,0,0,0) }




.workbj { width:100%;background:url(../images/bj.jpg) center top no-repeat; background-attachment:fixed; background-size: cover; padding:0 8%;}
.workshop { width:100%; margin-top:10px; }
.workshop ul li { width:22%;margin-right:4%; margin-bottom: 5%; float: left;}
.workshop ul li h4 { width:100%; margin-bottom: 20px; }
.workshop ul li h4 img { width:100%; height:auto; }
.workshop ul li h5 { width:100%;height:5.5em; }
.workshop ul li h5 p { width:100%;font-size:1.5rem; color:#333; line-height:1.8em; text-align: center; }
.workshop ul li h5 span { width:100%;font-size:1rem; line-height:1.8em; color:#999; margin-top:.4em; text-indent: 2em;display: block;text-align: center;}
.workshop ul li:nth-child(4n) { margin-right: 0; }



.workshop2 { width:100%;margin-top:10px; }
.workshop2 ul li { width:20%;position: relative; margin:20px 0 60px 0px; }
.workshop2 ul li h3 {  width: 100%;}
.workshop2 ul li h4 { width:100%;position:absolute; text-align: center; bottom:-20px; }
.workshop2 ul li h4 b { font-size:1rem; line-height:1.2em; color:#fff; background:#ed6c00; display: inline-block; text-align: center; width:55%; padding:8px 0; }
.workshop2 ul li:nth-child(2n) h4 {bottom:auto; top:-20px; }


.quality { width:100%;margin-bottom:85px; margin-top: 15px;height: 500px; }
.quality ul li { width: 100%;position:relative; }
.quality ul li img { width:100; height: auto; }
.quality ul li h3 { position: absolute; right:0; bottom:30px;}
.quality ul li h3 span { color:#fff;  font-size:1.05rem; line-height: 1.5em; text-align: center; background:#ed6c00; padding:7px 18px; display: inline-block;}




#pager3 { width: 100%; position: absolute; bottom:-35px; z-index:99; text-align: center; }
#pager3 a { width:12px; height:12px; margin:0 3px 0 4px; cursor:pointer; line-height:0; font-size: 0; border:1px solid rgba(0,0,0,.8); display: inline-block; border-radius:8px; }
#pager3 a.activeSlide { background:rgba(0,0,0,.8); border: 1px solid rgba(0,0,0,.8); }
#pager3 a:hover { background:rgba(0,0,0,.8); border: 1px solid rgba(0,0,0,.8);}


.tabbk { width: 100%; float: left; }
table { border-top:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); float:left; margin-bottom: 6%;  }
td { padding:12px 2%; font-size:.95rem; line-height:1.5em; border-bottom:1px solid rgba(0,0,0,.1); border-left:1px solid rgba(0,0,0,.1); color:#333; }
td p { text-decoration:line-through; }
.f1 { font-weight: 600; font-size:1.05rem; background:rgba(0,0,0,.02); width: 15%; }
.f3 { font-weight: 600; font-size:1.05rem; background:rgba(0,0,0,.02); }
.f2 { color:#888; }

.newstitt { width:100%; float:left; font-size:1.8rem; color:#333; line-height:1.3em; padding:60px 0 25px 0; font-weight: 600; }
.newsinfo { width:100%; float:left; color:#888; font-size:1rem;  line-height:1.5em; margin-bottom:6%; padding:0 0 40px 0; border-bottom:1px #e5e5e5 dotted;}
.newsinfo span { padding:0 1rem 0 0; }

.zw { width:100%; float:left; margin-bottom: 5%;text-indent: 2em; }
.zw p { width:100%; margin-bottom: 1.5rem; font-size:1rem; line-height:1.8em; color:#666;  }
.zw img { max-width:100%; height:auto; }



.contact { width:100%; position: relative; height:70vh; display:flex; /*justify-content:center;*/ align-items:center;overflow: hidden; padding:0 8%; }
#allmap { position:absolute; top:0; left:0; width:100%; height:76vh; -webkit-filter: grayscale(90%); filter: grayscale(90%); opacity:.8; }

.contact .txt { width: 24%; float: left; }
.contact .txt font { float: left; }
.contact .txt font span { font-size:2.5rem; line-height:1.5em; text-transform: uppercase; color:#222; display: inline-block; font-weight: 600;  }
.contact .txt font i { display:block; width:40px; height:3px; background:#ed6c00; margin:5% 0 0 0; }
.contact .txt font p { font-size:1.2rem; line-height:1.6em; color:#666; text-transform: uppercase; display: inline-block; margin-top: 10%;  }
.contact .txt font em { display: none;}

.contact .info { width: 76%; float: right; background:rgba(255,255,255,.9); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); padding:4% 5%; }
.contact .info font { width:100%; float: left; font-size:1.8rem; line-height:1.8em; color:#333; border-bottom: 1px solid #ebebeb; padding-bottom: 20px; margin-bottom: 5%;}
.contact .info ul li { width: 20%; float: left; margin-right:4%;  }
.contact .info ul li:nth-child(4n) { width: 28%; margin-right: 0; }
.contact .info ul li i { float: left; font-size:1.35rem; line-height:46px; color: #fff; background:#ed6c00; display: inline-block; text-align: center; width: 40px;height:40px; overflow: hidden; }
.contact .info ul li i.em { line-height:40px; }
.contact .info ul li span { width: 100%; float: left; font-size:1rem; line-height:1.8em; color:#999; margin:3% 0 2% 0; }
.contact .info ul li p { width: 100%; float: left; font-size:1.2rem; line-height:1.8em; color:#333;}
.contact .info h3 { display: none; }


@media screen and (max-width:1600px) {
.contact { padding:0 7%; }
.contact .txt font span { font-size:3rem; line-height:1.5em; }
	
.workshop { width:100%;margin-top:10px; }
.workshop ul li { width:22%; float:left; margin-right:4%; margin-bottom: 5%; }
.workshop ul li h4 { width:100%;margin-bottom: 20px; }
.workshop ul li h5 {  height:7em; }
.workshop ul li h5 p {  font-size:1.4rem; color:#333; line-height:1.8em;  }
.workshop ul li h5 span {  font-size:1rem; line-height:1.7em; margin-top:.4em; }
.workshop ul li:nth-child(4n) { margin-right: 0; }
}

@media screen and (max-width:1440px) {
.contact { padding:0 7%; }
.contact .txt font span { font-size:2.8rem; line-height:1.5em; }
	
.workshop ul li h5 {  height:6em; }
.workshop ul li h5 p {  font-size:1.2rem; line-height:1.8em;  }
.workshop ul li h5 span { font-size:.9rem; line-height:1.7em;  margin-top:.4em; }	
}

@media screen and (max-width:1336px) {
.contact { padding:0 7%; }
.contact .txt font span { font-size:2.5rem; line-height:1.5em; }
}

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

.banner { width: 100%; height:12rem; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size:cover; }

.pro_sort_show { width: 100%; height: 12rem; background-position: center center; background-repeat: no-repeat; background-size:cover;}
.pro_sort_show h3 { width: 100%; height: 100%;  position:absolute; overflow: hidden; }
.pro_sort_show font { width: 100%; position:absolute; z-index: 5; left: 10%; }
.pro_sort_show font span { width: 80%; font-size:1.8rem; line-height:1.2em; }

	
.pro_sort_show font p { width:74%; float: left; font-size:.9rem; line-height:1.6em;  margin:3% 0 0 0;  display:-webkit-box; text-overflow:ellipsis; overflow:hidden;-webkit-box-orient:vertical; -webkit-line-clamp:3;}
/*.pro_sort_show font p { display: none; }*/
.marT63 { margin-top:3.5rem;}
.headerHide { height:3.5rem; }
	
.container { margin-bottom: 4%;  }
	
.grid li.plist { width:33.333%; background:#fff;}
.grid li.plist span { font-size:.9rem; line-height:1.5em; padding:0 0 5% 0;  }
.grid li.plist:hover span { color: #555; }

.grid li.plist2 { width:33.333%; background:#fff; }
.grid li.plist2 span { font-size:.9rem; line-height:1.5em; padding:0 0 5% 0;  }
.grid li.plist2:hover span { color: #555; }

.grid li.nlist { width:100%; padding:6% ; float:left; margin: 0 0 5% 0; border-radius:6px;}
.grid li.nlist h3 { width:100%; float:left; position: relative; overflow: hidden; margin-bottom:.9rem;}
.grid li.nlist h3 img { width:100%; height:auto; overflow: hidden;}
.grid li.nlist h3 i { position:absolute; bottom:0; right:0; background:#ed6c00; color:#fff; font-size:.9rem;  line-height:2.2em; padding:0 .8rem; z-index:6; display: none; }
.grid li.nlist h4 { width:100%; float:left; font-size:1rem; color:#333; line-height:1.5em; font-weight: 600; }
.grid li.nlist:hover h4 { color: #ed6c00; }
.grid li.nlist h5 { width:100%; float:left; font-size:.9rem; color:#999; line-height:1.5em; margin-top:.6rem;text-indent: 2em; }
.grid li.nlist h2 { width:100%; float:left; font-size:.9rem; color:#999; line-height:1.5em; margin-top:.8rem; background:url( "../images/time.png") left center no-repeat; padding:0 0 0 24px; }	

	
.pages { width:100%; float:left; margin:3% 0 9% 0; font-size:.9rem;  }
.pages a { margin:0 3px; padding:0 .7rem; line-height:2rem; }
.pages em { display: none; }
.pages span.current { padding:0 .7rem; line-height:2rem; margin:0 3px;}	
	
.pop { width:100%; left:0; }
.pop h2 { width: 100%; float: left; margin-bottom: 3%;  }
.pop h3 { margin-bottom: 1.2vw; padding:0%; }
.pop h3 b { font-size:2rem; line-height:2em;  }
.pop h3 p { font-size:1rem; line-height: 1.5rem; padding:.5rem 5%;text-indent: 2em;}
.close { font-size:5vw; width: 14vw; height: 14vw; line-height: 14vw; right:0; }

	
	
.warp2 { width: 100%; padding:0 5%; }
.warp3 { width: 100%; padding:0 5%; }
.slm { font-size:1.23rem; line-height:1.8em; padding:5% 0 3% 0;}
.slm3 { font-size:1.2rem; line-height:1.8em; padding:0% 0 3% 0; }
.slm4 { font-size:1.2rem; line-height:1.8em; padding:5% 0 3% 0; }
	
	
.slm2 { font-size:1.2rem; line-height:1.8em; padding:5% 0 5% 0;}
	
.profile2 p { margin-bottom: 1rem; font-size:.95rem; line-height:1.8em;}

.video { width:100%; float:left; margin:2% 0 0 0;}
.video video { width: 100%; height:auto; }
	

.culturefont { width:100%; float:left; margin:2% 0 4% 0; }
.culturefont ul li { float:left; width: 100%;  border-left:2px solid rgba(0,0,0,0.08); padding:0 0 0 5%; min-height: auto; height: auto; margin-bottom:5%; }
.culturefont ul li h2 { width: 100%; float:left;  font-size:1rem; line-height: 1.3em; padding:0 0 2% 0;  }
.culturefont ul li h3 { width: 100%; float:left; font-size:.95rem; line-height:1.4em;  margin-top:0; }

.culture { margin-bottom:2%; }
.culture h3 { margin-bottom:5%; }
.culture h3 b { font-size:1rem; line-height:2.2em;  padding:0 .8rem;}
.culture ul li { width:47.5%; float:left; margin-right:0; margin-bottom:6%; }
.culture ul li h4 b {  font-size:.9rem; line-height:2em; background:rgba(0,0,0,.7);  padding:0 .6rem;  }
.culture ul li h5 { width:100%; float:left; font-size:0.9rem; line-height:1.5em; color:#666; padding:10px 0 0 0;-webkit-line-clamp:3; }
.culture ul li:nth-child(2n) { margin-right: 0; float: right; }

.honor{ width:100%; float: left; margin:2% 0 5% 0; padding:0 1%; }

.num2 { width:100%; float:left; margin:1% 0 6% 0; }
.num2 ul li { float:left; width: 50%; border-right: 1px solid rgba(0,0,0,0.08); padding: 5% 0; border-bottom: 1px solid rgba(0,0,0,0.08); }
.num2 ul li h2 { width: 100%; float:left; text-align: center;}
.num2 ul li h2 span.timer { font-size:1.8rem; line-height: 1.5em; color:#f18101;font-family: 'bebas'; font-weight: normal; }
.num2 ul li h2 b { font-size: .9rem; line-height: 2.2em;  color:rgba(0,0,0,.4); margin-left: 6px; vertical-align: top;}
.num2 ul li h3 { width: 100%; float:left; font-size:.95rem; line-height:1.5em;  color:rgba(0,0,0,.6);text-align: center; margin-top: 2%; padding:0 6%;  }
.num2 ul li:nth-child(2n) {border-right: 1px solid rgba(0,0,0,0.0) }
.num2 ul li:nth-child(3) {border-bottom: 0px solid rgba(0,0,0,0.08); }	
.num2 ul li:nth-child(4) {border-bottom: 0px solid rgba(0,0,0,0.08); }		



.workbj { width:100%; float:left; background:url(../images/bj.jpg) center top no-repeat; background-attachment:fixed; background-size: cover; padding:0 5% 0 5%; }

.workshop { margin-top:1%; }
.workshop ul li { width:100%; margin-right:0; margin-bottom: 5.5%; }
.workshop ul li h4 { width:100%;  float:left; margin-bottom:.6rem; }
.workshop ul li h5 { width:100%; float:left;  height:auto; }

.workshop ul li h5 p { width:100%; float:left; font-size:1rem; color:#333; line-height:2.2em; font-weight: 600;  }
.workshop ul li h5 span { font-size:.9rem; line-height:1.5em; color:#999; margin-top:0; }
.workshop ul li:nth-child(4n) { margin-right: 0; }
	
	
.workshop2 {margin:1% 0;  }
.workshop2 ul li { width:100%;  float:left; position: relative; margin:0 0 4% 0; }
.workshop2 ul li h3 { width: 100%; float: left; }
.workshop2 ul li h4 { width:100%; float:left; position:absolute; text-align: center; bottom:0; }
.workshop2 ul li h4 b { font-size:1rem; line-height:1.2em; width:55%; padding:.6rem 0; }
.workshop2 ul li:nth-child(2n) h4 {bottom:0; top:auto; }


.quality { width:100%; float: left; margin-bottom:52px; margin-top:0; height: 252px; }
.quality ul li { width: 100%; float: left;  position:relative;  }
.quality ul li img { width:100; height: auto; }
.quality ul li h3 {position: absolute; right:0; bottom:10%;}
.quality ul li h3 span { color:#fff; font-size: 1rem; line-height: 1.5em; text-align: center; background:#ed6c00; padding:6px .9rem; }

#pager3 { width: 100%; position: absolute; bottom:-25px; z-index:99; text-align: center; }
#pager3 a { width:10px; height:10px; margin:0 3px 0 3px; cursor:pointer; line-height:0; font-size: 0; border:1px solid rgba(0,0,0,.8); display: inline-block; border-radius:8px; }
#pager3 a.activeSlide { background:rgba(0,0,0,.8); border: 1px solid rgba(0,0,0,.8); }
#pager3 a:hover { background:rgba(0,0,0,.8); border: 1px solid rgba(0,0,0,.8);}

table { border-top:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); float:left; margin-bottom: 6%;  }
td { padding:10px 4%; font-size:.9rem; line-height:1.5em; border-bottom:1px solid rgba(0,0,0,.1); border-left:1px solid rgba(0,0,0,.1); color:#333; }
td p { text-decoration:line-through; }
.f1 { font-weight: 600; font-size:1rem; background:rgba(0,0,0,.02); width: 20%; }
.f3 { font-weight: 600; font-size:1rem; background:rgba(0,0,0,.02); }
.f2 { color:#888; }


	
	
.newstitt { font-size:1.2rem; line-height:1.5em; padding:5% 0 3.5% 0;}
.newsinfo { font-size:.9rem; line-height:1.5em; margin-bottom:6%; padding:0 0 6% 0; }
.newsinfo span { padding:0 .8rem 0 0; }

.zw { width:100%; float:left; margin-bottom: 5%; }
.zw p { margin-bottom: 1rem; font-size:.95rem; line-height:1.8em;  }


.contact { height:-webkit-calc(100vh - 6.3rem); padding:0 5%; display:inherit; align-items:center; overflow: hidden; }
#allmap { height:100vh; }

.contact .txt { width: 100%; float: left; margin: 8% 0 8% 0; text-align: center; }
.contact .txt font { width: 100%; float: left; }
.contact .txt font span { font-size:1.5rem; line-height:1.2em;  text-transform:none;  }
.contact .txt font i { margin:3% 0 0 -20px; position: absolute; left:50%; }
.contact .txt font p { font-size:1rem; line-height:1.5em; color:#999;display: block; margin-top: 7%; }
.contact .txt font em { font-size:1rem; line-height:1.5em; color:#999; display: block; margin-top: 7%; }
	
.contact .info { width: 100%; float: left; background:rgba(255,255,255,.8); padding:5% 6% 6% 6%; }
.contact .info font { width:100%; float: left; font-size:1.1rem; line-height:1.5em; padding-bottom:3%; margin-bottom:7%;}
.contact .info ul li { width: 50%; float: left; margin-right:0; margin-bottom: 6%;  }
.contact .info ul li:nth-child(4n) { width: 50%; margin-right: 0; }
.contact .info ul li i { float: left; font-size:1.3rem; line-height:42px; color: #fff; background:#ed6c00; display: inline-block; text-align: center; width: 36px;height:36px; overflow: hidden; }
.contact .info ul li i.em { line-height:36px; }
.contact .info ul li span { font-size:1rem; line-height:1.5em; margin:5% 0 2% 0; }
.contact .info ul li p { font-size:1rem; line-height:1.5em; }
.contact .info h3 { width:100%; float: left; display:block; text-align: center; margin-top:2%; border-top: 1px solid #ebebeb; padding:6% 0 0 0; }
.contact .info h3 span { margin: 0 3px;  }
.contact .info h3 span img { width:9%; height: auto; }
.confav { display: none;}

	
	
	
/*菜单*/
.wapper { height:auto; }

/*菜单*/
.header { display: none; }

.mobnav { width:100%; position:fixed; top:0; z-index:99999; height:3.5rem; background:#fff; display:block;}
.mobnav .nav-logo { float: left; margin-left:3.6%; margin-top:.75rem;}
.mobnav .nav-logo img { height:2rem; }

.model_menu { display:none;}

.model_btn { margin-right:3.8%; float: right; margin-top:1.05rem;}
.model_btn .toggleMenu { width:24px; height:24px; position:relative; font-size:1rem; display:block;}
.model_btn .toggleMenu span { display:block; height:2px; margin:0 0 8px 0; background:rgba(0,0,0,.95);}

.model_btn.on .line1 { transform:rotate(-135deg) translate(-8px, -6px) ;-webkit-transform:rotate(-135deg) translate(-8px, -6px); top:50%; bottom:auto; }
.model_btn.on .line2 { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top:50%; bottom:auto;}
.model_btn.on .line3 { display:none; }


.model_menu { position:absolute; z-index:99999; right:0; top:3.5rem; width:100%; height:calc(100vh - 3.5rem);   background:rgba(0,0,0,1); }
.model_menu_content li { padding:.6rem 0; text-align:center; color:#333; /*border-bottom:1px solid rgba(255,255,255,0.2); */ }
.model_menu_content li h3 {line-height: 1.8em;}
.model_menu_content li a { color:#fff; font-size:1.3rem; line-height:1.7em; font-weight: 600; }
.model_menu_content li a.cug { color:#ed6c00; }
.model_menu_content li.cug { border-bottom:0 solid rgba(255,255,255,0.2); padding:.45rem 0 0 0; }

.menuNav2 { padding-top:-.5rem; }
.menuNav2 .links { opacity:.7; filter: alpha(opacity=70); }
	
/*产品分类海报*/
.homeProsort { display: none;  }
.homeProsort_mob { display:block; width: 100%; float:left; margin-top:3.5rem; }	
.homeProsort_mob ul li { width:100%;  float:left; position:relative; border-bottom: 1px solid rgba(0,0,0,.1)}
.homeProsort_mob ul li img { width: 100%; height: auto;}
.homeProsort_mob ul li span { left:6%; top:8%; position:absolute; font-size:1.6rem; line-height:1.2em; text-transform: uppercase; ; color: #000; font-weight: 600; text-align: left;font-family: 'syH1';}

.homeProsort_mob ul li:nth-child(2n) span {left:auto; right:6%; top:8%; position:absolute; font-size:1.6rem; line-height:1.2em; text-transform: uppercase; ; color: #000; font-weight: 600; text-align: left; }
	
.homeProsort_mob ul li:nth-child(4) span {left:auto; right:19%; top:8%; position:absolute; font-size:1.6rem; line-height:1.2em; text-transform: uppercase; ; color: #000; font-weight: 600; text-align: left; }
	
.homeProsort_mob2 { display:block; width: 100%; float:left; margin-top:3.5rem; }	
.homeProsort_mob2 ul li { width:100%;  float:left; }
.homeProsort_mob2 ul li img { width: 100%; height: auto;}

.homeBigBox { width: 100%; overflow: hidden; grid-template-columns:repeat(1,50vw); grid-template-rows:50vw 20vw; display:grid; }

.homeFactory { grid-column-end: span 2; grid-row-end: span 7; position: relative; } 
.homeFactory .profile { width:100%; height:70vw; display:flex; justify-content:center; align-items:center; background: rgba(0,0,0,.25); position: absolute; z-index: 5;}
.homeFactory .profile .num { padding:0 3%; }
.homeFactory .profile .num dl { font-size:1rem; line-height:1.2em; margin-bottom:2%; }
.homeFactory .profile .num dd { font-size:1.2rem; line-height:1.2em; margin-bottom:6%; }
.homeFactory .profile .num ul { padding:0 5%; }
.homeFactory .profile .num ul li { float:left; width: 25%; text-shadow: 0px 0px 8px rgba(0,0,0,.8); }
.homeFactory .profile .num ul li h2 { width: 100%; float:left; text-align: center; }
.homeFactory .profile .num ul li h2 span.timer { font-size:1.6rem; line-height: 1.5em; }
.homeFactory .profile .num ul li h2 b { font-size: 1rem; line-height: 1.5em; color: #fff; margin-left: 5px; vertical-align: top;}
.homeFactory .profile .num ul li h3 { font-size:.9rem; line-height:1.2em; margin-top:2%; }
	
.more2 { font-size: 1rem; line-height:1.2em; padding:.5rem 1.4rem; border-radius:50px; margin-top:7%; }
.more2:hover { color:#000;border:2px solid #fff; background-color:#fff;}
.more2::before { background-color:#fff; content:""; height:100%; left:50%; margin-left:-25%; width:50%; }
.more2:hover::before { width:100%; left:0; margin-left:0; opacity:1; }
	
.homeFactory .profilebj { height:70vw; background:url(../images/h01.jpg) center bottom no-repeat; background-size: cover;  }	


.homeNewpro { grid-column-end: span 1; grid-row-end: span 6; height:60vw; }
.homeNewpro h5 { font-size: .8rem; line-height: 2em; top:4%;  }
.homeNewpro .piclist { width:100%; float: left;  }
.homeNewpro .piclist li { width:100%; float:left; text-align: center;display:flex; justify-content:center; align-items:center; height: 60vw; }
.homeNewpro .piclist li img { max-width:auto; height:39vw; }
.homeNewpro .pager { bottom:8%; }

.homeNews { grid-column-end: span 1; grid-row-end: span 6; height: 60vw; }
.homeNews h5 { font-size:.8rem; line-height: 2em; top:4%;  }
.homeNews ul li h3 { height: 60vw; padding:0 10%;}
.homeNews ul li h3 span { color:#fff; font-size: 1rem; line-height: 1.5em; text-align: center; margin-top: 0; }
#pager { bottom:6%; }


#map { height:auto; margin-top:18%; margin-bottom: 2%;  }
.jvectormap-container { height:30vh; }
.mapTxt { width:100%; text-align:center; position:absolute; z-index:9; top:7%; }
.mapTxt p { font-size:1rem; font-weight:600; text-transform: uppercase; line-height: 1.5em; } 
.mapTxt span { font-size:1.3rem; font-weight:600; line-height: 1.3em;}
	

.fnav {padding:4% 6% 6% 6%; margin-top:0; }
.fnav ul li h4 { font-size: 1.1rem; line-height:2em; margin-bottom: 1.5%; }
.fnav ul li h5 { font-size: .8rem; line-height:2em }
.fnav ul li h3 { margin-bottom: 0; }
.fnav ul li h3 span { margin-right: 8px; margin-top:3%; }
.fnav ul li h3 span img { width: auto; height: 26px; }
.fnav ul li h3 span img:hover { opacity:1;}
.fnav ul li:nth-child(4) { width:100%;}
.fnav ul li:nth-child(1),.fnav ul li:nth-child(2),.fnav ul li:nth-child(3) { display: none;}
	
.footer { font-size:.8rem; line-height:1.6rem; padding:.6rem 0;  }
.footer span { width:100%; float: left; margin-left: 0;}
.footer span a { color:rgba(255,255,255,.6);}
.footer span a:hover { color:#ed6c00; }
	
.contact .info ul li:nth-child(2n+1) {
    clear: both;
}
}