/* ----------------------------
Latest		: 2019-01-03
Version		: v2.0
Author		: WF
---------------------------- */ 







/* css-sprite */
.icon-logo,
.icon-down,
.icon-filetype-ppt,
.icon-liebiao-plus,
.icon-nav-search .input-button,
.icon-qrcode,
.icon-ppt,
.icon-qq,
.icon-search .input-button
{ display:inline-block; background: url('css-sprite.png') no-repeat; overflow: hidden; }


.nav .icon-logo{background-position: 0 -64px; width: 125px; height: 28px;}
.nav-scroll .icon-logo{background-position: 0 -32px;}
.icon-down {
	background-position: 0 0;
	width: 23px;
	height: 20px;
	/* Custom Blow */
	vertical-align: sub;
	margin-right: 12px;
}

.icon-filetype-ppt {
	background-position: 0 -224px;
	width: 60px;
	height: 60px;
	/* Custom Blow */
	float:left;
}

.icon-ppt {
	background-position: -128px 0;
	width: 30px;
	height: 30px;
	/* Custom Blow */
	vertical-align: bottom;
	margin-right: 10px;
}

.icon-qq {
	background-position: -160px 0;
	width: 26px;
	height: 26px;
	/* Custom Blow */
	vertical-align: middle;
	margin-right: 5px;
}

.icon-liebiao-plus {
	background-position: -32px 0;
	width: 18px;
	height: 18px;
}

.icon-nav-search .input-button{background-position: -64px 0;	width: 42px;
	height: 42px;}

.icon-nav-search .input-button:hover {background-position: -96px 0;width: 42px;
	height: 42px;}

.icon-qrcode {
	background-position: -256px -224px;
	width: 125px;
	height: 125px;
}

.icon-search .input-button {
	background-position: -48px -123px;
	width: 50px;
	height: 50px;
}

.icon-search .input-button:hover {
    background-color:transparent;
	background-position: 0 -123px;
	width: 50px;
	height: 50px;
}




/*------------------------------------*\
  =XHTML, HTML4, HTML5 Reset
\*------------------------------------*/

/* Your shortened CSS! from https://uncss-online.com/ */
a,b,body,div,form,h1,h2,h6,hr,html,i,img,li,p,span,ul{margin:0;padding:0;}
li{display:list-item;}

/* a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0;}
html,body{height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
b,strong{font-weight:bold;}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}
li{display:list-item;list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td,caption{font-weight:normal;vertical-align:top;text-align:left;}
q{quotes:none;}
q:before,q:after{content:none;}
sub,sup,small{font-size:75%;}
sub,sup{line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
svg{overflow:hidden;}
 */




/*------------------------------------*\
  =Custom Reset
\*------------------------------------*/

@media (min-width:768px) {.container {width:750px;}
}
@media (min-width:992px) {.container {width:970px;}
}
@media (min-width:1200px) {.container {width:1320px;}
}

