@charset "UTF-8";
html,body {font-size:16px;font-family:"Arial","Microsoft YaHei",sans-serif;}
body {background: #292929;}

/*公用*/
.wrapper {width:1200px;height:auto;padding:0 40px;background:#fff;margin:0 auto;overflow:hidden;}

@media screen and (max-width: 768px) {
    .wrapper {width:calc(100% - 30px);padding:0 15px;}
}

/*logo、menu*/
.head {/*width:100%;*/min-width:1280px;height:73px;position:relative;z-index:100;}
.head-cont {width:1200px;height:auto;background:#4a4a48;margin:0 auto;overflow: hidden;}
.logo {height:73px;float:left;}
.logo img {vertical-align: middle;}

@media screen and (max-width: 768px) {
    .head {min-width:100%;}
    .head-cont {width:100%;}
}

/*头部右侧*/
.head-right {float:right;}
.head-right a i {font-size: 20px;line-height:73px;margin:0 5px;}
.head-right a:hover {text-decoration: none;color:#c30900;}

@media screen and (max-width: 768px) {
    .head-right {float:left;}
}

/*menu*/
.menu {width:auto;float:left;}
.menulist {width:auto;}
.menulist li {display:inline-block;width:92px;height:auto;font-size:15px;line-height:73px;text-align:center;margin:0 23px;float:left;}
.menulist li a {display:block;width:100%;color:#fff;}
.menulist li a:hover {color:#c30900;text-decoration:none;}
.menulist li a.on {color:#c30900;text-decoration:none;}
.menulist li a.choosed {color:#c30900;text-decoration:none;}

.menulist2 {width:1200px;filter:alpha(opacity=30);background-color:rgb(74,74,72);background-color:rgba(74,74,72,0.3);border-bottom:3px solid #c30900;display:none;overflow:hidden;position:absolute;top:73px;margin-left:-263px;z-index:999;}
.menulist2 li {width:auto;font-size:14px;line-height:46px;margin-right:20px;float:left;}
.menulist2 li a:hover {border:none;}

.menulist21 li:first-child {padding-left:415px;}
.menulist22 li:first-child {padding-left:843px;}


@media screen and (max-width: 768px) {
    .menulist li {width:100%;margin:0;}
    .menulist li a {color:#424242;line-height: 45px;}
    .menulist2 {width:100%;background:none;border:none;margin-left:0;position:relative;top:0;left:0;}
    .menulist2 li {width:100%;font-size:12px;float:left;}
    .menulist2 li a {line-height:30px;}
    .menulist2 li img {display:none;}

    .menulist21 li:first-child {padding-left:0;}
    .menulist22 li:first-child {padding-left:0;}

}

.mobileMenuBtn {width: 32px;position: fixed;top: 18px;right: 15px;z-index: 200;text-align: center;cursor: pointer;display: none;-webkit-transition: all 0.4s;    -moz-transition: all 0.4s;    -ms-transition: all 0.4s;    -o-transition: all 0.4s;    transition: all 0.4s; }
.mobileMenuBtn span {    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;
}
.mobileMenuBtn span:first-child,.mobileMenuBtn span:last-child{    transform-origin: 100% 50%;    -webkit-transform-origin: 100% 50%;
    transform: rotate(0);    -webkit-transform: rotate(0);}
.mobileMenuBtn.active {right: 220px;}
.mobileMenuBtn.active span:first-child {    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);    -ms-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);    transform: rotate(-43deg);}
.mobileMenuBtn.active span:nth-child(2){    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);    -ms-transform: translateX(80px);
    -o-transform: translateX(80px);    transform: translateX(80px);opacity: 0;}
.mobileMenuBtn.active span:last-child {    -webkit-transform: rotate(43deg);
    -moz-transform: rotate(43deg);    -ms-transform: rotate(43deg);
    -o-transform: rotate(43deg);    transform: rotate(43deg);}
.mobileMenuBtn_shad {width: 100%;height: 0;filter:alpha(opacity=70);background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.7);transition: width 0.3s;position: fixed;top:0;left:0;z-index:1;}

@media screen and (max-width: 768px) {
    .mobileMenuBtn {display: block;}
    .mobileMenuBtn span {width: 100%;height: 3px;background: #da251c;margin-bottom: 8px;float:left;}
    .mobileMenuBtn.active span {background: #da251c;}
    .mobileMenuBtn_shad.active {height:100%;top:0;left:0;}
    .menu {width: 200px;height: 100%;background:rgba(255,255,255,1);position: fixed;top: 0;right: -200px;transition:all 0.4s;-webkit-transition:all 0.4s;z-index:999;}
    .menu.active {height: 100%;right: 0;overflow:auto;}
    .menulist li a:hover {color:#424242;border: none;}
}



/*banner*/
.banner {/*width:100%;*/min-width:1280px;position:relative;margin-top:-73px;overflow:hidden;}
.banner img {width:100%;vertical-align: middle;}

@media screen and (max-width: 768px) {
    .banner {min-width:100%;margin-top:0;}
}


/*首页-公用*/
.icolumn-cont {width:100%;height:auto;padding:10px 0;overflow:hidden;}
.icolumn-title {font-size:24px;color:#c30900;float:left;overflow:hidden;}
.icolumn-cont a {display:block;width:40px;background:#c30900;font-size:12px;color:#fff;line-height: 1.4;text-align:center;margin-top:6px;float:right;}
.icolumn-cont a:hover {text-decoration: none;font-weight:bold;}

.index-main {margin-bottom:40px;}

/*首页-part*/
.index-part {margin:30px 0;overflow:hidden;}
.index-part1 {width:323px;height:auto;border-right:3px solid #c30900;float:left;overflow:hidden;}
.index-part1 li {width:auto;height:auto;margin-bottom:13px;float:left;overflow:hidden;}
.index-part1 li:last-child {margin-bottom:0;}
.index-part1 li a {display:block;width:245px;height:auto;padding-left:50px;background: #4a4c48;color:#fff;line-height:44px;}
.index-part1 li a:hover {background: #c30900;text-decoration: none;}
.index-part1 li a i {font-size: 20px;padding-right:20px;}

.index-about,.index-solution {width:410px;height:166px;margin-left:27px;float:left;overflow:hidden;position:relative;}
.index-about img,.index-solution img {display:block;}
.index-about .iaboutname,.index-solution .isolutionname {position:absolute;bottom:0;left:25px;}
.index-about a,.index-solution a {font-size:18px;line-height:2;font-weight: bold;}
.index-about a:hover,.index-solution a:hover {color:#c30900;text-decoration: none;}

@media screen and (max-width: 768px) {
    .index-part1 {width:100%;text-align: center;border:none;}
    .index-part1 li {display:inline-block;text-align:left;float:none;}
    .index-about,.index-solution {width:100%;margin-left:0;margin-top:13px;}
}


/*首页-产品中心*/
.index-product {overflow:hidden;}
.iprolist {margin-bottom:30px;}
.iprolist li {width:285px;margin-right:20px;margin-bottom:10px;float:left;}
.iprolist li:nth-child(4n) {margin-right:0;}
.iprolist li a {color:#000;}
.iprolist li a:hover {text-decoration: none;color:#c30900;}
.ipro-cont {width:283px;height:237px;border: 1px solid #c9c9c9;}
.ipro-cont img {display:block;}
.ipro-imgname {height:28px;font-size: 14px;text-align: center;line-height: 2;}
.iprolist li a:hover .ipro-cont {border-color: #c30900;}

@media screen and (max-width: 768px) {
    .iprolist {text-align: center;}
    .iprolist li {display:inline-block;margin-right:0;float:none;}
}


/*首页-新闻*/
.index-news {width:100%;margin-top:20px;margin-bottom:60px;overflow:hidden;}
.inewsleft {width:655px;height:auto;float:left;overflow:hidden;}
.inewslist {width:100%;height:auto;overflow:hidden;}
.inewslist li {width:100%;margin-bottom:5px;float:left;overflow:hidden;}
.inewslist li a {display:block;overflow:hidden;}
.inewslist-date {width:45px;height:38px;border-right:1px solid #c9c9c9;font-size:12px;color:#727272;text-align:center;float:left;}
.inewslist-date p {padding-top:2px;font-size: 18px;color:#c30900;font-weight: bold;}
.inewslist-title {width:588px;padding-left:20px;font-size: 18px;color:#727272;line-height: 38px;float:right;}
.inewslist-abstract {width:588px;padding-left:20px;font-size: 14px;color:#9f9f9f;line-height:1.5;float:right;}
.inewslist li a:hover .inewslist-date {background: #c30900;color:#fff;border-right: none;}
.inewslist li a:hover .inewslist-date p {color:#fff;}
.inewslist li a:hover .inewslist-title {background: #ededed;}

.inews-right {width:500px;height:auto;margin-top:15px;float:right;overflow:hidden;position:relative;}
.inewsr-imglist {width:100%;height:auto;overflow:hidden;}
.inewsr-imglist img {display:block;}
.inewsr-title {width:500px;height:50px;filter:alpha(opacity=70);background-color:rgb(255,255,255);background-color:rgba(255,255,255,0.7);font-size:16px;color:#000;line-height:50px;position: absolute;bottom:0;}
.inewsr-title-cont {padding-left:50px;background:url("../img/dian-black.jpg") no-repeat 30px center;}

/*下面是前/后按钮代码*/
.inewsr-button {position:absolute;bottom:13px;right:20px;}
.inews-right .prev,
.inews-right .next{display:block; width:20px; height:20px; background:url(../img/arrow.png) no-repeat;float:left;}
.inews-right .next{background-position-x:-24px;margin-left:4px;float:right;}
.inews-right .prev:hover,
.inews-right .next:hover{ filter:alpha(opacity=100);opacity:1;}
.inews-right .prevStop{ display:none;}
.inews-right .nextStop{ display:none;}

@media screen and (max-width: 768px) {
    .inewsleft {width:100%;}
    .inewslist-title {width:calc(100% - 47px - 10px);height:38px;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    .inewslist-abstract {width:100%;height:42px;overflow:hidden;position: relative;}
    .inewslist-abstract::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 10px;
        background: -webkit-linear-gradient(left, transparent, #fff 55%);
        background: -o-linear-gradient(right, transparent, #fff 55%);
        background: -moz-linear-gradient(right, transparent, #fff 55%);
        background: linear-gradient(to right, transparent, #fff 55%);
    }
    .inews-right {display:none;}
}


/*内页*/
.ny-content {padding-top:50px;padding-bottom:120px;}
.columnname {padding-bottom:20px;font-size: 30px;color:#c30900;font-weight: bold}
.columnlist {width:100%;margin-bottom:15px;overflow:hidden;}
.columnlist li {width:25%;margin-bottom:10px;float:left;overflow:hidden;}
.newscolumn li {width:50%;}
.honorcolumn li {width:20%;}
.columnlist li a {display:block;background:#f4f4f4;color:#454545;line-height:50px;text-align: center;}
.columnlist li a:hover {background:#c30900;border-right:1px solid #fff;box-sizing:border-box;color:#fff;text-decoration: none;}
.columnlist li a.on {background:#c30900;border-right:1px solid #fff;box-sizing:border-box;color:#fff;text-decoration: none;}
.ny-cont {color:#000;line-height:1.8;}

@media screen and (max-width: 768px) {
    .ny-content {padding-bottom:80px;}
    .columnlist li {width:100%;}
}


/*搜索页*/
.searchform {width:603px;height:auto;margin:0 auto;overflow:hidden;}
.searchform input {font-size:16px;float:left;}
.searchform input[type=text] {width:540px;padding-left:10px;/*background: #efefef;*/border:1px solid #666;border-right:none;line-height:46px;/*margin-right:1px;*/}
.searchform input[type=submit] {width:50px;height:48px;background: #7a7a7a url("../img/search-bg.png") no-repeat center;background-size:45%;border:1px solid #666;border-left:none;z-index:999;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.searchform input[type=submit]:hover {background-color: #c30900;cursor: pointer;}

@media screen and (max-width: 768px) {
    .searchform {width:100%;}
    .searchform input[type=text] {width:calc(100% - 50px - 11px);}
}

/*内页-新闻*/
.newslist {height:auto;overflow:hidden;}
.newslist li {width:100%;height:auto;}
.newslist li a {display:block;margin:10px 0;padding:15px 0;font-size:14px;color:#777;overflow:hidden;}
.newslist li a:hover {background:#eaeaea;text-decoration: none;}

.newslist-title {padding-left:2px;padding-bottom:15px;font-size: 20px;color:#444;line-height: 1;font-weight: bold;}
.newslist li img {width:165px;height:115px;margin-right:30px;display:block;float:left;}
.newslist-abstract {font-size: 12px;color:#777;}
.newslist-more {font-size: 12px;color:#c30900;font-weight: bold;margin-top:15px;}

@media screen and (max-width: 768px) {
    .newslist li img {display:none;}
}


/*内页-新闻详情*/
.newsdetail-title {font-size:20px;line-height:1.6;text-align:center;}
.newsdetail-info {font-size:14px;text-align:center;padding-top:10px;padding-bottom:20px;}
.newsdetail-text img {max-width:100%;}


/*内页-图片列表*/
.imglist {overflow:hidden;}
.imglist li {margin:0 18px 30px 0;float:left;overflow:hidden;}
.imglist li:nth-child(4n) {margin-right:0;}
.imglist li a {display:block;width:284px;height:auto;border:1px solid #e7e7e7;font-size:14px;color:#4e4e4e;line-height:2;text-align:center;overflow:hidden;}
.imglist li .imglist-img {width:284px;height:210px;overflow:hidden;}
.imglist li .imglist-img img {width:284px;height:210px;}
.imglist li img {display:block;transition: all 0.5s;}
.imglist li .imgname {height:28px;padding:5px 0;}
.imglist li a:hover {text-decoration: none;}
.imglist li a:hover img {transform: scale(1.1);}


/*企业资质*/
.honorlist li {}
.honorlist li .imglist-img {width:274px;height:190px;margin:5px;}
.honorlist li img {}

@media screen and (max-width: 768px) {
    .imglist {text-align:center;}
    .imglist li {display:inline-block;margin:0;margin-bottom:15px;float:none;}
}


/*解决方案*/
.solutionlist {overflow:hidden;}
.solutionlist li {margin:0 33px 30px 0;float:left;overflow:hidden;}
.solutionlist li:nth-child(4n) {margin-right:0;}
.solutionlist li a {font-size: 14px;color:#000;}
.solutionlist li .imglist-img {width:273px;height:363px;border:1px solid #e7e7e7;overflow:hidden;}
.solutionlist li img {display:block;width:273px;height:363px;transition: all 0.5s;}
.solutionlist li .imgname {}
.solutionlist li a:hover {text-decoration: none;}
.solutionlist li a:hover img {transform: scale(1.1);}


/*内页-联系我们*/
.contact-txt {font-size:16px;color:#000;line-height:2;}
.contact-txt1 {width:530px;float:left;}
.contact-txt2 {width:670px;float:right;}

.contact-form {margin-top:40px;}
.cform-title {width:100%;background:#c30900;color:#fff;line-height:43px;text-indent:23px;overflow:hidden;}

.contact-form form {margin-top:50px;}
.contact-form input[type=text] {width:580px;height:46px;padding-left:10px;background:#efefef;border:none;font-size:16px;margin-bottom:40px;margin-right:20px;float:left;}
.contact-form input[type=text]:nth-child(2n) {margin-right:0;}
.contact-form textarea {width:calc(100% - 20px);height:180px;padding:10px;background: #efefef;border:none;font-size:16px;font-family: Arial,sans-serif;line-height:2;margin-bottom:40px;float:left;resize: none;}
.contact-form input[type=submit] {width:300px;background:#c30900;border:none;color:#fff;line-height:43px;text-align:center;overflow:hidden;position: relative;left:50%;margin-left:-150px;}
.contact-form input[type=submit]:hover {cursor: pointer;background-color: #d90000;}

@media screen and (max-width: 768px) {
    .contact-txt1,.contact-txt2 {width:100%;float:left;}
    .contact-form form {margin-top:30px;}
    .contact-form input[type=text] {width:calc(100% - 12px);margin-bottom:20px;margin-right:0;}
}


/*内页-地图*/
.map {margin:20px 0 40px;}
.map img {max-width: inherit;}
.map #map,.map #map1 {width:100%;height:300px;font-size:12px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;border:1px solid #ddd;margin:0 auto;overflow:hidden;}

@media screen and (max-width: 768px) {
    /*高德地图z-index重置*/
    .amap-copyright, .amap-logo {z-index:1;}
    .amap-maptypecontrol, .amap-overviewcontrol, .amap-scalecontrol, .amap-toolbar {z-index:1;}
}


/*footer*/
.foot {/*width:100%;*/min-width:1280px;height:auto;background:#5d5d5d;border-top:5px solid #e60012;color:#fff;overflow:hidden;}
.foot-cont {width:1200px;height:auto;margin: 0 auto;overflow: hidden;}
.foot-link {width:auto;height:auto;margin:40px 0 30px;line-height: 2;margin-left:50px;float:left;overflow:hidden;}

.foot-link ul {width:180px;float:left;}
.foot-link ul li {padding-left:12px;background:url("../img/dian.jpg") no-repeat left center;line-height:1.8;}
.foot-link ul li.foot-link-title {padding-left: 0;background: none;}
.foot-link ul li a {margin-right:50px;font-size:14px;}
.foot-link ul li.foot-link-title a {font-size: 18px;}
.foot-link ul li.foot-link-title i {font-size:20px;color:#c7c7c6;padding-left:10px;}
.foot-link ul li a:hover {color:#c10900;text-decoration: none;}


.foot-copy {width:100%;height:auto;padding:15px 0;line-height: 2;text-align: left;}
.foot-copy-cont {width:1200px;height:auto;margin: 0 auto;font-size:12px;color:#cdcdcd;overflow: hidden;}
.foot-copy a {color:#cdcdcd;margin-right:10px;}
.foot-copy a:hover {color:#c10900;}
.foot-contact {float:left;}
.foot-copy-link {float:right;}

@media screen and (max-width: 768px) {
    .foot {min-width:100%;}
    .foot-cont {display:none;}
    .foot-copy-cont {width:100%;}
    .foot-contact {width:calc(100% - 30px);padding:0 15px;}
    .foot-copy-link {display:none;}
}