/*
Credit: http://www.templatemo.com
*/
#mapCard_container{
    display: none;
}
body {
    margin: 0;
    padding: 0;
    color: #000;
    font-family: 黑体;
    font-size: 16px;
    line-height: 1.4em; 
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: top;
    &.en{
        font-family: Arial; 
    }
}
#home { background-image: url(../images/templatemo_body.png) }
#home1 { background-color: #9e9e9e;}
#subpage { background-image: url(../images/templatemo_body_subpage.png) }

a, a:link, a:visited { color: #5fb42b; font-weight: normal; text-decoration: none }
a:hover { text-decoration: underline; }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
blockquote { font-style: italic; margin: 0 0 0 10px;}
cite { font-weight: bold; color:#5fb42b; }
cite a, cite a:link, cite a:visited  { font-size: 12px; text-decoration: none; font-style: normal }
cite span { font-weight: 400; color: #5fb42b; }

h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal; }
h1 { font-size: 38px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 27.5px; margin: 0 0 12px; padding: 5px 0; color:#000;}
h3 { font-size: 24px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }

.black { color:black}
.fixGap {padding: 0 0 10px 20px;line-height: 25px;margin: 0;margin-top: 20px;font-size: 18px;}

.fontMedium {font-size:17px;}


.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.divider { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #ccc }

.image_fl { float: left; margin: 3px 20px 5px 0 }
.image_fr { float: right; margin: 3px 0 5px 20px }

.float_l { float: left }
.float_r { float: right }

.templatemo_list { 
    margin: 10px 0 10px 0; 
    padding: 0; 
    list-style: none; 
}

.templatemo_list li { 
    color:#52493a; 
    margin: 0 0 10px 0; 
    padding: 0 5px 0 20px; 
    background: url(../images/templatemo_list.png) no-repeat scroll 0 7px;  
}

.templatemo_list li a { 
    color: #52493a; 
    font-weight: normal; 
}

.templatemo_list li a:hover { 
    color: #52493a; 
}

#templatemo_wrapper {
    width: 1080px;
    padding: 0 10px;
    margin: 0 auto;
}

#templatemo_header {
    padding: 10px 0 0;
}

#templatemo_slider {
    clear: both;
}

#templatemo_main {
    clear: both;
    padding: 30px 0
}

#templatemo_footer_wrapper { 
    width: 1080px;
    margin:auto;
	margin-top: 50px;
}

#templatemo_footer {
    padding: 80px 10px 40px;
    margin: 0 auto;
    color: #999
}

#site_title { 
    width: 100%;
}

#site_title h1 a { 
    display: block; 
    width: 186px; 
    height: 10px; 
    padding: 40px 10px 0 0; 
    color: #fff; 
    font-size: 14px; 
    text-align: right; 
}

#site_title h1 a:hover { 
    text-decoration: none; 
}

#templatemo_menu { 
    display: inline-block;
    float:right;
    margin-top: 58px;
    height: 46px;
    width: 460px;
    background: url(../images/templatemo_menu.png);
    background-size: 100% 100%; 
}
.en #templatemo_menu {
    width: 560px;
}

#slider_right {
    float: left;
    padding: 20px 0 0 5px;
    height: 180px;
}

#slider_right h2 { 
    color: #000; 
    font-size: 20px; 
    font-weight: 700; 
    margin-bottom: 20px; 
}

#slider_right p { 
    color: #000; 
    margin-bottom: 40px; 
}

#slider_right a.learnmore { 
    margin-right: 20px; 
    display: inline-block; 
    width: 137px; 
    height: 50px; 
    font-size: 14px; 
    font-weight: 700; 
    color: #fff; 
    line-height: 40px; 
    text-align: center; 
    text-shadow: 1px 1px 1px #333; 
    background:url(../images/learn_more.png) no-repeat; 
}

#slider_rightDe {
    float: left;
    width: 560px;
}

