@charset "utf-8";
/*@import url(dll.css);*/
/*@import url(module.css);*/
@import url(/onlinecss/onlineeditor.css);
@import url(animate.css);
@import url(banner.css);
.container.language-bar {
    display: none;
}


html{color:#535d6c;background:#f3f5f8;font-family:'Microsoft YaHei';font-size: 14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,input,button,textarea,p,th,td,strong{padding:0;margin:0;font-family:'Microsoft YaHei';}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
a{text-decoration:none; color:#fff; outline:none;}/*此处待添加默认链接颜色*/
a:hover{color: #000;}
var,em,strong{font-style:normal;}
em,strong,th,var{font-style:inherit;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4{font-size:100%;font-weight:normal;}
input,button,textarea,select,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,a,var,em,strong{
    word-wrap:break-word;
    word-break: break-all;
}

body {
    padding: 0;
    margin: 0;
    font-family: '微软雅黑';
    font-size: 13px;
    line-height: 20px;
    color: #999;
    overflow-x: hidden;
    text-align: center;
}
img {
    max-width: 100%;
}
a {
    font-family: '微软雅黑';
    text-decoration: none;
    transition-style: linear;
    transition-duration: 0.2s;
    color: #333;
}
.p_container {
    float: left;
    width: 100%;
    padding: 0 30px;
    background: #f3f5f8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (max-width: 768px) and (min-width: 320px) {
    .p_container {
        /*padding: 0 10px;*/
        padding: 0;
    }
}

.chenning-header-1 .chenning-top-bar, .jspTrack, .chenning-mobile-menu, .chenning-layerslider .chenning-layerslider-block, .footer.chenning-footer, #chenning-mobile-menu-btn, #chenning-mobile-cart-btn, .chenning-btn-secondary, .chenning-project figure figcaption i:hover, .chenning-controls span, #to-the-top, .chenning-header-2 .chenning-header-bg .header-search form button[type=submit].focus, .chenning-header-2 .chenning-header-bg .social-buttons ul li a.chenning-cart, .chenning-header-2 .chenning-desktop-dark-menu-bg, .chenning-testimonials-2-inner, .chenning-testimonials-2 .arrow, .chenning-estate-form .chenning-estate-search-type span, .chenning-estate-form .chenning-estate-form-item i.fa-caret-down, .chenning-header-1 .chenning-dark-header-bg, .chenning-header-2 .chenning-dark-header-bg, .chenning-property-1 figure figcaption i:hover, .chenning-header-3 .chenning-desktop-dark-menu-bg, .chenning-header-3 .chenning-header-dark-bg, .ls-label-secondary, .chenning-domain-price, .chenning-domain-search form .chenning-domain-search-inner div.zone i, .chenning-pricing-1 header, .chenning-product-1 figure figcaption i:hover, .chenning-feature-3 span .fa, .chenning-feature-3 span .glyphicon, .chenning-testimonials-3 .chenning-testimonials-3-inner .author .avatar, .chenning-tabs header span.active, .chenning-tabs header span.active div.arrow, .chenning-feature-store-dark span, .chenning-toggle article header.active, .chenning-social-button-2 .esb-tooltip, .chenning-social-button-2 .esb-tooltip .arrow, .chenning-skill-1 .color-1, .chenning-skill-1 .value, .chenning-skill-1 .value .arrow, p.contact-item i, .chenning-side-navi ul li.active, .chenning-sorting .chenning-sorting-filters span.active, .chenning-qa .a .lbl, .chenning-qa .a .arrow, .chenning-pagination .current, .chenning-property-1 p.type span, .chenning-single-estate p.type span, .chenning-single-product p.qty i.fa, .chenning-section-cart .shoppin-cart-table thead, .chenning-section-cart .shoppin-cart-table tbody td p.qty i.fa, .chenning-post figure figcaption i:hover, .chenning-comment i.fa {
	background-color: #363b3f;
}
.chenning-header-1 .chenning-top-bar p i, .chenning-header-1 .chenning-top-bar ul.social-btns li a.hover, .chenning-header-1 .chenning-top-bar .shopping-cart > span i.hover, .chenning-btn-primary, .jspDrag, .chenning-scroller > i:hover, i.clicked, .chenning-feature header i, .arrow-color, .chenning-controls span.active, .chenning-section-st2, .chenning-header-2 .chenning-header-bg .social-buttons ul li a:hover, .chenning-header-2 .chenning-header-bg .social-buttons ul li a.chenning-cart span, .chenning-estate-form .chenning-estate-search-type span.active, .chenning-header-2 .chenning-dark-header-bg .header-search form.focus button[type=submit], .chenning-about-widget p.links a:hover, .chenning-property-1 span, .chenning-header-3 .chenning-header-bg .social-buttons a:hover, .ls-label-primary, .chenning-section-st3, .chenning-feature-2-color header .arrow, .chenning-pricing-1 header .plan-price, .chenning-pricing-1 header .plan-price .arrow, .chenning-tabs article > .fa, .chenning-tabs article > .glyphicon, .dropcap, .chenning-skill-1 .color-2, .chenning-desktop-breadscrubs-inner, .chenning-mobile-breadscrubs, .chenning-skill-2 span.color, .chenning-team-1 header, .chenning-category-widget ul li p span.hovered, .chenning-pricing-2 .chenning-pricing-2-item .plan p, .chenning-pricing-2 .chenning-pricing-2-item .plan .arrow, .riva-countdown .riva-countdown-item .label, .chenning-qa .q .lbl, .chenning-qa .q .arrow, .chenning-pagination .page-numbers:hover, .chenning-single-estate .chenning-propert-details p.agent-cosial a, .chenning-single-product p.qty i.fa:hover, .chenning-section-cart p.incart span, .chenning-section-cart .shoppin-cart-table tbody td p.qty i.fa:hover, .chenning-post header h3 .fa, .chenning-post-author {
    background-color: #3D69BC;
}
a:hover, .chenning-top-bar p a:hover, .chenning-header-1 .chenning-top-bar .shopping-cart .cart .cart-entry p .price, .chenning-mega .chenning-mega-section ul li a:hover i, .chenning-mobile-menu .i_nav ul li i.glyphicon-plus-sign:hover, .chenning-mobile-menu .i_nav ul li i.glyphicon-minus-sign, .chenning-mobile-menu .i_nav ul li a:hover, .chenning-mobile-menu h3, .chenning-layerslider .chenning-layerslider-block h3, .chenning-mobile-cart-list p a:hover, .chenning-mobile-cart-list p span.price, .chenning-footer .chenning-widget .chenning-post-preview .header a:hover, .chenning-contacts-widget p .fa, .chenning-contacts-widget p .glyphicon, .chenning-footer a:hover, #chenning-preload i.fa, .chenning-section h2 span, .chenning-section p.block-description, .chenning-project .chenning-project-inner .chenning-project-details p.filter, .chenning-project .chenning-project-inner .chenning-project-details .chenning-project-likes .fa, .chenning-project .chenning-project-inner .chenning-project-details .chenning-project-likes .glyphicon, .chenning-testimonials-1 i.fa, .chenning-testimonials-1 i.glyphicon, .chenning-header-2 .chenning-desktop-dark-menu-bg .i_nav > ul > li > a:hover, .chenning-footer .chenning-widget a:hover, .chenning-contacts-2-widget p span, .chenning-section-core ul li i, .chenning-testimonials-2 .fa, .chenning-testimonials-2 .glyphicon, .chenning-header-1 .chenning-dark-header-bg .i_nav > ul > li > a:hover, .chenning-about-widget p.contacts i, .chenning-btn-primary-border, .chenning-property-1 ul li, .chenning-header-3 .chenning-header-bg .contact-info p i, .chenning-header-3 .chenning-desktop-dark-menu-bg .i_nav > ul > li > a:hover, .chenning-header-3 .chenning-header-dark-bg .contact-info a:hover, .ls-layer p.feature i, .ls-layer p.color-text, .chenning-domain-price p, .chenning-pricing-1 header .plan-title small, .chenning-store-price-1 p.p1, .chenning-product-1 .details span.price, .chenning-testimonials-3 .chenning-testimonials-3-inner p.text i, .chenning-testimonials-3 .chenning-testimonials-3-inner .author small, .chenning-section-color li.tweet-item a, ul.e-color-list li i, .chenning-testimonials-2 p.author span, .chenning-feature-store p strong, .chenning-toggle article header.active .fa-minus, .chenning-category-widget ul li p a:hover i, blockquote .blockquote-inner .fa, p.contact-item i, .chenning-side-navi ul li:hover i, .chenning-pricing-2 .chenning-pricing-2-item .price p, .chenning-partner-1 p.link, .chenning-career-1 .details p.title, .chenning-career-1 header small, .chenning-team-1 .chenning-team-1-details p.role, .chenning-testimonials-inner p.author span, p.used-skills span i, p.project-date i, .chenning-property-1 ul li span, .chenning-single-estate p.price, .chenning-single-estate .chenning-propert-details ul li span, ul.chenning-property-options li .fa-check-circle, .chenning-store-filters p i:hover, .chenning-single-product p.price, .chenning-section-cart ul.order-total li span.total, .payment-option span {
    color: #3D69BC;
}
/*返回顶部*/
#to-the-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    color: #fff;
    /*background-color: #363b3f;*/
    background-color: #3d69bc;
    background-image: url(/templates/Images/back_up.png);
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 10003;
    cursor: pointer;
    display: none;
}
#to-the-top:hover {
    background-color: #043696;
    /*background-image: url(/templates/Images/back_up_hover.png);
    background-position: center center;
    background-repeat: no-repeat;*/
    transition-style: linear;
    transition-duration: 0.2s;
}
/*语言版本切换*/
.language-bar ul  {
    text-align: right;
}
.language-bar li {
    display: inline-block;
    padding: 5px;
}

