@charset "utf-8";
a,abbr,acronym,address,applet,article,aside,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;font:inherit;font-size:99%;vertical-align:baseline}
html{line-height:1.15rem;}
body{position:relative;font: normal 14px "microsoft yahei ui", "microsoft yahei", sans-serif;line-height:1.4rem;color:#333;background:#fafafb;font-family: open sans,Helvetica,Arial,sans-serif;}
dd,dl,dt,li,ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
:focus{outline:0}
a{text-decoration:none;color:#333;white-space:nowrap;}
a:hover{opacity:.8}
button,input,select{vertical-align:middle;padding:0;margin:0}
form{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
input{outline:0;border-radius:0;box-shadow:0 0;border:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
.clearfix{*zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
img{border:0;}
.fl{float:left}
.fr{float:right}
input:-moz-placeholder{color:#999}
input::-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}
input::-webkit-input-placeholder{color:#999}
/*wrap*/
.hidden{display: none;}
.text-center{text-align: center;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap{width:100%;padding:0;min-width:375px;min-height:600px;}

/*common*/
.content{max-width:1180px;margin:0 auto;min-height:600px;}
.section-box{clear:both;}
.title-h1{font-size:20px;padding: 10px;}
.title-h2{font-size:14px;line-height:18px;}
.box-body{padding: 0 0px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.font-bold{font-weight: bold;}

/*header*/
.header{position:fixed;top:0;left:0;background:#393D49;color:#fff;width:100%;z-index:100}
.header-box{max-width:1160px;height:60px;line-height:60px;margin:0 auto;display:flex;}
.header-c{padding-top:60px;display: block;}
.logo{display:inline-block;}
.logo img{margin:14px 0 0;}
.header-nav{display:inline-block;font-size:14px;padding:0 0 0 20px}
.header-nav a{color:#fff;margin:0 10px;}

/*header search*/
.header-search{display:inline-block;flex:1 1 25%;margin:0 20px;position:relative}
.header-search .search-input{background:#fff;border:0;border-radius:3px;color:#0b2239;vertical-align:top;font-size:14px;width:100%;height:36px;line-height:36px;margin:12px 0 8px;padding:0 12px;-moz-appearance:none;-webkit-appearance:none;box-sizing: border-box;}
.header-search .search-input:focus{background:#fff;color:#0b2239;border:0}
.header-search .search-button{position:absolute;height:22px;width:22px;top:0;border-radius:3px;right:0;margin:20px 8px;border:0;background:#fff url("../data/icon-search1.png") no-repeat 0 0;background-size:20px;cursor:pointer;display:inline;}
.header-search .search-button:hover{opacity:.5}

/*home search*/
.home-search-box{background:#393D49;margin:0 auto;padding:28px 0 40px;text-align:center;}
.home-search{text-align:center;width:100%;margin:0 0 10px;border-radius: 5px;}
.icon-search{width:22px;height:22px;display:inline-block;background:url("../data/icon-search.png") no-repeat;vertical-align:middle;}
.home-top-h1{font-size:28px;color:#fff;}
.home-top-p{font-size:16px;line-height:18px;padding-top:20px;color:#fff;}
.home-search{margin:28px auto 10px;max-width:580px;background:#f5f5f5;padding:5px 100px 5px 45px;position:relative;}
.home-search-input{width:100%;height:40px;background:#f5f5f5;}
.home-search-i{display:block;width:30px;height:30px;background:url(../data/icon-search1.png) no-repeat;background-size:cover;position:absolute;left:10px;top:10px}
.home-search-btn{cursor:pointer;display:block;position:absolute;right:5px;top:5px;width:80px;text-align:center;line-height:40px;height:40px;border:none;border-radius:5px;color:#fff;background:#ea4918;}
.home-search-btn:hover{opacity:.8}

/*footer*/
.footer{width: 100%;margin-top:40px;background:#393D49;}
.footer-box{width:100%;margin:0 auto;padding:20px 0;color:#8a8a8a;border-top:#eee 1px solid;}
.footer-item{text-align: center;width: 100%;padding:10px 0;}
.footer-item span,.footer-item a{text-align: center;padding:0 14px;color: #fff;}
.footer-item a:hover{text-decoration: underline;}

/*icons*/
.icons{display:inline-block;height:20px;width:20px;position:relative;background-size:cover;vertical-align: middle;}
.icon-report{background:url("../data/icon-report.png") no-repeat;margin-right:2px;}

/*bread box*/
.bread-box{padding:10px;color:#666;font-size: 14px;}
.bread-box a,.bread-box span{margin-right:5px;color:#666;}
.bread-box h1,.bread-box em{color:#666;font-size:14px;display: inline-block;}
/*tag list*/
.tag-list a{display:inline-block;width:10%;color:#007aa6;margin-top:15px}
.tag-list a:hover{opacity:.8}

/*png tag list*/
.png-tag-list{padding: 0 10px 0 0;}
.png-tag-list a{display:inline-block;height:30px;line-height:28px;padding:0 10px;margin-top:5px;margin-right:5px;border:1px solid #ddd;color:#999;background:#fff;}
.png-tag-list a:hover{background:#f7f7f7;color:#333}

/*tab-box*/
.tab-box{ padding:20px;margin:10px 0;}
.tab-nav li{ float:left; margin-right:30px; font-size:16px; color:#666; cursor:pointer;}
.tab-nav .on{color:#C20C0C;}
.tab-list{padding-top:10px; width:100%;height:128px; overflow: hidden;}
.tab-list li{float:left; margin-right:20px; line-height:30px;}
.tab-list li a{color:#999}
.tab-list li a:hover{color:#C20C0C}

/*img list*/
.grid{}
.list-ul{clear: both;}
.list-ul-cat{clear: both;}
.list-ul li{display:inline-block;width:24.666%;float: left}
.list-ul-cat li{display:inline-block;width:24.666%;float: left}
.list-box{margin:10px;padding:10px;border:1px solid #eee;box-shadow:0 2px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);-moz-box-shadow:0 2px 10px rgba(0,0,0,.2);background:#fff;}
.list-img{display:block;width:100%;height:100%;text-align:center;overflow:hidden;position:relative}
.list-img img{display: block;margin: auto;max-height: 155px;object-fit: cover;}
.list-msg{height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;text-align: center;}
.list-img-bg{display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:#202121;opacity:0;z-index:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.list-box:hover{opacity:.8;}
.list-hover-link{display:none;position:absolute;width:60px;height:60px;border-radius:100%;background:#fff;top:50%;left:50%;margin-top:-30px;margin-left:-30px;text-align:center;z-index:3}
.list-hover-link i{display:inline-block;height:30px;width:30px;margin-top:14px;background:url(../data/icon-down-img.png) no-repeat;background-size:cover}
.list-img:hover .list-hover-link{display:block}

/*png detail*/
.png-detail{clear:both;padding:0 10px 10px;}
.png-main{float:left;width:748px;padding:10px 20px 20px;background:#fff;border:1px solid #efefef;height: 470px;}
.png-info{float:right;width:350px;border:1px solid #efefef;}

.png-img-title{padding:0 0 10px;}
.png-img-format{background:#326ce5;font-size:12px;padding:0 3px;border-radius:2px;color:#fff;margin-right:5px;}
.png-img-border{position:relative}
.png-img-bg{width:100%;min-height:100px;text-align: center;display: flex;justify-content: center;height: 404px;}
.png-img-bg img{margin: auto;max-height: 360px;max-width: 100%;}
.png-img-bg a:hover{opacity: 1;}
.png-img-introduce{padding-top:0px;}
.png-img-introduce,.png-license-msg{font-size:13px;line-height:23px;color:#999;}
.png-img-introduce span,.png-license-msg span{color:#666;}
.png-license-msg a{color:#005FB9}

.png-attr{background:#fff;padding:20px;height: 460px;}
.png-download-btn{display:inline-block;height:48px;line-height:48px;width:160px;font-weight:400;text-align:center;background-color:#ea4918;color:#fff;font-size:14px;border-radius:3px;text-transform:capitalize;box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 6px rgba(0,0,0,.12)}
.png-download-btn i{display:inline-block;height:18px;width:18px;position:relative;top:4px;background:url(../data/icon-down.png) no-repeat;background-size:cover;margin-right:10px;}
.png-download-btn:hover{opacity:.8;color:#fff;}
.png-report-btn{color:#999;margin: 15px 0 0 40px;}
.png-report-btn:hover{opacity:.8;}
.png-ul-msg{margin-top:10px}
.png-ul-msg li{padding:5px 0 ;color:#999}
.png-ul-msg li span{margin-right:10px;color:#666}

/*pagination*/
.pagination{text-align:center}
.pagination a{height:32px;line-height:32px;padding:0 12px;text-align:center;margin-top:40px;font-size:16px;color:#414141;border:1px solid #d9d9d9;display:inline-block;margin-right:14px;background:#fff;border-radius:5px;}
.pagination .page-active,.pagination a:hover{color:#fff;background:#393d49}
.pagination .page-more{background:0 0;border:none;cursor:default;padding:0;}
.pagination .page-more:hover{background:0 0;border:none;color:#414141}

/*download box*/
.down-box{padding:40px;color:#666;background:#fff;border:1px solid #efefef;}
.down-box dl{min-height:280px;}
.down-box dt{float:left; margin-right:40px;width:160px;min-height:180px;}
.down-box dt a{ display:block;width:160px;height:160px;overflow:hidden;}
.down-box dt a img{width:100%;}
.down-box dd{float:left;}
.down-box dd h1{font-size:22px;}
.down-box dd .down-msg{padding:10px 0; margin-top: 20px;color:#ff552e;font-size:18px;}
.down-box dd .attrs{font-size:12px; color:#999;margin-top: 18px;}
.down-box dd .attrs span{ margin-right:20px;}
.down-box .down-link{padding:20px 0 0; display: none;}
.down-box .down-link span{padding:10px;margin-top:10px;border:#c2c2c2 1px dashed;display: block;}
.down-box .down-link a{white-space: normal;}
.down-box .down-again{color:#00ABE5;}
.down-box .down-verify{display: none;}

/*not found*/
.not-found{ margin:0 auto; padding:150px 0 200px;text-align: center;}
.not-found .not-img{width:480px;height:418px;margin:10px auto;background:url("../data/404.png") no-repeat center center;}
.not-found .not-msg{margin:20px auto 40px;}
.not-found .not-msg p{color:#666; margin-top: 20px;font-size:20px;}

/*service*/
.site-service{background:#fff;padding:30px;margin:0 10px;}
.site-title{ margin:10px 0 20px;}
.site-title fieldset{border: none; padding: 0; border-top: 1px solid #eee;}
.site-title fieldset legend{margin:0 auto;padding: 0 10px;font-size:22px; font-weight:300;}
.site-text{min-height:880px;}
.site-text p{font-size:14px;line-height:32px;color:#666}
.service-title1{font-size:22px;font-weight: bold;}
.service-title2{font-size:18px;font-weight: bold;}

/*form*/
.form{width:100%;max-width:518px;margin:0 auto;padding:10px 0 20px;}
.input-inline{width:100%;margin-bottom:20px;position:relative;line-height:40px;}
.input-inline label{}
.input-inline input[type="text"],.input-inline textarea{width:90%;height: 40px;padding:0 10px;display:block;border: 1px solid #e6e6e6;border-radius: 4px;outline: 0;}
.input-inline textarea{height: 120px;}
.input-inline input[type="radio"]{margin-right:5px;}
.input-inline input.verify-code{width:130px; float:left;}
.input-inline input.verify-email{width:130px; float:left;}
.input-inline .verify-img{ float:left;margin-left:10px;border: 1px solid #ddd;border-radius: 4px;height: 40px;width:116px; overflow:hidden;text-align: center;}
.input-radio label{display: block; line-height:30px;}

/*button*/
.btn{padding:10px 18px;border-radius:4px; display:block; font-size:16px; text-align:center;border: none; cursor:pointer;}
.btn:hover{opacity:0.8;}
.btn-email-verify{background:#fbfbfb;float:left;margin-left:10px;border: 1px solid #ddd;border-radius: 4px;height:40px;width:116px; overflow:hidden;text-align: center;}
.btn-login{width:100px;line-height:40px;background-color:#479ff6; color:#FFF;}
.btn-radius{display:inline-block;padding:8px 20px;text-align:center;font-size:14px;border-radius:40px;text-transform:capitalize;box-shadow:0 1px 6px rgba(0,0,0,.12),0 1px 6px rgba(0,0,0,.12)}
.btn-red{background-color:#ea4918;color:#fff;}
.btn-green{background-color:#3dbb2b;color:#fff;}
.btn-blue{background-color:#3dbb2b;color:#fff;}

/*popup*/
[class*='edbox']{box-sizing:border-box}
.edbox{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}
.edbox{-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0.5)}
.edbox .edbox-close{transition:.35s;cursor:pointer}
.edbox .edbox-close:before{display:block;transform:rotate(45deg);line-height:0.5;font-size:30px;content:'+'}
.edbox .edbox-load{width:40px;height:40px;background:url("../data/loading.svg") center no-repeat #fff;background-size:40px}
.edbox .edbox-body{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative;max-width:calc(100% - 60px);max-height:calc(100% - 60px)}
.edbox .edbox-body .edbox-close{position:absolute;top:5px;right:5px;color:#000}
.edbox .edbox-body .edbox-header,.edbox .edbox-body .edbox-footer{padding:10px;width:100%;background:#eee}
.edbox .edbox-body .edbox-header{padding-right:40px}
.edbox .edbox-body .edbox-header .edbox-close{top:10px;right:10px;color:#000}
.edbox .edbox-body .edbox-content{overflow:auto}
.edbox .edbox-body .edbox-content .edbox-target{display:block !important}
.edbox .edbox-body .edbox-content > img{display:block}
.edbox.edbox-scroll-y-true .edbox-body,.edbox.edbox-scroll-y-true .edbox-body .edbox-content{height:100%}
.edbox.edbox-scroll-y-true .edbox-body > .edbox-close{right:22px}
.edbox.edbox-close-false .edbox-close{display:none}
.edbox.edbox-alert .edbox-alert-container{display:-ms-flexbox;display:flex;padding:15px;border:1px solid;color:#fff}
.edbox.edbox-alert .edbox-alert-container .edbox-close{margin-left:15px;color:#fff}
.edbox.edbox-alert.edbox-alert-success .edbox-alert-container{border-color:#2f8d59;background:mediumseagreen}
.edbox.edbox-alert.edbox-alert-info .edbox-alert-container{border-color:#38678f;background:steelblue}
.edbox.edbox-alert.edbox-alert-warning .edbox-alert-container{border-color:#cc8400;background:orange}
.edbox.edbox-alert.edbox-alert-danger .edbox-alert-container{border-color:#ff3814;background:tomato}
.edbox .edbox-animate-open,.edbox .edbox-animate-close{animation-duration:.35s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}
.edbox .edbox-animate-open{animation-name:edbox-animate-open}
.edbox .edbox-animate-close{animation-name:edbox-animate-close}
.edbox-temp{display:none}
@keyframes edbox-animate-open{from{transform:translateY(-20px);opacity:0} to{opacity:1} }
@keyframes edbox-animate-close{from{opacity:1} to{transform:translateY(20px);opacity:0} }

/*ADS*/
#ads-w{overflow: hidden;margin:0 auto 10px;}
#ads-h{overflow: hidden;margin:0 auto 10px;}
#ads-s{overflow: hidden;margin:0 auto 10px;}

/*other screen*/
@media screen and (max-width: 1201px) {
    .header .header-box{max-width: none;}
    .footer-box{max-width:1000px;}
}

@media screen and (max-width: 1080px) {
    .logo img{margin-left: 10px;}
    .list-ul li{width:25%;}
    .search-box .search-input{width:520px;}
    .footer-box{max-width:98%}
    .png-detail .png-main{float: none;width:100%;box-sizing:border-box;}
    .png-detail .png-info{float: none;width:100%;box-sizing:border-box;margin:10px 0}
    .down-box dt{float: none;width:100%;box-sizing:border-box;}
    .down-box dd{float: none;width:100%;box-sizing:border-box;}
    .down-box dd h1{font-size: 14px;line-height: 22px;}
}

@media screen and (max-width: 660px) {
    .logo img{margin-left: 10px;}
    .list-ul li{width:50%;}
    .home-search{width:30%;}
    .search-box .search-input{width:200px;}
    .png-detail .png-main{float: none;width:100%;box-sizing:border-box;height: 542px;}
    .png-detail .png-info{float: none;width:100%;box-sizing:border-box;margin:10px 0}
    .header .header-nav{display: none;}
    .tab-box{display: none;}
    .png-tag-list a:nth-child(n + 6){display: none;}
    .footer-box{max-width:98%}
    .home-top-h1{font-size:20px}
    .home-top-p{font-size:14px;}
    .down-box dt{float: none;width:100%;box-sizing:border-box;}
    .down-box dd{float: none;width:100%;box-sizing:border-box;}
    .down-box dd h1{font-size: 14px;line-height: 22px;}
}