/*
Theme Name: zbinstrument
Theme URI: https://www.boke8.net/zbinstrument.html
Description: 
Version: 1.0
Author: 博客吧
Author URI: https://www.boke8.net
*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{box-sizing:border-box;}
html{-webkit-text-size-adjust:none;font-size:5.20834vw;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0;}
body{background-color:#fff;color:#000;font:normal 0.16rem/1.875em 'Microsoft Yahei',Arial,Sans-serif;}
a{text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;color:#000;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#024890;}
a img{border:none;}
img{vertical-align:middle;max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit;font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{opacity:0.5;color:inherit;}
input:-moz-placeholder{opacity:0.5;color:inherit;}
input::-webkit-input-placeholder{opacity:0.5;color:inherit;}
input:-ms-input-placeholder{opacity:0.5;color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}
.clear{clear:both;overflow:hidden;width:100%;}

/*gold*/
.inner{width:93.75%;max-width:100em;margin:0 auto;}
.w1120{max-width:70em;}
.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.flex_js{justify-content:space-between;}
.flex_ac{align-items:center;}
.rows{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.thumbnail{position:relative;overflow:hidden;}
.thumbnail:after{padding-bottom:75%;display:block;content:'';}
.thumbnail a,.thumbnail img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;transition:all 0.2s;}
.figure{overflow:hidden;}
.figure a{display:block;}
.figure a:hover img{transform:scale(1.05);}
.figure img{display:block;width:100%;height:auto;transition:all 0.2s;}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}

/*header*/
.header{position:relative;}
.header .inner{position:relative;justify-content:space-between;}
.header.active #navi li ul,.header.active .navbg{visibility:visible;opacity:1;}

/*logo*/
#logo{padding:1.375em 0;font-size:1em;width:15em;}
#logo a{display:block;background:no-repeat left center;background-size:contain;overflow:hidden;padding-bottom:24.11764706%;position:relative;}
#logo i{display:block;font-style:normal;position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-99999em;overflow:hidden;}

/*meta*/
#meta{width:calc(100% - 15em);align-items:flex-end;}

/*nav*/
#navi{justify-content:flex-end;width:calc(100% - 1.4em);}
#navi .parent{width:64.375em;max-width:100%;justify-content:space-around;}
#navi .parent > li{padding:0.66666667em 0;position:relative;transition:all 0.3s ease 0s;font-size:1.125em;line-height:2em;}
#navi .parent > li:after{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#024890;opacity:0;display:block;content:'';}
#navi li a{color:#343434;display:block;}
#navi li ul{position:absolute;left:-40%;top:100%;width:180%;text-align:center;z-index:4;padding:0.83333333em 0;transition:all 0.3s ease 0s;visibility:hidden;opacity:0;}
#navi li li{font-size:0.875em;line-height:2em;padding:0.125em 0.5em;}
#navi li li a{color:#666;}
#navi .parent > .on:after{opacity:1;}
#navi .cur > a{color:#024890;}
#navi .on > a{color:#000;}
#navi .on ul{background-color:rgba(221,221,221,0.3);}
#navi .on li a{color:#343434;}
#navi em{display:none;}