/*头部*/
.chenning-header {
    position: relative;
}
.chenning-content, .chenning-header, .chenning-footer {
    float: left;
    width: 100%;
    text-align: left;
}
.chenning-header-1 .chenning-header-bg {
    background-color: #fff;
    width: 100%;
    float: left;
    border: 0px solid #e5e5e5;
    border-bottom-width: 1px;
    height: 102px;
}
.chenning-header-sticked {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10001;
    background-color: rgba(255,255,255,1) !important;
}
.chenning-relative {
    position: relative;
    /*display: inline-block;*/
    width: 100%;
}
.chenning-header-1 .chenning-header-bg .chenning-logo {
    float: left;
    height: 100px;
    border: 0px;
    line-height: 100px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.chenning-header-1 .chenning-header-bg .chenning-logo a {
    display: inline-block;
    vertical-align: middle;
}
.chenning-header-1 .chenning-header-bg .chenning-logo a > img {
    display: inline-block;
    vertical-align: middle;
}
/*一级菜单*/
.chenning-header-1 .chenning-header-bg .i_nav {
    width: auto;
    float: right;
    background: #fff;
}
.chenning-header-1 .chenning-header-bg .i_nav > ul, .chenning-header-1 .chenning-header-bg .i_nav li {
    float: left;
    width: auto;
    margin: 0px;
    padding: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.chenning-header-1 .chenning-header-bg .i_nav ul > li {
	float: left;
    width: auto;
    /*padding: 0px 20px;*/
    line-height: 100px;
    border: 0px solid #fff;
    border-left-width: 1px;
    border-right-width: 1px;
    position: relative;
}
.chenning-header-1 .chenning-header-bg .i_nav ul > li:hover {
	border: 0px solid #e5e5e5;
    border-left-width: 1px;
    border-right-width: 1px;
	background: #f2f2f2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.chenning-header-1 .chenning-header-bg .i_nav > ul > li > a {
    padding: 0px 20px;
    font-size: 110%;
    display: block;
    text-decoration: none;
}
.chenning-header-1 .chenning-header-bg .i_nav > ul > li > a.navactive {
    color:#3D69BC;
    background-color: #f2f2f2;
}
.chenning-header-1 .chenning-header-bg .i_nav a {
    text-transform: capitalize;
    position: relative;
    z-index: 10;
}

/*二级菜单*/
.chenning-header-1 .chenning-header-bg .i_nav > ul > li > ul {
    position: absolute;
   
    left: 0px;
    top: 101px;
    display: none;
    width: 200px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 10;
}
.chenning-header-1 .chenning-header-bg .i_nav > ul > li:last-child > ul {
	left: -100px;
    top: 101px; 
}
.chenning-header-1 .chenning-header-bg .i_nav > ul > li ul > li {
	float: none;
	/*width: 120px;*/
    width: 100%;
	padding: 0;
	margin: 0 auto;
}
.chenning-header-1 .chenning-header-bg .i_nav > ul > li ul > li:hover {
	border: 0;
	background: #fff;
}
.chenning-header-1 .chenning-header-bg .i_nav > ul > li ul > li > a {
	display: block;
    border-top: 0px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 40px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.chenning-header-1 .chenning-header-bg .i_nav > ul > li ul > li > a:hover {
    background-color: #e5e5e5;
    text-decoration: none;
}
.chenning-header-1 .chenning-header-bg .i_nav > ul > li ul > li > a:nth-last-child(2) {
    border-bottom: 0px;
}
@media (max-width: 1200px) and (min-width: 992px) {
    /*导航栏*/
    .chenning-header-1 .chenning-header-bg .i_nav ul > li,
    .chenning-header-3 .chenning-desktop-menu-bg .i_nav > ul > li > a {
        padding: 0;
    }
    .chenning-header-1 .chenning-header-bg .i_nav > ul > li > a {
        padding: 0px 7px;
    }
}
@media (max-width: 992px) and (min-width: 768px) {
    .chenning-header-1 .chenning-top-bar ul.social-btns, 
    .chenning-header-1 .chenning-top-bar .shopping-cart, 
    .chenning-header-1 .chenning-header-bg .i_nav, 
    .chenning-header-2 .chenning-header-bg .social-buttons, 
    .chenning-header-2 .chenning-desktop-menu-bg, 
    .chenning-header-3 .chenning-header-bg .contact-info p.phone,
    .chenning-header-3 .chenning-desktop-menu-bg, 
    img.shadow, .chenning-desktop-breadscrubs {
        display: none;
    }
}
@media (max-width: 768px) and (min-width: 320px) {
     /*头部*/
    .chenning-header-1 .chenning-header-bg {
        height: 75px;
    }
    .chenning-header-1 .chenning-header-bg .chenning-logo {
        height: 75px;
        line-height: 75px;
    }
    .chenning-header-1 .chenning-top-bar ul.social-btns, 
    .chenning-header-1 .chenning-top-bar .shopping-cart, 
    .chenning-header-1 .chenning-header-bg .i_nav, 
    .chenning-header-2 .chenning-header-bg .social-buttons, 
    .chenning-header-2 .chenning-desktop-menu-bg, 
    .chenning-header-3 .chenning-header-bg .contact-info p.phone,
    .chenning-header-3 .chenning-desktop-menu-bg, 
    img.shadow, .chenning-desktop-breadscrubs {
        display: none;
    }
}
/*banner图*/
.chenning-section {
    width: 100%;
    float: left;
    padding-top: 60px;
    padding-bottom: 60px;
}
.chenning-home-slider {
    max-height: 600px;
    padding: 0px;
    /*margin-bottom: 20px;*/
}
.chenning-home-slider .pimg_banner {
    display: block;
}
.chenning-home-slider .pimg_banner .img_span {
    display: block;
}
/*底部*/
.footer {
    float: left;
}

.chenning-footer a {
    color:#fff;
}
.footer-nav > li {
    float: left;
    width: 16.6%;
}

.footer-main-nav > a {
    display: inline-block;
    width: auto;
    margin-bottom: 10px;
    margin-top: 30px;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
}
.footer-nav-sub {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    padding-bottom: 1px;
    position: relative;
}
.footer-nav-sub > a {
    float: left;
    line-height: 35px;
    text-indent: 15px;
    font-size: 110%;
    color: #a3aab2;
    text-transform: capitalize;
    background: url(/templates/Images/icon01.png) no-repeat left center;
}
#com_copyright {
    /*width: 100%;*/
}
#com_copyright > div {
    float: left;
}
#com_copyright > #mobile_qrcode {
    float: right;
}