.fp_services { margin-bottom: 40px }
.fp_services img { float: left; margin-right: 20px }
.fp_services h2 { font-size: 18px; line-height: 18px; margin-bottom: 5px; padding: 0 }
.fp_services h2 a { color: #333 }
.fp_services p { font-size: 11px }

.fp_rw img { margin-bottom: 10px }
.fp_rw p { font-size: 11px }

.fp_lp h3 { font-size: 14px; font-weight: 700; margin: 10px 0 }

.flickr_stream { margin: 0; padding:0; list-style: none }
.flickr_stream li { float: left; margin: 0 2px 2px 0; padding: 0 }
.flickr_stream li .no_margin_right { margin-right: 0 }
.flickr_stream li img { padding: 3px; border: 1px solid #ccc; background: #fff }

#gallery { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
}

#gallery li { 
    margin: 0; 
    padding: 0; 
}

#gallery li a { 
    display: block; 
    float: left; 
    width: 280px; 
    padding: 8px; 
    height: 280px; 
    margin: 6px; 
    border: 1px solid #ccc;  
}

.post {
    clear: both;
    padding-bottom: 40px;
    margin-bottom: 40px;
    background: url(../images/templatemo_divider.png) repeat-x bottom 
}
.post_right {
    float: left;
    width: 380px;
}
.post h2.home { 
    color: #ba8c00; 
    font-size: 18px; 
    margin-bottom: 0;  
}

.post h2, .post h2 a { 
    color: #333; 
    margin-bottom: 0; 
    font-size: 24px; 
    line-height: 38px; 
    padding: 0; 
}

.post img { 
    float: left; 
    margin: 3px 30px 0 0;
}

.post .meta { 
    font-size: 10px; 
    margin-bottom: 20px; 
}

.post .meta span { 
    float: left; 
    display: block; 
    margin-right: 15px; 
    padding: 5px 0 5px 26px; 
}

.post .meta span.admin { 
    background: url(../images/agent.png) no-repeat; 
}

.post .meta span.date { 
    background: url(../images/calendar.png) no-repeat; 
}

.post .meta span.tag { 
    background: url(../images/tag.png) no-repeat; 
}

.post .meta span.comment { 
    background: url(../images/chat.png) no-repeat; 
}

.post .meta a, .post .meta strong { 
    color: #7b7b7b; 
    font-weight: 700; 
}

#comment_section {
    clear: both;
    margin-bottom: 60px;
    width: 590px;
}

.first_level {
    margin: 0; padding: 0;
}

.comments {
    list-style: none; 
}

.comments li { 
    margin-bottom: 10px; 
    list-style:none; 
}

.comments li .commentbox1 { 
    border-bottom: 1px solid #ccc;  
}

.comments li .commentbox2 { 
    border-bottom: 1px solid #ccc;  
}

.comments li .comment_box { 
    clear: both; 
    width:100%; 
    padding: 10px 0 20px 30px; 
    margin-bottom: 40px;  
}

.comment_box .gravatar { 
    float: left; 
    width: 75px; 
    margin-right: 30px; 
}

.comment_box .gravatar img {  
    width: 75px; 
    height: 75px; 
}

.comment_box .comment_text {  }

.comment_box .comment_text p { 
    margin: 0; 
}

.comment_text .comment_author { 
    font-size: 14px; 
    font-weight: bold; 
    color: #ba8c00; 
    margin-bottom: 10px; 
}

.comment_text .date { 
    font-size: 12px; 
    font-weight: normal; 
    color: #7b7b7b; 
    padding-left: 10px; 
}

.comment_text .time { 
    font-size: 12px; 
    font-weight: normal; 
    color: #7b7b7b; 
    padding-left: 10px; 
}

.comment_text .reply a { 
    display: block; 
    clear: both; 
    float: right; 
    color: #000; 
    font-weight: 700; 
} 

#comment_form {
    clear: both;
}

#comment_form h3 {
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

#comment_form form {
}

#comment_form textarea {
    height:150px;
    padding:5px;
    width: 360px;
    color: #222; 
    background: #fcfcfc; 
    border: 1px solid #dedede; 
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    margin-top: 5px; 
}