/*navbg*/
.navbg{background-color:rgba(255,255,255,0.8);width:100%;position:absolute;top:100%;z-index:3;padding:0.9375em 0;z-index:2;visibility:hidden;opacity:0;transition:all 0.3s ease 0s;}
.navbg:before{display:block;content:'';width:100%;height:1px;background-color:#eee;position:absolute;left:0;top:0;}

/*topbtn*/
#topbtn span{display:block;cursor:pointer;margin-left:1.5625em;line-height:2em;}
#topbtn span:first-child{margin-left:0;}
#topbtn .bar{position:absolute;right:0;top:0;flex-wrap:wrap;text-transform:uppercase;}
#topbtn .bar a{display:block;color:#024890;}
#topbtn .bar .txt{margin-left:0.25em;font-style:normal;}
#topbtn .bar .mail a{color:#666;}
#topbtn .bar .mail a:hover{color:#024890;}
#topbtn .sbtn{padding:0.8125em 0;}
#topbtn .sbtn .ri{font-size:1.25em;display:block;}
#topbtn .nbtn{display:none;}

/*search*/
#search{position:absolute;right:0;top:100%;width:18.75em;background-color:rgba(255,255,255,0.8);max-width:100%;z-index:8;display:none;}
#search .input{overflow:hidden;position:relative;padding-right:2.625em;}
#search .text{display:block;width:100%;height:3em;line-height:1.5em;padding:0.75em 1em;font-size:0.875em;}
#search .submit{display:block;font-size:1.25em;width:2.1em;height:100%;position:absolute;right:0;top:0;color:#555;cursor:pointer;}

/*swiper-dots*/
.swiper-dots .swiper-pagination{left:50%;transform:translateX(-50%);justify-content:center;bottom:6.25%;}
.swiper-dots .swiper-pagination .swiper-pagination-bullet{opacity:1;background-color:transparent;border:0.125em solid #024890;width:0.75em;height:0.75em;transition:all 0.2s;margin:0 0.5em;border-radius:50%;display:block;}
.swiper-dots .swiper-pagination .swiper-pagination-bullet-active{background-color:#024890;}
.swiper-arrows .arrow{margin-top:0;transform:translateY(-50%);color:#fff;width:auto;height:auto;}
.swiper-arrows .arrow:after{font-size:2.75em;}
.swiper-arrows .swiper-button-prev{left:3.125%;}
.swiper-arrows .swiper-button-next{right:3.125%;}

/*slides*/
#slides a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden;position:relative;height:41.66666667vw;color:#fff;}
#slides img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
#slides .text{font-size:4em;text-align:center;transform:translateY(3em);opacity:0;transition:all 1.3s;}
#slides .title{font-size:1em;line-height:1.25em;margin-bottom:0.5em;}
#slides .intro{font-size:0.5625em;line-height:1.5em;}
#slides .swiper-slide-active .text{transform:translateY(0);opacity:1;}

/*hmbox*/
.hbox{overflow:hidden;padding:6% 0;background-color:#fff;}
.hbox:nth-child(2n){background-color:#f9f9f9;}
.hname{text-align:center;font-size:2.375em;line-height:1.35em;font-weight:500;position:relative;margin-bottom:4.6875%;}
.hname:after{display:block;content:'';margin:0.75em auto 0;width:2.5em;height:0.0625em;background-color:#024890;border-left:0.75em solid #e4e4e4;border-right:0.75em solid #e4e4e4;}
.hname.left{text-align:left;}
.hname.left:after{border-left:none;border-right-width:1.5em;margin-left:0;}
.section_title{text-align:center;font-size:28px;line-height:1.5em;color:#555;font-weight:normal;margin-bottom:4.5%;position:relative;}
.section_title:after{content:'';display:block;margin:0 auto;width:50px;height:1px;background-color:#024890;border-right:15px solid #eee;border-left:15px solid #eee;margin-top:1.5%;}

/*banner*/
#banner{background:no-repeat center center;background-size:cover;padding-bottom:22.5em;}

/*wrapper*/
#wrapper{padding:1.5625em 0 3.125em;}

/*breadcrumb*/
#breadcrumb{width:100%;margin-bottom:25px;color:#999;font-size:14px;}
#breadcrumb .fa-home{margin-right:10px;}
#breadcrumb .fa-caret-right{margin:0 10px;font-size:12px;}
#breadcrumb a{color:#999;}

/*aside*/
#aside{width:20em;}

/*textwidget*/
.textwidget{border:1px solid #eaeaea;border-top:0.3125em solid #dedede;padding:1.25em;}

/*widget*/
.widget{margin-bottom:1.5625em;overflow:hidden;box-shadow:1px 2px 0px #efefef;}
.widget .hgroup{color:#fff;background-color:#024890;padding:0.83333333em 1.25em;position:relative;overflow:hidden;font-size:1.5em;border-top-left-radius:0.83333333em;}
.widget .hgroup a{color:#fff;}
.widget .hgroup .name{font-size:1em;font-weight:normal;line-height:1.25em;}
.widget .hgroup .alias{font-size:1.16666667em;font-weight:normal;position:absolute;left:1.07142857em;bottom:-0.35714286em;opacity:0.2;text-transform:uppercase;}
.widget ul{border:1px solid #eaeaea;border-top:0.3125em solid #dedede;padding:1.25em;}

/*divMenu*/
.divMenu ul{padding-top:0.625em;padding-bottom:0.625em;}
.divMenu li{border-bottom:1px solid #eaeaea;}
.divMenu li:last-child{border-bottom:none;}
.divMenu li a{padding:0.625em 0.9375em 0.625em 0.625em;display:block;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.3s ease 0s;}
.divMenu li a:after{content:'';display:block;position:absolute;right:0.625em;bottom:1.125em;border-right:1px solid #ddd;border-bottom:1px solid #ddd;width:0.5em;height:0.5em;transition:all 0.3s ease 0s;}
.divMenu li a:hover:after{border-color:#024890;}

/*divTags*/
.divTags ul{display:flex;flex-wrap:wrap;}
.divTags li{margin:0 0.3125em 0.3125em 0;}
.divTags li a{font-size:0.875em;padding:0 0.75em;display:block;background-color:#ddd;color:#fff;border-radius:0.2em;}
.divTags li .tag-count{display:none;}
.divTags li:nth-child(8n-7) a{background-color:#8A9B0F;}
.divTags li:nth-child(8n-6) a{background-color:#EB6841;}
.divTags li:nth-child(8n-5) a{background-color:#3FB8AF;}
.divTags li:nth-child(8n-4) a{background-color:#FE4365;}
.divTags li:nth-child(8n-3) a{background-color:#FC9D9A;}
.divTags li:nth-child(8n-2) a{background-color:#EDC951;}
.divTags li:nth-child(8n-1) a{background-color:#C8C8A9;}
.divTags li:nth-child(8n) a{background-color:#83AF9B;}
.divTags li:first-child a{background-color:#E1474D;}
.divTags li:last-child a{background-color:#3299BB;}
.divTags li a:hover{opacity:0.85;background-color:#024890;}

/*divSearchPanel*/
.divSearchPanel form{position:relative;padding-right:3.5em;overflow:hidden;}
.divSearchPanel input[type='text']{height:3.5em;line-height:2.5em;padding:0.5em 1em;border:1px solid #e4e4e4;border-right:none;width:100%;border-radius:0.2857em 0 0 0.2857em;display:block;font-size:0.875em;color:#666;}
.divSearchPanel input[type='submit']{color:#fff;position:absolute;right:0;top:0;height:100%;width:4em;background-color:#e1b44f;cursor:pointer;border-radius:0 0.2857em 0.2857em 0;font-size:0.875em;}

/*divCalendar*/
.divCalendar caption{margin-bottom:1em;font-weight:bold;}
.divCalendar thead{background-color:#18191b;color:#fff;border-radius:0.25em;overflow:hidden;}
.divCalendar td,.divCalendar th{width:13.285%;padding:0.3125em;text-align:center;}
.divCalendar td{font-size:0.8125em;padding:0.385em;}
.divCalendar td a{padding:0;width:2em;height:2em;line-height:2em;background-color:#e1b44f;border-radius:50%;color:#fff;border:none;}

/*divCatalog*/
.divCatalog ul{display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:box;display:flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;}
.divCatalog li{width:48%;margin-bottom:0.25em;}
.divCatalog a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1a1a1a;background-color:#f5f5f5;font-size:0.875em;display:block;padding:0.25em 1em;border-radius:0.2rem;}
.divCatalog a:hover{color:#fff;background-color:#024890;}

/*divComments*/
.divComments ul{padding-top:0.625em;padding-bottom:0.625em;}
.divComments li{padding:1em 0;border-bottom:1px solid #eaeaea;}
.divComments li:last-child{border-bottom:none;}
.divComments li a{display:flex;align-items:center;justify-content:space-between;}
.divComments .avatar{width:2.5em;height:2.5em;overflow:hidden;border-radius:50%;}
.divComments .avatar img{display:block;width:100%;height:100%;object-fit:cover;}
.divComments .text{width:calc(100% - 3.25em);}
.divComments .author{font-size:0.875em;color:#111;line-height:1.35em;margin-bottom:0.215em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.divComments .cont{font-size:0.8125em;color:#888;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*divArchives*/
.divArchives ul{display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:box;display:flexbox;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.divArchives li{width:48%;font-size:0.875em;line-height:2em;}
.divArchives a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*divPrevious*/
.divPrevious li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2em;}
.divPrevious a{position:relative;padding-left:1em;}
.divPrevious a:before{content:'';display:block;width:0.3125em;height:0.3125em;background-color:#e1b44f;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.divPrevious a:hover:before{background-color:#024890;}

/*divStatistics*/
.divStatistics li{background-color:#f1f1f1;padding:0.5em 1em;margin:0.25em 0;color:#555;border-radius:0.25em;line-height:2em;font-size:0.875em;}

/*divFavorites*/
.divFavorites li{padding:0.25em 0;}
.divFavorites a{background-color:#f1f1f1;padding:0.5em 1.5em;color:#555;border-radius:2em;line-height:2em;font-size:0.875em;display:block;}
.divFavorites a:hover{background-color:#024890;color:#fff;}

/*divLinkage*/
.divLinkage li{font-size:0.875em;line-height:2em;padding:0.25em 0;}
.divLinkage a{display:block;position:relative;padding-left:1em;}
.divLinkage a:before{width:3px;height:0.875em;background-color:#024890;position:absolute;left:0;top:0.57142857em;content:'';display:block;border-radius:1.5px;}

/*divMisc*/
.divMisc ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.divMisc li{width:48%;padding:2% 0;}
.divMisc img{display:block;width:100%;height:auto;}
.divMisc a{display:block;overflow:hidden;}

/*divAuthors*/
.divAuthors a{display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:box;display:flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.divAuthors .article-nums{display:block;white-space:nowrap;margin-left:10px;font-size:0.75em;color:#999;line-height:1.5em;}

/*divNavBar*/
.divNavBar li li{margin:1em 0 0 2em;}

/*mtop*/
.mtop{border-bottom:1px solid #eaeaea;position:relative;margin-bottom:1.5625em;}
.cname{font-size:1.75em;line-height:1.5em;padding-bottom:0.625em;font-weight:normal;position:relative;}
.cname:after{content:'';display:block;width:100%;height:1px;position:absolute;left:0;bottom:-1px;z-index:1;background-color:#024890;}

/*main*/
#main{width:calc(100% - 20em);padding-left:3.125%;}

/*bloglist*/
#bloglist{overflow:hidden;margin-bottom:1.5em;}

/*blogitem*/
.blogitem{border-bottom:1px dashed #dcdcdc;padding-bottom:1.5625em;margin-bottom:1.5625em;}
.blogitem .title{font-size:1.375em;font-weight:normal;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0.45em;}
.blogitem .title i{font-style:normal;display:inline-block;margin-right:0.5em;transition:all 0.2s;}
.blogitem a{transition:all 0.2s ease 0s;}
.blogitem a:hover i{margin-right:1em;}
.blogitem .excerpt{color:#555;height:3.75em;-webkit-line-clamp:2;}

/*download*/
.download{margin-bottom:3em;}

/*files*/
.files ul{overflow:hidden;}
.files li{border-bottom:1px dashed #dcdcdc;padding:1em 0;}
.files a{color:#333;display:block;position:relative;padding-right:5em;padding-left:1.5em;overflow:hidden;}
.files a:hover{color:#db241a;}
.files .ri{color:#db241a;position:absolute;left:0;top:0.5em;line-height:1em;}
.files span{position:absolute;right:0;top:0;font-size:0.875em;background-color:#f99700;color:#fff;padding:0 0.75em;border-radius:0.21em;line-height:2.14285714em;width:5em;text-align:center;display:block;}

/*filepost*/
#filepost{padding:2em;background-color:#fff;box-shadow:0px 0px 2em rgba(0,0,0,0.1);}
#filepost .icon{text-align:center;margin-bottom:2%;color:#555;}
#filepost .icon .ri{font-size:20em;line-height:1em;}
#filepost .title{font-size:2em;line-height:1.35em;text-align:center;}
#filepost .btn{margin-top:2em;}
#filepost .btn a{display:flex;align-items:center;justify-content:center;border:1px solid rgba(2,72,144,0.5);font-size:2em;padding:1.5em;color:rgba(2,72,144,0.85);transition:all 0.2s;}
#filepost .btn a:hover{border-color:#024890;color:#024890;}
#filepost .btn .ri{font-size:2em;margin-right:0.5em;}

/*news*/
#newstop{margin-bottom:1.5625em;border:1px solid #ddd;box-shadow:1px 2px 0px #efefef;}
#newstop .thumbnail{width:25em;}
#newstop .text{width:calc(100% - 25em);padding:2em 3em;}
#newstop .title{font-size:1.5em;line-height:1.5em;font-weight:normal;margin-bottom:1em;max-height:4.5em;-webkit-line-clamp:3;}
#newstop .excerpt{color:#666;height:5.625em;-webkit-line-clamp:3;}
#newstop .swiper-pagination{width:auto;left:auto;right:3em;bottom:2em;display:flex;flex-wrap:wrap;}
#newstop .swiper-pagination-bullet{width:1.25em;height:0.3125em;background-color:#eee;opacity:1;transition:all 0.3s ease 0s;border-radius:0;margin:0 0.9375em 0 0;display:block;}
#newstop .swiper-pagination-bullet:last-child{margin-right:0;}
#newstop .swiper-pagination-bullet-active{background-color:#db251c;width:1.875em;}

/*newslist*/
#newslist{margin-bottom:1.25em;}
#newslist ul{overflow:hidden;}
#newslist li{margin-bottom:1.25em;}
#newslist li a{display:table;table-layout:fixed;width:100%;padding:1em 1.25em;border:1px solid #ddd;box-shadow:1px 2px 0px #efefef;color:#333;}
#newslist .date{display:table-cell;vertical-align:middle;color:#999;border-right:1px solid #eee;width:7.5em;}
#newslist .title{display:table-cell;vertical-align:middle;position:relative;padding-right:2em;font-size:1.25em;line-height:1.5em;padding:0 1.5em;}
#newslist .title:after{content:'>>';font-family:'Simsun';position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;}
#newslist li a:hover{background-color:#db251c;color:#fff;border-color:#db251c;}
#newslist li a:hover .date{color:#fff;}

/*protop*/
#protop{margin-bottom:5%;overflow:hidden;}
.proimg{width:40.625%;}
.proimg .large{margin-bottom:2.46153846%;border:1px solid #f9f9f9;padding:2px;}
.proimg .small{padding:0 2em;position:relative;}
.proimg .small .swiper-slide{cursor:pointer;margin-right:1em;width:8.406375em;}
.proimg .small .thumbnail:before{position:absolute;left:0;top:0;width:100%;height:100%;border:0.125em solid #007cc3;opacity:0;display:block;content:'';z-index:2;transition:all 0.3s;}
.proimg .small .swiper-slide-thumb-active .thumbnail:before{opacity:1;}
.proimg .arrow{margin-top:0;transform:translateY(-50%);color:#555;width:1.5em;}
.proimg .arrow:after{font-size:1em;font-weight:bold;}
.proimg .swiper-button-prev{left:0;}
.proimg .swiper-button-next{right:0;}

/*proinfo*/
.proinfo{width:53.125%;}
.proinfo .box{max-width:40.625em;}
.proinfo .title{font-size:2em;line-height:1.5em;margin-bottom:3.5%;}
.proinfo .name{color:#db241a;font-size:1.5em;line-height:1.35em;margin-bottom:2.5%;}
.proinfo .intro{font-size:1.125em;line-height:2em;color:#555;margin-bottom:5%;}
.proinfo .meta li{width:48%;line-height:2em;color:#353535;margin-bottom:0.5em;}
.proinfo .meta li:last-child{width:100%;}
.proinfo .meta span{display:block;}
.proinfo .meta span:first-child{color:#666;width:5em;}
.proinfo .meta span:last-child{width:calc(100% - 5em);}
.proinfo .button li{width:30%;margin-right:5%;margin-top:4.41176471%;position:relative;}
.proinfo .button li:last-child{margin-right:0;}
.proinfo .button li:hover .drop{display:block;}
.proinfo .button a{display:block;background-color:#007cc3;color:#fff;font-size:1.125em;height:2.77777778em;line-height:2.77777778em;border-radius:0.2em;text-align:center;}
.proinfo .button .msg{background-color:#db241a;}
.proinfo .button .mall{background-color:#ff5000;}
.proinfo .button .drop{box-shadow:0px 0px 1.5em rgba(0,0,0,0.2);background-color:#fff;border-radius:0.25em;padding:0.75em 2em;position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:1em;display:none;}
.proinfo .button .drop:before{border-bottom:0.5em solid #fff;border-left:0.5em solid transparent;border-right:0.5em solid transparent;position:absolute;left:50%;transform:translateX(-50%);bottom:100%;display:block;content:'';}
.proinfo .button .num{font-size:1.5em;white-space:nowrap;color:#024890;line-height:1.25em;}

/*protab*/
.protab{position:relative;padding:0 1em;margin-bottom:3%;}
.protab:before{width:100%;height:1px;background-color:#dcdcdc;display:block;content:'';position:absolute;left:0;bottom:0;}
.protab li{margin-right:1em;padding:0 2em;background-color:#dfe5eb;border:1px solid #dcdcdc;border-bottom-color:transparent;cursor:pointer;color:#333;line-height:3em;position:relative;z-index:2;border-radius:0.25em 0.25em 0 0;}
.protab li:last-child{margin-right:0;}
.protab .cur{border-bottom-color:#fff;background-color:#fff;}
.probtm{padding:0 1em;}
.probtm .item{overflow:hidden;display:none;}
.probtm .item:first-child{display:block;}
.popup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,0.2);display:none;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.popup > .flex{width:100%;min-height:100%;align-items:center;padding:2em 0;}
.popup .info{background-color:#fff;width:75em;max-width:90%;margin:0 auto;box-shadow:0px 0px 2em rgba(0,0,0,0.05);border-radius:1em;padding:4em;}

/*proform*/
.proform .title{font-size:1.5em;line-height:1.35em;text-align:center;margin-bottom:3.5%;}
.proform .form{max-width:50em;margin:0 auto;}
.proform .item{overflow:hidden;margin-bottom:1em;}
.proform .label{display:block;float:left;height:3em;line-height:3em;color:#555;}
.proform .label i{font-style:normal;color:#f00;}
.proform .input{margin-left:6.25em;overflow:hidden;position:relative;}
.proform .text{height:3em;line-height:2em;padding:0.5em 1em;border:1px solid #eaeaea;display:block;width:100%;border-radius:0.2em;}
.proform textarea.text{height:7.5em;}
.proform .verify .text{padding-right:7em;}
.proform .verify img{position:absolute;right:0.5em;top:0.5em;height:calc(100% - 1em);width:auto;cursor:pointer;}
.proform .btn{margin-top:1.5em;}
.proform .submit{display:block;background-color:#024890;color:#fff;cursor:pointer;border-radius:0.2em;font-size:1.125em;width:8em;height:2.5em;margin:0 auto;}

/*singlepage*/
#singlepage{overflow:hidden;width:100%;margin:0 auto;}
#singlepage .title{font-size:2.5em;line-height:1.25em;text-align:center;margin-bottom:1em;}

/*entry*/
.entry{overflow:hidden;}
.entry *{line-height:1.875em;}
.entry p{margin:1em 0;}
.entry img{height:auto!important;}
.entry ul,.entry ol{margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry .blockquote{margin:2em;padding:2em;overflow:hidden;font-style:italic;color:#555;}
.entry hr{border:none;height:1px;background-color:#999;}

/*npost*/
#npost .title{text-align:center;font-size:1.75em;line-height:1.5em;margin-bottom:1em;}
#npost .meta{justify-content:center;color:#666;border-bottom:1px solid #eaeaea;padding-bottom:1em;margin-bottom:2em;}
#npost .meta span{display:block;padding:0 1em;}
#npost .other{border-top:1px solid #eaeaea;margin-top:2em;padding-top:2em;}
#npost .anav{width:calc(100% - 14em);line-height:2em;}

/*back*/
.back a{background-color:#db251c;color:#fff;display:block;width:11.25em;height:3em;text-align:center;line-height:3em;border-radius:3px;}

/*btop*/
.btop{margin-bottom:1.25em;position:relative;align-items:center;border-bottom:1px solid #eee;padding-bottom:1.25em;}
.btop .name{font-size:1.5em;line-height:1.25em;font-weight:normal;padding-left:0.83333333em;position:relative;}
.btop .name:before{width:0.20833333em;background-color:#db241a;position:absolute;left:0;height:1em;display:block;content:'';border-radius:0.10416667em;top:0.16666667em;}
.bintro{padding:1.5em 0;color:#666;}

/*categories*/
.categories .item{width:48%;padding:2% 0;}
.categories .thumbnail{width:45%;}
.categories .text{width:50%;}
.categories .name{font-weight:normal;font-size:1.5em;line-height:2em;position:relative;margin-bottom:1em;}
.categories .name:after{width:4.5em;height:0.16666667em;background-image:linear-gradient(90deg,#db241a,transparent);position:absolute;left:0;bottom:0;display:block;content:'';opacity:0.5;}
.categories li{width:48%;}
.categories li a{position:relative;padding-left:1em;}
.categories li a:before{width:0.1875em;background-color:#db241a;height:0.1875em;display:block;content:'';position:absolute;left:0;border-radius:50%;top:0.5625em;}
.categories li a:hover{color:#db241a;}

/*products*/
.products{margin-bottom:2em;}
.products ul{width:102.5%;}
.products li{width:25%;padding:1.2195122% 2.43902439% 1.2195122% 0;}
.products .title{font-size:1.125em;line-height:1.875em;font-weight:normal;text-align:center;padding:1em 1.5em;}
.products .info{position:relative;display:block;overflow:hidden;border:1px solid #f9f9f9;transition:all 0.2s;}
.products .info:hover{box-shadow:0px 0px 2em rgba(0,0,0,0.05);border-color:transparent;}

/*box_list*/
.boxlist{overflow:hidden;width:102.5%;}
.boxitem{width:25%;padding:0 2.43902439% 2.43902439% 0;margin-bottom:1em;}
.boxitem .text{padding:1.5em 1.5em 2em;position:relative;}
.boxitem .title{font-size:1.125em;line-height:1.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0.5em;}
.boxitem .excerpt{color:#555;line-height:1.875em;height:5.625em;-webkit-line-clamp:3;}
.boxitem .more{font-size:0.875em;position:absolute;left:50%;transform:translateX(-50%);border:1px solid #eaeaea;transition:all 0.2s ease 0s;padding:0 1.5em;display:flex;align-items:center;justify-content:center;height:2.25em;line-height:2.25em;bottom:-1.125em;background-color:#fff;color:#555;}
.boxitem .more i{margin-left:0.25em;}
.boxitem a{display:block;border:1px solid #eaeaea;position:relative;transition:all 0.2s ease 0s;}
.boxitem a:hover{border-color:#db241a;color:#db241a;}
.boxitem a:hover img{transform:scale(1.1,1.1);}
.boxitem a:hover .more{border-color:#db241a;background-color:#db241a;color:#fff;}

/*pagenavi*/
.pagenavi{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;}
.pagenavi a,.pagenavi span.now-page{display:block;border:1px solid #ebebeb;padding:0 0.2em;margin:0.3125em;color:#555;transition:all 0.2s ease 0s;height:2.6875em;line-height:2.6875em;min-width:2.6875em;}
.pagenavi a:hover,.pagenavi span.now-page{background-color:#db241a;border-color:#db241a;color:#fff;}

/*pcolumn*/
#pcolumn .swiper{overflow:visible;}
#pcolumn .swiper-slide{height:auto;}
#pcolumn .text{padding:1.5em 0;}
#pcolumn .title{font-weight:500;font-size:1.25em;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pcolumn .intro{color:#666;line-height:2em;max-height:4em;-webkit-line-clamp:2;margin-top:0.5em;}
#pcolumn .info{position:relative;display:block;overflow:hidden;height:100%;}
#pcolumn .info:before,#pcolumn .info:after{display:block;content:'';height:0.3125em;border-radius:0.15625em;transition:all 0.3s ease 0s;background-color:#024890;}
#pcolumn .info:after{width:100%;background-color:#eee;}
#pcolumn .info:before{width:0;position:absolute;left:0;bottom:0;}
#pcolumn .info:hover img{transform:scale(1.05);}
#pcolumn .info:hover:before{width:100%;}

/*homepro*/
#pnewest ul{width:102.1875%;margin-bottom:1em;}
#pnewest li{width:25%;padding:0 2.14067278% 2.14067278% 0;}
#pnewest li a{display:block;position:relative;height:100%;background-color:#f9f9f9;padding:0.5em;}
#pnewest .pic{padding:0.5em;background-color:#fff;}
#pnewest .title{font-size:1em;line-height:2em;padding:0.5em 1em 0.35em;font-weight:normal;text-align:center;}
#pnewest li a:hover img{transform: scale(1.05);}

/*news*/
#news{padding:0;}
#news .hgroup{background-color:#024890;color:#fff;position:relative;width:17%;align-items:center;justify-content:center;padding:2em 1em;flex-direction:column;border-radius:0 1em 1em 0;}
#news .hname{margin-bottom:0;}
#news .hname:after{display:none;}
#news .alias{text-transform:uppercase;font-size:1.5em;line-height:1.35em;font-weight:normal;margin-top:0.25em;}
#news .box{width:83%;padding:4% 10em 4% 4%;}
#news ul{overflow:hidden;}
#news .first{width:34.375em;float:left;background-color:#fff;}
#news .first .text{padding:1.5em 2em;}
#news .first a{display:block;overflow:hidden;}
#news .first a:hover img {transform: scale(1.05);}
#news .title{font-size:1.125em;line-height:1.875em;margin-bottom:0.25em;}
#news .intro{color:#666;height:3.75em;-webkit-line-clamp:2;}
#news .list{width:calc(100% - 37.5em);float:right;border-bottom:1px solid #eee;padding-bottom:0.9375em;margin-bottom:0.9375em;}
#news .list:last-child{margin-bottom:0;}
#news .list time{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);color:#888;font-size:0.875em;line-height:1.5em;}
#news .list a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;position:relative;padding-right:5.3125em;}
#news .more{justify-content:flex-end;}

/*more*/
.more{display:flex;}
.more a{color:#024890;display:block;}
.more.center{justify-content:center;}

/*about*/
#about .inner{align-items:center;}
#about .thumbnail{width:40%;border-radius:1em;}
#about .thumbnail:hover img {transform: scale(1.05);}
#about .text{width:55%;}
#about .intro{font-size:1.125em;line-height:2em;color:#333;margin-bottom:1.5em;}

/*contact*/
#contact .inner{flex-direction:row-reverse;}
#contact .text{width:45%;}
#contact .meta{margin-bottom:2em;}
#contact .meta li{padding:0.8333em 0;font-size:1.125em;border-bottom:1px solid #eee;color:#353535;position:relative;}
#contact .qrcode li{width:47.5%;text-align:center;max-width:9.375em;margin-right:3%;}
#contact .qrcode li:last-child{margin-right:0;}
#contact .qrcode img{display:block;width:100%;height:auto;padding:0.25em;background-color:#efefef;}
#contact .qrcode figcaption{display:block;margin-top:0.25em;}
#contact .map{width:50%;position:relative;border-radius:1em;overflow:hidden;}
#contact .map img{display:block;width:100%;height:auto;transition:all 0.3s;}
#contact .map:hover img {transform: scale(1.05);}

/*footer*/
#footer{background-color:#1e1e1e;color:#fff;}
#footer a{color:#fff;}

/*menu*/
#menu{width:calc(100% - 5rem);padding:3em 0;}
#menu li{color:#ededed;font-size:1.125em;line-height:1.5em;}
#menu li ul{margin-top:0.5em;}
#menu li li{font-size:0.88888889em;line-height:2em;}
#menu li li a{color:#9f9f9f;}

/*copyright*/
#copyright{border-top:1px solid #414141;padding:1.5em 0;color:#555;text-align:center;font-size:0.75em;width:100%;}
#copyright a{color:#555;}

/*links*/
#links{width:100%;color:#555;font-size:0.875em;line-height:1.75em;padding:1.5em 0;}
#links ul{width:calc(100% - 5.4em);}
#links li{margin-right:1em;}
#links li:last-child{margin-right:0;}
#links a{color:#555;}
#links a:hover{color:#fff;}
#links span{display:block;}

/*infor*/
#infor{width:3.5rem;padding:3em 0;}
#infor .logo{margin-bottom:1.5em;}
#infor .logo img{display:block;width:80%;height:auto;}
#infor .meta{color:rgba(255,255,255,0.9);text-transform:uppercase;line-height:2em;}

/*tool*/
#tool{position:fixed;top:50%;transform:translateY(-50%);right:1em;z-index:9;}
#tool li{margin-bottom:1px;position:relative;}
#tool a{display:flex;align-items:center;justify-content:center;width:2.5em;height:2.5em;background-color:#024890;color:#fff;font-size:1.25em;}
#tool .ri{font-size:1.5em;}
#tool .drop{position:absolute;top:50%;transform:translateY(-50%);right:100%;margin-right:2.5em;background-color:#f9f9f9;box-shadow:0px 0px 1em rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:all 0.3s;}
#tool .drop:after{position:absolute;left:100%;top:50%;transform:translateY(-50%);border-left:0.5em solid #f9f9f9;border-top:0.4em solid transparent;border-bottom:0.4em solid transparent;display:block;content:'';}
#tool .num{padding:1em 1.5em;white-space:nowrap;font-weight:bold;color:#007cc3;border-radius:0.25em;}
#tool .num span{font-size:1.5em;}
#tool .qr{padding:2px;width:8.125em;}
#tool img{display:block;width:100%;height:auto;}
#tool .active .drop{visibility:visible;opacity:1;margin-right:1em;}

/*bxname*/
.bxname{font-size:1.25em;line-height:1.25em;position:relative;padding-left:1em;margin-bottom:1em;}
.bxname:before{width:0.15em;height:1em;background-color:#db241a;display:block;content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:0.075em;}
.bxtips{font-size:0.875em;line-height:2em;color:#888;margin-bottom:1.5em;}

/*commentslist*/
#commentslist{overflow:hidden;margin-top:2em;}
#commentslist .bxname{margin-bottom:0;}
#commentslist li{position:relative;padding:1.5em 0;border-bottom:1px dashed rgba(133,153,171,0.35);overflow:hidden;}
#commentslist .avatar{float:left;padding:2px 0;}
#commentslist .avatar img{width:2.5em;height:2.5em;display:block;border-radius:50%;}
#commentslist .info{margin-left:3.4375em;overflow:hidden;}
#commentslist .date{overflow:hidden;font-size:0.75em;line-height:1.35em;color:#666;margin-bottom:10px;}
#commentslist .date span{display:block;}
#commentslist .date a{color:#666;}
#commentslist .date a:hover{text-decoration:underline;}
#commentslist .name{font-size:1em;font-weight:bold;line-height:1.5em;color:#172b4c;margin-bottom:0.3125em;}
#commentslist .text{font-size:0.875em;line-height:1.75em;color:#666;}
#commentslist .text li{margin-left:0;}
#commentslist li li{margin:1em 0 0.3125em 3.4375em;background-color:#f9f9f9;padding:1em;border-bottom:none;}
#commentslist li li li{margin:0.625em 0.625em 0.3125em;background-color:#fff;border:1px solid rgba(133,153,171,0.2);}
#commentslist #pagenavi{padding:0;}
.reply-frm{margin-top:1.5em;}

/*comment*/
#comment{margin-top:2em;}
#divCommentPost{position:relative;overflow:hidden;}
#divCommentPost .item{margin-bottom:2%;position:relative;}
#divCommentPost label{display:block;margin-bottom:0.25em;}
#divCommentPost label i{font-style:normal;color:#f00;font-size:12px;margin-left:0.5em;}
#divCommentPost .input{overflow:hidden;position:relative;}
#divCommentPost .text{font-size:0.875em;width:100%;display:block;border:none;color:#555;height:3.28571429em;line-height:2em;padding:0.64285714em 1em;border:1px solid rgba(133,153,171,0.2);border-radius:4px;}
#divCommentPost textarea.text{height:10em;resize:vertical;}
#divCommentPost .inp{justify-content:space-between;}
#divCommentPost .inp .item{width:31.333%;}
#divCommentPost .verify .text{padding-right:8.4286em;}
#divCommentPost .verify img{display:block;cursor:pointer;height:2.25em;width:auto;position:absolute;right:0.3125em;top:50%;transform:translateY(-50%);border-radius:0.25em;}
#divCommentPost .button{overflow:hidden;justify-content:flex-end;}
#divCommentPost .submit{background-color:#024890;border:none;height:3em;color:#fff;font-weight:bold;border-radius:0.25em;cursor:pointer;display:block;padding:0 2em;margin:0 0.5em;}
#divCommentPost #cancel-reply{color:#999;line-height:3em;display:none;background-color:#f9f9f9;text-align:center;}
@media only screen and (max-width:1280px){

  /*banner*/
  body{font-size:14px;}

  /*1280px*/
  #logo{width:14em;}

  /*1280px*/
  #slides .text{font-size:4.375vw;}

  /*1280px*/
  #infor{width:5rem;}

  /*1280px*/
  #menu{width:calc(100% - 6rem);}

  /*1280px*/
  #news .box{padding:3.125%;}
  #news .first{width:30.5em;}
  #news .list{width:calc(100% - 33.5em);padding-bottom:0.75em;margin-bottom:0.75em;}

  /*1280px*/
  #newstop .thumbnail{width:22em;}
  #newstop .text{width:calc(100% - 22em);}

  /*1280px*/
  #aside{width:23.33333333%;}

  /*1280px*/
  #main{width:76.66666667%;}
}
@media only screen and (max-width:1024px){

  /*1024px*/
  .header .inner{align-items:center;padding:1.25em 0;}

  /*1024px*/
  #logo{padding:0;}

  /*1024px*/
  #meta{width:auto;}

  /*1024px*/
  #topbtn{font-size:1.71428571em;align-items:center;}
  #topbtn span .ri{font-size:1.25em;}
  #topbtn .sbtn{padding:0;}
  #topbtn .bar{position:static;}
  #topbtn .bar .txt{display:none;}
  #topbtn .btn{margin-left:1.5625em;}
  #topbtn .nbtn{display:block;}

  /*1024px*/
  #search{font-size:1.25em;}

  /*1024px*/
  #navi{position:fixed;width:100%;height:calc(100% - 5.96428571em);background-color:rgba(255,255,255,0.5);z-index:9;left:0;top:5.96428571em;padding:0;display:none;}
  #navi .parent{position:absolute;right:0;top:0;width:80%;max-width:25em;background-color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;display:block;padding:3em;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05em 1em rgba(0,0,0,0.1);}
  #navi.active .parent{transform:translateX(0);}
  #navi em{display:block;position:absolute;right:-2em;width:3.55132063em;height:3.55132063em;z-index:2;top:0;cursor:pointer;margin-left:0;}
  #navi em:after{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);position:absolute;width:0.5em;height:0.5em;transition:all 0.3s;border-right:1px solid #333;border-bottom:1px solid #333;content:'';display:block;}
  #navi em.open:after{transform:translate(-50%,-50%) rotate(45deg);}
  #navi li ul{position:static;left:auto;top:auto;padding:1em 0 0;width:auto;text-align:left;visibility:visible;opacity:1;transition:none;display:none;}
  #navi li li{margin-left:2em;padding:0.5em 0;font-size:1em;}
  #navi li a{padding:0;color:#555;}

  /*1024px*/
  #pcolumn .item{width:50%;}

  /*1024px*/
  #menu{display:none;}

  /*1024px*/
  #infor{display:flex;justify-content:space-between;align-items:flex-end;width:100%;}
  #infor .text{width:45%;}
  #infor .meta{margin-bottom:0;}

  /*1024px*/
  #about .thumbnail{width:100%;margin-bottom:2em;}
  #about .text{width:100%;}
  #about .hname{margin-bottom:0.875em;}

  /*1024px*/
  #pnewest li{width:50%;}

  /*1024px*/
  #news .hgroup{width:100%;border-radius:0 0 1em 1em;}
  #news .box{width:100%;}
  #news .first{width:25em;}
  #news .list{width:calc(100% - 27em);padding-bottom:0.5em;margin-bottom:0.5em;}

  /*1024px*/
  #contact .map{width:100%;margin-bottom:5%;}
  #contact .text{width:100%;}
  #contact .qrcode ul{justify-content:center;}

  /*1024px*/
  #aside{width:100%;margin-bottom:0.5em;}

  /*1024px*/
  .widget{display:none;}

  /*1024px*/
  .divMenu{display:block;}
  .divMenu .hgroup{border-top-left-radius:0;cursor:pointer;}
  .divMenu .hgroup:after{position:absolute;top:50%;width:0.5em;height:0.5em;border-right:0.02rem solid #fff;border-bottom:0.02rem solid #fff;transform:translateY(-70%) rotate(45deg);right:1.25em;display:block;content:'';z-index:5;}
  .divMenu ul{display:none;}

  /*1024px*/
  #main{width:100%;padding-left:0;}

  /*1024px*/
  .boxitem{width:50%;}

  /*1024px*/
  .products li{width:50%;}

  /*1024px*/
  .categories .item{width:100%;}
  .categories .thumbnail{width:35%;}
  .categories .text{width:58%;}

  /*1024px*/
  .proimg{width:100%;margin-bottom:5%;}

  /*1024px*/
  .proinfo{width:100%;}
  .proinfo .box{max-width:none;}
}
@media only screen and (max-width:750px){

  /*750px*/
  body{font-size:3.73333333vw;}

  /*750px*/
  .header .inner{padding:1em 0;position:static;}

  /*750px*/
  #logo{width:11em;}

  /*750px*/
  #topbtn{font-size:1.35em;}
  #topbtn .btn,#topbtn span{margin-left:1em;}

  /*750px*/
  #search{width:100%;max-width:none;}

  /*750px*/
  #navi{top:4.7em;height:calc(100% - 4.7em);}

  /*750px*/
  .swiper-arrows .arrow:after{font-size:1.5em;}

  /*750px*/
  #slides a{height:100vw;}
  #slides .text{font-size:2.28571429em;}
  #slides .arrow{display:none;}

  /*750px*/
  .hbox{padding:3em 0;}

  /*750px*/
  .hname{font-size:2em;margin-bottom:1.25em;}

  /*750px*/
  #pcolumn .item{width:100%;padding-bottom:2em;}

  /*750px*/
  #pnewest li{width:100%;padding-bottom:2em;}

  /*750px*/
  #news .alias{font-size:1em;}
  #news .box{padding:2em 3.125%;}
  #news .first{width:100%;margin-bottom:1.5em;}
  #news .list{width:100%;padding-bottom:0.65em;margin-bottom:0.65em;}

  /*750px*/
  #contact .hname{margin-bottom:0.75em;}

  /*750px*/
  #about .intro{font-size:1em;}

  /*750px*/
  #banner{padding-bottom:50%;}

  /*750px*/
  .pagenavi{font-size:14px;}

  /*750px*/
  #newslist li a{display:block;}
  #newslist .date{display:block;width:100%;margin-bottom:0.25em;border-right:none;font-size:0.875em;}
  #newslist .title{display:block;padding-left:0;font-size:1.125em;}

  /*750px*/
  #newstop .thumbnail{width:100%;}
  #newstop .text{width:100%;padding:1.5em 1.5em 3.5em;}
  #newstop .title{margin-bottom:0.5em;}
  #newstop .swiper-pagination{right:0;bottom:1.5em;justify-content:center;width:100%;}
  #news .more{justify-content:center;margin-top:2em;}

  /*750px*/
  .boxlist{width:100%;}

  /*750px*/
  .boxitem{width:100%;padding-right:0;padding-bottom:2em;}

  /*750px*/
  .blogitem .title{font-size:1.25em;}

  /*750px*/
  #infor{flex-direction:column;padding-bottom:1.5em;}
  #infor .text{width:auto;}

  /*750px*/
  .bintro{padding:0.5em 0;margin-bottom:1em;}

  /*750px*/
  .products li{width:100%;padding-top:0.5em;padding-bottom:0.5em;}

  /*750px*/
  .categories .item{padding-top:1em;padding-bottom:1em;}
  .categories .thumbnail{width:100%;margin-bottom:1em;}
  .categories .text{width:100%;}

  /*750px*/
  #npost .title{margin-bottom:0.5em;}
  #npost .meta{font-size:0.875em;margin-bottom:1em;}
  #npost .meta span{padding:0 0.75em;}
  #npost .other{flex-direction:column;margin-top:1em;padding-top:1em;}
  #npost .anav{width:100%;margin-bottom:2em;}

  /*750px*/
  #singlepage .title{margin-bottom:0.25em;}

  /*750px*/
  #tool{display:none;}

  /*750px*/
  .protab ul{justify-content:space-between;}
  .protab li{padding:0 1.5em;margin-right:0;}

  /*750px*/
  .popup .info{padding:2em;}

  /*750px*/
  .proform .label{float:none;height:auto;line-height:1.5em;margin-bottom:0.5em;}
  .proform .input{margin-left:0;}
  .proform .btn{margin-top:1em;}

  /*750px*/
  #filepost .title{font-size:1.5em;}
  #filepost .icon,#filepost .btn{font-size:0.5em;}

  /*750px*/
  #divCommentPost .item{margin-bottom:0.5em;}
  #divCommentPost .inp .item{width:100%;}
  #divCommentPost .submit{width:100%;margin:0.2em 0;}

  /*750px*/
  #copyright{flex-direction:column;align-items:center;justify-content:center;}
}