/*访问统计*/
.jsq {
    text-align: center;
}
.jsq > span {
   display: block;
   margin: 0 auto;
}
/*版权*/
.copyright {
    width: 100%;
    padding: 30px 0;
    margin-top: 60px;
    background: #1e2124;
}
#com_copyright {
    line-height: 80px;
}
.copyright-wechart {
    background: url(/templates/Images/icon05.png) no-repeat right center;
}
.copyright-wechart > div {
    float: left;
    padding: 20px;
}
.copyright-wechart .copyLeft {
    float: left;
}
.copyright-wechart .copyRight {
    float: right;
}
.copyright-wechart .copyRight strong,.copyright-wechart .copyRight em {
    display: block;
}
.copyright-phone > div {
    float: left;
    padding: 20px;
}
.copyright-phone .copyLeft {
    float: left;
}
.copyright-phone .copyRight {
    float: right;
}
.copyright-phone .copyRight strong,.copyright-phone .copyRight em {
    display: block;
}
.othermenubar a {
    padding: 0 5px;
}
/*背景图*/
.m_background {
    float: left;
}
.m_background > span {
    display: block;
}
@media (max-width: 992px) and (min-width: 768px) {
    .footer-nav {
        display: none;
    }
    .copyright {
        padding:10px 0;
        margin: 0;
    }
    .copyright-wechart .copyLeft {
        float: right;
    }
    .copyright-phone .copyLeft {
        float: right;
    }
}
@media (max-width: 768px) and (min-width: 320px) {
    .footer-nav {
        display: none;
    }
    .copyright {
        padding:10px 0;
        margin: 0;
    }
    #com_copyright {
        margin-top: 10px;
        line-height: normal;
        text-align: center;
    }
    #com_copyright > div {
        float: none;
    }
    #com_copyright > #mobile_qrcode {
        float: none;
        margin-top: 10px;
    }
    .copyright-wechart {
        background: none;
    }
    .copyright-wechart .copyLeft {
        float: right;
    }
    .copyright-phone .copyLeft {
        float: right;
    }
}

