.loc-title{ font-size: 1.8rem; color: #3e3a39; font-weight: 500; text-transform: uppercase; }
.loc-title-en{ font-size: 1.8rem; color: #848484; margin-top: 10px; text-transform: uppercase; }
.loc-title span{ display: inline-block;}
.loc-title span:last-child{ width: 20px; height: 20px; border-bottom: 4px solid #e23743; }

@media (min-width:400px){
    .loc-title{ font-size: 2.2rem; }
    .loc-title-en{ font-size: 2.2rem; }
    .loc-title span:last-child{ width: 25px; }
}

@media (min-width:600px){
    .loc-title{ font-size: 3rem; }
    .loc-title-en{ font-size: 3rem; }
    .loc-title span:last-child{ width: 30px; }
}

@media (min-width:768px){
    .loc-title{ font-size: 4rem; }
    .loc-title-en{ font-size: 4em; }
    .loc-title span:last-child{ width: 35px; }
}

/* Banner*/
.swiper-container .swiper-pagination-bullet{ 
    background:#fff;
    opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    width: 10px; 
    height: 10px;
}
.swiper-container .swiper-pagination-bullet-active{
    background:url(../images/sites/dot.png); 
    opacity:1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
}
/* Banner End */

/* Welcome */

.welcome-section{ padding-left: 0px; padding-right: 0px; position: relative;}
.welcome-img{ position: absolute; z-index: 100; }
.welcome-img img{ display: block; width: 100%; }

/* Welcome End */

/* Company START */

.company-section{ margin-top: 180px; }
.company-section{ height: 210px; background-color: #595757; position: relative; }
.company-section .loc-section{ margin-top: 40px; margin-bottom: 30px; }
.company-section .loc-title{ color: #ffffff; }
.company-section .loc-title-en{ color: #ffffff; margin-top: 10px;}
.company-section .loc-title span:last-child{ border-color: #ffffff; }
.company-content{ margin-top: -60px; position: relative; }
.company-content .c-img img{ display: block; width: 100%; }
.c-desc{ background-color: #f4f5f5; color: #727171; padding: 20px; padding-top: 40px; }
.c-desc p{ font-size: 1.3rem; line-height: 2.5rem; margin-bottom: 30px; }
.c-desc p:last-child{ margin-bottom: 0; }

@media (min-width:400px){
    .company-section .loc-section{ margin-top: 60px; margin-bottom: 50px; }
    .company-section{ height: 220px; }
    .c-desc p{ font-size: 1.4rem; line-height: 2.6rem; }
}

@media (min-width:600px){
    .company-section{ height: 350px; }
    .company-section .loc-section{ margin-top: 120px; margin-bottom: 35px; }
    .company-section .loc-title-en { font-size: 3rem;  }
    .company-section .loc-title{ font-size: 3rem; font-weight: 500; }
    .c-desc{ padding: 40px; }
    .c-desc p{ font-size: 2rem; line-height: 3rem; margin-bottom: 40px; }
    .company-content{ margin-top: -100px; }
}

@media (min-width:768px){
    .c-desc{ padding: 60px; }
    .c-desc p{ font-size: 2.5rem; line-height: 4rem; margin-bottom: 40px; }
}

@media (min-width:1024px){
    .c-desc{ padding: 68px; }
    .c-desc p{ font-size: 3rem; line-height: 5rem; margin-bottom: 100px; }
}

/* Company END */


/* Product Center */
.product-section .loc-title-en{ color: #3e3a39; margin-top: 50px; }
.product-section .loc-section{ padding-bottom: 10px; }
.product-section .cat-items{ margin-top: 105px; }
.product-section .cat-items li{ width: 100%; position: relative; float: left; margin-bottom: 100px; }
.cat-items .c-item-icon{ position: absolute; top: -68px; width: 100%; }
.cat-items .c-item-icon img { display: block; margin: 0 auto; }
.cat-items .c-item-img img{ display: block; width: 100%; }
.cat-items .pdl{ padding-left: 0px; }
.cat-items .pdr{ padding-left: 0px; }
.cat-items .c-item-text{ 
    width: 100%; 
    margin-top: -35px; 
    position: relative; 
}
.cat-items .c-text{ background-color: #595757; width: 80%; height: 200px; margin: 0 auto; padding: 20px; text-align: center; }
.cat-items .c-text div{ 
    display: inline-block; 
    margin:0 auto;
    font-size: 2.0rem; 
    text-align: center; 
    color: #ffffff;  
    line-height: 3rem;
    border-bottom: 1px solid #e8742b;
}
.c-line{ height: 1px; background-color: #e8742b; display: block; width: 100%; margin:0 auto; }
.cat-items .c-text p{ font-size: 1.5rem; line-height: 2.5rem; color: #ffffff; margin-top: 10px; text-align: center; }
.cat-items .c-text p span{ display: inline-block; }
.cat-items .c-item:hover .c-item-icon img:first-child,.c-item-active .c-item-icon img:first-child{ display: none!important; }
.cat-items .c-item:hover .c-item-icon img:last-child, .c-item-active .c-item-icon img:last-child{ display: block!important; }
.cat-items .c-item:hover .c-text div, .c-item-active .c-text div{ border-color: #ffffff; }
.cat-items .c-item:hover .c-text, .c-item-active .c-text{ background-color: #e8742b; }

@media (min-width:400px){
    .cat-items .c-text div{ font-size: 2.2rem; }
    .cat-items .c-text p{ font-size: 1.7rem; line-height: 2.7rem; margin-top: 10px; }
}

@media (min-width:600px){
    .product-section .cat-items li{ width: 50%; }
    .cat-items .pdl{ padding-left: 15px; }
    .cat-items .pdr{ padding-right: 15px; }
    .product-section .loc-title-en{ margin-top: 80px; }
    .product-section .loc-section{ padding-bottom: 50px; }
    .product-section .loc-title{ font-size: 3rem; }
    .product-section .loc-title-en{ font-size: 3rem; }
    .cat-items .c-text{ padding: 15px; width: 80%; height: 245px; }
    .cat-items .c-text div{ font-size: 2rem; line-height: 4rem; }
    .cat-items .c-text p{ font-size: 1.6rem; line-height: 2.4rem; }
}

@media (min-width:768px){
    .cat-items .c-text div{ font-size: 2.5rem; line-height: 4rem; }
    .cat-items .c-text p{ font-size: 2rem; line-height: 2.8rem; }
}

@media (min-width:950px){
    .cat-items .c-text div{ font-size: 3rem; line-height: 5rem; }
    .product-section .cat-items li{ width: 50%; }
    .cat-items .pdl{ padding-left: 15px; }
    .cat-items .pdr{ padding-right: 15px; }
    .product-section .loc-title-en{ margin-top: 100px; }
    .product-section .loc-section{ padding-bottom: 50px; }
    .product-section .loc-title{ font-size: 4rem; }
    .product-section .loc-title-en{ font-size: 4rem; }
    .cat-items .c-text{ padding: 30px; width: 68%; height: 245px; }
    .cat-items .c-text div{ font-size: 2.8rem; line-height: 4.5rem; }
    .cat-items .c-text p{ font-size: 2rem; line-height: 3rem; }
}

@media (min-width:1024px){
    .cat-items .c-text{ padding: 35px;}
}

/* Product Center End */

/* 服务客户 */
.service-section{ background-color: #eff0f0; }
.customer-items ul li{ display: block; float: left; width: 48%; margin-bottom: 30px;}
.customer-items ul li img{ width: 100%; display: block; }
.customer-items ul li:nth-child(2n){ float: right; }
.service-section .loc-title-en{ color: #3e3a39; }
.service-section .loc-section{ margin-top: 40px; }
.service-section .customer-items{ margin-top: 50px; margin-bottom: 80px; }

@media (min-width:600px){
    .customer-items ul li:nth-child(2n){ float: left; }
    .customer-items ul li{ width: 24%; margin-bottom: 80px; }
    .customer-items ul li{ margin-right: 1.33333%;}
    .customer-items ul li:nth-child(4n){ float: left; margin-right: 0; }
    .service-section .customer-items{ margin-top: 40px; margin-bottom: 40px; }
    .service-section .loc-section{ margin-top: 100px; padding-bottom: 50px; }
    .service-section .loc-title{ font-size: 3rem; }
    .service-section .loc-title-en{ font-size: 3rem; }
}
.customer-service-banner img{ display: block; width: 100%; }

/* 服务客户 END */

/* 联系我们 */

.contact-section .loc-section{ margin-top: 40px; }
.contact-section .contact-details{ margin-top: 50px; margin-bottom: 50px; }
.contact-section .contact-details p{ font-size: 1.3rem; line-height: 1.6rem; margin-bottom: 15px; color: #585757; }

@media (min-width:400px){
    .contact-section .contact-details p{ font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 20px; }
    .contact-section .loc-section{ margin-top: 50px; }
    .contact-section .contact-details{ margin-top: 50px; margin-bottom: 70px; }
}

@media (min-width:500px){
    .contact-section .loc-section{ margin-top: 75px; }
    .contact-section .contact-details{ margin-top: 60px; margin-bottom: 80px; }
    .contact-section .contact-details p{ font-size: 2rem; line-height: 2.6rem; margin-bottom: 20px; }
}

@media (min-width:768px){
    .contact-section .contact-details p{ font-size: 2.8rem; line-height: 3.5rem; margin-bottom: 25px; }
}

@media (min-width:800px){
    .contact-section .loc-section{ margin-top: 80px; }
    .contact-section .contact-details{ margin-top: 70px; margin-bottom: 120px; }
    .contact-section .loc-section{ margin-top: 100px; padding-bottom: 50px; }
    .contact-section .loc-title{ font-size: 4rem; }
    .contact-section .loc-title-en{ font-size: 1.8rem; }
    .contact-section .contact-details p{ font-size: 2.6rem; line-height: 3.3rem; margin-bottom: 20px; }
}

/* 联系我们 END */

/* Footer */

.page-footer{ background-color: #353535; height: 80px; }
.footer-section{ position: relative; }
.flowing-section{ position: absolute; right: 0; top: -20px; }
.flowing-section li{ display:inline-block; }
.flowing-section .flow-title{ color: #8d8d8e; font-size: 1.5rem; text-align: right; padding-right: 10px; padding-bottom: 5px; }
.flowing-section .qr-code{ width: 60px; }
.flowing-section .qr-code img{ display: block; width: 100%; }

@media (min-width:400px){
   .page-footer{ height: 80px; }
   .flowing-section{ top: -25px; }
   .flowing-section .qr-code{ width: 70px; }
   .flowing-section .flow-title{ font-size: 1.8rem; }
}

@media (min-width:600px){
   .page-footer{ height: 140px; }
   .flowing-section{ top: -30px; }
   .flowing-section .qr-code{ width: 100px; }
   .flowing-section .flow-title{ font-size: 2rem; }
}

@media (min-width:768px){
   .page-footer{ height: 150px; }
   .flowing-section{ top: -40px; }
   .flowing-section .qr-code{ width: 120px; }
   .flowing-section .flow-title{ font-size: 2.1rem; }
}

@media (min-width:900px){
   .page-footer{ height: 200px; }
   .flowing-section{ top: -40px; }
   .flowing-section .qr-code{ width: 140px; }
   .flowing-section .flow-title{ font-size: 2.2rem; }
}

/* Footer End */

/* 单页 Banner */

.top-banner{ position: relative; }
.top-banner img{ width: 100%; display: block; }
.top-content{ display: block; position: absolute; color: #ffffff; text-align: center; width: 100%; top: 35%; }
.top-content h1{ font-size: 1.8rem; font-weight: 500; text-transform: uppercase; max-width: 300px; margin: auto; margin-top: 10px;}
.contact-top .top-content{ top: 40%; }

@media (min-width:400px){
    .instroduction-desc .ind-txt p{ font-size: 1.4rem; margin-top: 20px;}
    .top-content{ top: 30%;}
    .top-content h1{ font-size: 2rem; }
}

@media (min-width:600px){
    .top-content h1{ font-size: 4rem; max-width: 500px; margin-top: 40px;}
    .top-content{ top: 30%; }
}

@media (min-width:900px){
    .top-content h1{ font-size: 5rem; max-width: 600px; margin-top: 50px;}
    .top-content{ top: 30%; }
}

/* 单页 Banner 结束 */

/* 公司介绍二级菜单 */
.company-menu{background-color: #eff0f0; }
.company-menu ul li{ float: left; width: 50%;  text-align: center; color: #595757; }
.company-menu ul li a{ padding: 15px 5px; font-size: 1.2rem; display: block; text-transform: uppercase; }
.company-menu ul li a,.company-menu ul li a:active, .company-menu ul li a:visited, .company-menu ul li a:hover,.company-menu ul li a:focus{ color: #595757; }
.active-cat{ background-color: #e83743; color: #ffffff; }
.company-menu ul li.active-cat a,.company-menu ul li.active-cat a:active,.company-menu ul li.active-cat a:visited,.company-menu ul li.active-cat a:hover,.company-menu ul li.active-cat a:focus{ color: #ffffff; }
.instroduction-desc{ margin-top: 50px; margin-bottom: 50px; }
.instroduction-desc .ind-txt p{ font-size: 1.3rem; line-height: 2.5rem; margin-bottom: 30px; color: #727171; }
.instroduction-desc img{ max-width: 100%; display: block; margin: 0 auto; }
.instroduction-desc .f-num{ font-size: 3rem; display: inline-block; margin-left: 20px; color: #3e3a39; }
.instroduction-desc .f-txt{ font-size: 2rem; display: inline-block;}

@media (min-width:400px){
    .instroduction-desc{ margin-bottom: 80px; }
    .company-menu ul li a{ font-size: 1.5rem; }
}

@media (min-width:600px){
    .company-menu ul li{ width: 25%; }
    .instroduction-desc{ margin-bottom: 100px; }
    .company-menu ul li a{ font-size: 1.3rem; padding: 16px 5px; }
    .instroduction-desc .ind-txt p{ font-size: 1.8rem; line-height: 3rem; }
    .instroduction-desc .f-num{ font-size: 3.3rem; margin-left: 60px; }
    .instroduction-desc .f-txt{ font-size: 2.3rem; }
}

@media (min-width:768px){
    .instroduction-desc .ind-txt{ padding: 20px; }
    .instroduction-desc{ margin-bottom: 120px; }
    .company-menu ul li a{ font-size: 1.7rem; padding: 18px 5px; }
    .instroduction-desc .ind-txt p{ font-size: 2rem; line-height: 3.5rem; }
    .instroduction-desc .f-num{ font-size: 4rem; margin-left: 80px; }
    .instroduction-desc .f-txt{ font-size: 2.5rem; }
}

@media (min-width:1024px){
    .instroduction-desc .ind-txt{ padding: 40px; }
    .instroduction-desc{ margin-bottom: 160px; }
    .company-menu ul li a{ font-size: 2.2rem; padding: 20px 5px;}
    .instroduction-desc .ind-txt p{ font-size: 2.8rem; line-height: 4.5rem; }
}

/* 公司介绍二级菜单结束 */

.culture-img-1{ margin-top: 50px; }
.culture-img-2{ margin-bottom: 50px; }
.culture-img-1, .culture-img-2{ display: block; }
.culture-img-1 img, .culture-img-2 img{ display: block; width: 100%; }

@media (min-width:768px){
    .culture-img-1{ margin-top: 80px; }
    .culture-img-2{ margin-bottom: 100px; }
}

@media (min-width:1024px){
    .culture-img-1{ margin-top: 110px; }
    .culture-img-2{ margin-bottom: 150px; }
}

.env-img-1{ margin-top: 50px; }
.env-img-3{ margin-bottom: 50px; }
.env-img-1, .env-img-2,.env-img-3{ display: block; }
.env-img-1 img, .env-img-2 img,.env-img-3 img{ display: block; width: 100%; }

@media (min-width:768px){
    .env-img-1{ margin-top: 80px; }
    .env-img-3{ margin-bottom: 100px; }
}

@media (min-width:1024px){
    .env-img-1{ margin-top: 110px; }
    .env-img-3{ margin-bottom: 150px; }
}

/* 公司荣誉 */

.honor-section{ margin-top: 50px; }
.honor-section{ margin-bottom: 30px; }
.honor-section ul li{ 
    display: block; float: left;
    width: 100%;
    position: relative;
    margin-bottom: 90px;
}

.honor-section ul li:nth-child(2n){
    float: right;
}

.dummy{
    padding-top: 100%;
    border:1px solid #a1a0a0;
    border-bottom: 0;
}
.honor-section img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin:auto;
    padding: 10px;
}
.honor-section .item-name{ 
    position: absolute; 
    height: 60px; 
    line-height: 60px;
    text-align: center;
    font-size: 2rem;
    color: #727171;
    background-color: #f4f5f5; 
    width: 100%; 
    border:1px solid #f4f5f5; 
    -webkit-box-shadow: 5px 5px 8px #ddd;
    -moz-box-shadow: 5px 5px 8px #ddd;
    box-shadow: 5px 5px 8px #ddd;
}

@media (min-width:640px){
    .honor-section{ margin-top: 110px; }
    .honor-section{ margin-bottom: 80px; }
    .honor-section ul li{ margin-bottom: 150px; }
    .honor-section .item-name{ height: 100px; line-height: 100px;  }
}

@media (min-width:700px){
    .honor-section{ margin-top: 110px; }
    .honor-section{ margin-bottom: 80px; }
    .honor-section ul li{ margin-bottom: 150px; }
    .honor-section .item-name{ height: 100px; line-height: 100px;  }
    .honor-section ul li{ width: 48%; }
}

/* 公司荣誉结束 */

/* 产品中心 */
.pro-body{ background-color: #f5f5f5; }
.pro-top-nav{ background-color: #f9f9f9; }
.pro-top-category{ background-color: #eff0f0; padding: 15px 0 15px 0; }
.pro-top-category ul li{ display: block; float: left; width:20%; text-align: center; position: relative;}
.pro-top-category ul li.loc-active:before{content: ''; width: 100%; height: 0px; border-bottom: #e23743 solid 2px; position: absolute; left:0; bottom:-15px;}
.pro-top-category ul li img{ display: block; width: 50%; margin: 0 auto; }
.pro-top-category ul li a span{ display: block; margin-top: 10px; font-size: 1rem; color: #595757; }
.pro-category{ padding-top: 20px; padding-bottom: 20px; }
.pro-category .loc-section .loc-title{ font-size: 2.2rem; }
.production-section{ padding-top: 50px; padding-bottom: 30px; }
.category-sub-nav{ margin-top: 25px; width: 100%; text-align: left; }
.category-sub-nav ul{ display: inline-block; }
.category-sub-nav ul li{ font-size: 1.2rem; color: #595757; line-height: 1.8rem; float: left; margin-bottom: 10px; }
.category-sub-nav ul li a,.category-sub-nav ul li a:active,.category-sub-nav ul li a:visited,.category-sub-nav ul li a:hover{ color: #595757; text-decoration: none; padding: 0 10px 0 15px; }
.category-sub-nav ul li:hover, .category-sub-nav ul li.c-active{ background: url(/images/sites/m-cat-dot.png) no-repeat; background-position: left center; color: #e23743; }
.category-sub-nav ul li:hover a,.category-sub-nav ul li:hover a:visited,.category-sub-nav ul li:hover a:active{ color: #e23743; text-decoration: none; }
.category-sub-nav ul li.c-active a,.category-sub-nav ul li.c-active a:visited,.category-sub-nav ul li.c-active a:active{ color: #e23743; text-decoration: none; }
.pro-items li{ 
    display: block; float: left;
    width: 100%;
    position: relative;
    margin-bottom: 90px;
}
.pro-items li a{ display: block; }

.pro-items li:nth-child(2n){
    float: right;
}

.pro-items .dummy{
    padding-top: 100%;
    border:1px solid #a1a0a0;
    border-bottom: 0;
}
.pro-items img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin:auto;
    padding: 10px;
}
.pro-items .item-name{ 
    position: absolute; 
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    font-size: 1.5rem;
    color: #4d4d4d;
    background-color: #c6c6c6; 
    width: 100%; 
    border:1px solid #c6c6c6; 
    -webkit-box-shadow: 5px 5px 8px #ddd;
    -moz-box-shadow: 5px 5px 8px #ddd;
    box-shadow: 5px 5px 8px #ddd;
}

@media (min-width:450px){
    .pro-category{ padding-top: 50px; }
    .pro-category .loc-section .loc-title{ font-size: 2.5rem; }
    .production-section{ padding-top: 30px; padding-bottom: 40px; }
    .category-sub-nav{ margin-top: 25px; width: 100%; text-align: left; }
    .category-sub-nav ul{ display: inline-block; }
    .category-sub-nav ul li{ font-size: 1.5rem; color: #595757; line-height: 2.8rem; float: left; margin-bottom: 10px; }
}

@media (min-width:640px){
    .pro-top-category{ padding: 20px 0 20px 0; }
    .pro-top-category ul li img{ width: 60%; }
    .pro-top-category ul li a span{ margin-top: 25px; font-size: 1.8rem; }
    .production-section{ padding-top: 110px; padding-bottom: 80px; }
    .pro-items li{ margin-bottom: 150px; }
    .pro-items .item-name{ height: 5rem;  line-height: 5rem;  }
    .category-sub-nav ul li a,.category-sub-nav ul li a:active,.category-sub-nav ul li a:visited,.category-sub-nav ul li a:hover{ padding: 0 20px 0 30px; }
}

@media (min-width:700px){
    .pro-category{ padding-bottom: 30px; }
    .pro-items li{ margin-bottom: 150px; }
    .pro-items .item-name{ height: 5rem;  line-height: 5rem;  font-size: 1.5rem; }
    .pro-items li{ width: 48%; }
}

@media (min-width:768px){
    .pro-top-category{ padding: 20px 0 20px 0; }
    .pro-top-category ul li.loc-active:before{ border-bottom: #e23743 solid 2px; position: absolute; left:0; bottom:-22px;}
    .pro-top-category ul li img{ width: 60%; }
    .pro-top-category ul li a span{ margin-top: 25px; font-size: 2rem; }
    .pro-category{ padding-top: 80px; padding-bottom: 50px; }
    .pro-category .loc-section .loc-title{ font-size: 3.8rem; }
    .category-sub-nav ul li{ font-size: 2rem; color: #595757; line-height: 3.6rem; float: left; margin-bottom: 10px; }
    .category-sub-nav ul li a,.category-sub-nav ul li a:active,.category-sub-nav ul li a:visited,.category-sub-nav ul li a:hover{ padding: 0 20px 0 40px; }
    .pro-items .item-name{ font-size: 1.5rem; }
}

@media (min-width:1024px){
    .pro-top-category{ padding: 40px 0 40px 0; }
    .pro-top-category ul li.loc-active:before{ border-bottom: #e23743 solid 2px; position: absolute; left:0; bottom:-38px;}
    .pro-top-category ul li img{ width: 60%; }
    .pro-top-category ul li a span{ margin-top: 25px; font-size: 2.5rem; }
    .pro-category{ padding-top: 110px; }
    .pro-category .loc-section .loc-title{ font-size: 4.2rem; }
    .category-sub-nav ul li{ font-size: 2.5rem; color: #595757; line-height: 5rem; float: left; margin-bottom: 10px; }
    .category-sub-nav ul li a,.category-sub-nav ul li a:active,.category-sub-nav ul li a:visited,.category-sub-nav ul li a:hover{ padding: 0 20px 0 40px; }
    .pro-items .item-name{height: 6rem; line-height: 6rem; font-size: 2rem; }
}


/* 产品中心结束 */

/* 新闻动态 */
.advantage-icons img{ display: block; width: 100%; }
.adv-items-img{ font-size: 0px; }
.adv-items-img img{ display: block; width: 100%; margin:0 ; }
.oem-items-img{ font-size: 0px; padding-bottom: 20px; background-color: #f5f5f5; }
.oem-items-img img{ display: block; width: 100%; margin:0 ; }

.news-items{ margin-bottom: 20px; }
.news-title img{ display: block; width: 100%; }
.news-items ul li{ width: 100%; background-color: #f4f5f5; margin-bottom: 30px; }
.n-item-img{ width: 100%; float: left; }
.n-item-img img{ display: block; width: 100%; }
.n-item-desc{ width: 100%; float: left; }
.n-item-desc{ padding:15px;}
.n-item-t{ margin-bottom: 8px; font-size: 1.3rem; line-height: 2rem; color: #595757; }
.n-item-d{ margin-bottom: 8px; font-size: 1.3rem; line-height: 2rem; color: #9fa0a0; }
.n-item-c{ margin-bottom: 8px; font-size: 1.3rem; line-height: 2rem; color: #727171; }

@media (min-width:450px){
    .n-item-t{ font-size: 1.6rem; line-height: 2.8rem; }
    .n-item-d{ font-size: 1.6rem; line-height: 2.8rem; }
    .n-item-c{ font-size: 1.6rem; line-height: 2.8rem; }
}

@media (min-width:640px){
    .news-items{ margin-bottom: 30px; }
    .n-item-t{ font-size: 2rem; line-height: 2.5rem; }
    .n-item-d{ font-size: 2rem; line-height: 2.5rem; }
    .n-item-c{ font-size: 2rem; line-height: 2.5rem; }
}

@media (min-width:700px){
    .news-items{ margin-bottom: 40px; }
    .news-items ul li{ padding-top: 10px; padding-bottom: 20px; }
    .n-item-img{ width: 36%; float: left; }
    .n-item-desc{ width: 64%; float: left; }
    .n-item-desc{ padding:5px; padding-left: 3%; padding-right: 2%; }

    .n-item-t{ font-size: 2rem; line-height: 3rem; margin-bottom: 0px; }
    .n-item-d{ font-size: 1.8rem; line-height:2.8rem; margin-bottom: 5px; }
    .n-item-c{ font-size: 1.8rem; line-height: 2.6rem; margin-bottom: 0px; }
}

@media (min-width:1024px){
    .news-items{ margin-bottom: 80px; }
    .news-items ul li{ padding-top: 10px; padding-bottom: 30px; }
    .n-item-img{ width: 36%; float: left; }
    .n-item-desc{ width: 64%; float: left; }
    .n-item-desc{ padding:5px; padding-left: 3%; padding-right: 30px; padding-top: 20px; }

    .n-item-t{ font-size: 2.3rem; line-height: 3.5rem; margin-bottom: 0px; }
    .n-item-d{ font-size: 2rem; line-height: 3.5rem; margin-bottom: 15px; }
    .n-item-c{ font-size: 2.3rem; line-height: 3.5rem; margin-bottom: 0px; }
    .news-items ul li{ margin-bottom: 50px; }
}

.nd-content img{ max-width: 100%; display: block; margin:0 auto; }
.nd-content,
.nd-content p,
.nd-content *{ font-size: 1.4rem; line-height: 2.3rem; color: #727171; }
.nd-content p{ margin-bottom: 20px; margin-top: 20px; }

.news-details-content{ margin-top: 50px; margin-bottom: 50px; }
.news-details-content .nd-title{ text-align: center; color: #595757; font-size: 1.5rem; line-height: 2rem; margin-bottom: 8px; }
.news-details-content .nd-date{ text-align: center; color: #9fa0a0; font-size: 1.3rem; line-height: 2.3rem; margin-bottom: 30px; }
.news-details-content .nd-content,
.news-details-content .nd-content p, 
.news-details-content .nd-content *{ font-size: 1.4rem; line-height: 2.3rem; color: #727171; }
.news-details-content .nd-content p{ margin-bottom: 20px; margin-top: 20px; }

a.nd-go-back{ 
    width: 100%; 
    height: 40px; 
    line-height: 40px; 
    text-align: center; 
    display: block; 
    background-color: #e23743; 
    font-size: 1.5rem; 
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 30px;
    margin-top: 30px;
    text-transform: uppercase;
}
a.nd-go-back:hover,
a.nd-go-back:active,
a.nd-go-back:visited,
a.nd-go-back:focus{ color: #ffffff; text-decoration: none; }

.case-show-gallery{width:100%; height: auto; margin:0px auto;background:#fff; position:relative; display:table;}
.case-show-gallery .web-center{ width:100%; max-width:1024px; margin:0px auto; display:table;color:#fff; line-height:35px; font-size:18px;}
.case-show-gallery .web-center p{ width: 100%; margin:0px auto;}
.case-show-gallery .web-center p span.imageMemo{color: #777; text-align: center; display: block;}
.case-show-gallery .web-center p img{ max-width:100%; display: block; margin:0px auto; margin-top:38px;}

@media (min-width:450px){
    .news-details-content{ margin-top: 60px; margin-bottom: 60px; }
    .news-details-content .nd-title{ font-size: 1.8rem; line-height: 3.3rem; }
    .news-details-content .nd-date{ font-size: 1.5rem; line-height: 2.8rem; margin-bottom: 40px; }
    .news-details-content .nd-content,
    .news-details-content .nd-content p, 
    .news-details-content .nd-content *{ font-size: 1.6rem; line-height: 2.8rem; }
    .news-details-content .nd-content p{ margin-bottom: 20px; margin-top: 30px; }
    a.nd-go-back{ height: 50px; line-height: 50px; font-size: 1.8rem; }
}

@media (min-width:768px){
    .news-details-content{ margin-top: 80px; margin-bottom: 80px; }
    .news-details-content .nd-title{ font-size: 2.6rem; line-height: 5rem; }
    .news-details-content .nd-date{ font-size: 1.8rem; line-height: 3.6rem; margin-bottom: 60px; }
    .news-details-content .nd-content,
    .news-details-content .nd-content p, 
    .news-details-content .nd-content *{ font-size: 1.8rem; line-height: 3.5rem; }
    .news-details-content .nd-content p{ margin-bottom: 40px; margin-top: 40px; }
    a.nd-go-back{ height: 80px; line-height: 80px; font-size: 2.3rem; width: 500px; margin:0 auto; margin-top: 50px; margin-bottom: 35px; }
}

@media (min-width:1024px){
    .news-details-content{ margin-top: 100px; margin-bottom: 80px; }
    .news-details-content .nd-title{ font-size: 3.3rem; line-height: 6rem; }
    .news-details-content .nd-date{ font-size: 2rem; line-height: 4rem; margin-bottom: 80px; }
    .news-details-content .nd-content,
    .news-details-content .nd-content p, 
    .news-details-content .nd-content *{ font-size: 2.5rem; line-height: 4rem; }
    .news-details-content .nd-content p{ margin-bottom: 40px; margin-top: 40px; }
    a.nd-go-back{ height: 100px; line-height: 100px; font-size: 2.6rem; width: 500px; margin:0 auto; margin-top: 80px; margin-bottom: 50px; }
}

/* 新闻动态结束 */

.contact-container{ margin-bottom: 20px; margin-top: 50px; }
.hot-tel{ color: #e23743;}
.hot-tel .f-title{ margin-bottom: 5px; font-size: 1.3rem; }
.hot-tel .f-tel{ font-size: 1.8rem; font-weight: 600; margin-bottom: 10px; }
.contact-container .contact-details{ margin-bottom: 20px; }
.contact-container .contact-details p{ color: #727171; font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 10px; }
.contact-map img{ display: block; width: 100%; }
a.tel-btn{ 
    width: 100%; 
    height: 40px; 
    line-height: 40px; 
    text-align: center; 
    display: block; 
    background-color: #e23743; 
    font-size: 1.5rem; 
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 30px;
    margin-top: 20px;
}
a.tel-btn:hover,a.tel-btn:active,a.tel-btn:visited,a.tel-btn:focus{ color: #ffffff; text-decoration: none; }
.contact-form-section .loc-title{ font-size: 1.8rem; }
.contact-form-section .loc-title span:last-child{ width: 25px; }
.contact-frm{ margin-top: 130px; }
.form-section{ height: 475px; padding-top:55px; position: relative;}
.form-box{ width: 100%; height: 370px; background-color: #ffffff; }
.form-img{ position: absolute; right: 60px; top: 45px; }
.form-img img{ display: block; }
.frm-contorl{ position: relative; margin-bottom: 20px; }
.frm-contorl input{ height: 60px; border: 1px solid #d8d8d8; width: 100%; padding-left: 85px; padding-right: 50px; font-size: 18px; }
.frm-contorl textarea{ height: 150px; border: 1px solid #d8d8d8; width: 100%; padding-left: 20px; padding-right: 50px; padding-top: 50px; font-size: 18px; }
.frm-contorl .frm-label{ position: absolute; height: 60px; line-height: 60px; left: 20px; color: #8e8d8d; }
.frm-contorl .frm-icon{ position: absolute; height: 60px; line-height: 60px; right: 20px; font-size: 0px;}
.frm-contorl .frm-icon img{ display: inline-block; }
.form-section .btn-submit{ 
    width: 100%; 
    font-size: 1.5rem; 
    background-color: #e23743; 
    color: #ffffff; 
    outline: none; 
    box-shadow: none;
    border-color: #e23743;
    border-radius: 0;
}
.form-section .btn-submit:focus{
    outline: none; 
    box-shadow: none; 
    background-color: #ea9aa0; 
    border-color: #ea9aa0; 
    color: #ffffff;
}

@media (min-width:450px){
    .contact-container{ margin-top: 40px; }
    .hot-tel .f-title{ margin-bottom: 10px; font-size: 1.8rem; }
    .hot-tel .f-tel{ font-size: 2.6rem; font-weight: 600; margin-bottom: 30px; }
    .contact-container .contact-details{ margin-bottom: 30px; }
    .contact-container .contact-details p{ font-size: 1.5rem; line-height: 1.8rem; margin-bottom: 15px; }
    .contact-form-section .loc-title{ font-size: 2.5rem; }
    .contact-form-section .loc-title span:last-child{ width: 30px; }
    .form-section .btn-submit{ height: 50px; line-height: 35px; font-size: 1.8rem; }
    a.tel-btn{ height: 50px; line-height: 4.2rem; font-size: 1.8rem; }
    .frm-contorl textarea{ padding-left: 20px; padding-top: 50px; height: 150px;  }
    .contact-form-section{ margin-top: 30px; }
}


@media (min-width:600px){
    .contact-container{ margin-top: 40px; }
    .hot-tel .f-title{ margin-bottom: 10px; font-size: 1.8rem; }
    .hot-tel .f-tel{ font-size: 3rem; font-weight: 600; margin-bottom: 30px; }
    .contact-container .contact-details{ margin-bottom: 30px; }
    .contact-container .contact-details p{ font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 20px; }
    .contact-form-section .loc-title{ font-size: 2.5rem; }
    .contact-form-section .loc-title span:last-child{ width: 30px; }
    .form-section .btn-submit{ height: 50px; line-height: 50px; font-size: 1.8rem; }
    a.tel-btn{ height: 50px; line-height: 4.2rem; font-size: 1.8rem; }
    .frm-contorl textarea{ padding-left: 20px; padding-top: 50px; height: 150px;  }
    .contact-form-section{ margin-top: 30px; }
}

@media (min-width:768px){
    .contact-container{ margin-top: 80px; }
    .hot-tel .f-title{ margin-bottom: 10px; font-size: 2.5rem; }
    .hot-tel .f-tel{ font-size: 4rem; font-weight: 600; margin-bottom: 40px; }
    .contact-container .contact-details{ margin-bottom: 40px; }
    .contact-container .contact-details p{ font-size: 2.2rem; line-height: 3rem; margin-bottom: 25px; }
    .contact-form-section{ margin-top: 20px; margin-bottom: 40px; }
    .contact-form-section .loc-title{ font-size: 3rem; }
    .contact-form-section .loc-title span:last-child{ width: 40px; }
    .form-section .btn-submit{ height: 55px; line-height: 35px; font-size: 2rem; }
    a.tel-btn{ height: 80px; line-height: 80px; font-size: 2.3rem; width: 500px; margin:0 auto; margin-top: 50px; margin-bottom: 35px; }
    .frm-contorl .frm-label{ font-size: 2rem; }
    .frm-contorl input{ padding-left: 135px; }
    .frm-contorl textarea{ padding-left: 20px; padding-top: 50px; height: 150px;  }
    .form-section{ height: 525px; }
}

@media (min-width:1024px){
    .contact-container{ margin-top: 100px; }
    .contact-form-section .loc-title{ font-size: 4rem; }
    .contact-form-section .loc-title span:last-child{ width: 40px; }
    .hot-tel .f-title{ margin-bottom: 10px; font-size: 3rem; }
    .hot-tel .f-tel{ font-size: 5rem; font-weight: 600; margin-bottom: 50px; }
    .contact-container .contact-details{ margin-bottom: 50px; }
    .contact-container .contact-details p{ font-size: 2.5rem; line-height: 3rem; margin-bottom: 35px; }
    .form-section .btn-submit{ font-size: 2.5rem; }
    .form-section{ height: 575px; }
}