#comment_form .form_row {
    width: 100%;
    margin-bottom: 15px;
}

#comment_form form input {
    color: #666;
    padding: 5px;
    width: 200px;
    color: #222; 
    background: #fcfcfc; 
    border: 1px solid #dedede; 
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    margin-top: 5px; 
}

#comment_form .submit_btn {
    font-weight: bold;
    width: 80px;
    height: 30px;
    color: #000;
    background: #fcfcfc; 
    border: 1px solid #dedede; 
}

#contact_form { 
    padding: 0; 
    width: 410px; 
    margin-bottom: 40px; 
}

#contact_form form { 
    margin: 0px; 
    padding: 0px; 
}

#contact_form form .input_field { 
    width: 270px; 
    padding: 5px; 
    color: #222;  
    background: #fcfcfc; 
    border: 1px solid #dedede; 
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    margin-top: 5px; 
}

#contact_form form label { 
    display: block; 
    width: 100px; 
    margin-right: 12px; 
    font-size: 13px; 
}

#contact_form form textarea { 
    width: 398px; 
    height: 200px; 
    padding: 5px; 
    color: #222; 
    background: #fcfcfc; 
    border: 1px solid #dedede; 
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
    margin-top: 5px; 
}

#contact_form form .submit_btn { 
    padding: 5px 14px; 
    font-weight: bold;  
    color: #222; 
    background: #fcfcfc; 
    border: 1px solid #dedede; 
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    margin: 10px 0px; 
}	

.col { 
    float: left; 
    margin: 0 20px 20px 0; 
}

.half { 
    width: 400px; 
}

#sidebar, .one_third { 
    width: 300px; 
}

#content, .two-third { 
    width: 620px; 
}

.padding_right { 
    padding-right: 0px; 
}

.one_fourth { 
    width: 220px; 
}

.no_margin_right { 
    margin-right: 0; 
}

.last_box { 
    margin-bottom: 0; 
    background: none; 
}

#templatemo_footer a { 
    color: #ccc; 
}

#templatemo_footer h4 { 
    color: #fff; 
    font-size: 14px; 
    font-weight: 700; 
    margin-bottom: 20px; 
}

.footer_list { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
}

.footer_list li { 
    margin: 0 0 5px; 
    padding: 0 0 5px; 
    border-bottom: 1px solid #4e4e4e; 
}

.footer_list li a { 
    color: #686868; 
}

.twitter_post { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
}

.twitter_post li { 
    margin: 0 0 10px; 
    padding: 0 0 7px; 
    border-bottom: 1px dotted #4e4e4e; 
}

.footer_social_button { 
    clear: both; 
    margin-bottom: 40px; 
}

.footer_social_button a { 
    margin-right: 5px; 
}

.pagging { 
    margin: 0 0 20px; 
    padding: 0; 
}

.pagging ul { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
}

.pagging ul li {
    margin: 0; 
    padding: 0; 
    display: inline; 
}

.pagging ul li a { 
    float: left; 
    display: block; 
    color: #333; 
    text-decoration: none; 
    margin-right: 5px; 
    padding: 5px 10px; 
    background: #fff; 
    border: 1px solid #ccc; 
}

.pagging ul li a:hover { 
    background: #ccc; 
    border: 1px solid #fff; 
    color: #fff;  
}

.inlineBlock{
    display:inline-block;
}

.logoGreen{
    color:#8CC63F;
}

#logoText{
    display: inline;
    margin-left: 10px;
    font-size: 34px;
    font-weight: bold;
    position: relative;
    top: -24px;
}

#mixedMenu{
    display: flex;
    margin-top: 20px;
}

#piecemaker{
    float: left;
}

.header1{
    display: inline-block;
    height: 3px;
    padding: 10px 0;
}

#rightContent{
    display: inline-block;
    margin-left: 70px;
    margin-top: 50px;
}

#banner{
    width:100%;
    display: inline-block;
}

#languages{
    float: right;
    display: inline-block;
    color: white;
    margin: 0;
    line-height: 7px;
}