/*移动端菜单*/
#chenning-mobile-menu-btn, #chenning-mobile-cart-btn {
    position: absolute;
    right: 0px;
    /*right: 200px;*/
    top: 20px;
    width: 40px !important;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #363b3f url(/templates/Images/menu_btn.png) center center no-repeat;
    background-size: 80% auto;
    cursor: pointer;
    z-index: 10008;
    display: none;
}
.chenning-mobile-menu {
    position: fixed;
    right: -200px;
    top: 0px;
    height: 100%;
    width: 200px;
    border-left: 2px solid #3D69BC;
    z-index: 10009;
    display: none;
}
.chenning-mobile-menu h3 {
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    line-height: 40px;
    text-transform: uppercase;
    padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    position: relative;
}
.chenning-mobile-menu .i_nav {
    width: 100%;
    float: left;
    position: relative;
    overflow: auto;
}
.chenning-mobile-menu .i_nav ul li {
    width: 100%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 1px;
    position: relative;
}
.chenning-mobile-menu .i_nav ul li a {
    color: #fff;
    text-transform: capitalize;
    padding-left: 20px;
    float: left;
    line-height: 20px;
    margin: 10px 0px;
}
.chenning-mobile-menu .i_nav ul li a.navactive {
    color:#3D69BC;
}
.chenning-mobile-menu .i_nav ul ul {
    float: left;
    width: 100%;
    /*background-color: rgba(000,000,000,0.2) !important;*/
    display: none;
}
.chenning-mobile-menu .i_nav ul ul > li > a {
    display: block;
    width: 100%;
    padding: 10px 0 10px 20px;
    margin: 0;
    margin-bottom: 1px;
    text-align: left;
    /*border-bottom: 1px solid #ededed;*/
    background-color: rgba(000,000,000,0.2) !important;
}
.chenning-mobile-menu .border, 
.chenning-mobile-cart-list .border {
    width: 100%;
    height: 1px;
    background-color: rgba(255,255,255,0.1);
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 100;
}
.chenning-mobile-menu .i_nav ul li i.glyphicon-plus-sign {
    position: absolute;
    right: 20px;
    top: 0px;
    height: 40px;
    line-height: 40px;
    background: url(/templates/Images/menu_add.png) center center no-repeat;
    background-size: 100% auto;
    cursor: pointer;
}
.chenning-mobile-menu .i_nav ul li i.glyphicon-minus-sign {
    background: url(/templates/Images/menu_sub.png) center center no-repeat;
    background-size: 100% auto;
}
@media (max-width: 992px) and (min-width: 768px) {
    #chenning-mobile-menu-btn, 
    #chenning-mobile-cart-btn, 
    .chenning-mobile-menu, 
    .chenning-mobile-breadscrubs {
        display: block;
    }
}
@media (max-width: 768px) and (min-width: 320px) {
    #chenning-mobile-menu-btn, 
    #chenning-mobile-cart-btn, 
    .chenning-mobile-menu, 
    .chenning-mobile-breadscrubs {
        display: block;
    }
}
/*左边内容区*/
.p_left {
    float: left;
    width: 74%;
    padding: 0 3%;
}
/*右边侧边栏分类模块*/
.p_right {
    float: right;
    width: 20%;
    background-color: #fff;
}
.p_right .sidebar {
    width: 100%;
}
.title04 {
    height: 109px;
    background: url(/templates/Images/icon23.jpg) no-repeat center top;
}
.title04 h3,.title04 .h3 {
    margin: 0;
    padding: 0;
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 24px;
    color: #FFF;
    overflow: hidden;
}
.title04 span {
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #013789;
    text-transform: uppercase;
    overflow: hidden;
}
.hmm-section-downs .sidebar_l {
    /*padding: 15px;*/
    /*background: #f4f4f4;*/
}
.hmm-section-downs .sidebar_l > ul {
    width: 100%;
}
.sidebar_l > ul > li,.sortnavli {
    padding: 0;
    margin: 1px 0 0;
    text-align: left;
    position: relative;
}
.sidebar_l > ul > li,.sortnavli {
    display: block;
    /*height: 40px;*/
    border-radius: 0;
    line-height: 40px;
    /*text-indent: 35px;*/
    color: #FFF;
    font-size: 14px;
    background-color:#3d69bc; 
}
.sidebar_l > ul > li a,.sortnavli a {
    display: inline-block;
    color: #fff;
    line-height: 40px;
    text-align: center;
    text-indent: 35px;
    background: url(/templates/Images/icon26.png) no-repeat 15px center;
}
.sidebar_l > ul > li span,.click_span {
    /*float: right;*/
    position: absolute;
    top:0;
    right: 0;
    display: inline-block;
    padding: 20px;
    width: 17px;
    height: 17px;
    background: url(/templates/Images/icon24.png) no-repeat center center;
    cursor: pointer;
}
.sidebar_l > ul > li:hover {
    background-color: #013789;
}
.sidebar_l > ul > li:hover a {
    text-decoration: none;
    
}
.sidebar_l > ul > li:hover span {
    background: url(/templates/Images/icon25.png) no-repeat center center;
}

