/*---------------------------------------------
Table of CONTENT
-----------------------------------------------
01. Default CSS
02. Header 03. Banner Section
04. Services Section
05. Skills Section
06. Portfolio Section
07. Team Section
08. Pricing Section
09. Blog Section
10. Blog Single
11. Testimonial Section
12. Client Section
13. Contact Us Section
14. Footer
15. Pre-loader
-----------------------------------------------*/
/* 01 - Default CSS
----------------------------------------------*/
/*
1.0 - Normalize
*/
html {
font-family: 'Lora', sans-serif;
/*font-family: 'Lora', serif;*/
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-family: 'Lora', sans-serif;
font-size: 16px; /* base font size 16px= 1em*/
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
display: block;
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: bottom;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
color: #444;
-webkit-transition: .25s;
-moz-transition: .25s;
-ms-transition: .25s;
-o-transition: .25s;
transition: .25s;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,kbd,pre,samp {
font-size: 1em;
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,input,select,textarea {
max-width: 100%;
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
/**
* 2.0 - Typography
*/
body,button,input,select,textarea {
color: #1a1a1a;
font-family: 'Lora', sans-serif;
line-height: 1.75;
}
h1,h2,h4,h5 {
clear: both;
line-height: 1em;
font-family: 'Lora', sans-serif;
color: #222222;
text-transform: capitalize;
margin: 0;
padding: 0;
margin-bottom: 10px;
font-weight:700
}
h1{
color: #fff;
font-size: 36px;
}
h2{
font-size: 2em;
line-height:130%;
color:#087B46;
}
h3,h6{
font-size: 42px;
color: #930300;
clear: both;
line-height: 1em;
text-transform: capitalize;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
h4{
font-size: 24px;
}
h4 a{
color: #222;
}
h5{
font-size: 18px;
}
p {
font-size: 14px;
color: #000;
line-height: 24px;
margin: 0 0 1.75em;
}
dfn,cite,em,i {
font-style: italic;
}
blockquote {
border: 1px solid #e9e9e9;
color: #939595;
font-size: 17px;
font-style: italic;
line-height: 28px;
font-weight: 700;
padding: 30px 25px 25px 80px;
position: relative;
}
blockquote>p {
margin: 0;
padding: 0;
font-size: 17px;
color: #939595;
}
blockquote:after {
content: "\f10d" !important;
position: absolute;
left: 20px;
top: 50%;
margin-top: -20px;
font: normal normal normal 48px/1 FontAwesome;
color: #e9e9e9;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before,blockquote small:before {
content: "\2014\00a0";
}
blockquote em,blockquote i,blockquote cite {
font-style: normal;
}
blockquote strong,blockquote b {
font-weight: 400;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
color: #939595;
font-weight: 600;
font-size: 1em;
margin-bottom: 10px;
}
code,kbd,tt,var,samp,pre {
font-family: 'Lora', sans-serif;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 0em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr,acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
mark,ins {
background: #007acc;
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
big {
font-size: 125%;
}
/**
* 3.0 - Elements
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,*:before,*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul,ol {
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul,li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,th,td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,th,td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,td {
padding: 0.4375em;
}
.more{font-size:16px;color:#930300;}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #c2c2c2;
font-family: 'Lora', sans-serif;
}
:-moz-placeholder {
color: #c2c2c2;
font-family: 'Lora', sans-serif;
}
::-moz-placeholder {
color: #c2c2c2;
font-family: 'Lora', sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #c2c2c2;
font-family: 'Lora', sans-serif;
}
/**
* 4.0 - Forms
*/
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-family: 'Lora', sans-serif;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em;
}
.default-button{
display: inline-block;
text-transform: uppercase;
color: #fff;
padding: 10px 5px 0 5px ;
border-radius: 5px;
text-decoration: none;
border-radius:5px;
}
.default-button{
font-size:16px;
}
.default-button:hover, .default-button:focus{
color: #fff;
text-decoration: none;
}
.padding-120{
padding: 120px 0px;
}
.padding-100{
padding: 100px 0px;
}
.padding-60{
padding: 70px 0px;
}
.bg-color{
background-color:#E8FDF3;
};
.section-header{
max-width: 800px;
margin: 0 auto;
margin-bottom: 50px;
}
.section-header h2{
text-transform: uppercase;
margin-bottom: 1.7em;
font-size: 2em;
color:#000;
}
.section-header h6{
text-transform: uppercase;
margin-bottom: 15px;
font-weight:normal;
font-size: 36px;
}
.section-header p{
font-size: 18px;
line-height: 22px;
color:#888;
}
/* 02 - Header
----------------------------------------------*/
header .main-menu{
min-height: 90px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 999;
transition: .5s;
background-color: #191919;
position: fixed;
top: 0;
width: 100%;
height: auto;
}
header .menu-fixed{
background: transparent;
}
header .menu-bg{
background-color: #930300;
}
header .main-menu .navbar-brand{
padding: 25px 0px;
}
header .main-menu ul li a{
font-size: 14px;
font-weight: 600;
color: #fff;
text-transform: capitalize;
padding: 35px 14px;
}
header .main-menu ul li a:hover, header .main-menu ul li a:focus{
background-color: transparent;
color: #FF8000;
}
header .main-menu ul li.active a{
background-color: transparent;
color: #FF8000;
}
header .main-menu ul li ul li a{
padding: 15px;
}
.header-single{
margin-top: 90px;
}
/* 03 - Banner Section
----------------------------------------------*/
.banner{
background-image: url(http://www.kiz.cas.cn/images/60th_banner.jpg);
background-size: cover;
background-position: 50% 50%;
height: 100vh;
position: relative;
}
.banner .overlay{
height: 100%;
background-color: rgba(0,0,0,.15);
}
.banner .banner-content{
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
color: #fff;
transform: translateY(-50%);
}
.banner .banner-content h3{
font-family: 'Poppins', sans-serif;
color: #fff;
text-transform: uppercase;
}
.banner .banner-content p{
font-size:16px;
color: #fff;
line-height:100%;
padding:20px 0 10px 0;
margin:0;
}
/* 04 - Services Section
----------------------------------------------*/
@media all and (min-width:990px) {
.services .service-item{
padding: 30px 15px ;
text-align: center;
margin-bottom: 20px;
line-height:150%;
height:300px;
}
.services .service-item img{
width:80%;
transition: .4s;
-webkit-transition: .4s;
border:0;
}
.services .service-item img:hover{
width:95%;
border-radius:50%;
border:3px solid #FFF;
}
}

@media all and (max-width:989px) {
.services .service-item{
padding: 30px 15px ;
text-align: center;
margin-bottom: 20px;
line-height:150%;
}
.services .service-item img{
width:50%;
transition: .4s;
-webkit-transition: .4s;
border:0;
}
.services .service-item img:hover{
width:65%;
border-radius:50%;
border:3px solid #FFF;
}
}

.services .service-item a{
font-size:18px;
line-height:150%;
}


/* 06 - Portfolio Section
----------------------------------------------*/
.portfolio .portfolio-menu{
text-align: center;
margin-bottom: 30px;
}
.portfolio .portfolio-menu li{
list-style: none;
display: inline-block;
margin-left: 25px;
}
.portfolio .portfolio-menu li{
font-size: 16px;
line-height: 28px;
color: #979797;
cursor: pointer;
font-weight: 700;
}
.portfolio .portfolio-menu li:hover, .portfolio .portfolio-menu li:focus{
color: #0d1218;
}
.portfolio .portfolio-menu .active{
color: #0d1218;
}
.portfolio .pos_rel{
position:relative;
}
.portfolio .portfolio_item{
margin-bottom: 10px;
text-align: center;
overflow: hidden;
}
.portfolio .portfolio_item img{
transition: .5s;
}
.portfolio .overlay{
position: absolute;
top: 0;
left:-100%;
height:100%;
width: 100%;
background-color: rgba(0,0,0,.6);
opacity: 0;
transition: .5s;
-webkit-transition: .5s;
}
.portfolio .portfolio_item:hover .overlay{
opacity:1;
left:0
}
.portfolio .port_caption{
position: absolute;
width: 100%;
top: 45%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.portfolio .port_caption a{
color: #0d1218;
background-color: rgba(255,255,255, .8);
padding:0 5px;
text-align: center;
margin: 2px;
display: inline-block;
font-size: 16px;
-webkit-font-size: 12px;
line-height: 36px;
border-radius: 5px;
-webkit-transition: .5s;
transition: .5s;
-webkit-transform: scale(0.0);
transform: scale(0.0);
opacity: 0;
}
.portfolio .port_caption h4{
font-size: 18px;
-webkit-font-size: 14px;
line-height: 24px;
color: #fff;
margin-top: 15px;
letter-spacing: -8px;
-webkit-transition: .5s;
transition: .5s;
opacity: 0;
}
.portfolio .port_caption p{
color: #fff;
margin: 0;
-webkit-transition: .5s;
transition: .5s;
-webkit-transform: translateY(70px);
transform: translateY(70px);
opacity: 0;
}
.portfolio .port_caption a:hover{
background-color: #00BFFF;
color: #fff;
}
.portfolio .portfolio_item:hover a{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.portfolio .portfolio_item:hover h4{
letter-spacing: 0;
opacity: 1;
}
.portfolio .portfolio_item:hover p{
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
/* 11 - Testimonial Section
----------------------------------------------*/
.testimonial{
position:relative;
z-index:999;
}
.testimonial .container{
padding:40px 0;
border-radius:10px;
background-color: rgba(70,0,0,.9);
}
.testimonial .section-header h3{
color: #fff;
}
.testimonial .section-header p{
color: #fff;
}
.testimonial .testimonial-item{
text-align: center;
color: #fff;
max-width: 100%;
margin: 0 auto;
}
.testimonial .testimonial-item .image{
height:200px;
width: 200px;
border: 4px solid #e1e1e1;
border-radius: 100%;
overflow: hidden;
margin: 0 auto 30px;
}
.testimonial .testimonial-item h4{
color: #fff;
margin-bottom: 20px;
}
.testimonial .testimonial-item h4 a{
color: #fff;
}
.testimonial .testimonial-item span{
display: inline-block;
margin-bottom: 20px;
font-size:16px;
}
.testimonial .testimonial-item span a{
color: #fff;
}
.testimonial .testimonial-item p{
color: #fff;
}
.testimonial .testimonial-pagination{
text-align: center;
}
.testimonial .testimonial-pagination span{
background-color: #00BFFF;
}
/* 12 - Client Section
----------------------------------------------*/
.client .client-item img{
width: 100%;
}
/* 13 - Contact Us Section
----------------------------------------------*/
.contact-us .contact-input{
width: 100%;
border: 1px solid #e4e7e9;
border-radius: 3px;
outline: none;
font-size: 15px;
line-height: 24px;
font-weight: 500;
color: #a3a8ab;
margin-bottom: 20px;
padding: 10px 15px;
}
.contact-us .contact-submit{
text-transform: uppercase;
padding: 15px 30px;
}
.contact-info{
padding: 0 0;
/*background-color: #fff;border-radius: 3px;*/
}
.info-item{
margin-bottom: 30px;
overflow: hidden;
}
.info-item a{
color:#FFF;
}
.info-item:last-child{
margin: 0px;
}
.contact-info .icon{
float: left;
margin-right: 15px;
margin-left:20px;
}
.contact-info .icon span{
display: block;
height: 60px;
width: 60px;
background-color: #f9f9f9;
color: #55575d;
font-size: 36px;
text-align: center;
}
.contact-info .content{
top: 20px;
}
.contact-info .content h4{
font-size: 22px;
line-height: 26px;
font-weight: 500;
color: #000;
margin: 0px;
}
.contact-info .content p{
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #666;
}
#contact_map{
width: 100%;
height: 500px;
}
/* 14 - Footer
----------------------------------------------*/
footer{
background-color: #0d1218;
color: #fff;
padding: 42px 0px;
position: relative;
}
footer p{
color: #fff;
margin: 0px;
padding: 6px 0px;
}
footer p a{
font-weight: 700;
color: #fff;
}
footer p a:hover, footer p a:focus{
color: #fff;
}
footer ul{
float: right;
margin: 0px;
}
footer ul li{
list-style: none;
display: inline-block;
float: left;
margin-right: 5px;
}
footer ul li a{
display: inline-block;
font-size: 16px;
line-height: 38px;
color: #252525;
height: 36px;
width: 36px;
background-color: rgba(255, 255, 255, .5);
border-radius: 100%;
text-align: center;
-webkit-transition: .25s;
transition: .25s;
}
footer ul li a:hover, footer ul li a:focus{
background-color: #00BFFF;
color: #fff;
}
.scroll-top{
position: absolute;
right: 50%;
top: 0;
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
transform: translateX(50%) translateY(-50%) rotate(45deg);
display: inline-block;
font-size: 16px;
line-height: 38px;
color: #fff;
height: 36px;
width: 36px;
background-color: #0d1218;
text-align: center;
-webkit-transition: .25s;
transition: .25s;
}
.message-top{
position: absolute;
right:50%;
top:-40px;
border-radius:50%;
height:80px;
width: 80px;
background-color: #930300;
text-align:center;
overflow: hidden;
}
.message-top img{position: absolute;top:11px;left:19px;
}
.message-top .overlay{
position: absolute;
border-radius:50%;
top: 0;
left: -100%;
width: 100%;
height: 100%;
text-align: left;
color: #fff;
background-color: rgba(0,0,0,1);
opacity: 0.5;
-webkit-transition: .2s;
transition: .2s;
cursor:pointer;
vertical-align:middle;
text-align:center;
}
.message-top:hover .overlay{
opacity: 0.9;
left: 0;
}
.message-top .overlay p{position: absolute;top:27px;left:19px;color:#FFF;
}
.scroll-top i{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.scroll-top:hover,.scroll-top:focus{
background-color: #00BFFF;
color: #0d1218;
}
/* 15 - Pre-loader
----------------------------------------------*/
@-webkit-keyframes pre_loader {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pre_loader {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.preloader{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 9999999;
opacity: .98;
}
.loader{
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.loader .ld-child{
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #0d0d0d;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: pre_loader 2s infinite ease-in-out;
animation: pre_loader 2s infinite ease-in-out;
}
.loader .ld-child2{
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.scrollbox{ width: 100%; margin: 0 auto; overflow: hidden; padding:40px 10px 0 20px;background-color:#fff; -webkit-box-shadow: 0px 0px 5px 1px #AAAAAA;
box-shadow: 0px 0px 5px 1px #AAAAAA; border-radius:7px;}
#scrollDiv{width:98%;height:450px;overflow:hidden;padding-top:5px;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{padding:10px 10px 0px 10px;margin:10px 10px 0px 0px;zoom:1;vertical-align:bottom; border-bottom:#F0F0F0 dashed 1px;list-style-type:none;overflow:hidden
}
#scrollDiv li:hover { -webkit-box-shadow: 0px 1px 6px 1px #EEEEEE;
box-shadow: 0px 1px 6px 1px #EEEEEE;
-webkit-transform: translateY(-3%);
transform: translateY(-3%);overflow:hidden}
.scroltit{text-align:center;over-flow:hidden; margin:0 auto; -moz-box-shadow: 0px 1px 6px 1px #EEEEEE; }
.scroltit .updown{margin:0 auto;; width:62px; height:55px;}
#but_up{ display: inline-block;background:url(http://www.kiz.cas.cn/images/60thup.gif) no-repeat 0 0; text-indent:-9999px;margin:5px 20px 30px 0px;}
#but_down{ display: inline-block;background:url(http://www.kiz.cas.cn/images/60thdown.gif) no-repeat 0 0; text-indent:-9999px;margin:5px 5px 30px 10px;}
#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
.more a{font-size:16px;color:#930300;font-weight:bold;}
.more:hover a{font-size:16px;color:#333;font-weight:bold;}
.rwft{webkit-box-shadow: 0px 2px 11px 0px #888;
box-shadow: 0px 2px 11px 0px #888;overflow:hidden;
-webkit-transition: .5s;
transition: .5s;}
.rwft:hover{webkit-box-shadow: 0px 2px 11px 0px #888;
box-shadow: 0px 2px 11px 0px #888;overflow:hidden;
transform:scale(1.05);
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
}
.newstitle_left{
float:left;
padding:0 0 30px 1em;
}
.newstitle_right{
float:right;
padding:1.2em 0.5em;}
.newstitle_right2{
float:right;
padding:0.1em 0;}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
.bg_about{
display:block;
position:relative;
}
.bg_about::after{
content:"";
background:url(http://www.kiz.ac.cn/images/bmbg.fw.png);
background-position:top;
background-repeat:no-repeat;
opacity: 0.3;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index:0;
}
.bg_about2{
display:block;
position:relative;

}
.bg_about2::after{
content:"";
background:url(http://www.kiz.ac.cn/images/kycbg2.jpg);
background-position:top;
background-repeat:repeat-y;
opacity: 0.8;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index:-1;
}
.contenttitle{padding:80px 50px 50px 50px;}
.contentbody {
font-size:18px;
line-height:200%;
padding:50px 50px;
margin-bottom:5em;}
.contentbody p {
font-size:18px;
line-height:200%;
}
.tz {
list-style-type:disc;
font-size:18px;
color:#eee;
padding:10px;
}
.tz a{
font-size:18px;
line-height:150%;
color:#333;
}
.tz a:hover{
font-size:18px;
line-height:150%;
color:#087B46;
}
.tz span{
color:#ccc;
font-size:18px;
margin-left:1em;
}
.tz2 {
list-style-type:disc;
font-size:18px;
color:#087B46;
padding:10px;
}
.tz2 a{
font-size:16px;
line-height:150%;
color:#087B46;
}
.tz2 a:hover{
font-size:16px;
line-height:150%;
color:#333;
}
/*---heading underline-----*/
.heading:after, .heading1:after {
border-top: 2px solid #303030;
display: block;
width: 40px;
content: ""; }
.megamenu_underline:after {
border-top: 2px solid #303030;
display: block;
width: 40px;
content: "";
margin: -5px auto 0; }
.heading.underline:after, .heading2.underline2:after {
margin: 15px auto 0; }
.heading1.underline1:after {
margin: 15px auto; }
.heading1.underlineh5:after {
margin: 5px auto; }
.heading {
text-align: center; }
.heading2:after, .heading2:after {
border-top: 2px solid #FFFFFF;
display: block;
width: 40px;
content: ""; }
.heading_left:after {
border-top: 2px solid #303030;
display: block;
width: 40px;
content: "";
margin-top: 6px; }
/*-------------Thank You----------------*/
@media all and (min-width:768px) {
.mobile_show {
display: none;
}

.list-font:{font-size:2em;}
.list-link{font-size:1.1em;line-height:200%;padding:25px 0;border-bottom:1px dashed #DDD;list-style:none;}

.top_source {font-size:16px;color:#aaa;}

.contenttitle{padding:80px 80px 50px 80px;}
.contenttitle h2{color:#000}
.contentbody {
font-size:1.2px;
color:#222;
line-height:200%;
margin-bottom:5em;
}
.contentbody p {
font-size:18px;
line-height:200%;
color:#222;}
.contentauthor{
padding: 0px 80px;
border-bottom:3px solid #0BAC64;
}
.contentauthor p{
color:#aaa;
font-size:1em;
line-height:100%;
}
.contentauthor span{
font-weight:bold;
}
}
@media all and (max-width:767px) {
.mobile_hide {
display: none;
float: right;
height: 120px;
}
.list-font:{font-size:1.5em;}
.list-link{font-size:1.3em;line-height:200%;border-bottom:1px dashed #DDD;padding:30px 0;list-style:none;}

.top_source {font-size:1em;color:#aaa;}
.contenttitle{padding:80px 25px 50px 25px;}
.contenttitle h2{color:#000}
.contentbody {
font-size:18px;
line-height:200%;
padding:50px 30px;
}

.contentbody p {
font-size:18px;
line-height:200%;
color:#333;}

.contentauthor{padding: 0px 80px;
border-bottom:1px solid #B20000;
}
.contentauthor p{
color:#aaa;
font-size:1em;
line-height:100%;}

.contentauthor span{
font-weight:bold;
}
}
@media all and (max-width:990px) {
.mobile_hide2 {
display: none;
}
}
.newstime{
color:#087B46;
}
#mobile-pager button{ width:60% !important; height:50px;color: #8C0000; border:1px solid #8C0000; background:none; font-size:18px; border-radius:4px;margin-top:20px;}


.left_title {
    font-size: 22px;
    padding: 16px 0 15px 13px;
    color: #111;
    font-weight: bold;
    background-color: #B0FBDA;
    top: 0;
    line-height: 20px;
}

.left_menu{
    margin-top: 20px;
    word-wrap: break-word;
    background-color: #087B46;
}
.left_menu ul{padding:10px 0;}
.left_menu li{padding:5px 20px 5px 30px;list-style:none;word-wrap: break-word;}
.left_menu li a{color:#FFF;font-size:16px;text-decoration: none;width:100%;height:100%;display:inline-block;}
.left_menu li a:hover{color:#000;display:inline-block;}
.left_menu li:hover{
    background-color: #B0FBDA;
    text-decoration: none;
}	
/*分页*/
.page{font-size:14px; color:#c1c1c1; margin-top:30px}
#pager .page{margin-top: 0;}
.page a,.page span{display:inline-block;margin:0 8px;}
.page a.now{ color:#000}