body{background: #F6F8F9;color: #444;font-size:14px;line-height:1.42857143;font-family: 'Microsoft Yahei','Hiragino Sans GB','Helvetica Neue',Helvetica,Tahoma,Arial,Verdana,sans-serif;}
h1 { font-size: 24px;}
h2 { font-size: 20px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}
h1,h2,h3,h4,h5,h6{line-height:1;font-weight:400;padding:0;}
ol{list-style:decimal;}
ul{list-style:disc;}
li{list-style:none;}
img { border:0; vertical-align:top }
hr{border:0 #ddd solid;border-top-width:1px;clear:both;height:0;}



/*------------------------------------*\
  =Custom Setting
\*------------------------------------*/

/* Links */
a { color: #666; }
a:link,a:visited { text-decoration:none; }
a:hover { color:#FF4300; text-decoration:none; }
a:active { text-decoration:none; }

/* zhu,fu,dianzhui */
.pointA a { color:#FF4300; }
.subA, .subA a{ color:#888; }

/* Text */
.subText { color:#888; }

/* *! Buttons From Bootstrap v3.3.7   *
.btn-point {color:#FFFFFF;background-color:#3eb060;border-color:#FF4300;}
.btn-point:focus,.btn-point:hover {color:#FFFFFF;background-color:#FF8C00;border-color:#FF8C00;}
.btn-point:active {color:#FFFFFF;background-color:#FF8C00;border-color:#FF8C00;}
.btn-outline {color:#FF4300;background-color:transparent;border-color:#FF4300;}
.btn-outline:focus,.btn-outline:hover {color:#FFF;background-color:#FF4300;border-color:#FF4300;}
.btn-outline:active {color:#FFF;background-color:#FF4300;border-color:#FF4300;}
 */

/*! Buttons From pixabay  */
.btn-point:hover,.btn-point:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#1a000000',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}

.btn-point{padding: 7px 13px;border-radius:4px !important;color:#fff !important;background-color:#3eb060 !important;border:0;}
.btn-point:hover{background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1)) !important;}


.pure-button[disabled],.pure-button-disabled{cursor:default !important}
.pure-button-primary{color:#fff !important;background-color:#008ddf !important}
.button-green{}
.button-red{color:#fff !important;background-color:#d95353! important}

/* Special Button */
.btn-linear,
.btn-linear:hover {
    background-image: -webkit-gradient(linear,left top,right top,from(#ff9000),to(#ff5000));
    background-image: -webkit-linear-gradient(left,#ff9000,#ff5000);
    background-image: -moz-linear-gradient(left,#ff9000,#ff5000);
    background-image: linear-gradient(to right,#ff9000,#ff5000);
    border: 0;
	color: #fff!important;
}




/*------------------------------------*\
  =Header
\*------------------------------------*/

/* article page */
.article-head{padding-top:20px;padding-bottom:50px;background:#FFF;}
.article-main{
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 0 9px 3px rgba(191,191,191,.5);
    box-shadow: 0 0 9px 3px rgba(191,191,191,.5);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    margin-top: -30px;
    -webkit-transition: all .28s;
    -moz-transition: all .28s;
    transition: all .28s;
    margin-bottom: 30px;
}
.article-side p{color:rgba(0,0,0,.4);margin-bottom:1em;font-size:12px;}
	

	
.article-related{background:#FFF;}

/* index-header */
.index-header{
	background: #0061FF url(index-hero-bg.svg) no-repeat top center;
	height: 520px;
	position: relative;
	background-position: center;
	background-size: cover;
	background-color: #0061FF;
	margin: 0;
	transition: .8s;
}

/* nav margin top */
.list{}
.page{}

.breadcrumb{color:#666;display: inline-block;background: #FFF;border: 1px solid #EEE;}
.breadcrumb a{padding: 2px 3px;margin:0 1px;font-size: 12px;color: #FF4300;}

/* nav */
.navbar-default {
    background: #FFF;
    border-bottom: 1px solid #EEE;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:16px;
}
.navbar-brand>img {margin-top: -15px;}

.index .navbar-default{background:transparent;color:#fff;border:0;} 
.index .navbar-default a{background:transparent!important;color:#fff!important;} 

/* mob nav */
.collapse.in {
    position: absolute;
    background: #555;
    background: rgba(0,0,0,.9);
    width: 100%;
}

.collapsing {
  background: rgba(0,0,0,.9);
  position: absolute;
  width:100%;
/*   height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: inherit;
       -o-transition-timing-function: inherit;
          transition-timing-function: inherit;
  -webkit-transition-duration: inherit;
       -o-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transition-property: inherit;
       -o-transition-property: inherit;
          transition-property: inherit; */
}



/* list sub nav */
.list-nav{height: 2.57em;line-height: 2.57em;margin-top: 10px;font-size: 14px;}
.list-nav ul li{display:inline;height:20px;}
.list-nav ul li a{margin-right: 15px;}



/* search */
.nav .so{display:none;}
.nav-scroll .so{display:block;}
.so {float:left;height: 36px;width:360px;text-align:left;position:relative;}
.so .input-txt, .so .input-button { border:0; outline:none; position:absolute; }
.so .input-txt {top: 7px;left: 10px;width: 285px;height: 32px;line-height: 32px;font-size: 14px;border: 1px solid #DDD;text-indent: 10px;border-radius: 1px;background:#FAFAFA;}
.so .input-txt:focus,.so .input-txt:active{background:#FFF;}
.so .input-button {top: 7px;right: 65px;text-indent: -9999px;cursor: pointer;}

/* index-search */
.index-so {height: 60px;width: 650px;text-align:left;position:relative;margin: 40px auto 20px;border-radius: 2px;}
.index-so .input-txt, .index-so .input-button {border:0;outline:none;position:absolute;}
.index-so .input-txt {top: 5px;left: 5px;width: 640px;height: 50px;line-height: 50px;font-size: 16px;background-color: rgba(255,255,255,0.95);padding: 0;text-indent: 15px;border-radius: 5px;}
.index-so .input-button {top: 5px;right: 5px;border: 0;cursor: pointer;line-height: 50px;padding: 0;font-size: 0;text-indent: -9999px;}
@media (max-width:767px){ 
	.index-so{width:90%; height: 50px;} 
	.index-so .input-txt{width:100%;top: 0;
    left: 0;} 
	.index-so .input-button {
    top: 0;
    right: 0;}
}

/*------------------------------------*\
  =Main
\*------------------------------------*/

/* sub nav */
.sub-nav {margin:30px 0 15px 0;height: 30px;}
.sub-nav h2,.sub-nav h1 {float:left;font-size: 24px;font-weight:bold;/* border-left:5px solid #FF4300; */padding: 0 12px 0 0;line-height: 30px;}
.sub-nav h2 a,.sub-nav h1 a {font-size: 24px;color:#666;font-weight: normal;}
.sub-nav h2 a:hover,.sub-nav h1 a:hover {text-decoration:none;}
.sub-nav li,.sub-nav h2,.sub-nav h1 {float:left;}
.sub-nav li {float:left;line-height: 30px;margin:0 10px;}
.sub-nav a {font-size:13px;color: #777;}
.sub-nav a:hover {text-decoration: none;color: #FF4300;}
.sub-nav .more {float:right;}

/* liebiao */
.liebiao h2 {float:left;font-size:16px;font-weight:bold;border-left:5px solid #FF4300;padding:0 12px 0 6px;line-height:16px;}
.liebiao ul {padding:15px 0;zoom:1;}
.liebiao li {height:24px;line-height:24px;font-size:12px; /*Custom Blow*/}
.liebiao li .fr {color:#CCC;font-style:italic;}
.liebiao a{color:#888;}
.liebiao a:hover{color:#FF4300;}

/*cards*/

.cards li {padding:10px 10px 0;background:#fff;margin: 10px auto 20px;margin-bottom: 30px;background-color: #FFFFFF;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05);}
.cards li .img-preview{z-index:1;position:relative;display:block;cursor: pointer;}
.cards li .cards-bg {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity: 0.3;filter:alpha(opacity=0.4);z-index:2;cursor:pointer;}
.cards li:hover .cards-bg {display:block;}
.cards li .download-now {display:none;position:absolute;bottom: 5em;left: 25%;width: 50%;height: auto;z-index:3;}
.cards li:hover .download-now {display:block;}
.cards .title {height:2em;line-height:2em;}

/* pages num */
.pages{height: 40px;line-height: 40px;text-align: center;margin-bottom: 20px;}
.pages a{ background:#fff; border: 1px solid #E3E3E3; border-radius:4px; }
.pages a,.pages b{padding: 0 10px;margin-right: 5px;min-width: 38px;height: 38px;line-height: 38px;display: inline-block;text-align: center;}
.pages b,.pages a:hover,.pages .active a{background: #FF4300;border: 1px solid #FF4300;border-radius:4px;color:#fff;font-weight:normal;}
.pages li{display:inline;margin: 0 4px;}


/*------------------------------------*\
  =Footer
\*------------------------------------*/

/* friend-links */
.friend-links{color:#aaa;margin-bottom:10px;}
.friend-links a{color:#aaa;margin-right:1em;}
/* footer */
.footer {
	background-color: #fff;
	color: #888;
	line-height:1.5;
	padding-top:20px;
}
.page .footer {background:#F5F5F5;}

.footer a{
	color: #888;
}

.footer a:hover{
	color: #FF4300;
}

.footer p{
	margin-bottom:0.5em;
}

/* ------------------------------------------------------  /WF  ------------------------------------------------------ */





p.filetype {
    margin-left: 80px;
    margin-top: 5px;
    color: rgba(0,0,0,.4);
    font-size: 12px;
    line-height: 2;
}