.nmdef_container {
    float: left;
    width: 100%;
    padding-top: 20px;
    background-color: #f3f5f8;
}
#com_thenm_list {
    float: left;
    width: 100%;
}
.ullist_sortnav,.sortnavul {
    padding: 15px;
    border-radius: 0;
}
.p_s_li_div0 .sidebar_l > ul > li a {
    display: block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1px;
    text-align: left;
    text-indent: 35px;
    color: #757575;
    background: url(/templates/Images/icon27.png) no-repeat 20px center #e7eaf0;
}
.p_s_li_div0 .sidebar_l > ul > li a span {
    background: none;
}

.p_s_li_div0 {
    display: none;
}
.p_s_li_div0 .click_span {
    display: none;
}
.sidebar_l > ul > .on,.sortnavli.on {
    /*background:  #013789 url(/templates/Images/icon26.png) 15px center no-repeat;*/
    background-color: #013789;
    text-decoration: none;
}
.sidebar_l > ul > .on .click_span,.sortnavli.on .click_span {
    background: url(/templates/Images/icon25.png) no-repeat center center;
}
.sidebar_l > ul > .on .p_s_li_div0 {
    display: block;
}
@media (max-width: 768px) and (min-width: 320px) {
    .p_right {
        width: 100%;
        /*padding: 10px;*/
    }
    .title04 {
        display: none;
    }
    .ullist_sortnav, .sortnavul {
        padding: 0;
    }
    .p_left {
        width: 100%;
        padding: 0;
    }
}
/*详情页*/
.p_about {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.p_n_title {
    margin-bottom: 15px;
    text-align: center;
    font-size: 36px;
}
.remark {
    font-size: 14px;
    color:#333;
}
.download_btn {
    margin-top: 20px;
    text-align: right;
    color:#3d69bc;
}
.download_btn a {
    display: inline-block;
    padding: 5px 20px;
    border:1px solid #3d69bc;
    border-radius: 5px;
    color:#3d69bc;
}
.prevnext {
    float: left;
    margin: 20px 0;
    text-align: left;
}
.prevrecord,.nextrecord {
    display: block;
    margin: 10px;
    font-size: 16px;
    color:#3d69bc;
}
/*分页*/
.pagebar {
    margin: 20px 0;
}
.pagebar > ul {
    text-align: center;
}
.pagebar > ul > li {
    /*float: left;*/
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-right: 4px;
    border: 1px solid #e5e5e5;
    line-height: 28px;
    vertical-align: middle;
}
.pagebar > ul > li a {
    display: block;
    padding: 0 10px;
    cursor: pointer;
}
.pagebar > ul > li:hover {
    color:#fff;
    background-color: #363b3f;
}
.pagebar > ul > li:hover a {
    color:#fff;
    text-decoration: none;
}
/*扩展区一*/
#com_definedkeys_1 {
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#com_definedkeys_1 .pbox01 {
    float: left;
    width: 100%;
    /*background: #ffffff;*/
    margin-bottom: 30px;
   /* -webkit-box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
    -moz-box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
    box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);*/
}

