@charset "utf-8";
/*wap*/
@media screen and (min-width:0px) and (max-width:1023px) {
html, body {
margin:0 auto;
}
html {
font-size:62.5%
}
.pc {
display:none !important;
}
.wap {
display:block !important;
}
.icon {
font-family:iconfont;
}
span {

}
.wrap {
max-width: 96%;
 margin: 0 auto;
}
input {
-webkit-user-select:text !important;
display:block;
cursor:pointer;
}
button {
display:block;
cursor:pointer;
}
img {
display:block;
}
a {
cursor:pointer;
}
em, i, p {
line-height:100%;
}
 .h50 {
 height:10px;
}
.h60 {
 height:10px;
}
.h80 {
 height:10px;
}
 @media only screen and (min-width:321px) {
html {
font-size:62.5%!important
}
}
@media only screen and (min-width:361px) {
html {
font-size:70.31%!important
}
}
@media only screen and (min-width:376px) {
html {
font-size:73.24%!important
}
}
@media only screen and (min-width:481px) {
html {
font-size:94%!important
}
}
@media only screen and (min-width:561px) {
html {
font-size:109%!important
}
}
@media only screen and (min-width:641px) {
html {
font-size:125%!important
}
}
 .home-banner .vehicle .text .urlan {
 margin: 0 auto;
}
/* --- 栏目 --- */
.page-column {
text-align:center;
margin-top:5px;
margin-bottom:5px;
}
.page-column h2 {
text-align:center;
margin-bottom:.8rem;
font-size:1.6rem;
font-weight:normal;
}
.page-column h2 b {
color:#ff0000;
}
.page-column p {
font-size:.9rem;
color:#888;
line-height:180%;
}




/* --- 头部 - 显示 --- */
.page-header {
position:fixed;
left:0;
top:0;
width:100%;
height:4.85rem;
z-index:600;
transition:all .3s;
padding:0 1.5rem;
}
.page-header .wrap {
display:flex;
align-items:center;
height:100%;
}

/* logo */
.page-header .logo {
width:9.7rem;
}
.page-header .logo a.show {
display:block;
}
.page-header .logo a.hide {
display:none;
}

/* 在线商城 */
.page-header .mall {
background:url(../cnimages/shopping.png) no-repeat 0 center;
margin-left:auto;
padding-left:2rem;
}
.page-header .mall a {
color:#fff;
font-size:1.2rem;
}


/* 语言 */
.page-header .language {
margin-left:1.5rem;
font-size:1.2rem;
}
.page-header .language a {
color:#fff;
}

/* 导航 */
.page-header .page-nav {
width:2.5rem;
height:100%;
margin-left:2rem;
position:relative;
}

/* 导航 - 显示 */
.page-header .page-nav .show {
top:0;
background:url(../cnimages/wap-nav1.png) no-repeat 0 center;
width:100%;
height:100%;
}

/* 导航 - 隐藏 */
.page-header .page-nav .hide {
width:16.5rem;
background:#fff;
position:fixed;
height:100%;
right:-16.5rem;
top:0;
padding:1.5rem;
transition:all .3s;
}
 .page-header .page-nav .hide dl {
}
.page-header .page-nav .hide dt {
height:3.75rem;
padding-left:1.5rem;
display:flex;
align-items:center;
font-size:1.2rem;
position:relative;
border-bottom:1px solid #D2D2D2;
}
.page-header .page-nav .hide dt:after {
content:"";
background:url(../cnimages/jia.svg) no-repeat right center;
background-size:1.2rem 1.2rem;
width:3.75rem;
height:3.75rem;
position:absolute;
right:1.5rem;
top:0;
}
.page-header .page-nav .hide dl dt.current {
color:#ff0000;
}
.page-header .page-nav .hide dl dt.current:after {
background:url(../cnimages/jian.svg) no-repeat right center;
background-size:1.2rem 1.2rem;
}
.page-header .page-nav .hide dd {
padding-left:1.5rem;
padding-bottom:1rem;
padding-top:1rem;
display:none;
}
.page-header .page-nav .hide dd em {
display:block;
line-height:2.5rem;
font-size:1rem;
}
 .page-header .page-nav .hide dd em a {
 display: block;
}
.page-header .page-nav .hide .close {
position:absolute;
left:-2.5rem;
top:0;
background:url(../cnimages/close.svg) no-repeat 0 center;
background-size:2rem 2rem;
width:2.5rem;
height:4.85rem;
display:none;
}





/* --- 头部 - 滑动 --- */
.page-header.slide {
background:#e00000;
border-bottom:1px solid #e5e5e5;
}

/* logo */
.page-header.slide .logo a.hide {
display:block;
}
.page-header.slide .logo a.show {
display:none;
}

/* 导航 */
.page-header.slide .page-nav li .link {
color: #000;
}
.page-header.slide .page-nav li .link.now {
color:#ff0000;
}
.page-header.slide .page-nav li .link:hover {
color:#ff0000;
}

/* 在线商城 */
.page-header.slide .mall a {
color:#000;
}

/* 语言 */
.page-header.slide .language a {
color:#fff;
}
 .page-header.slide .show {
 top:0;
background:url(../cnimages/wap-nav1.png) no-repeat 0 center;
width:100%;
height:100%;
}
.home-About {
 background:#fff;
 overflow:hidden;
 padding: 20px 0 20px 0;
}
 .About_left {
 width: 100%;
 max-width: 720px;
 position: inherit;
 float:inherit;
}
 .about_left_img img {
 width: 100%;
}
.About_left ul li {
 float: left;
 text-align: center !important;
 width:25%;
 margin-top: 10px;
}
.About_left ul li img {
 width: 60px;
 height: 60px;
 display: block;
 margin: 0 auto;
}
.About_right {
 width:100%;
 height: auto;
 background: #f5f5f5;
 margin-top: 10px;
 padding: 10px;
float: inherit;
}
 .span_title {
 color: #222;
 font-size: 1.6rem;
line-height:30px;
font-weight:bold;
}
 .About_right p {
 color: #333;
 font-size: 1rem;
 line-height: 28px;
}
 .Link_more {
 margin-top: 10px;
margin-bottom:20px;
float: inherit;
}
.Link_more a {
 display: block;
 max-width: 250px;
 margin: 0 auto;
 box-sizing: border-box;
 border: 1px solid #ccc;
 text-align: center;
 text-transform: uppercase;
 border-radius: 30px;
 letter-spacing: 1px;
 padding: 10px 20px;
}
.Link_more span {
 display: inline-block;
 -webkit-transition: all .5s;
transition: all .5s;
}
.Link_more a, Link_more a:link {
 color: #fff;
}
.Link_more a:hover {
 background-color: #e00000;
 color: #fff;
 border-color: #f79100;
}
.Link_more a:hover span {
 -webkit-transform: rotateX(360deg);
 transform: rotateX(360deg);
}

/* --- 产品 --- */


.home-Product {
overflow:hidden;
padding: 20px 0 20px 0;
background:url(../cnimages/home-merit.jpg) no-repeat;
background-size:cover;
background-attachment: inherit;
}
 .mservebox ul {
 margin:0 auto;
}
 .mservebox ul li {
 margin:0 auto;
width:50%;
float:left;
}


/* --- 产品 --- */
.pro_content {

}
 .pro_content ul li {
 width: 49%;
float:left; background:#FFF
}
 .pro_content ul li:nth-child(2n) {
 float:right;
}
.pro_content ul li .pic {
 
}

.pro_content ul li .pic a {
 display: flex;
 align-items: center;
 padding: 0% 0% 0px 0%;
 justify-content: center;
}
.pro_content ul li .text h3 {
 font-size:1.2rem;
line-height:30px;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 width: 90%;
text-align:center;
 margin: 0 auto 0px auto;
}


/* --- 案例 --- */
.home-Case {
 padding: 0 inherit;
 overflow: hidden;
background:#fff;
padding: 20px 0 20px 0;
}
 .home-Case .content ul li {
 width: 48%;
margin:1%
}
.home-Case .content ul li .pic a {
 display: flex;
 align-items: center;
 padding: 0% 0% 0px 0%;
 justify-content: center;
}
.home-Case .content ul li .text h3 {
 font-size:1.2rem;
line-height:30px;
 display: block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 width: 90%;
text-align:center;
 margin: 0 auto 0px auto;
}

/* --- 在线留言 --- */

.home-Message {
overflow:hidden;
background:#f5f5f5;
padding: 20px 0 20px 0;
}
.lylist {
 width: 100%;
}
.lylist input, .lylist textarea, .lylist button {
 border-radius: 5px;
 border: none;
 font-size: 14px;
}
.lylist input {
 width: 100%!important;
 margin: 10px 0px 0 0!important;
}
.lylist .lytitle {
 width: 99%;
 height: 52px;
 line-height: 52px;
 padding: 0 0 0 30px;
 background: #fff;
}
.lylist .inp_name {
 width: 48%;
 height: 52px;
 line-height: 52px;
 padding: 0 0 0 30px;
 margin: 20px 0px 0 0;
 background: #fff;
 float: left;
}
.lylist .inp_tel {
 width: 49%;
 height: 52px;
 line-height: 52px;
 padding: 0 0 0 30px;
 float: right;
 margin: 20px 13px 0 0;
 background: #fff;
}
.lylist .inp_neirong {
 width: 100%;
 height: 150px;
 line-height: 35px;
 padding: 0 0 0 30px;
 margin: 10px 0px 0 0;
 background: #fff;
}
.lylist .vcode {
 width: 100%;
 height: 52px;
 line-height: 52px;
 padding: 0 0 0 30px;
 margin: 12px 0px 0 0;
 background: #fff;
}
.lylist .submit {
 width: 49%;
 text-align: center;
 background: #d40000;
 height: 52px;
 line-height: 52px;
 color: #fff;
 font-size: 16px;
 float: right;
 margin: 12px 13px 0 0;
}
.lylist .submit:hover {
 cursor: pointer;
}
.yanzhengm img {
 position: absolute;
 top: 25px;
 right: 15px;
}
.yanzhengm {
 width: 100%;
 float: left;
 position: relative;
}
/*在线留言结束*/



/* --- 底部 --- */
.page-footer {
background:#000;
padding:1.5rem;
}

/* logo */
.page-footer .logo {
display:none;
}

/* 地图 */
.page-footer .map {
margin:0 auto;
width:100%;
}
.page-footer .map dl {
width:100%;
}
.page-footer .map dl dt {
color:#fff;
height:3.75rem;
border-bottom:1px solid #2B2B2B;
display:flex;
align-items:center;
font-size:1.2rem;
position:relative;
margin-bottom: 2px;
}
.page-footer .map dl dt:after {
content:"";
position:absolute;
right:0;
top:0;
height:3.75rem;
width:3.75rem;
background:url(../cnimages/jia-white.svg) no-repeat center center;
background-size:1.2rem 1.2rem;
}
.page-footer .map dl dt.current {
color:#ff0000;
}
.page-footer .map dl dt.current:after {
content:"";
position:absolute;
right:0;
top:0;
height:3.75rem;
width:3.75rem;
background:url(../cnimages/jian-white.svg) no-repeat center center;
background-size:1.2rem 1.2rem;
}
.page-footer .map dl dd {
display:none;
padding-top:1rem;
}
.page-footer .map dl dd em {
display:block;
font-size:1.2rem;
line-height:200%;
}
.page-footer .map dl dd em a {
color:#888;
}


/* 联系 */
.page-footer .contact {
text-align:center;
margin-top:2.5rem;
display: none;
}
.page-footer .contact .tel p {
font-size:1.4rem;
color:#fff;
margin-bottom:1rem;
}
.page-footer .contact .tel p:last-child {
color:#ff0000;
font-size:1.8rem;
}
.page-footer .contact .shop {
display:none;
}



/* --- 版权 --- */
.copyright {
background:#000;
overflow: hidden;
}
.copyright .box {
border-top:1px solid #191919;
overflow: hidden;
color:#888;
font-size:.9rem;
text-align:center;
padding:1.5rem 0;
}
.copyright .box .left {
 margin-right: auto;
}
.copyright .box .right {
 display:none
}
.copyright .box .right a {
}
 .page-path {
 margin-top:4.85rem;;
}


/* --- 位置 --- */
.page-path {
height:40px;
line-height:40px;
margin-top:53px;
background:#eee;
}
.page-path .wrap {
display:flex;
align-items:center;
}

/* 分类 */
.page-path .type {
display:flex;
align-items:center;
}
.page-path .type a {
font-size:14px;
padding: 0 20px;
text-align:center;
display:block;
position:relative;
}
.page-path .type a:after {
content:"";
height:13px;
background:#C4C4C4;
position:absolute;
right:0;
top:24px;
width:1px;
}
 .page-path .type a.on {
 color: #d40000;
}
/* 位置 */
.page-path .path {
 font-size:14px;
background:url(../cnimages/path.png) no-repeat 0 center;
padding-left:20px;
color:#666;
float:left;
text-align:left;
}


/* aboutMenu */

.aboutMenu {
 padding: 15px 0 15px 0;
}
.aboutMenu li {
 font-size: 14px;
 height: 30px;
 line-height: 30px;
 margin-left: 2px;
 width: 30%;
}
.aboutMenu li.on a {
 background: #ff0000;
 border: 1px solid #ff0000;
 color: #fff;
}
.aboutMenu li a:hover {
 background: #ff0000;
 border: 1px solid #ff0000;
 color: #fff;
}
.aboutMenu li a {
 color: #333;
 text-decoration: none;
 display: block;
 background: #fff;
 border-radius: 50px;
 border: 1px solid #ddd;
}
.aboutMenu li:first-child {
 margin-left: 0;
}
.aboutMenu li.cur a {
 color: #fff;
}
.aboutMenu li:hover a {
 color: #fff;
}

.body_left{width:100%; float: inherit;}
.body_right{width:100%; float: inherit;}


/*右侧*/



.BigClass {
 height: 30px;
 line-height: 30px;
 margin-bottom: 10px;
 font-size: 14px;
 width: 49%; float:left;
}

.BigClass:nth-child(2n) {
 width: 49%;
 height: auto;
 float: right;
}
.BigClass a {
 display: block;  padding-left: 10px;
}
.BigClass:hover {
 background:#ff0000;
 cursor: pointer;
}


.body_left_contact { 
display:none;
}
.body_left_contact span {
 color: #333;
 font-size: 24px;
 font-family: "黑体"; 
} 
.body_left_contact p {
 color: #333;
 font-size: 14px;
 line-height: 28px;
}



/*产品列表*/


/* productMenu */

.productMenu {
 padding: 10px 0 0;
}
.productMenu li {
 display: inline-block;
*display: inline;
 font-size: 16px;
 color: #333333;
 height: 30px;
 line-height: 30px;
 margin-left: 1%;
 margin-bottom:5px;
 width: 48%;
 text-align: center;
}
.productMenu li.on a {
 background: #d40000;
 border: 1px solid #d40000;
 color: #fff;
}
.productMenu li a:hover {
 background: #d40000;
 border: 1px solid #d40000;
 color: #fff;
}
.productMenu li a {
 color: #333;
 text-decoration: none;
 display: block;
 background: #fff;
 border-radius: 15px;
 border: 1px solid #ddd;
}
 .propath {
 width: 100%;
 float: none;
}
.productlist {
 padding: 10px 0 10px 0;
 overflow: hidden;
}
.content {
 overflow: hidden;
}
.productlist .content ul {
 display: block;
}
.productlist .content ul li {
 width: 48%;
}
 .productlist .content ul li .text h3 {
 font-size: 14px;
 width: 90%;
}




/*案例列表*/
.Caselist {
 padding: 10px 0 10px 0;
 overflow: hidden;
}
.Caselist .content ul li {
 width: 48%;
padding: 0%;
}
.Caselist .content ul li .pic a {
 display: flex;
 align-items: center;
 padding:0% 0% 10px 0%;
 justify-content: center;
}
 .Caselist .content ul li .text h3 {
 font-size: 14px;
 margin: 0 auto 5px auto;
 width: 90%;
}
.Caselist .content ul li .text p {
 color: #888;
 font-size: 14px;
 line-height: 20px;
 height: 40px;
 padding: 0 15px;
}


/*内页*/
._head ._title {
 font-size: 24px;
 font-weight: bold;
 color: #000000;
 margin-bottom: 5px;
}
._tools {
 font-size: 0;
 color: #5a5a5a;
 margin-bottom: 0px;
}
.myart {
 line-height: 2;
 min-height: inherit;
 font-size: 14px;
 color: #5a5a5a;
}
.myart img {
 width:100%
}
 .news_sx {
 padding: 0 10px;
 height: auto;
 line-height: 30px;
 color: #999;
 font-size: 14px;
 margin-top:10px;
}
.news_sx a {
 color: #666;
 font-size: 14px;
}
.n_s {
 width: 100%;
 float: left;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.n_x {
 width: 100%;
 float: left;
 text-align: left;
 hite-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

/*内页 end*/

/*分页样式开始*/
.pages {
 margin: 10px 0;
 width: 100%;
 clear: both;
}
.pages .pagination {
 width: 100%;
 text-align: center!important;
 display: block;
}
.pages .pagination li {
 display: inline-block;
 border: 1px solid #dbdbdb;
 border-radius: 100%;
 margin: 0 2px;
}
.pages .pagination li.active {
 background: #d40000;
 border: 1px solid #d40000;
}
.pages .pagination li.active a {
 color: #fff;
}
.pages .pagination li a {
 display: block;
 height: 25px;
 line-height: 25px;
 font-size: 14px;
 color: #888;
 width: 25px;
}
/*分页样式结束*/


 .mainCon {
 font-size: 15px;
 line-height: 30px;
 color: #333;
 padding: 10px;
}
.mainCon p {
 font-size: 15px;
 line-height: 25px;
margin:0 auto;
}

.neiban-lianxi {

    height: 500px; margin-top: 0px;
}
.lianxi-con {
    padding: 3rem 1.5rem;
}
.contact-tit {
    font-size: 1.4rem;
    padding-bottom: 25px;
    margin-bottom: 10px;
    position: relative;
}
.pi {
    width: 100%;
    box-sizing: border-box;
}
.ewm {
    display: none;
}

}
 @media screen and (max-width:768px) {
 .page-header .mall {
}
 .home-banner .vehicle .text {
 margin-bottom: 1.5rem;
}
 .home-banner .vehicle .pic {
 width: 100%;
}
 .home-banner .vehicle .pic img {
 height: 589px;
width: auto
}
 .product-relevant .content ul li {
 width: 100%;
 margin: 2% 0;
}
	/* 介绍 - 名称*/
.product-brief .about .name h1 {
font-size:1.6rem;
margin-bottom:1rem;
font-weight:bold;
}
 .product-relevant {
 padding: 1.5rem;
}
 .home-solution .photo .right {
 margin-left: auto;
 width: 42%;
}
 .home-merit li {
 float: none;
 width: 100%;
 border-top: 1px solid #e9e9e9;
 border-bottom: none;
 border-right: none;
 display: flex;
 padding: 1.5rem 0;
}
 .page-footer .map dl {
 width: 100%;
}
}
@media screen and (max-width:640px) {
.neiban-lianxi {
    height: 400px;
}
.pi p {
    float: left;
    width: 100%!important;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    margin: 5px 0px;
}
.neiban-lianxi, .neiban,.page-path {
    margin-top: 0px;
}
}

@media screen and (max-width:460px) {

}