/* Write your styles */
ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#cc0a24;}
img{ max-width:100%;}
.am-container{max-width: 1236px;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}

.arccontent .selectTdClass{background-color:#edf5fa !important}
.arccontent table.noBorderTable td,.arccontent table.noBorderTable th,.arccontent table.noBorderTable caption{border:1px dashed #ddd !important}
.arccontent table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;}
.arccontent td,.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;}
.arccontent caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.arccontent th{border-top:1px solid #BBB;background-color:#F7F7F7;}
.arccontent table tr.firstRow th{border-top-width:2px;}
.arccontent .ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.arccontent .ue-table-interlace-color-double{ background-color: #f7faff; }

.cndns-right-box .box-border ul li:first-child{ margin-bottom:10px;}
.cndns-right-box .box-border ul li .sev-t i{ margin-top:5px;}
.am-slider-b2{box-shadow: none;}
.head-top{height: 30px;line-height: 30px;font-family: "Noto Sanc SC";color:#fff;background-color: #282828;font-size: 14px;}
.head-top .am-container{max-width: 1920px;}
.head-top .tels{ float:left; }
.head-top .tels span{ margin-left:15px;}
.head-top .tels span i{ margin-right:8px;}
.tophead{ height:106px;}
header{ height:100px; width:100%; z-index:1920;  background:rgba(255,255,255,.9); position:fixed; left:0; top:36px;box-shadow: 0 2px 2px 2px rgba(0,0,0,.05);}
header .head-main{ max-width:1920px; margin:0 auto; padding:0 1.5rem;}
header .logo{height:100px;line-height: 85px;max-width: 190px;float:left;}

header .nav-box{float:left;width: 76%;margin-left:5%;}
header .nav-box .ulnav{/* display:flex; */}
header .nav-box>ul>li{float:left;/* flex:1; */text-align:center;line-height:100px;position:relative;padding: 0 3.5%;}
header .nav-box>ul>li>a{display:block;position:relative;font-size: 14pt;font-family: "Noto Sanc SC";font-weight:200;}
/*header .nav-box>ul>li.on>a:after{ content:""; display:block; width:32px; height:2px; background:#f39700; position:absolute; bottom:26%; left:50%; margin-left:-16px;}*/
header .nav-box>ul>li .subnav{ line-height:40px; position:absolute; left:-10%; top:110%; background:#fff; width:120%; font-size:14px; text-align:center; visibility:hidden; opacity:0;transition: all .3s linear; z-index:1240;}
header .nav-box>ul>li .subnav p{ border-bottom:1px solid #eee;font-family: "Noto Sanc SC"; font-weight:200;}
header .nav-box>ul>li .subnav p:first-child{ border-top:1px solid #eee;}
header .nav-box>ul>li .subnav p a{ display:block;}


header  .nav-box>ul>li:hover>a{ color:#cc0a24;}
header  .nav-box>ul>li:hover .subnav{ visibility:inherit; opacity:1; top:99px;}
header .am-close{ display:none;}
header .menu-bar{ border-color:#333;}
header .menu-bar:before,header .menu-bar:after{ background:#333;}
.banner { max-width:1820px; margin:0 auto;}
.banner .am-slider-b2 .am-direction-nav a{ width:26px; height:49px;margin: -24.5px 0 0;filter:alpha(opacity=70);filter:"alpha(opacity=70)";}
.banner .am-slider-b2 .am-direction-nav a.am-prev{left: 5%; background:url(../images/btn-l.png) center no-repeat;}
.banner .am-slider-b2 .am-direction-nav a.am-prev:before{ display:none;}
.banner .am-slider-b2 .am-direction-nav a.am-next{right: 5%;background:url(../images/btn-r.png) center no-repeat;}
.banner .am-slider-b2 .am-direction-nav a.am-next:before{ display:none;}
.banner .am-slider-b2 .am-control-nav{ bottom:35px;text-align: center;width: 100%; display:block;}
.banner .am-slider-b2 .am-control-nav li a{ width:40px; height:4px;background-color:rgba(255,255,255,.4); box-shadow:none;display: block; margin: 0 8px; overflow: hidden;text-indent: -9em;}
.banner .am-slider-b2 .am-control-nav li a.am-active{ background-color:rgba(255,255,255,.8);}

.bgr{ background:#f5f5f5;}
.am-pd{ padding:60px 0;}
.am-pb{ padding-bottom:60px;}
.am-title{ text-align:center;font-family: "Noto Sanc SC"; position:relative;}
.am-title:before{ content:""; display:block; width:80%; height:2px; background:#ccc; position:absolute; left:10%; top:50%; margin-top:-1px;}
.am-title .tit-min{ display:inline-block; padding:0 3%; background:#fff; position:relative; z-index:2;}
.am-title .tit{ font-size:26pt;  font-weight:500; color:#111; }
.am-title .note{ font-size:13pt; color:#999;}
.news .am-title .tit-min{ background:#f5f5f5;}


.first-pro{ padding:40px 0; border-bottom:2px solid #ccc;}
.first-pro .fir-pro-l{width: 62%;float:left;max-height: 420px;overflow: hidden;}
.first-pro .fir-pro-r{ width:32%; float:right;}
.first-pro .fir-pro-r i{ width:120px; height:120px; display:block; overflow:hidden; border-radius:50%; background-color:#ccc; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:cover;}
.first-pro .fir-pro-r .syd{width:16px;height:16px;border-radius:50%;margin: 10px auto 54px auto;background-color:#ccc;position:relative;}
.first-pro .fir-pro-r .syd:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#ccc;position:absolute;left:50%;margin-left:-6px;top: 24px;}
.first-pro .fir-pro-r .syd:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:#ccc;position:absolute;left:50%;margin-left:-4px;top: 44px;}
.first-pro .fir-pro-r .tit{ text-align:center;}
.first-pro .fir-pro-r .tit span{ display:inline-block; background:#b6b6b6; color:#fff; border-radius:40px; padding:0 40px; font-size:20px;font-family: "Noto Sanc SC";}
.first-pro .fir-pro-r .pcate{ text-align:center; font-size:16pt;font-family: "Noto Sanc SC"; color:#333; margin:15px 0;}
.first-pro .fir-pro-r .note{ font-size:12pt;font-family: "Noto Sanc SC"; color:#777; font-weight: lighter;text-align:center;white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word; }

.product-list{ margin-top:20px;}
.product-list ul{ position:relative; margin:0 -20px;}
.product-list ul li{ padding:20px; width:33.33333%; float:left;font-family: "Noto Sanc SC";}
.product-list ul li i{ display:block; overflow:hidden; position:relative; font-style:normal;}
.product-list ul li i img{width: 100%;transition: .6s .05s;}
.product-list ul li a:hover img{transform: scale(1.1);}
.product-list ul li a{ display:block; padding-bottom:20px; border-bottom:1px solid #ccc; position:relative;}
.product-list ul li a .tit{ font-size:15pt; text-align:center; font-weight:500; color:#333; margin:15px 0;}
.product-list ul li a .note{text-align:center; font-size:14px;font-weight: lighter; color:#666; white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;}
	
.product-list ul li a .zhezao { opacity:0;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: rgba(18,20,107,0.25);position: absolute;border-radius: 8px;padding: 32px 25px;-moz-transition: all, 0.5s;-webkit-transition: all, 0.5s;-o-transition: all, 0.5s;transition: all, 0.5s;}
.product-list ul li a .zhezao .box {border: solid 3px #e8e8ef;height: 100%;text-align: center;width: 100%;}
.product-list ul li a .zhezao .box span{background-color: rgba(4,4,4,0.33);color: #fff;border: solid 1px #9596a6;border-radius: 5px;margin-top: 20%;display: inline-block;padding: 10px 22px;font-size: 22px;}
.product-list ul li a:hover .zhezao{ opacity:1;}


.product-list ul li a:before{ content:""; position:absolute; left:50%; bottom:-1px; width:0; height:1px; background:#666; margin:0 auto;transition: .6s .05s;}
.product-list ul li a:hover:before{ width:100%; left:0;}

.about{ background:url(../images/abbg.jpg) center no-repeat; background-size:cover;background-attachment: fixed;    max-width: 1820px;
    margin: 0 auto;}
.about .am-container{ max-width:736px;}
.about .about-box{ background:rgba(0,0,0,0.8); padding:40px 30px; border-radius:20px;}
.about .about-box .about-title{ text-align:center; color:#fff;}
.about .about-box .about-title .tit{ font-size:27pt;font-family: "Noto Sanc SC"; font-weight:500;}
.about .about-box .about-title .note{ font-size:14pt;font-family: "Noto Sanc SC";}
.about .about-box .about-logo{ margin:30px 0;}
.about .about-box .about-logo img{ max-width:220px;}
.about .about-box .about-txt{ color:#fff; font-size:14px; font-weight:bold; line-height:2;    font-family: "Noto Sanc SC";}
.hzhb-list{ padding-top:30px;}
.hzhb-list ul li{ width:25%; float:left; text-align:center; margin-bottom:30px;}
.hzhb-list ul li img{/* border:1px solid #eee;*/}
.dbxm-list{ margin-top:20px;}
.dbxm-list ul{ position:relative; margin:0 -20px;}
.dbxm-list ul li{ width:33.333%; float:left; padding:20px;}
.dbxm-list ul li a{ display:block; overflow:hidden;}
.dbxm-list ul li  img{width: 100%;transition: .6s .05s;}
.dbxm-list ul li a:hover img{transform: scale(1.1);}

.newsbox{ padding-top:40px;}
.newsbox .news-left-pic{ width:50%; float:left;}
.newsbox .news-right-list{ width:48%; float:right; padding-left:60px; background:url(../images/newline.png) 0 0 no-repeat; height:592px;}



.newsbox .news-right-list ul li:first-child{ margin-top:-18px;}
.newsbox .news-right-list ul li{  position:relative; padding-left:160px; margin-bottom:54px;}
.newsbox .news-right-list ul li a{ display:block;}
.newsbox .news-right-list ul li a .date{ position:absolute; left:0; top:0;font-family: "Noto Sanc SC";text-align:right;}
.newsbox .news-right-list ul li a .date span{ display:block; font-size:28pt; font-weight:900; color:#595757;}
.newsbox .news-right-list ul li a .date em{ display:block; font-size:16pt; color:#898989;}
.newsbox .news-right-list ul li a .txt{font-family: "Noto Sanc SC"; text-align:center;}
.newsbox .news-right-list ul li a .txt .tit{ font-size:16pt; font-weight:bold; margin-bottom:6px;}
.newsbox .news-right-list ul li a .txt .note{ font-size:12pt; color:#666; font-weight:lighter;}

footer{ background:#2b2b2b; padding-top:60px; padding-bottom:60px;}
footer .foot-title{ text-align:center; font-size:26pt; font-weight:900; color:#fff;font-family: "Noto Sanc SC"; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.5)}
footer .foot-main{ margin-top:60px;}
footer .foot-main .foot-tit{font-size: 22px;color:#fff;font-family: "Noto Sanc SC";margin-bottom:30px;}
footer .foot-about{width: 43%;float:left;}
footer .foot-about .foot-abtxt{ font-size:12px; color:#fff; line-height:1.8;font-family: "Noto Sanc SC";}
footer .foot-nav{ width:15%; float:left; margin-left:6%;}
footer .foot-nav ul li{ margin-bottom:20px; font-size:18px;font-family: "Noto Sanc SC"; font-weight:lighter;}
footer .foot-nav ul li a{ color:#efebea;}

footer .foot-lxfs{ width:30%; float:left; margin-left:8% }
footer .foot-lxfs p{ margin-bottom:16px; font-size:18px;font-family: "Noto Sanc SC"; color:#efebea; font-weight:lighter;}
footer .foot-ewm{width: 14%;float:right;text-align:center;}
footer .foot-ewm ul li{ margin-bottom:36px;}
footer .foot-ewm ul li span{display:block;font-size: 16px;font-family: "Noto Sanc SC";color:#fff;margin-bottom:15px;}

.zzry-list{ margin-top:20px;}
.zzry-list ul{ position:relative; margin:0 -30px;}
.zzry-list ul li{ width:33.3333%; padding:30px; float:left;}
.zzry-list ul li a{ display:block; box-shadow:0 2px 10px 2px  rgba(0,0,0,.1)}

.news .news-info{ max-width:700px; margin:0 auto;font-family: "Noto Sanc SC"; font-weight:lighter; text-align:center; font-size:12px;}
.hm-news-list{ margin-top:30px;}
.hm-news-list ul{ margin:0 -20px;}
.hm-news-list ul li{ width:33.3333%; float:left; padding:5px 20px;font-family: "Noto Sanc SC";}
.hm-news-list ul li a{ display:block;}
.hm-news-list ul li a .tit{ font-size:12pt; font-weight:bold; text-align:center; margin:10px 0;}
.hm-news-list ul li a .note{ font-size:14px; font-weight:lighter; color:#666;}

.news-xq .am-container{ max-width:1036px;}
.news-xq-head{font-family: "Noto Sanc SC"; text-align:center; padding-bottom:30px; border-bottom:1px dashed #ccc; margin-bottom:30px;}
.news-xq-head h1{ font-size:20pt; color:#666; margin-bottom:20px;}
.news-xq-head .info{ font-size:12pt; font-weight:lighter; color:#999;}

.news-xq-des{ font-size:13pt;font-family: "Noto Sanc SC"; line-height:2;}
.xq-news{ margin-top:40px;}
.xq-news .tit{font-family: "Noto Sanc SC";font-weight:bold;font-size: 20pt;margin-bottom:20px;}
.xq-news ul li{border-bottom:1px dashed #ccc;line-height:3;font-size: 14pt;font-family: "Noto Sanc SC";}
.xq-news ul li:first-child{border-top:1px dashed #ccc;}
.xq-news ul li a{ width:79%; float:left; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.xq-news ul li  span{ float:right; color:#999;}


.ny-product .am-container{ max-width:1236px;}
.pro-side{font-family: "Noto Sanc SC"; width:20%; float:left; text-align:center;}
.pro-side .tit{ font-size:22pt; font-weight:500;}
.pro-side ul li{ font-size:13pt; line-height:2.5;}
.pro-side ul li a{ color:#666;}
.pro-side ul li.on a,.pro-side ul li a:hover{ color:#000;}
.pro-rlist{ width:78%; float:right;font-family: "Noto Sanc SC";}
.pro-rlist ul{ position:relative; margin:0 -10px; text-align:center;}
.pro-rlist ul li{ width:33.3333%; float:left; padding:10px;}
.pro-rlist ul li a{ border:1px solid #eee; padding:8px; display:block;}
.pro-rlist ul li a i{ display:block; overflow:hidden; position:relative; font-style:normal;}
.pro-rlist ul li a i img{transition: .6s .05s;}
.pro-rlist ul li a:hover img{transform: scale(1.1);}
.pro-rlist ul li a span{ font-size:18px; padding-top:10px; display:block;}


.pro-rlist ul li a .zhezao { opacity:0;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: rgba(18,20,107,0.25);position: absolute;border-radius: 8px;padding: 20px 20px;-moz-transition: all, 0.5s;-webkit-transition: all, 0.5s;-o-transition: all, 0.5s;transition: all, 0.5s;}
.pro-rlist ul li a .zhezao .box {border: solid 3px #e8e8ef;height: 100%;text-align: center;width: 100%;}
.pro-rlist ul li a .zhezao .box span{background-color: rgba(4,4,4,0.33);color: #fff;border: solid 1px #9596a6;border-radius: 5px;margin-top: 17%;display: inline-block;padding: 10px 22px;font-size: 22px;}
.pro-rlist ul li a:hover .zhezao{ opacity:1;}



.page{ text-align:center; margin-bottom:20px; margin-top:40px; font-family: "Noto Sanc SC";}
.page a{ display:inline-block; font-size:13pt; padding:4px 20px; text-align:center; border-radius:2px;border:1px solid #898989; margin:0 2px; background:#fff; }
.page a:first-child,.page a:last-child{}
.page a.active{ background:#719ff1; border-color:#719ff1; color:#FFF;}

.procongt .am-container{ max-width:1000px;}
.procongt .proarcxq .tit{ font-size:24pt;font-family: "Noto Sanc SC"; font-weight:400; margin:3% 0;}
.procongt .proarcxq .tit span{ display:inline-block; border-bottom:4px solid #333; margin-right:15px;}

.contactlist{font-family: "Noto Sanc SC"; margin:40px 0;}
.contactlist ul{ position:relative; margin:0 -10px;}
.contactlist ul li{ width:25%; float:left; padding:10px;}
.contactlist ul li .item{ border:2px solid #666; background:#f5f5f5; padding:10px 10px 40px 10px; text-align:center;}
.contactlist ul li i{ display:block; margin-top:-68px;}
.contactlist ul li .tit{ font-size:18pt; margin:5%  0;}
.contactlist ul li .txt{ font-size:11pt; line-height:2;}
.contactlist ul li .txt p span{ font-size:14pt;}

.mapbox{ background:#f5f5f5; padding:30px;}
.mapbox .map{ width:50%; float:left;}
.mapbox .map #allmap{ width:100%; height:300px;}
.mapbox .map #allmap img{ max-width: inherit;}
.mapbox .maptxt{ width:50%; float:right;font-family: "Noto Sanc SC"; font-size:14pt; /*text-align:center;*/ line-height:3; padding-left:4.5%; }
.mapbox .maptxt em{ font-weight:bold;}
.message-post{font-family: "Noto Sanc SC";}
.message-post .des{ font-size:16pt; margin-bottom:20px;}
.message-post ul li{ font-size:14pt; margin-bottom:25px;}
.message-post ul li span{ width:110px; float:left; display:inline-block; padding:.2em 0;}
.message-post ul li .input{ width:60%; float:left;}
.message-post ul li .input .am-form-field{ font-size:18pt;}
.message-post ul li:nth-child(5) .input{ width:80%;}
.message-post ul li .am-btn{ font-size:18pt; background:#666; color:#fff; padding:.7em 4em;}

.ue-news-list{font-family: "Noto Sanc SC";}
.ue-news-list ul li:after,.ue-news-list ul li:before{ content:""; display:table; clear:both;}
.ue-news-list ul li{ border-bottom:1px solid #eee; padding:30px;transition: All 0.3s ease-in-out; position:relative; top:0; background:#fff; margin-bottom:15px;}
.ue-news-list ul li .thumb{ width:18%; float:left; margin-right:20px; max-height:140px; overflow:hidden; }
.ue-news-list ul li .thumb img{ max-width:100%;transition: .6s .05s;}
.ue-news-list ul li:hover .thumb img{transform: scale(1.1);}
.ue-news-list ul li .txt h2{ font-size:18px;  margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} 
.ue-news-list ul li .txt .sub{ color:#999; margin-bottom:10px; font-size:12px;}
.ue-news-list ul li .txt .sub span{ display:inline-block; margin-right:20px;}
.ue-news-list ul li .txt .sub span i{ margin-right:4px;}
.ue-news-list ul li .txt p{ color:#999;font-weight:lighter; margin:0; font-size:1.4rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

.nysubnav{ height:66px;font-family: "Noto Sanc SC";}
.subnav-list{ text-align:center; background:#f1f4f9; position:relative; z-index:99;}
.nysubnav a{ font-size:20px; position:relative; display:inline-block; height:66px; line-height:66px; overflow:hidden; padding:0 48px;  color:#34363c; vertical-align:middle;}
.nysubnav a:before{ position:absolute; right:0; bottom:-3px; left:50%; width:72px; margin-left:-36px; height:3px; background-color:#cc0a24; content:''; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
.nysubnav a:hover:before,.nysubnav a.active:before,.nysubnav a.am-active:before{ bottom:0;}
.subnav-list.fixed{ position:fixed; z-index:999; top:0; right:0; left:0; padding:0;}
.subnav-list.fixed a{ height:60px; line-height:60px; font-size:16px;}

.catslist { width: 100%; max-width: 1200px; margin-top: 46px; margin-bottom:86px; background-color: #e1e1e1; border-radius: 4px; text-align: left; vertical-align: top; font-size: 0px; }
.catslist a { display: inline-block; padding: 15px 20px; font-size: 20px; color: #484848; }
.catslist a:first-child { border-radius: 4px 0px 0px 4px; }
.catslist a.action { color: #2f318b; background-color: #d2d3ff; }
.tradebanner { width: 100%; max-width: 1200px; margin-bottom: 20px; }
.tradebanner ul { width: 100%; vertical-align: top; text-align: left; }
.tradebanner ul li { width: 100%; padding: 0px 50px 0px 50px; border-bottom: solid 1px #bbbbbb; border-top: solid 20px #d2d3ff }
.tradebanner ul li:last-child { border-bottom-style: none; }
.tradebanner ul li:first-child { border-top-style: none; }
.tradebanner ul li .title { width: 100%; font-size: 20px; color: #343434; margin-top: 20px; margin-bottom: 10px; }
.tradebanner ul li .text { width: 100%; font-size: 14px; line-height: 24px; color: #606060 }
.tradebanner ul li .text p { font-size: 14px; line-height: 24px; color: #606060 }
.tradebanner ul li .btn { width: 100%; padding: 25px 0px; }
.tradebanner ul li .btn a { padding: 5px 30px; background-color: #686bfe; color: #fff; font-size: 20px; }





@media screen and (max-width: 1024px){
html{ background:#f5f5f5;}
body{ max-width:768px; margin:0 auto;box-shadow: 0px 1px 3px #c8c8c8; background:#fff;}	
header{ height:60px;}
.tophead{ height:60px;}
header .logo{ height:60px; line-height:60px;    max-width: 160px;}
.menu-bar{ display:block; width:26px; height:18px; float:right; position: absolute; right:1.5rem; top:20px; border-bottom:2px solid #fff;}
.menu-bar:after{ content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:0;}
.menu-bar:before{ content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%;}
nav .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;}
.nav-warp{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000;background: rgba(0,0,0,.8); display:none;}
header .nav-box{width: 100%;height: 100%;position: fixed;left:-100%;;top: 0;z-index: 1601;transition: all .3s linear;pointer-events: none; margin-left:0;}
header .nav-box.active{ left:0;}
header .nav-box>ul{width: 60%;position: relative;background: #fff;height: 100%;z-index: 1601;pointer-events: auto;overflow-y: auto;margin: 0; display:block;}
header .nav-box .ulnav{ display:block;}
header .nav-box>ul>li{ width:100%;border-bottom: 1px solid #eee; display:block; float:none;  height:auto; line-height:56px; padding:0;    overflow: hidden;}
header .nav-box>ul>li>a{ color:#333; display:block; line-height:56px;}
header .nav-box>ul>li.drop>a{ display:inline-block;}
header .nav-box>ul>li.on>a{ border:none;}
header .nav-box>ul>li.sh>a{pointer-events: none;}
header .nav-box>ul>li .subnav{ position:relative; top:0; height:0;padding:0; background:#f5f5f5;}
header .nav-box>ul>li:hover .subnav{top:0; height:auto;}
header .nav-box>ul>li .subnav:before{border-bottom: 5px solid #f5f5f5;}
.nav-box .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;}
.nav-warp{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000;background: rgba(0,0,0,.8); display:none;}
.banner .am-slider-b2 .am-control-nav{ bottom:15px;}
.banner .am-slider-b2 .am-direction-nav a{ background-size:15px 25px !important;}
.banner .am-slider-b2 .am-control-nav li a{ width:20px;}
.first-pro .fir-pro-l{ width:100%; float:none;}
.first-pro .fir-pro-r{ width:100%; float:none;}
.first-pro .fir-pro-r i{ display:none;}
.product-list ul{ margin:0 -10px;}
.product-list ul li{ padding:10px;}
.dbxm-list ul{ margin:0 -10px;}
.dbxm-list ul li{ padding:10px;}
.newsbox .news-left-pic{ display:none;}
.newsbox .news-right-list{ width:100%; float:none; height:auto; background:none; padding-left:0;}
footer .foot-about{ display:none;}
footer .foot-nav{ width:35%; margin-left:0;}
footer .foot-lxfs{ width:45%;}
}

@media screen and (max-width:640px){
.am-pd{ padding:20px 0;}
.am-pb{ padding-bottom:20px;}
.am-title .tit{ font-size:20px; line-height:20px;}
.am-title .note{ font-size:14px; line-height:24px;}
.first-pro{ padding:15px 0;}
.first-pro .fir-pro-r .syd{width: 10px;height: 10px;border-radius:50%;margin: 13px auto 50px auto;background-color:#ccc;position:relative;}
.first-pro .fir-pro-r .syd:before{content:"";display:block;width: 8px;height: 8px;border-radius:50%;background-color:#ccc;position:absolute;left:50%;margin-left: -4px;top: 20px;}
.first-pro .fir-pro-r .syd:after{content:"";display:block;width: 4px;height: 4px;border-radius:50%;background-color:#ccc;position:absolute;left:50%;margin-left: -2px;top: 38px;}
.first-pro .fir-pro-r .tit span{ font-size:18px;}
.first-pro .fir-pro-r .pcate{ font-size:18px; margin:15px 0;}
.first-pro .fir-pro-r .note{ font-size:14px;}
.product-list ul{ margin:0 -5px;}
.product-list ul li{ padding:5px; width:50%;}
.product-list ul li a .tit{ font-size:14px; margin:5px 0;}
.product-list ul li a .note{ font-size:1rem;    white-space: normal; height:38px; overflow:hidden;}


.product-list ul li a{ padding-bottom:10px;}
.product-list{ margin-top:10px;}
.cndns-right{ display:none;}

.hzhb-list ul li{ width:33.3333%;margin-bottom:0;}
.hzhb-list ul li:last-child{display:none;}
.hzhb-list{ padding-top:5px;}
.dbxm-list ul{ margin:0 -5px;}
.dbxm-list ul li{ padding:5px; width:50%;}
.about .about-box .about-title .tit{ font-size:18px;}
.about .about-box .about-title .note{ font-size:14px;}
.about .about-box .about-logo img{ max-width:120px;}
.newsbox .news-right-list ul li a .date span{ font-size:14px;}
.newsbox .news-right-list ul li a .date em{ font-size:12px;}
.newsbox .news-right-list ul li{ padding-left:60px; margin-bottom:20px;}
.newsbox .news-right-list ul li a .txt .tit{ font-size:14px;}
.newsbox .news-right-list ul li a .txt .note{ font-size:12px;}
.newsbox .news-right-list ul li a .txt{ text-align:left;}
footer{ padding-top:20px; padding-bottom:20px;}
footer .foot-title{ font-size:18px; padding-bottom:20px;}
footer .foot-nav{ display:none;}
footer .foot-main{ margin-top:20px;}
footer .foot-main .foot-tit{ font-size:18px;    margin-bottom: 15px;}
footer .foot-lxfs{ width:60%;}
footer .foot-lxfs p{ font-size:14px; margin-bottom:10px;}
footer .foot-ewm ul li span{ font-size:12px; margin-bottom:5px;}
footer .foot-ewm{ width:30%;}
footer .foot-ewm ul li{ margin-bottom:10px;}
.zzry-list{ margin-top:5px;}
.zzry-list ul{ margin:0 -5px;}
.zzry-list ul li{ padding:5px;}
.news-xq-head h1{ font-size:18px;}
.news-xq-head .info{ font-size:12px;}
.news-xq-des{ font-size:12px;}
.xq-news .tit{ font-size:18px;}
.xq-news ul li{ font-size:12px;}
.pro-side{ width:100%; float:none;}
.pro-rlist{ width:100%; float:none;}
.pro-side .tit{ display:none;}
.pro-side ul li{ width:33.333%; float:left; font-size:14px;    background: #f5f5f5; margin:-1px -1px 0 0;border: 1px solid #ddd;}
.pro-rlist{ margin-top:5px;}
.pro-rlist ul{ margin:0 -5px;}
.pro-rlist ul li{ width:50%; padding:5px; }
.pro-rlist ul li a{ padding:5px;}
.pro-rlist ul li a span{ font-size:14px; padding-top:5px;}
.page{ margin-top:20px;}
.page a{ font-size:12px; padding:2px 10px;}
.procongt .proarcxq .tit{ font-size:18px;}
.contactlist ul li{ width:100%;}
.contactlist ul li i{ margin-top:-30px;}
.contactlist ul li i img{ width:60px;}
.contactlist ul li .tit{ font-size:18px;}
.contactlist ul li .txt p span{ font-size:16px;}
.contactlist ul li .txt{ font-size:14px;}
.mapbox .map{ width:100%; float:none;}
.mapbox .maptxt{ width:100%; float:none;}
.mapbox{ padding:10px;}
.mapbox .maptxt{ font-size:14px;}
.contactlist{ margin:20px 0; overflow:hidden;}
.message-post .des{ font-size:18px;}
.message-post ul li{ font-size:14px; margin-bottom:15px;}
.message-post ul li .input .am-form-field{ font-size:14px;}
.message-post ul li span{ width:90px;}
.message-post ul li:nth-child(5) .input{ width:60%;}
.message-post ul li .am-btn{ font-size:14px;}
.ue-news-list ul li{ padding:10px;}
.ue-news-list ul li .txt h2{ font-size:16px;}
.ue-news-list ul li .txt p{ font-size:12px;}
.ue-news-list ul li .txt .sub span{ margin-right:5px;}
.nysubnav{ height:44px;}
.subnav-list{flex: 0 0 100%;width: 100%;display: inline-flex;}
.nysubnav a{ font-size:1.2rem; height:44px; line-height:44px; padding:0 5px;flex: 1;display: inline-block;text-align: center;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.nysubnav a:before{ width:40px; margin-left:-20px;}
.nysubnav  .subnav-list{ top: -19px;}
.hm-news-list{ overflow:hidden;}
.hm-news-list ul li{ width:100%;}
.hm-news-list ul li a .tit{ font-size:14px; margin:5px 0;}
.hm-news-list ul li a .note{ font-size:12px;}
.head-top{ font-size:12px;}
.head-top .tels span{ margin-left:8px;}
.head-top .tels span i{ margin-right:4px;}
.product-list ul li a .zhezao{ padding:10px;}
.product-list ul li a .zhezao .box span{ font-size:14px;}
.product-list ul li a .zhezao .box {border: solid 1px #e8e8ef;}

.pro-rlist ul li a .zhezao{ padding:10px;}
.pro-rlist ul li a .zhezao .box span{ font-size:14px;}
.pro-rlist ul li a .zhezao .box {border: solid 1px #e8e8ef;}
.catslist{ margin:20px 0;}
.catslist a{ font-size:14px;}
}