#com_definedkeys_1 .title05 {
    height: 41px;
    background: url(/templates/Images/icon28.jpg) repeat-x left bottom #e7eaf0;
    -webkit-box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
    -moz-box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
    box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
}
#com_definedkeys_1 .title05 h3 {
    float: left;
    margin: 0;
    padding: 0 30px 0 0;
    display: block;
    height: 41px;
    text-align: left;
    line-height: 41px;
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
    background: url(/templates/Images/icon29.png) no-repeat right center #3d69bc;
}
#com_definedkeys_1 .title05 h3 i {
    float: left;
    display: block;
    width: 21px;
    height: 19px;
    margin: 10px 15px 0;
}
#com_definedkeys_1 .title05 h3 i.title05_02 {
    background-image: url(/templates/Images/ticon02.png);
}
#com_definedkeys_1 .title05 h3 i.title05_01 {
    background-image: url(/templates/Images/ticon01.png);
}
#com_definedkeys_1 .title05 span {
    float: right;
    display: block;
    padding-right: 25px;
    line-height: 41px;
    font-size: 14px;
    color: #767b82;
}
#com_definedkeys_1 .ptxt01 {
    padding: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: left;
    color: #767b82;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
    -moz-box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
    box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
}
#com_definedkeys_1 .news01 {
    padding: 25px 30px;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
    -moz-box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
    box-shadow: 2px 2px 2px rgba(222, 222, 222, .5);
}
#com_definedkeys_1 .news01 ul, .news01 li {
    padding: 0;
    margin: 0;
    text-align: left;
}
#com_definedkeys_1 .news01 li {
    width: 100%;
    padding-left: 15px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    background: url(/templates/Images/icon32.png) no-repeat left center;
    list-style: block;
}
#com_definedkeys_1 .news01 li a {
    display: block;
}
#com_definedkeys_1 .news01 li ins {
    float: left;
    color: #ff0000;
    padding: 0 35px;
    text-decoration: none;
    background: url(/templates/Images/icon30.png) no-repeat right center;
}
#com_definedkeys_1 .news01 li a.news01_down {
    display: block;
}
#com_definedkeys_1 .news01 li span {
    float: left;
    color:#333;
}
#com_definedkeys_1 .news01 li span:nth-child(3) {
    float:right;
}
/*扩展区二*/
#com_definedkeys_2 {
    width: 100%;
}
#com_definedkeys_2 .title_3 {
    text-align: center;
    font-size: 24px;
    color:#013789;
}
.title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #013789;
    /*overflow: hidden;*/
}
.title > span {
    display: inline-block;
    padding: 30px 0 20px;
}
.title_sub {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #969aa0;
    text-transform: uppercase;
}
.title_sub > span {
    display: inline-block;
    padding: 10px 0 20px;
}
#com_definedkeys_2 .pnews {
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#com_definedkeys_2 .pnews ul {
    margin: 0;
    padding: 0;
}
#com_definedkeys_2 .pnews li {
    padding: 0 0 30px;
    margin: 0 0 30px;
    border-bottom: 1px solid #e5e5e5;
}
#com_definedkeys_2 .pnews li .pnews_c {
    float: left;
    /* width: 300px; */
    width: 25%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#com_definedkeys_2 .pnews li .pnews_c a {
    display: block;
}
#com_definedkeys_2 .pnews li .pnews_c a img {
    display: block;
    width: auto;
    height: 126px;
    margin: 0 auto;
}
#com_definedkeys_2 .pnews li .pnews_r {
    float: right;
    /* width: 535px; */
    width: 70%;
    height: 116px;
    text-align: left;
    overflow: hidden;
}
/*页面扩展三*/
#com_definedkeys_3 {
    width: 100%;
}
#com_definedkeys_3 .hmm-section {
    /*padding: 40px 0;*/
    background-color: #f3f5f8;
}
#com_definedkeys_3 .case {
    width: 100%;
}
.title01 {
    height: 70px;
}
.title01 h3,.title01 .h3 {
    margin: 0;
    padding: 0;
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 24px;
    color: #013789;
    overflow: hidden;
}
.title01 span {
    display: block;
    width: 100%;
    line-height: 25px;
    text-align: center;
    font-size: 24px;
    color: #969aa0;
    text-transform: uppercase;
    overflow: hidden;
}
#com_definedkeys_3 .case_1 {
    margin-top: 40px;
}
#com_definedkeys_3 .case_1 ul {
    padding: 0;
    margin: 0;
}
#com_definedkeys_3 .case_1 li {
    float: left;
    position: relative;
    width: 49%;
    margin-bottom: 5px;
}
#com_definedkeys_3 .case_1 li:nth-child(2n+1) {
    float: right;
}
#com_definedkeys_3 .case_1 li a {
    display: block;
}
#com_definedkeys_3 .case_1 li a span {
    display: block;
    height: 340px;
    text-align: center;
    overflow: hidden;
}
#com_definedkeys_3 .case_1 li a span img {
    width: 100%;
    height: auto;
}
#com_definedkeys_3 .case_1 li a dl {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    overflow: hidden;
}
#com_definedkeys_3 .case_1 li dl * {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#com_definedkeys_3 .case_1 li dl dt {
    margin-top: 105px;
    text-align: center;
}
#com_definedkeys_3 .case_1 li dl dt > img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}
#com_definedkeys_3 .case_1 li dl dt span{ 
    display:block; 
    text-align:center; 
    margin-top:20px; 
    height:60px; 
    line-height:60px; 
    font-size:20px; 
    color:#FFF; 
    font-weight:normal; 
    background: rgba(1,55,137,0.5);
    overflow: hidden;
}
#com_definedkeys_3 .case_1 li dl dd{ 
    display:none; 
    padding:0 50px; 
    line-height:24px; 
    color:#FFF; 
    text-align:left; 
    font-size:14px; 
    margin-top:10px;
}
#com_definedkeys_3 .case_1 li a:hover dl{ 
    background:rgba(1,55,137,0.5);
}
#com_definedkeys_3 .case_1 li a:hover dl dt{
    margin-top:35px;
}
#com_definedkeys_3 .case_1 li a:hover dl dt span{ 
    background:rgba(1,55,137,0);
    /*background: transparent;*/
}
#com_definedkeys_3 .case_1 li a:hover dl dd{ 
    display:block;
}
#com_definedkeys_3 .sales_1 img {
    display: block;
    margin: 0 auto;
}
#com_definedkeys_3 .sales_1 a:hover {
    text-decoration: none;
}

