body{ background-color:#f4f4f4;}

.banner{width: 100%;  height:120px;}
.banner .container{ width:90%; margin:0px auto auto auto; padding-top:44px; text-align:right;}
.location{ display:inline-block; line-height:26px; font-size:20px;color:#9c9da1;}
.location a{ color:#9c9da1;}
.location a:hover{ text-decoration:none;}
.location a.home{ background:url(../images/home.png) no-repeat; background-size :31%; padding-left:52px;}
.location i{ padding:0px 18px; font-style:normal;}

.m-banner{ display:none;}

.map-container{position:relative;width:100%; height:833px;  background:url(../images/map.jpg) top center no-repeat; background-size :cover;}
.map-main{ width:1330px; margin:0px auto auto auto; padding-top:110px;}
.inside_con{ padding: 10px; min-height: 400px;}
@media screen and (max-width:1440px) and (min-width:1361px)
{
.map-container{ height:680px;}
.map-main{ padding-top:50px;}
}
@media screen and (max-width:1360px) and (min-width:1201px)
{
.map-container{ height:680px;}
.map-main{ padding-top:60px;}
}
@media screen and (max-width:1200px) and (min-width:1025px)
{
.map-container{  height:580px; background:url(../images/map2.jpg) top center no-repeat; background-size:cover;}
.map-main{ padding-top:60px;}
}
@media screen and (max-width:1024px) 
{
.map-container{  height:530px; background:url(../images/map2.jpg) top center no-repeat; background-size:cover;}
.map-main{ padding-top:60px;}
}
.map-main ul{ float:right; width:500px; height:556px;}
@media screen and (max-width:1024px) 
{
.map-main ul{  height:422px;}
    }
.map-main ul li{ margin-bottom:1px; width:450px; padding:20px 25px 15px 25px; background-color:#ffffff;}
.map-main ul li .title{ padding-bottom:10px; font-size:22px; color:#c21230;}
.map-main ul li .con{ line-height:22px; font-size:#14px; color:#333333;}
.map-main ul li:hover{ background-color:#c21230; cursor:pointer; }
.map-main ul li:hover .title{ color:#ffffff;}
.map-main ul li:hover .con{ color:#ffffff;}

.main-container{position:relative;width:100%; background-color:#aaaaaa; padding:20px 0px;}
.main{ width:1330px; margin:0px auto auto auto;   background-color:#ffffff;}
.mainbg1{ background-color:#f7f7f7;}
.mainbg2{ background-color:#aaaaaa;}
.mainbg2 .top-nav{ background-color:#f7f7f7; }
    
.main .top-nav{ width:100%; height:79px; padding-top:30px; border-bottom:solid 1px #d9d9d9; text-align:center; font-size:20px;}
.main .top-nav a{ position:relative;display:inline-block;height:50px;line-height:50px; text-align:center;  color:#aaaaaa;}
.main .top-nav a:hover{ color:#c21230; text-decoration:none;}
.main .top-nav a.hover{font-size:29px; color:#c21230; text-decoration:none;}
.main .top-nav  i{ display:inline-block; margin:0px 26px; color:#aaaaaa;}
    
.more{ display:none;}

/*文章内容*/
.single-page{ width:1200px; margin:0px auto auto auto; padding:50px 0px;line-height:42px; font-size: 18px;color: #555555;}
.single-page p{ line-height:42px;color: #555555;font-size: 18px; text-indent:2em;}

/*企业认证*/
.certification{ width:1296px; margin:0px auto auto auto; padding:60px 0px 12px 0px;}
.certification li{float:left;display:inline;width:380px; margin:0px 26px; text-align:center;}
.certification li .img{ width:358px;height:216px; margin:0px auto auto auto; padding:10px; background-color:#ffffff; border: solid 1px #f7f7f7;}
.certification li .img img{ height:216px;}
.certification li .title{width:100%; height:65px; padding-top:20px; font-size:18px;color:#555555;}
.certification li .title a{color:#555555;}
.certification li a:hover{ text-decoration:none;}
.certification li:hover{ cursor:pointer; }
.certification li:hover .img{  border: solid 1px #aaaaaa; -webkit-box-shadow: 0 0 15px #aaaaaa; -moz-box-shadow: 0 0 15px #aaaaaa; box-shadow: 0 0 15px #aaaaaa;}

/*合作伙伴*/
.partner{ width:1330px; margin:0px auto auto auto; padding:20px 20px 20px 20px;}
.partner li{float:left;display:inline;width:234px; height:auto; margin:18px 13px; text-align:center;}
.partner li .img{ width:220px;height:220px; border:solid 1px #f7f7f7; background-color:#ffffff; }
.partner li .img:hover{ border: solid 1px #aaaaaa; -webkit-box-shadow: 0 0 15px #aaaaaa; -moz-box-shadow: 0 0 15px #aaaaaa; box-shadow: 0 0 15px #aaaaaa;}
.partner li .img img{ width:220px; height:220px;}

/*新闻列表*/
.main .news-list{ position:relative;}
.main .news-list li{ float:left; display:inline; width:1230px; height:105px; margin-top:5px; padding:30px 50px 0px; background-color:#ffffff;}
.main .news-list li:nth-child(2n){ background-color:#f7f7f7;}
.main .news-list li .date{ float:left; display:inline; width:65px; margin:0px auto auto auto; text-align:right;}
.main .news-list li .date .day{ font-size:34px; color:#c21230;}
.main .news-list li .date .year{ font-size:17px; color:#5e5e5e;}
.main .news-list li .right-con{ float:left; display:inline; width:1105px; padding-left:60px;}
.main .news-list li .title{ width:100%; height:35px; line-height:35px; font-size:27px; color:#393939; }
.main .news-list li .title a{ color:#393939;}
.main .news-list li .title a:hover{ color:#c21230; text-decoration:none;}
.main .news-list li .des{ height:28px; margin-top:15px; font-size:16px; color:#aaaaaa; }
.main .news-list li .time{ display:none;}

/*新闻列表*/
.img-news-list{ position:relative;}
.img-news-list li{ float:left; display:inline; width:1230px; height:180px; margin-top:5px; padding:30px 50px; background-color:#ffffff;}
.img-news-list li:nth-child(2n){ background-color:#f7f7f7;}
.img-news-list li .date{ float:left; display:inline; width:65px; margin:0px auto auto auto; text-align:right;}
.img-news-list li .date .day{ padding-top:55px; font-size:34px; color:#c21230;}
.img-news-list li .date .year{ font-size:17px; color:#5e5e5e;}
.img-news-list li .img{ float:left; display:inline; width:320px; height:180px; margin-left:25px;}
.img-news-list li .img img{ width:320px; height:180px;}
.img-news-list li .right-con{ float:left; display:inline; width:775px; padding-left:45px; padding-top:18px;}
.img-news-list li .title{ display:block;  width:100%;  line-height:44px; text-align:justify;  font-size:27px; color:#393939;  }
.img-news-list li .title a{ color:#393939;}
.img-news-list li .title a:hover{ color:#c21230; text-decoration:none;}
.img-news-list li .des{ line-height:24px; margin-top:20px; font-size:16px; color:#aaaaaa; }
.img-news-list li .time{ display:none;}

/*详细页*/
.detail-page{ position: relative; width:100%; margin:0px auto auto auto; padding:50px 0px 0px;}
.detail-page .detail-title{ width:1242px; margin:0px auto auto auto; padding:30px 0px; font-size:35px; border-bottom:solid 1px #d9d9d9; text-align: center; color: #000000;}
.detail-page .detail-time{ width: 100%; padding:20px 0px; font-size: 14px; text-align: center;color: #999999;}
.detail-page .detail-content{width:1200px; line-height:40px; margin:0px auto auto auto; padding:30px 0px 0px; font-size: 18px;color: #555555;min-height: 300px;}
.detail-page .detail-content p{line-height: 40px; margin: auto auto 10px auto; text-indent:2em;}
.detail-page .detail-content video{ width:800px; height:450px; margin:0 calc(50% - 400px); text-align:center;}
.detail-page .detail-content img{ max-width:900px;}

.detail-page .img{ text-align:center;}
.detail-page .title{width:100%; line-height:45px;text-align:center;font-size:24px;color:#4b4b49;}
.detail-page .subtitle{width:100%;line-height:32px;text-align:center;font-size:16px;color:#4b4b49; padding-bottom:10px;}

.share-wrap{ width:1200px; margin:0px auto auto auto; padding:8px 0px; text-align:right; color:#727272; font-size:14px;}
.share-wrap i.wx{ display:inline-block; width:26px; height:26px; cursor:pointer; vertical-align:middle; background:url(../images/wx.png) no-repeat;  background-size :cover;}

.PrevNext{ width:1242px; margin:0px auto auto auto; padding:10px 0; border-bottom:solid 1px #e7e7e7; border-top:solid 1px #e7e7e7; font-size:16px;}
.PrevNext li{ line-height:42px; padding:0px 26px; color:#727272;}
.PrevNext li a{ display:inline-block; color:#727272;}
.PrevNext li span{ display:inline-block; color:#c21230;  padding-left:10px;}
.PrevNext li span.time{ color:#aaaaaa;}

.weixin_popup{ position:absolute; left:50%; top:50%; width:240px; padding:15px; background-color:#ffffff; border: solid 1px #d8d8d8; display:none;}
.weixin_popup .weixin_popup_head{ position:relative; font-size:12px; font-weight:bold;}
.weixin_popup .weixin_popup_close{width: 16px;  height: 16px; position: absolute; right: 0; top:-3px; color: #999; font-size: 16px; text-decoration:none;}
.weixin_popup .weixin_popup_main{ padding: 15px 10px;}
.weixin_popup .weixin_popup_main img{ width:100%;}
.weixin_popup .weixin_popup_foot{ font-size: 12px; text-align: left; line-height: 22px; color: #666;}


/*加入*/
.joinus-list{ position:relative;}
.joinus-list li{ float:left; display:inline; width:1210px; margin-top:5px; padding:35px 60px; background-color:#ffffff;}
.joinus-list li a:hover{ text-decoration:none;}
.joinus-list li:nth-child(2n){ background-color:#f7f7f7;}
.joinus-list li .img{ float:left; display:inline; width:145px; height:171px;}
.joinus-list li .img img{ width:145px; height:171px;}
.joinus-list li .right-con{ float:left; display:inline; width:1009px; padding-left:56px;}
.joinus-list li .title{ padding-top:15px; padding-bottom:10px; font-size:28px; font-weight:bold; color:#393939; }
.joinus-list li:hover .title{ color:#c21230;}
.joinus-list li .des{ line-height:30px; font-size:16px; color:#aaaaaa; }

/*解决方案*/
.pro-top{ position:relative; width:1330px; height:360px;  margin:0px auto auto auto; background-color:#ffffff;}
.pro-top .line{ position:absolute; left:0px; bottom:0px; width:300px; height:2px; background-color:#c21230;}
.pro-top .pro-nav{ position:relative; float:left; display:inline; width:300px;  padding-top:60px;}
.pro-top .pro-nav .nav-name{ position:absolute; left:0px; top:-64px; width:100%; height:85px; padding-top:40px; text-align:center; background:url(../images/icon-1.jpg) no-repeat; font-size:36px; color:#ffffff;}
.pro-top .pro-nav .nav-list{ width:100%; border-top:solid 4px #aaaaaa;}
.pro-top .pro-nav .nav-list ul{ }
.pro-top .pro-nav .nav-list ul li{ position:relative; display:block; width:100%;  }
.pro-top .pro-nav .nav-list ul li a{ display:block; width:80%; margin:0px auto auto auto; height:59px; line-height:59px; border-bottom:solid 1px #e8e8e8; text-align:center;  font-size:18px; color:#333333; cursor:pointer;}
.pro-top .pro-nav .nav-list ul li a:hover,.pro-top .pro-nav .nav-list ul li a.hover{ color:#c21230; text-decoration:none;}
.pro-top .pro-nav .nav-list ul li .pro-menu{ display:none; position:absolute; left:230px; top:10px; width:140px; padding:10px 20px 30px; background-color:#c41532; z-index:9999;}
.pro-top .pro-nav .nav-list ul li .pro-menu i{ position:absolute; left:-11px; top:12px; width:11px; height:15px; background:url(../images/i.jpg);}
.pro-top .pro-nav .nav-list ul li .pro-menu a{ display:inline-block; width:100%; height:30px; line-height:30px; border:0px; text-align:left; font-size:16px; color:#ffffff;}
.pro-top .pro-nav .nav-list ul li .pro-menu a:hover{ text-decoration:underline;}

.pro-top .left-img{ float:left; display:inline; width:576px; height:360px; overflow:hidden;}
.pro-top .left-img img{ transition:all 0.5s ease; width:576px; height:360px;}
.pro-top .left-img:hover img{ transform:scale(1.1);}
.pro-top .right-con{ float:left; display:inline; width:354px;  padding:45px 50px 0px;}
.pro-top .right-con .pro-name{ padding-bottom:10px; text-align:right; font-size:36px; color:#393939;}
.pro-top .right-con .pro-des{ height:200px; line-height:30px; padding-bottom:10px; font-size:16px; color:#393939; }
.pro-top .right-con .pro-list{ width:100%;}
.pro-top .right-con .pro-list span{ display:inline-block; height:18px; line-height:18px;width: 95px; margin-right:7px;margin-top:7px;padding:0px 6px; background-color:#c21230; color:#ffffff; font-size:12px;}

.product-list-con{ width:1260px;  margin:20px auto auto auto; padding:35px; background-color:#ffffff;}
.page-pc{ width:1260px; margin:0px auto auto auto; padding:0px 35px;}
.page-pc li{ padding:0px;}

.product-list{ width:1330px;  margin:0px auto auto auto; display:none;} 
.product-list li{ float:left; display:inline; width:100%; height:240px; margin-top:20px; background-color:#ffffff;}
.product-list li .left{ float:left; display:inline; width:300px;}
.product-list li .left .name{ width:100%; height:51px; line-height:51px; background-color:#c21230; font-size:18px; color:#ffffff; text-align:center;}
.product-list li .left .img{ height:188px; margin-top:1px;}
.product-list li .left .img img{ width:300px; height:188px;}
.product-list li .center{ float:left; display:inline; width:600px; padding-left:45px;}
.product-list li .center .tx{ padding-top:12px; }
.product-list li .center .tx span{ display:inline-block; height:27px; line-height:27px; margin-right:7px; padding:0px 7px; background-color:#aaaaaa; color:#ffffff; font-size:16px;}
.product-list li .center .des{ padding-top:20px; line-height:30px; font-size:16px; color:#393939;}
.product-list li .right{ float:right; display:inline; width:200px; padding-top:25px; padding-right:30px;}
.product-list li .right p{ width:100%; height:22px; margin:14px 0px; line-height:22px; text-align:right; font-size:16px; color:#393939;}
.product-list li .right p .l{ float:left; display:block; width:80px; padding-right:6px; color:#393939; text-align:right;}
.product-list li .right p .r{ float:left; display:inline-block; padding:0px 5px; background-color:#aaaaaa; color:#ffffff; text-align:left;}

/*解决方案详细*/
.product-detail{ width:1260px;  margin:0px auto auto auto; padding:35px;}
.product-detail li{ float:left; display:inline; width:100%; margin-top:20px; background-color:#ffffff;}
.product-detail li .name{ width:100%; height:51px; line-height:51px; font-size:18px; color:#000; text-align:center;}
.product-detail li .img{ height:188px; margin-top:1px; text-align:center;}
.product-detail li .img img{ width:300px; height:188px;}
.product-detail li .des{ padding:20px 30px 0px; line-height:30px; font-size:16px; color:#393939; }
.product-detail li .detail-con{ padding:20px 0px 0px;  line-height:30px; font-size:16px; color:#393939; }


.product-show{}
.product-show .item{ position:relative;display: block; background: #FFF; height: 540px;}
.product-show .item .overflowHide{ float: left; width: 50%; height: 540px;}
.product-show .item .overflowHide img{ display:none;}
.product-show .item .overflowHide .bgImg{ transition: all 0.5s ease; position: absolute; height: 100%; width: 100%; left: 0; top: 0;}
.product-show .item .pro-con{ height: 100%;  width: 40%; padding:0 5%; display: flex; align-items: center; text-align:center; position: absolute; right: 0; top: 0;}
.product-show .item .pro-con .con{ margin:auto auto auto;}
.product-show .item .pro-con .con .head{ padding-bottom:20px; font-size:36px; color:#c21230;}
.product-show .item .pro-con .con .des{ line-height:32px; padding-top:10px; text-align:left; font-size:16px; color:#333333; text-align:center;}
.product-show .item .pro-con .con .des img{ width:80%;}

.product-show .item:nth-child(2n) .overflowHide{ float:right;}
.product-show .item:nth-child(2n) .pro-con{ left:0px;}
.bgImg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-show .item .bgImg{transition:all 0.5s ease;position:absolute;height:100%;width:100%;left:0;top:0}
.product-show .item:hover .bgImg{transform:scale(1.1);}

.apply-list li{ float:left; display:block; width:129px; height:84px; padding-top:45px; margin-right:10px; margin-bottom:10px; text-align:center; cursor:pointer; background-color:#c21230; color:#ffffff; font-size:25px;}
.apply-list li:hover{ background-color:#aaaaaa;}

/*搜索列表*/
.search-wrap{ width:90%; margin:0px auto auto auto;  padding:20px 0px;}
.search-wrap .search-btn{ margin-bottom:5px; height:38px;}
.search-wrap .search-btn .txt{ width:500px; height:31px; line-height:31px; margin-right:10px; padding:0px 5px; border-radius:3px; border:1px solid #bebebe; vertical-align:middle; outline:none;}
.search-wrap .search-btn .btn{ width:80px; height:32px; border-radius:3px; background-color:#aaaaaa; color:#ffffff; border:1px solid #aaaaaa; vertical-align:middle; outline:none;}
.search-wrap .search-btn .btn:hover{ background-color:#c21230; color:#ffffff; border:1px solid #c21230; vertical-align:middle; cursor:pointer;}

.search-wrap .search-head{width:100%;line-height:32px;padding:10px 0px;font-size:14px;}

.search-list{ position: relative;  display:block;  width: 100%; padding: 2% 0; }
.search-list .news-pic{ float: left; width: 15%; margin-right:2%; }
.search-list .news-pic img{ width:100%; }
.search-list .news-right{ float: left; width: 68%; }
.search-list .noimg{ float: right;  width: 100%; }
.search-list .news-title{ line-height:24px; padding:1% 0; }
.search-list .news-title a{ font-size:1rem; color: #000000;}
.search-list .news-title a:hover{color: #000000; text-decoration: underline;}
.search-list .news-title span{ padding-left:2%;font-size:.9rem; color: #898989;}
.search-list .news-desc{line-height:22px;font-size:.9rem;color: #4b4b49;}

/*关于我们*/
.about-wrap{ width:100%; height:500px; background:url(../images/about-bg.jpg) top center no-repeat;}
.about-wrap .container{ width:80%; margin:0px auto auto auto; padding-top:120px;}
.about-wrap .container .head{ padding-bottom:35px; text-align:right; font-size:36px; font-weight:bold; color:#ffffff;}
.about-wrap .container .head i{ display:inline-block; vertical-align:middle; width:42px; height:42px; background:url(../images/about.png) no-repeat; background-size:100%;}
.about-wrap .container .head a{ color:#ffffff; text-decoration:none;}
.about-wrap .container .content{ line-height:34px; font-size:18px; color:#ffffff;}
.about-wrap .container .content a{ color:#ffffff; text-decoration:none;}

.about-list{ width:1360px; margin:-20px auto auto auto;}
.about-list li{ float:left; display:inline; width:100%; height:377px; margin-top:20px; background-color:#ffffff;}
.about-list li a:hover{ text-decoration:none;}
.about-list .li1 .name,.about-list .li3 .name{ float:left;}
.about-list .li2 .name,.about-list .li4 .name{ float:right;}
.about-list li .name{ display:inline; width:304px; height:377px; padding-top:80px; text-align:center; background-color:#c21230;}
.about-list li .name .txt{ padding-bottom:50px; font-size:36px; color:#ffffff;}
.about-list li .name .icon1{ width:106px; height:106px; margin:0px auto auto auto; padding-bottom:50px; background:url(../images/idea-hover.png) no-repeat; background-size:100%;}
.about-list li .name .icon2{ width:106px; height:106px; margin:0px auto auto auto; padding-bottom:50px; background:url(../images/area-hover.png) no-repeat; background-size:100%;}
.about-list li .name .icon3{ width:106px; height:106px; margin:0px auto auto auto; padding-bottom:50px; background:url(../images/Patent-hover.png) no-repeat; background-size:100%;}
.about-list li .name .icon4{ width:106px; height:106px; margin:0px auto auto auto; padding-bottom:50px; background:url(../images/partner-hover.png) no-repeat; background-size:100%;}
.about-list li .con{ float:left; width:1056px; height:377px; padding:0px 70px;}
.about-list li .con1{ display:flex; align-items:center; padding-top:130px; background:url(../images/about-1.jpg) no-repeat; background-size :cover; font-size:18px; color:#333333; line-height:34px; text-indent:2em;}
.about-list li .con2{ padding-top:60px; background:url(../images/about-2.jpg) no-repeat; background-size :cover; font-size :18px; color:#333333; line-height:34px;}
.about-list li .con2 p{ display:inline-block; width:1056px;}
.about-list li .con2 dl{ display:inline-block; padding-top:35px;}
.about-list li .con2 dt{ display:inline-block; width:108px; height:73px; margin-right:8px; padding-top:35px; text-align:center; background-color:#c21230; color:#ffffff; font-size:20px;}
.about-list li .con3{ display:flex; align-items:center; background:url(../images/about-3.jpg) top center no-repeat; background-size :cover;}
.about-list li .con3 .left-txt{ line-height:38px; padding-right:70px; font-size:18px; color:#f7f7f7;}
.about-list li .con4{ display:flex; align-items:center; background:url(../images/about-4.jpg) top center no-repeat; background-size :cover;  text-align:center;}
.about-list li .con4 img{ margin:auto auto auto auto;}

@media screen and (max-width:1359px) and (min-width:1024px)
{
.banner{width:100%; min-width:100%; height:120px;}

.main{ width:90%; margin:0px auto auto auto; padding:0px;}

.about-list{ width:90%;}
.about-list li{ width:100%;}
.about-list li .name{ width:25%;}
.about-list li .con{ width:75%; padding:0 3%;}
.about-list li .con2{ padding-top:60px;}
.about-list li .con2 p{ width:100%;}
.about-list li .con2 dl{ display:inline-block; width:100%; padding-top:35px;}
.about-list li .con2 dt{ float:left; width:14.6%; height:auto; margin-right:2%; padding:5% 0;}
.about-list li .con3 .left-txt{ width:34%; padding: 0 2%; }
.about-list li .con3 .right-img{ width:62%; text-align:center;}
.about-list li .con3 .right-img img{ width:98%;}
.about-list li .con4 img{ max-width:90%; margin:auto auto auto auto;}

/*文章内容*/
.single-page{ width:90%;}
.single-page p{ line-height:42px;color: #555555;font-size: 18px; text-indent:2em;}

/*企业认证*/
.certification{ width:95%;}
.certification li{float:left;display:inline;width:29.33%; margin:0 2%;}
.certification li .img{ width:auto; height:auto; max-width:90%;}
.certification li .img img{ height:auto; max-width:90%;}

/*合作伙伴*/
.partner{ width:96%;}
.partner li{ width:21%; margin:2% 2%; height:auto;}
.partner li .img{ width:auto;height:auto; }
.partner li .img img{ width:auto; height:auto;max-width:90%; }

.main .news-list li{ width:90%; height:105px;  padding:3% 5% 0;}
.main .news-list li .date{ width:8%; }
.main .news-list li .right-con{ width:87%; padding-left:5%;}

.img-news-list li{ width:94%; height:160px;  padding:3%; }
.img-news-list li .date{ width:8%; }
.img-news-list li .img{ width:260px; height:160px; margin-left:2%;}
.img-news-list li .img img{ width:260px; height:160px;}
.img-news-list li .right-con{ width:56%; padding-left:3%;}

/*详细页 width:14.6%; height:auto; margin-right:2%; padding:5% 0;*/
.detail-page .detail-title{ width:90%; padding:10px 5px;}
.detail-page .detail-content{width:92%;}

.share-wrap{ width:90%;}
.PrevNext{ width:100%;}
.PrevNext li{ height:42px; overflow:hidden;}

.joinus-list li{ float:left; display:inline; width:94%; margin-top:5px; padding:3%; background-color:#ffffff;}
.joinus-list li .right-con{ float:left; display:inline; width:75%; padding-left:5%;}


.product-list{ width:94%;}
.product-list li .left{ width:300px;}
.product-list li .left .img{ height:188px; margin-top:1px;}
.product-list li .left .img img{ width:300px; height:188px;}
.product-list li .center{ width:38%; padding:0 3% 0 2%;}
.product-list li .right{ width:229px; padding-top:25px; padding-right:10px; overflow:hidden;}

.product-show .item .pro-con .con{ width:100%}
.apply-list{ width:100%;}
.apply-list li{ width:23%; height:auto; padding:8% 0; margin-right:2%; margin-bottom:2%;}

.map-main{ width:90%; margin:0px auto auto auto;}
.map-main ul{ width:436px; }
.map-main ul li{ width:406px; padding:20px 15px 15px 15px;}
    }

@media screen and (max-width:1359px) and (min-width:1200px)
{
/*解决方案*/
.pro-top{ width:94%; height:312px;}
.pro-top .line{ position:absolute; left:0px; bottom:0px; width:280px;}
.pro-top .pro-nav{ width:280px;}
.pro-top .left-img{ display:flex; align-items:center; width:41%; height:100%; overflow:hidden;}
.pro-top .left-img .c-img{ }
.pro-top .left-img img{ width:100%; height:auto; margin:auto auto auto;}
.pro-top .right-con{ float:right; width:28%;  padding:3%;}
.pro-top .right-con .pro-des{ height:160px; }

.product-list-con{ width:90%; padding:2%;}
.product-detail{ width:90%; padding:2%;}
.page-pc{ width:90%; padding:0 2%;}

.product-show .item{  height: 440px;}
.product-show .item .overflowHide{ height: 440px;}
.product-show .item .pro-con .con .des img{ width:65%;}
    }
@media screen and (max-width:1199px) and (min-width:1024px)
{
/*解决方案*/
.pro-top{ width:94%; height:312px;}
.pro-top .line{ position:absolute; left:0px; bottom:0px; width:280px;}
.pro-top .pro-nav{ width:280px;}
.pro-top .left-img{ display:flex; align-items:center; width:36%; height:100%; overflow:hidden;}
.pro-top .left-img .c-img{ }
.pro-top .left-img img{ width:100%; height:auto; margin:auto auto auto;}
.pro-top .right-con{ float:right; width:28%;  padding:3%;}

.product-list-con{ width:90%; padding:2%;}
.product-detail{ width:90%; padding:2%;}
.page-pc{ width:90%; padding:0 2%;}

.product-show .item{  height:340px;}
.product-show .item .overflowHide{ height:340px;}
.product-show .item .pro-con .con .des img{ width:60%;}
    }

@media screen and (max-width:1023px) 
{
.footer{ min-width:100%;}
.footer .container .QRcode{ display:none;}
    
.about-wrap{ min-width:100%; height:auto; background:url(../images/about-bg.jpg) top center no-repeat; background-size :cover;}
.about-wrap .container{ width:90%; padding-top:15%; padding-bottom:20%;}
.about-wrap .container .head{ padding-bottom:4%; text-align:center; font-size:30px; }
.about-wrap .container .content{ line-height:34px; font-size:18px; overflow:hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:7;  -webkit-box-orient: vertical;}

.main-container{  min-width:100%; padding:10px 0;}

.about-list{ width:100%; margin:0px auto auto auto; padding-top:10px; background-color:#aaaaaa;}
.about-list li{ float:left; display:inline; width:100%; height:auto; margin-bottom:10px; margin-top:0px; background-color:#ffffff;}
.about-list .li1 .name,.about-list .li3 .name{ float:none;}
.about-list .li2 .name,.about-list .li4 .name{ float:none;}
.about-list li .name{ display:block; width:100%; height:auto; padding-top:5%; padding-bottom:5%; }
.about-list li .name .txt{ display:inline-block; padding-bottom:0px; font-size:30px;  font-weight:bold; vertical-align:middle;}
.about-list li .name .icon1{ display:inline-block; width:50px; height:50px;  padding-bottom:0px;  vertical-align:middle;}
.about-list li .name .icon2{ display:inline-block; width:50px; height:50px;  padding-bottom:0px;  vertical-align:middle;}
.about-list li .name .icon3{ display:inline-block; width:50px; height:50px;  padding-bottom:0px;  vertical-align:middle;}
.about-list li .name .icon4{ display:inline-block; width:50px; height:50px;  padding-bottom:0px;  vertical-align:middle;}
.about-list li .con{ display:block; float:none; width:100%; height:auto; padding:0;}
.about-list li .con1{ padding:10% 5%; font-size:18px;  line-height:34px; text-indent:2em;}
.about-list li .con2{ padding:10% 5%;  font-size :18px;  line-height:34px;}
.about-list li .con2 p{ display:inline-block; width:100%;}
.about-list li .con2 dl{ display:inline-block; width:100%; padding-top:35px; text-align:center;}
.about-list li .con2 dt{ display:inline-block; width:15%; height:30%; padding:4% 0; margin-right:0;   text-align:center;  font-size:1rem;}
.about-list li .con3{ }
.about-list li .con3 .left-txt{ display:block; line-height:38px; padding:15% 0 5%; text-align:center; font-size:18px;}
.about-list li .con3 .right-img{ display:block; padding-bottom:15%; text-align:center;}
.about-list li .con3 .right-img img{ width:80%;}
.about-list li .con4{ padding-top:30%; padding-bottom:5%;}
.about-list li .con4 .img{ text-align:center;}
.about-list li .con4 img{ width:80%;}

.main-container{ min-width:100%; padding:0px;}
.main{ width:100%; padding:0px;}
.mainbg2{ background-color:#ffffff;}

.banner{ display:none;}
.main .top-nav{ display:none;}
.m-banner{ display:block;}

.m-banner{ width:100%; height:auto;}
.m-banner .top-nav{ width:100%;  height:50px; padding-top:15px; overflow:hidden; text-align:center; font-size:1.5rem;}
.m-banner .top-nav a{ position:relative;display:inline-block; line-height:50px; padding:0px 10px; text-align:center;  color:#aaaaaa;}
.m-banner .top-nav a:hover{ color:#ffffff; text-decoration:none;}
.m-banner .top-nav a.hover{ font-weight:bold;  color:#ffffff; text-decoration:none;}
.m-banner .top-nav  i{ display:none; }

.m-banner{ position:relative; width:98%; height:auto; padding:0 1%;}
.m-banner:before { position: absolute; content: ""; top: 0; bottom: 0; left:0px; z-index:2; width:15px; background: linear-gradient(to left, rgba(75,76,78, 0), #4b4c4e);}
.m-banner:after { position: absolute; content: ""; top: 0; bottom: 0; right:0px; z-index:2; width:15px; background: linear-gradient(to right, rgba(75,76,78, 0), #4b4c4e);}

.m-banner .swiper-container{}
.m-banner .swiper-wrapper{}
.m-banner .swiper-slide{ display:inline-block; width:auto; line-height:40px; padding:14px 10px; text-align:center; font-size:1.3rem; }
.m-banner .swiper-slide a{  color:#aaaaaa;}
.m-banner .swiper-slide a:hover{ color:#ffffff; text-decoration:none;}
.m-banner .swiper-slide a.hover{ font-weight:bold;  color:#ffffff; text-decoration:none;}

.page-layout{ display:none;}
.more{ display:block; width:90%; padding:5%;  text-align:center;  background-color:#ffffff;}
.more a{ display:block; width:100%; padding:4% 0; background-color:#c21230; font-size:1.2rem; color:#ffffff;}
.more a:hover{ text-decoration:none;}

/*文章内容*/
.single-page{ width:90%; margin:0px auto auto auto; padding:20px 0px;line-height:42px; font-size: 18px;color: #555555;}
.single-page p{ line-height:42px;color: #555555;font-size: 18px;}

/*企业认证*/
.certification{ width:90%;  margin:0px auto auto auto; padding:50px 0px 10px 0px;}
.certification li{float:left;display:inline;width:100%; margin:0px; }
.certification li .img{ width:90%; padding:5%; background-color:#ffffff; border: solid 1px #ededed; -webkit-box-shadow: 0 0 15px #ededed; -moz-box-shadow: 0 0 15px #ededed; box-shadow: 0 0 15px #ededed;}
.certification li .img img{ width:auto; height:100%; }
.certification li .title{width:100%; height:65px; padding-top:20px; font-size:18px;color:#000000;}
.certification li .title a{color:#000000;}
.certification li a:hover{ text-decoration:none;}
.certification li:hover{ cursor:pointer; }

/*合作伙伴*/
.partner{ width:97%; margin:0px auto auto auto; padding:1.4% 0px 1.4% 0px;}
.partner li{float:left;display:inline;width:33.33%; height:auto; margin:1.4% 0; text-align:center;}
.partner li .img{ width:80%; height:auto; margin:0px auto auto auto; padding:5%; background-color:#ffffff; border: solid 1px #ededed; -webkit-box-shadow: 0 0 15px #ededed; -moz-box-shadow: 0 0 15px #ededed; box-shadow: 0 0 15px #ededed; }
.partner li .img img{ width:100%; height:auto;}

/*新闻列表*/
.main .news-list{ position:relative;}
.main .news-list li{ float:left; display:inline; width:90%; height:auto; margin-top:0px; padding:6% 5%; background-color:#ffffff;}
.main .news-list li:nth-child(2n){ background-color:#f7f7f7;}
.main .news-list li .date{display:none;}
.main .news-list li .right-con{ width:100%; padding-left:0px;}
.main .news-list li .title{ margin-bottom:15px; height:auto; overflow:auto; white-space:inherit; line-height:1.5em; font-size:1.2rem; color:#393939; }
.main .news-list li .title a{ color:#393939;}
.main .news-list li .des{ display:none;  }
.main .news-list li .time{ display:block; color:#c21230; font-size:1rem;}

/*新闻列表*/
.img-news-list{ position:relative; padding-top:20px;}
.img-news-list li{ float:left; display:inline; width:90%; height:auto; margin-top:0px; margin:0px auto auto auto; padding:5% 5%; background-color:#ffffff;}
.img-news-list li:nth-child(2n){ background-color:#f7f7f7;}
.img-news-list li .date{ display:none;}
.img-news-list li .img{ float:left; display:inline; width:100%; height:auto; margin-left:0px;}
.img-news-list li .img img{ width: calc(100vw * 0.9); height: calc(100vw * 0.5); }
.img-news-list li .right-con{ float:left; display:inline; width:100%; padding-left:0px;}
.img-news-list li .title{ display:block; width:100%; height:auto; overflow:auto; line-height:1.5em; font-size:1.2rem; color:#393939; }
.img-news-list li .title a{ color:#393939;}
.img-news-list li .des{ display:none; }
.img-news-list li .time{ display:block;  padding-top:15px; color:#c21230; font-size:1rem;}


/*详细页*/
.detail-page{ position: relative; width:100%; margin:0px auto auto auto; padding:8% 0;}
.detail-page .detail-title{ width:90%; margin:0px auto auto auto; padding:0 5% 6%; line-height:2.2rem; font-size:1.5rem; border-bottom:solid 1px #d9d9d9; text-align: left; color: #000000;}
.detail-page .detail-time{ width:90%; padding:1% 5%; font-size:1rem; text-align: left;color: #999999;}
.detail-page .detail-time span{ display:none;}
.detail-page .detail-content{ width:90%; padding:5% 5%; line-height:32px; margin:0px auto auto auto; font-size: 18px;color: #555555;min-height: 300px;}
.detail-page .detail-content p{line-height: 32px; }
.detail-page .detail-content video{ width:90%; padding:5% 5%;  text-align:center;}
.detail-page .detail-content img{ max-width:900px;}

.share-wrap{ width:90%;}

.PrevNext{ width:90%; padding:3% 5%; border-bottom:solid 1px #e7e7e7; border-top:solid 1px #e7e7e7; font-size:1rem;}
.PrevNext li{ height:36px; line-height:36px; padding:0px; overflow:hidden; }
.PrevNext li a{ color:#727272;}
.PrevNext li span{   padding-left:0px;}
.PrevNext li span.time{ display:none;}

/*解决方案*/
.pro-top{ display:none;}
.page-pc{ display:none;}

.product-list-con{ display:none;}

.product-list{ width:100%; display:block;}
.product-list ul{ background-color:#fff; padding-top:10%}
.product-list li{ float:left; display:inline; width:90%; height:auto; padding:0 5% 10%; margin-top:0px;}
.product-list li .left{ float:left; display:inline; width:100%;}
.product-list li .left .name{ width:100%; height:51px; line-height:51px;  font-size:18px;}
.product-list li .left .img{ height:auto; margin-top:1px;}
.product-list li .left .img img{ width:100%; height:auto;}
.product-list li .center{ display:none;}
.product-list li .center .tx{ display:none; }
.product-list li .center .des{ padding-top:20px; line-height:30px; font-size:1rem; }
.product-list li .right{ display:none; }

/*解决方案详细*/
.product-detail{ width:100%;}
.product-detail ul{ background-color:#fff; padding-top:10%}
.product-detail li{ float:left; display:inline; width:90%; height:auto; padding:0 5% 10%; margin-top:0px;}
.product-detail li .name{ width:100%; height:51px; line-height:51px;  font-size:18px; background-color: #c21230; color: #ffffff;}
.product-detail li .img{ height:auto; margin-top:1px;}
.product-detail li .img img{ width:100%; height:auto;}
.product-detail li .des{ padding-top:20px; line-height:30px; font-size:1rem; }
.product-detail li .detail-con{ padding-top:20px; line-height:30px; font-size:1rem; }


/*解决方案显示*/
.product-show{}
.product-show .item{  height: auto;}
.product-show .item .overflowHide{ float: none; width:100%; height: auto;}
.product-show .item .overflowHide img{ width:100%; display:block;}
.product-show .item .overflowHide .bgImg{ transition: all 0.5s ease; position:relative; height: 100%; width: 100%; left: 0; top: 0;}
.product-show .item .pro-con{ height: auto;  width:90%; display: flex; align-items: center; position:relative; right: 0; top: 0;}
.product-show .item .pro-con .con{ padding:10% 0;}
.product-show .item .con-bg{ background-color:#f7f7f7;}
.product-show .item .pro-con .con .head{ padding-bottom:15px; font-size:1.6rem; }
.product-show .item .pro-con .con .des{ line-height:32px;font-size:1rem; text-align:center;}
.product-show .item .pro-con .con .des img{ width:50%;}

.product-show .item:nth-child(2n) .overflowHide{ float:none;}
.product-show .item:nth-child(2n) .pro-con{ left:0px;}
.bgImg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-show .item .bgImg{transition:all 0.5s ease;position:absolute;height:100%;width:100%;left:0;top:0}
.product-show .item:hover .bgImg{transform:scale(1.1);}

.apply-list li{ width: calc(100vw * 0.18); height: calc(100vw * 0.18); line-height:calc(100vw * 0.2);  padding-top:0px; margin-right:10px; font-size:1rem;}
.apply-list li:hover{ background-color:#aaaaaa;}

/*加入*/
.joinus-list{ position:relative;}
.joinus-list li{ float:left; display:inline; width:90%; margin-top:0px; padding:5%;}
.joinus-list li:nth-child(2n){ background-color:#f7f7f7;}
.joinus-list li .img{ float:none; display:inline-block; width:100%; height:auto; text-align:center;}
.joinus-list li .img img{ width:28%; height:auto;}
.joinus-list li .right-con{ float:none; display:block; width:100%; padding-left:0px;}
.joinus-list li .title{ padding-top:15px; padding-bottom:10px; font-size:28px; font-weight:bold; color:#393939; text-align:center; }
.joinus-list li .des{ line-height:30px; font-size:16px; color:#aaaaaa; }

.map-container{position:relative;width:90%; height:auto; min-width:90%; padding:5%;}
.map-main{ width:100%;  padding-top:0px;}
.map-main ul{ float:none; width:100%; height:552px;}
.map-main ul li{ margin-bottom:1px; width:auto; padding:5%; background-color:#ffffff;}
.map-main ul li .title{ padding-bottom:10px; font-size:1.2rem; color:#c21230;}
.map-main ul li .con{ line-height:22px; font-size:.8rem; color:#333333;}
.map-main ul li:hover{ background-color:#c21230; cursor:pointer; }
.map-main ul li:hover .title{ color:#ffffff; }
.map-main ul li:hover .con{ color:#ffffff;}

/*搜索列表*/
.search-wrap{ width:90%; margin:0px auto auto auto;  padding:10% 5%;}
.search-wrap .search-btn{ margin-bottom:5px; height:38px; text-align:center;}
.search-wrap .search-btn .txt{ display:inline-block; width:75%; height:31px; line-height:31px; margin-right:2%; padding:0px 5px; border-radius:3px; border:1px solid #bebebe; vertical-align:middle; outline:none;}
.search-wrap .search-btn .btn{ display:inline-block; width:15%; height:32px; border-radius:3px; font-size:.9rem; background-color:#c21230; color:#ffffff; border:1px solid #c21230; vertical-align:middle; outline:none;}
.search-wrap .search-btn .btn:hover{ background-color:#aaaaaa; color:#ffffff; border:1px solid #c21230; vertical-align:middle; cursor:pointer;}

.search-wrap .search-head{width:100%;line-height:32px;padding:10px 0px;font-size:14px;}

.search-list{ position: relative;  display:block;  width: 100%; padding: 2% 0; }
.search-list .news-pic{ float: left; width:20%; margin-right:2%; }
.search-list .news-pic img{ width:100%; }
.search-list .news-right{ float: left; width: 78%; }
.search-list .noimg{ float: right;  width: 100%; }
.search-list .news-title{ line-height:24px; padding:1% 0; }
.search-list .news-title a{ font-size:1rem; color: #000000;}
.search-list .news-title a:hover{color: #000000; text-decoration: underline;}
.search-list .news-title span{ padding-left:2%;font-size:.9rem; color: #898989;}
.search-list .news-desc{ display:none;}
    }