#languages a{
    color: #fff;    
    font-size: 18px;
    &:first-of-type{
        color: #0edaeb;
    }
    &:last-of-type{
        color: #fff;
    }
}
.en #languages a{
    &:first-of-type{
        color: #fff;
    }
    &:last-of-type{
        color: #0ad6e7;
    }
}


.underline{
    text-decoration:underline;
}

.templatemo_main_box{
    display: inline-block;
    width: 480px;
    height: 110px;
}

.cds_image_desc{
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}
.cds_image_desc li{
    margin-right: 38px;
    &:last-of-type{
      margin-right: 0px !important;
    }
    &:first-of-type{
        margin-left: -20px;
        list-style: none !important;
      }
}
.fs_image_desc{
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
}
.fs_image_desc li{
    margin-right: 50px;
    &:last-of-type{
        padding-left: 20px;
      margin-right: 0px !important;
    }
    &:first-of-type{
        margin-left: -20px;
        list-style: none !important;
      }
}
#about td ol li{
    padding-bottom: 20px;
}

.center{
    text-align: center;
}

#map_canvas{
    width:1000px;
    height: 500px;
    margin-top:20px;
}


.fl {
    float: left;
}
.fr {
    float: right;
}
.clear:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    zoom:1;
}
.footer {
    background: #222222;
    position: relative;
}

.footer #mydiv {
    position: absolute;
    z-index: 5;
    opacity: .2;
}

.footer .footer_content {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 6;
}

.footer .footer_content .footer_content_top {
    padding: 60px 0px;
    padding-bottom: 40px;
}

.footer .footer_content .footer_content_top .content_top_left {
    width: 55%;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list {
    width: 33%;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dd {
    margin-bottom: 20px;
    margin-left: 0;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dd a {
    font-size: 14px;
    color: #fff;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dt a {
    font-size: 14px;
    color: #777777;
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dt a:hover {
    color: #fff;
}

.footer .footer_content .footer_content_top .content_top_left .top_left_list dt a:last-child {
    margin-bottom: 0px;
}

.footer .footer_content .footer_content_top .content_top_right {
    width: 23%;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list dd {
    position: relative;
    line-height: 20px;
    margin-right: 15px;
}

.footer .footer_content .footer_content_top .content_top_share {
    width: 21%;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content {
    margin-top: 40px;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content dd {
    color: #777777;
    font-size: 14px;
    margin-bottom: 10px;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content dt a {
    width: 50px !important;
    height: 50px !important;
    margin: 0px 0px !important;
    padding-left: 0px !important;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    border: 1px solid #363636;
    margin-right: -1px !important;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list {
    color: #777777;
    font-size: 14px;
    margin-bottom: 10px;
}

.footer .footer_content .footer_content_top .content_top_right .top_right_content .right_content_list dt {
    width: 80%;
}

.bds_tsina {
    background: #2a2a2a !important;
}

.bds_sqq {
    background: #2a2a2a !important;
}

.bds_weixin {
    background: #2a2a2a !important;
}

.footer .footer_content .footer_content_top .content_top_share .top_share_content dt a:hover {
    background: #252525 !important;
    opacity: 1 !important;
    color: #fb6a19;
}

.footer .footer_content .footer_content_bottom {
    margin-bottom: 20px;
}

.footer .footer_content .footer_content_bottom .content_bottom_left {
    font-size: 14px;
    color: #555555;
    width: 5%
}

.footer .footer_content .footer_content_bottom .content_bottom_right {
    width: 95%;
}

.footer .footer_content .footer_content_bottom .content_bottom_right a {
    font-size: 12px;
    color: #555555;
    display: inline-block;
    width: 7%;
    margin-left: 2%;
    margin-bottom: .8%;
}

.footer .footer_content .footer_content_bottom .content_bottom_right a:hover {
    color: #fff;
}

.footer_content_copyright {
    padding: 24px 0px;
    text-align: center;
    border-top: 1px solid #313131;
    z-index: 521;
    position: relative;
    color: #777777;
    font-family: Arial !important;
}