/*扩展区四*/
#com_definedkeys_4 {
    width: 100%;
}
#com_definedkeys_4 .group_l {
    width: 100%;
}
#com_definedkeys_4 .group_l dl {
    width: 100%;
    /*padding-bottom: 20px;*/
}
#com_definedkeys_4 .group_l dl dt {
    float: left;
    width: 50%;
    min-height: 350px;
}
#com_definedkeys_4 .group_l dl dd {
    float: left;
    position: relative;
    width: 50%;
    min-height: 350px;
    overflow: hidden;
}
#com_definedkeys_4 .group_l dl dd a {
    display: block;
}
#com_definedkeys_4 .group_l dl dt .group_ltxt {
    width: 70%;
    margin: 5% auto 0;
    text-align: left;
}
#com_definedkeys_4 .group_l dl dt .group_ltxt h3 {
    display: block;
    font-size: 36px;
    color: #013789;
}
#com_definedkeys_4 .group_l dl dt .group_ltxt h4 {
    display: block;
    font-size: 24px;
    color: #bfbfbf;
    margin-top: 15px;
    text-transform: uppercase;
}
#com_definedkeys_4 .group_l dl dt .group_ltxt span {
    display: block;
    font-size: 16px;
    color: #575e68;
    line-height: 30px;
    margin-top: 35px;
    font-weight: normal;
}
#com_definedkeys_4 .group_l dl dt .group_ltxt a {
    float: left;
    display: block;
    height: 37px;
    font-size: 18px;
    color: #1a1b1e;
    line-height: 37px;
    padding-right: 50px;
    margin-top: 30px;
    font-weight: normal;
    background: url(/templates/Images/icon13.png) no-repeat right center;
}
#com_definedkeys_4 .group_l dl dd span {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    line-height: 100%;
    text-align: center;
    color: #FFF;
    background: rgba(1,55,137,0.5);
}
#com_definedkeys_4 .group_l dl dd span ins {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -24px;
    margin-left: 0;
    display: inline-block;
    /*margin: 20% auto 0;*/
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    /*padding-right: 60px;*/
    text-decoration: none;
    /*background: url(/templates/Images/icon12.png) no-repeat right center;*/
}
#com_definedkeys_4 .group_l dl dd span ins > img {
    display: inline-block;
    width: 60px;
    height: 60px;
    min-height: inherit;
}
#com_definedkeys_4 .group_l dl dd span ins > em,.group_l dl dd span ins > img {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
#com_definedkeys_4 .group_l dl dd a:hover span {
    display: block;
}
#com_definedkeys_4 .group_l dl dd img {
    /*width:100%;
    max-height: 500px;*/
    /*float: right;*/
    width: 100%;
    min-height: 350px;
    max-height: 500px;
    display: block;
    margin: 0 auto;
}
#com_definedkeys_4 .group_l dl:nth-child(even) dt {
    float: right;
}
/*单页图文*/
.h2_tit {
    float: left;
    display: block;
    width: 100%;
    height: 50px;
    padding: 10px;
    /*margin-bottom: 20px;*/
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color:#013789;
    font-family: "微软雅黑"!important;
    
}
.addWord:hover {
    color:#333;
    text-decoration: none;
}
@media (max-width: 992px) and (min-width: 768px) {
    #com_definedkeys_3 .case_1 li a span {
        height: 290px;
    }
    #com_definedkeys_3 .case_1 li a span img {
        max-width: inherit;
        width: auto;
        height: 100%;
    }
    #com_definedkeys_4 .group_l dl dd img {
        width: auto;
    }
    #com_definedkeys_4 .group_l dl dt .group_ltxt a {
        float: right;
    }
    .remark1 span,.remark1 strong,.remark1 em {
        width: 100%!important;
        z-index: 9999;
    }
    video {
        width: 100%!important;
    }
    #bannerimgswf_content {
        display: none;
    }
    iframe {
        width: 100%!important;
        height: auto!important;
    }
    object {
       width: 100%!important; 
    }
}
@media (max-width: 768px) and (min-width: 320px) {
    .pnews {
        padding: 0;
    }
    .pnews li .pnews_c {
        padding: 0;
    }
    #com_definedkeys_2 .title_3 {
        margin-bottom: 10px;
    }
    /*扩展区*/
    #com_definedkeys_1 {
        padding: 0 10px;
    }
    #com_definedkeys_2 .pnews {
        padding: 0;
    }
    #com_definedkeys_2 .pnews li .pnews_c {
        width: 100%;
    }
    #com_definedkeys_2 .pnews li .pnews_r {
        width: 100%;
        padding: 10px;
    }
    #com_definedkeys_2 .pnews li .pnews_c a img {
        width: 100%;
        height: auto;
    }
    #com_definedkeys_3 .case_1 li {
        width: 100%;
    }
    #com_definedkeys_3 .case_1 li a span {
        height: 220px;
    }
    #com_definedkeys_3 .case_1 li dl dt {
        margin-top: 25px;
    }
    #com_definedkeys_3 .case_1 li a span img {
        width: auto;
        height: 100%;
    }
    #com_definedkeys_4 {
        padding: 10px;
    }
    #com_definedkeys_4 .group_l dl dt {
        width: 100%;
        min-height: inherit;
        padding: 30px 10px
    }
    #com_definedkeys_4 .group_l dl dt .group_ltxt span {
        margin-top: 0;
    }
    #com_definedkeys_4 .group_l dl dd {
        width: 100%;
        min-height: inherit;
    }
    #com_definedkeys_4 .group_l dl dt .group_ltxt {
        width: 90%;
        margin: 0 auto;
    }
    #com_definedkeys_4 .group_l dl dt .group_ltxt a {
        margin-top: 10px;
    }
    #com_definedkeys_4 .group_l dl dd img {
        min-height: inherit;
        max-height: inherit;
    }
    .heng,.p_mission,.p_offer {
        padding: 0 10px;
    }
    .remark1 span,.remark1 strong,.remark1 em {
        width: 100%!important;
        z-index: 9999;
    }
    video {
        width: 100%!important;
    }
    #bannerimgswf_content {
        /*display: none;*/
        width: 100%!important;
        height: auto!important;
    }
    iframe {
        width: 100%!important;
        height: auto!important;
    }
    object {
       width: 100%!important; 
    }
    embed {
        width: 100%!important;
        height: auto!important;
    }
}

.glyphicon-minus-sign::before {
    content: no-close-quote;
}