body{padding:0;margin:0;color:#333!important;font-size:15px!important;font-family:arial!important}
ul{padding:0;margin:0;list-style:none}
input,textarea{outline:0;resize:none;border:none}
button{border:0;outline:0}
a{text-decoration:none;color:#333}
a:hover{color:#555}
*{box-sizing:border-box;padding:0;margin:0}
input[type=checkbox],input[type=password],input[type=text],textarea{font-size:16px}
img{border:0 none;max-width:100%}
header{z-index:999999;position:sticky;top:0;width:100%;left:0;background:rgba(255,255,255,.9)}
.hetop{max-width:1350px;margin:0 auto;padding:0 10px;position:relative}
.hetop:after,.navlist:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.logo{width:240px;float:left;position:relative;margin-right:110px;height:100px}
.logo img{max-width:100%;max-height:100%;display:block;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%)}
.navlist{float:left}
.navlist>li{float:left;position:relative}
.navlist>li>a{display:inline-block;line-height:100px;padding:0 20px;text-transform:uppercase;font-size:16px;font-weight:700}
.navlist>li>a:hover{color:#555}
.navlist ul{min-width:100%;max-width:400px;position:absolute;left:0;background:rgba(255,255,255,.9);display:none}
@media screen and (min-width:993px){
.navlist li:hover>ul{display:block}}
.navlist ul li a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:100%;display:block;line-height:32px;padding:0 10px;font-size:16px;border-bottom:1px dashed #CCC}
.navlist ul li:last-child a{border:none}
.navlist ul li a:hover{background:#555;color:#FFF}
.tsearch{float:right;position:relative}
.tsbtn{display:inline-block;width:30px;height:30px;margin:33px 0;background:url(../icon-search.png) center center no-repeat;cursor:pointer}
.tseabox{display:none;width:280px;height:40px;background:#F2F2F2;border-radius:18px;z-index:999;overflow:hidden;position:absolute;right:0;top:80px}
.searchtxt{width:216px;height:40px;padding-left:20px;background:0 0;color:#333;float:left}
.searchbtn{width:64px;height:40px;background:#555;float:left;cursor:pointer;color:#FFF;font-size:15px}
.mobmenu{position:absolute;right:10px;top:50%;width:40px;height:40px;transform:translate(0,-50%);cursor:pointer;display:none}
@media screen and (max-width:1400px){
.logo{margin-right:50px}}
@media screen and (max-width:1200px){
.navlist>li>a{padding:0 10px;font-size:15px}
.logo{width:200px;margin-right:40px}}
@media screen and (max-width:992px){
body,html{overflow-x:hidden}
.tsearch{display:none}
.mobmenu{display:block}
header{height:60px;position:fixed}
.inner-banner,#banner{margin-top:60px}
.logo{height:60px;width:180px}
.navlist{position:absolute;right:-300px;top:60px;width:300px;background:rgba(255,255,255,.9)}
.navlist>li{float:none;width:100%;border-bottom:1px solid #CCC;text-align:left;background:url(../icon-down.png) 95% 14px no-repeat;background-size:16px}
.navlist>li.mob{background-image:url(../icon-up.png)}
.navlist>li>a{line-height:44px;padding:0 15px}
.navlist ul{position:static}}
.banner{width:100%;position:relative;overflow:hidden}
.bannerlist{width:8000px}
.bannerlist li{float:left}
.banner img{width:100%;display:block}
.banicon{position:absolute;bottom:10px;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0)}
.bilist{float:left}
.bilist li{width:35px;height:4px;background:#333;float:left;margin:18px 15px;border-radius:5px;cursor:pointer}
.bilist li.bactive,.bilist li:hover{background:#555}
.bnext,.bprev{float:left;cursor:pointer;display:block;width:40px;height:40px;background:url(icon-lef.png) center center no-repeat;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.bprev{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.bnext:hover,.bprev:hover{background-image:url(icon-lef-act.png);-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
@media screen and (max-width:768px){
.bilist li{width:20px;height:3px;margin:8px 7px}
.bnext,.bprev{width:20px;height:20px;background-size:100%}}
.ind{padding:50px 0}
#about{max-width:1200px;margin:60px auto 40px;padding:50px 10px}
#about:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.ablef{width:300px;float:left}
.abtit{font-size:24px;line-height:34px}
.abmd{text-transform:uppercase;color:#555;letter-spacing:6px;font-size:12px;margin-top:5px}
.abrig{padding-left:340px;line-height:24px;font-size:14px}
.morebtn{font-size:12px;text-transform:uppercase;margin-top:15px;display:inline-block;line-height:22px;position:relative}
.morebtn span{display:inline-block;width:20px;height:20px;border:1px solid #000;position:absolute;top:0;right:-35px;line-height:19px;text-align:center;color:#000;font-size:14px}
.morebtn:hover span{border-color:#555;color:#555}
@media screen and (max-width:768px){
.ablef{width:100%;float:none}
.abrig{padding:0;margin-top:25px}}
#igrow{padding:20px 0 30px}
#igrow:after{content:'';display:block;clear:both;visibility:hidden;height:0}
.iglef{width:50%;height:500px;float:left;background:url(../indpic.jpg) center center no-repeat;background-size:cover}
.igrig{width:50%;float:left;padding:40px 70px;height:500px}
.igtit{font-size:30px;line-height:42px;text-transform:uppercase;margin-bottom:10px}
.abcol{color:#555;text-transform:uppercase;letter-spacing:2px;margin-bottom:25px;font-size:14px}
.iglist li{margin-bottom:17px;padding-left:24px;position:relative;letter-spacing:2px}
.iglist li:before{content:'';width:7px;height:7px;border:1px solid #333;border-radius:50%;position:absolute;left:0;top:5px}
@media screen and (max-width:1400px){
.igrig{padding:40px}}
@media screen and (max-width:992px){
.iglef,.igrig{width:100%}
.igrig{padding:40px 70px}}
@media screen and (max-width:600px){
.igrig{padding:40px 25px}
.igtit{font-size:26px;line-height:36px}}
.iprlist:after,.proshw:after,.psicon:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.iprtop{width:100%;overflow:hidden}
.iprlist{width:4100px;display:flex;flex-wrap:wrap}
.iprlist li{float:left;position:relative;margin-right:10px}
.iprlist li>a{display:inline-block;width:100%}
.iprlist li img{width:100%}
.ipcli{margin-top:-30px;padding-bottom:10px;width:200px;position:relative;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.ipcont{width:170px;background:#FFF;padding:5px 15px 15px;box-shadow:3px 3px 15px #e1eaee}
.iprlist li:hover .ipcli{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.proshw{max-width:1100px;margin:0 auto;position:relative;padding:30px 198px 0}
.psiout{width:100%;overflow:hidden}
.psicon{width:200%;height:15px}
.psicon li{float:left;width:12.5%;height:8px;border-bottom:3px solid #e4e7f0;cursor:pointer}
.psicon li:hover{border-color:#555}
.pronext,.proprev{cursor:pointer;display:inline-block;width:91px;height:18px;position:absolute;bottom:0;left:36px;background:url(icon-le.png) left center no-repeat}
.pronext{background:url(icon-rg.png) right center no-repeat;left:auto;right:36px}
.proprev:hover{background-image:url(icon-lere.png)}
.pronext:hover{background-image:url(icon-rgre.png)}
@media screen and (max-width:800px){
.proshw{padding:30px 148px 0}
.proprev{left:20px}
.pronext{right:20px}}
@media screen and (max-width:450px){
.proshw{padding:30px 128px 0}
.pronext,.proprev{width:65px}}
#inews{max-width:1400px;margin:0 auto;padding:50px 10px}
#inews:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.inelf{width:45%;float:left;text-align:center;padding:115px 0}
.inetit{font-size:30px;text-transform:uppercase}
.ineprom{font-size:14px;color:#555;text-transform:uppercase;margin-top:12px}
.line{width:1px;height:50px;background:#e4e7f0;display:inline-block;margin:30px 0}
.inedetail{line-height:24px;margin-bottom:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;max-height:240px}
.inerg{float:right;width:50%;padding:0 100px 100px 0;position:relative}
.inerg>img{width:100%}
.nrgmd{position:absolute;right:0;bottom:0;width:54%;padding:20px;border:7px solid;border-image:-webkit-linear-gradient(to right,#FFF 30%,#aaa) 30 30;border-image:-moz-linear-gradient(to right,#FFF 30%,#aaa) 30 30;border-image:linear-gradient(to right,#FFF 30%,#aaa) 30 30}
.nrgmd img{width:100%}
@media screen and (max-width:1200px){
.inelf{padding:60px 0}}
@media screen and (max-width:992px) and (min-width:769px){
.line{height:0;margin:0}
.inelf{padding:40px 0}}
@media screen and (max-width:768px){
.inelf{width:100%;padding:0}
.inerg{display:none}}
#prodcate:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.prefi{width:33.333333%;float:left;overflow:hidden;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.prefi img{width:100%}
.prefi:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
@media screen and (max-width:768px){
.prefi{width:100%}}
footer{text-align:center}
.fotxt{font-size:24px;text-transform:uppercase;margin-bottom:35px;color:#000}
.fonav li{display:inline-block;padding:12px 38px;font-size:18px;text-transform:uppercase}
.fonav li a:hover{color:#555}
.foshare{margin:35px 0 50px}
.foshare li{display:inline-block;padding:0 8px}
.copyright{text-transform:uppercase}
@media screen and (max-width:1200px){
.fonav li{padding:12px 20px}}
@media screen and (max-width:992px){
.fonav li{padding:12px 10px}}
.inner-banner{width:100%;display:block}
.inner{max-width:1300px;padding:0 10px;margin:30px auto}
.inner-banner{display:block}
.bPosition{padding:10px;text-align:right;font-size:12px;color:#666;margin-bottom:20px;border-bottom:1px #EEE solid;text-transform:capitalize}
.bPosition a{font-size:12px;color:#666}
.inner-l{width:270px;float:left;padding-bottom:25px}
.inner:after{content:'';visibility:hidden;height:0;clear:both;display:block}
.ltit,.sidetit{width:100%;line-height:44px;text-align:center;background:#555;border-radius:5px;font-size:20px;color:#FFF;margin-bottom:12px}
.leftMenu{margin-bottom:15px}
.sf-menu,.sf-menu1,.sf-menu2{margin:10px 0 20px}
.inner-content li,.sf-menu li,.sf-menu1 li,.sf-menu2 li{line-height:38px}
.inner-content li a,.sf-menu li a,.sf-menu1 li a,.sf-menu2 li a{padding:6px 10px 6px 15px;background:#F2F2F2;display:block;width:100%;border-bottom:1px dashed #bbb;font-size:17px;line-height:25px}
.inner-content .leftMenu>ul>li:first-child>a,.sf-menu1>li:first-child>a,.sf-menu2>li:first-child>a,.sf-menu>li:first-child>a{border-radius:5px 5px 0 0}
.inner-content .leftMenu>ul>li:last-child>a,.sf-menu1>li:last-child>a,.sf-menu2>li:last-child>a,.sf-menu>li:last-child>a{border-radius:0 0 5px 5px}
.inner-content li a:hover,.sf-menu li a:hover,.sf-menu ul li a:hover,.sf-menu ul ul li a:hover,.sf-menu1 li a:hover,.sf-menu1 ul li a:hover{color:#FFF;background:#555}
.sf-menu ul li a,.sf-menu1 ul li a{font-size:15px;color:#555;background:#FFF}
.sf-menu ul ul li a,.sf-menu1 ul ul li a{color:#777}
.sf-menu ul,.sf-menu2 ul{display:none}
.sf-menu li:hover>ul,.sf-menu2 li:hover>ul{display:block}
.sf-menu li,.sf-menu2 li{position:relative}
.sf-menu .pro-menu,.sf-menu2 .pro-menu{position:absolute;left:100%;top:0;width:100%}
.sf-menu ul.pro-menu li a{background:#888;color:#FFF;border-color:#ccc}
.sf-menu ul.pro-menu li a:hover{background:#555}
.sf-menu2 .sub-menu{position:absolute;left:100%;top:0;width:100%}
.sf-menu2>li>a:hover{text-decoration:underline}
.sf-menu2 ul li a{background:#555;color:#FFF;border-color:#ccc}
.sf-menu2 ul li a:hover{background:#888}
.contout{border-radius:5px;padding:10px;background:#F2F2F2;line-height:24px;font-size:15px;margin-top:10px}
.contout a:hover{color:#555}
.inner-r{padding-left:300px;line-height:24px}
.inner-r .inner-position>h1,.inner-r>h1{font-size:24px;line-height:44px;margin-bottom:12px;border-radius:5px;background:#f7f7f7;text-indent:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inner-r .tagContent img,.inner-r iframe,.inner-r table{max-width:100%}
.inprone{float:left;width:100%;padding:14px 0;border-bottom:1px dashed #CCC}
.inprolist:after,.inprone:after{content:'';visibility:hidden;height:0;clear:both;display:block}
.iplef{width:260px;display:inline-block;border:1px solid #efefef;float:left}
.iplef img{max-width:100%;display:block;margin:0 auto}
.iprotxt{padding-left:290px;padding-top:15px}
.iprtit{font-size:19px;line-height:30px;margin-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:90px}
.iprtit:hover{color:#555}
.ipdetail{overflow:hidden;color:#696969}
.iprbtn{border-radius:5px;color:#FFF;display:inline-block;min-width:120px;line-height:38px;background:#555;text-align:center;padding:0 10px;margin-top:18px}
.iprbtn:hover{background:#888;color:#FFF}
.plmor{float:left;width:25%;padding:10px;margin-bottom:10px}
.plmpic{width:100%;height:190px;position:relative;background:#f7f7f7}
.plmpic img{max-width:100%;max-height:100%;display:block;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.plmtit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;text-align:center;line-height:30px;margin-top:10px}
.plmor:hover .plmtit{color:#555}
@media screen and (max-width:1100px){
.plmpic{height:150px}}
@media screen and (max-width:992px){
.iplef{width:210px}
.iprotxt{padding-left:230px}
.plmor{width:33.3333%}
.plmpic{height:170px}}
@media screen and (max-width:992px) and (min-width:768px){
.iprotxt{padding-left:0;width:100%;float:left}}
@media screen and (max-width:768px){
.inner-l{width:100%}
.inner-r{padding:0}
.iprotxt{padding-top:0}
.plmpic{height:200px}}
@media screen and (max-width:600px){
.plmor{width:50%}
.iprotxt{padding-left:0;width:100%;float:left;margin-top:20px}}
@media screen and (max-width:415px){
.plmor{width:100%}
.plmpic{height:auto}}
.pro-content{font-size:15px}
.pro-detail .fl{float:left}
.pro-detail .fr{padding-left:400px}
.pro-detail:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.pro-detail .fr div a{border-radius:5px;margin-top:20px;display:inline-block;margin-right:14px;padding:0 18px;line-height:36px;font-size:16px;background:#555;color:#FFF}
.pro-detail .fr div a:hover{background:#888}
.inner-r .fr h1{font-size:22px;line-height:32px;margin-bottom:10px}
.inner-r .fr p{color:#555}
div#con{float:left;width:100%}
.pro-detail{float:left;margin-bottom:30px;width:100%}
.detag,.ptit,h3.feedBack{line-height:36px;margin:15px 10px 15px 0;text-align:center;background:#555;color:#FFF;display:inline-block;padding:0 24px;font-size:17px}
.productsTags{padding:10px 0}
.tagContent iframe,.tagContent img,.tagContent table{max-width:100%}
@media screen and (max-width:1100px){
.pro-detail{margin-bottom:15px}
.pro-detail .fr{width:100%;padding:0;float:left;margin-top:35px;border-bottom:1px dashed #CCC;padding-bottom:30px}}
.rollPro1{width:100%;margin:10px 0}
.rollPro1:after{content:'';display:block;visibility:hidden;clear:both;height:0}
.rollPro1 li{float:left;width:33.3333%;padding:10px;margin-bottom:10px}
.rollPro1 li .pbox{width:100%}
.rollPro1 li .pbox a{width:380px;height:280px;display:table-cell;vertical-align:middle;background:#f7f7f7}
.rollPro1 li .pbox img{max-width:100%;max-height:100%;display:block;margin:0 auto}
.rollPro1 li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;text-align:center;line-height:30px;margin-top:10px}
.rollPro1 li:hover a{color:#555}
@media screen and (max-width:1100px){
.rollPro1 li .pbox a{height:200px}}
@media screen and (max-width:992px){
.rollPro1 li .pbox a{height:130px}}
@media screen and (max-width:768px){
.rollPro1 li{width:50%}
.rollPro1 li .pbox a{height:180px}}
@media screen and (max-width:667px){
.rollPro1 li .pbox a{height:250px}}
@media screen and (max-width:460px){
.rollPro1 li{width:100%}
.rollPro1 li .pbox a{height:auto}}
.newlist:after{content:'';display:block;visibility:hidden;clear:both;height:0}
.nwone{line-height:42px;border-bottom:1px dashed #CCC}
.nwone a{overflow:hidden;max-width:78%;text-overflow:ellipsis;white-space:nowrap;display:block;float:left}
.nwtime{float:right;font-size:14px}
.nwone:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.nwone{float:left;width:100%}
@media screen and (max-width:500px){
.nwone a{max-width:68%}}
.nwmor{width:100%;float:left;border-bottom:1px dashed #CCC;padding:14px 0}
.wmpic{display:block;float:left;width:260px}
.wmpic img{max-width:100%;display:block;margin:0 auto}
.newstxt{padding-left:290px;color:#696969}
.newstxt a{max-width:95%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:19px;max-height:48px}
.txtime{color:#999;font-size:13px;margin:8px 0;display:block}
.txtime span{font-weight:700;margin-right:6px}
.newstxt p{overflow:hidden}
@media screen and (max-width:992px) and (min-width:768px){
.newstxt{padding-left:0;width:100%;float:left;margin-top:15px}}
@media screen and (max-width:600px){
.newstxt{padding-left:0;width:100%;float:left;margin-top:15px}}
.newsTitle{font-size:21px;text-align:center;line-height:38px}
.newsDate{text-align:center;font-size:13px;color:#999;margin:8px 0 25px;padding-bottom:6px;position:relative}
.newsDate:after{content:'';width:100px;height:1px;background:#ccc;position:absolute;bottom:0;left:50%;margin-left:-50px}
.newsContent img{max-width:100%}
.prevNext .next,.prevNext .prev{line-height:44px;margin-top:15px;background:#F2F2F2;border-radius:5px;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prevNext .next a,.prevNext .prev a{margin-left:5px}
.prevNext .next a:hover,.prevNext .prev a:hover{color:#555}
#xyz{top:5px;right:0}
.pages{text-align:center;margin:20px 0;color:#777;font-size:13px}
.pages a,.pages span{margin:0 4px;display:inline-block;line-height:28px;padding:0 10px}
.pages a:hover,.pages span.ctxt{background:#555;color:#FFF}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(../../down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(../../down1_1.png) no-repeat;padding:0 0 0 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(../../down2_1.png) no-repeat;padding:0 12px 0 16px}
.pdown2 #A_DownLoadProduct{background:url(../../down2_2.png) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(../../down2_3.png) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(../../down2_4.png) right top no-repeat}
.table,.table1,table#emphasis,table#newspaper,table#verzebra,table.colorful,table.hovertable,table.imagetable{width:100%;border-collapse:collapse}
.table p,.table1 p,table#emphasis p,table#newspaper p,table#verzebra p,table.colorful p,table.hovertable p,table.imagetable p{padding:0;margin:0}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table tr:nth-child(odd){background-color:#efede1}
.table tr:nth-child(even){background-color:#FFF}
.table tr:first-child{background-color:#8db3e3}
.table tr:nth-child(3){background-color:#d7d7d7}
.table1 th,.table1 tr.bgcolor{background-color:#c1c1c1}
.table1 td,.table1 th{border:1px solid #000;padding:5px}
table.imagetable{font-family:verdana,arial,sans-serif;font-size:11px;color:#333;border-width:1px;border-color:#999;border-collapse:collapse}
table.imagetable th{background:#b5cfd2 url(https://www.starwaymetals.com/images/m223/gray/images/cell-blue.jpg);border-width:1px;padding:8px;border-style:solid;border-color:#999}
table.imagetable td{background:#dcddc0 url(https://www.starwaymetals.com/images/m223/gray/images/cell-grey.jpg);border-width:1px;padding:8px;border-style:solid;border-color:#999}
table.hovertable{font-family:verdana,arial,sans-serif;font-size:11px;color:#333;border-width:1px;border-color:#999;border-collapse:collapse}
table.hovertable th{background-color:#c3dde0;border-width:1px;padding:8px;border-style:solid;border-color:#a9c6c9}
table.hovertable tr{background-color:#d4e3e5}
table.hovertable tr:hover{background-color:#ff6}
table.hovertable td{border-width:1px;padding:8px;border-style:solid;border-color:#a9c6c9}
#verzebra{font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;font-size:12px;text-align:left;border-collapse:collapse}
#verzebra th{font-size:14px;font-weight:400;padding:12px 15px;border-right:1px solid #FFF;border-left:1px solid #FFF;color:#039}
#verzebra td{padding:8px 15px;border-right:1px solid #FFF;border-left:1px solid #FFF;color:#669}
.vzebra-odd{background:#eff2ff}
.vzebra-even{background:#e8edff}
#verzebra #vzebra-adventure,#verzebra #vzebra-children{background:#d0dafd;border-bottom:1px solid #c8d4fd}
#verzebra #vzebra-action,#verzebra #vzebra-comedy{background:#dce4ff;border-bottom:1px solid #d6dfff}
#emphasis{font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;font-size:12px;text-align:left;border-collapse:collapse}
#emphasis th{font-size:14px;font-weight:400;padding:12px 15px;color:#039}
#emphasis td{padding:10px 15px;color:#669;border-top:1px solid #e8edff}
.oce-first{background:#d0dafd;border-right:10px solid transparent;border-left:10px solid transparent}
#emphasis tr:hover td{color:#339;background:#eff2ff}
#newspaper{font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;font-size:12px;text-align:left;border-collapse:collapse;border:1px solid #6cf}
#newspaper th{padding:20px;font-weight:400;font-size:13px;color:#039;text-transform:uppercase;border-right:1px solid #0865c2;border-top:1px solid #0865c2;border-left:1px solid #0865c2;border-bottom:1px solid #FFF}
#newspaper td{padding:10px 20px;color:#669;border-right:1px dashed #6cf}
table.colorful{font-family:"Trebuchet MS",sans-serif;font-size:16px;font-weight:700;line-height:1.4em;font-style:normal;border-collapse:separate}
.colorful thead th{padding:15px;color:#FFF;text-shadow:1px 1px 1px #568f23;border:1px solid #93ce37;border-bottom:3px solid #9ed929;background-color:#9dd929;background:-webkit-gradient(linear,left bottom,left top,color-stop(.02,#7bc043),color-stop(.51,#8bc642),color-stop(.87,#9ed929));background:-moz-linear-gradient(center bottom,#7bc043 2%,#8bc642 51%,#9ed929 87%);-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius:5px 5px 0 0;border-top-left-radius:5px;border-top-right-radius:5px}
.colorful thead th:empty{background:0 0;border:none}
.colorful tbody th{color:#FFF;text-shadow:1px 1px 1px #568f23;background-color:#9dd929;border:1px solid #93ce37;border-right:3px solid #9ed929;padding:0 10px;background:-webkit-gradient(linear,left bottom,right top,color-stop(.02,#9ed929),color-stop(.51,#8bc642),color-stop(.87,#7bc043));background:-moz-linear-gradient(left bottom,#9ed929 2%,#8bc642 51%,#7bc043 87%);-moz-border-radius:5px 0 0 5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.colorful tfoot td{color:#9cd009;font-size:32px;text-align:center;padding:10px 0;text-shadow:1px 1px 1px #444}
.colorful tfoot th{color:#666}
.colorful tbody td{padding:10px;text-align:center;background-color:#def3ca;border:2px solid #e7efe0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;color:#666;text-shadow:1px 1px 1px #FFF}
#indexnewspanel h3{text-align:center;font-size:30px;margin-bottom:30px}
.indexnewslist:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.indexnewslist li{width:33.333%;float:left}
.indexnewslist li img{display:block;max-width:100%;margin:0 auto;width:100%}
.indexnewslist li p{text-align:center;font-size:18px;margin-top:10px}
@media screen and (max-width:768px){
.indexnewslist{padding:0 20px}
.indexnewslist li{width:100%;margin-bottom:20px}}
.fonav li{font-size:14px;padding:10px 20px}
.copyright{font-size:12px}
.navlist>li>a{padding:0 15px}
.foshare{margin:35px 0 20px}
.copyright{margin-top:10px}
footer #xyz ul{display:flex;justify-content:center;flex-wrap:wrap}
footer #xyz ul li{margin:5px}
footer #xyz ul li a{font-size:12px;color:#333;display:flex;align-items:center;line-height:1.4;text-transform:capitalize}
footer #xyz ul li a img{margin-right:3px}
.detail-catename{font-size:24px;line-height:44px;margin-bottom:12px;border-radius:5px;background:#f7f7f7;text-indent:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.proIntro{border:1px solid #CCC;padding:10px;margin:25px 0}
.relatednews .otitle {line-height:36px;margin:25px 10px 15px 0;text-align:center;background:#555;color:#FFF;display:inline-block;padding:0 24px;font-size:17px}
.relatednews ul {margin-bottom:20px}
.relatednews ul:after {content:'';height:0;clear:both;visibility:hidden;display:block}
.relatednews ul li {width:48.5%;float:left;line-height:40px;border-bottom:1px dashed #CCC;margin-right:2%}
.relatednews ul li:nth-child(2n) {margin-right:0}
.relatednews ul li a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/*index_13*/
.hnews {display:flex;justify-content:space-between;flex-wrap:wrap}
.hnews .h3 {margin:0 0 25px;width:100%;font-size:28px;color:#333232;text-align:left;text-transform:uppercase;font-weight:bold}
.hnews .lnew,.hnews .tnew {float:left;width:48.5%}
.hnews .tnew .tbox {border:1px solid #ddd;margin-top:14px;display:flex}
.hnews .tnew p {line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;height:88px}
.hnews .tnew .tlpic {float:left;padding-right:20px;height:200px;width:220px}
.hnews .tnew strong {display:block;font-size:16px;margin:15px 0 10px;text-transform:capitalize;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.hnews li {border-bottom:solid 1px #EEE;height:36px;line-height:36px;text-align:right;overflow:hidden}
.hnews li a {float:left;text-align:left;padding-left:14px;height:36px;line-height:36px;overflow:hidden;position:relative;max-width:80%;white-space:nowrap;text-overflow:ellipsis;display:block}
.hnews li a:before {content:"";width:4px;height:8px;background:#555;position:absolute;left:0;top:50%;margin-top:-4px}
.hnews a.p_more.mmv {background:#555;color:#FFF;display:inline-block;line-height:34px;padding:0 30px;margin-top:20px}
.hnews a.p_more.mmv:hover {background:#333}
.hnews li span {font-size:14px}
.hnews .tnew .ttext {width:calc(100% - 220px);padding-right:15px}
.industrys ul {width:100%;display:flex;flex-wrap:wrap}
.industrys ul li {width:50%}
.industrys ul li a object {display:flex}
.industrys ul li div {flex:1}
.industrys ul li .news-img img {width:100%;display:block}
.industrys ul li .news-content {position:relative;background:#f6f6f6;display:flex;flex-direction:column;justify-content:space-evenly}
.industrys ul li .news-content .news-title {margin:0 20px;color:#2b2b2b;font-size:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.industrys ul li .news-content .news-date {margin:0 20px;color:#666;font-weight:700}
.industrys ul li .news-content article {margin:0 20px;color:#444;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.industrys ul li .news-content .more-link {margin:0 20px;color:#2b2b2b;font-weight:700;line-height:24px;font-size:18px}
.industrys ul li .news-content .more-link i {color:#2b2b2b;position:relative;top:1px;transform:scale(1.7)}
.industrys ul li .news-content:before {content:"";position:absolute;bottom:0;transition:opacity .7s ease 0s,transform .7s ease 0s;width:94%;height:92%;top:4%;left:3%;opacity:0;border-top:2px solid #555;border-bottom:2px solid #555;transform:scaleX(0);-webkit-transform:scaleX(0);box-sizing:border-box}
.industrys ul li .news-content:after {transition:opacity .5s ease 0s,transform .5s ease 0s;content:"";border-left:2px solid #555;border-right:2px solid #555;transform:scaleY(0);-webkit-transform:scaleY(0);opacity:0;position:absolute;width:94%;height:92%;top:4%;left:3%;box-sizing:border-box}
.industrys ul li:hover .news-content .more-link a,.industrys ul li:hover .news-content .more-link i,.industrys ul li:hover .news-content .news-title a {color:#555}
.industrys ul li:hover .news-content:after,.industrys ul li:hover .news-content:before {opacity:1;transform:scale(1)}
.industrys ul li:nth-child(3) a object,.industrys ul li:nth-child(4) a object {flex-direction:row-reverse}
.industrys {max-width:1400px;margin:0 auto;padding:0 10px 50px}
.industrys >.h3 {margin:0 0 25px;font-size:28px;color:#333232;text-align:left;text-transform:uppercase;font-weight:bold}
@media screen and (max-width:992px){.hnews .lnew,.hnews .tnew,.industrys ul li{width:100%}
.hnews .lnew{margin-top:35px}
.hnews{flex-wrap:wrap}}.download-list li{width:100%;height:137px;display:flex;align-items:center;background-color:#fbfbfb;margin-bottom:30px}.download-list{width:100%}.download-img{height:100%;width:228px;display:flex;align-items:center}.download-img img{max-height:100%;max-width:100%}.download-info{display:flex;align-items:center;color:#777;margin-left:30px}.download-btn:hover{color:#FFF}.download-btn{margin-left:auto;margin-right:30px;width:154px;border-radius:10px;height:40px;background-color:#555;color:#FFF;display:flex;justify-content:center;align-items:center}.download-btn{min-height:40px;height:auto;padding:10px;box-sizing:border-box}
footer #xyz ul li{display:block !important;overflow:inherit !important;margin:5px !important}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.ck-widget-toc{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:700;margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}