@charset "utf-8";

/* PC端： (min-width:1025px)    主体定宽1280px; */
@media all {
/* =================================================*/
/* ============ list-prod ; list-case   ============*/
/* =================================================*/
     /* 部分公用：list-inban(inner-banner) */
     .inban-wrap{width: 100%; min-width: 1280px; padding-top:70px; }
     .inban-wrap img{width: 100%; max-height: 520px;}

     /* list-prod-path */
     .listprod-path-wrap{width: 100%; min-width: 1280px;}
     .listprod-path-wrap .ctain{width: 1280px; margin:0 auto;  padding:20px 0; border-bottom: 1px solid #999; margin-bottom: 30px;}
     .listprod-path-wrap .prodtag{float: right;;}
     .listprod-path-wrap .path{float: left;margin-top: 15px;}

     /* list-prod-main */
     .listprod-main-wrap{width:100%; min-width: 1280px;}
     .listprod-main-wrap .ctain{width:1280px; margin:0 auto;}
     .listprod-main-wrap .ctain .lfbox{padding: 40px 30px;float: left;width: 320px;min-height: 1000px;background:linear-gradient( #ccc, transparent);background:-webkit-linear-gradient(#ccc,transparent);}

     .com-lfnav .titl{padding:15px 0 15px 70px; background: url(../img/common/navlist01.png)  no-repeat 24px center;background-size: 28px;  background-color: #0099cc;}
     .com-lfnav .titl h3{color:#fff; font-size: 20px;}
     .com-lfnav .superul .superli{position: relative;margin:10px 0; padding:10px 0 10px 40px; background-color: #fff;   border-radius: 8px;}
     .com-lfnav .superul .superli i{position: absolute; display:block; width: 30px; height: 30px; left: 0px; top:7px; background: url(../img/common/icon-05-rt.png)  no-repeat 16px center; background-size: 8px 14px;}
     /* .com-lfnav .superul .subul{display: none;} */
     .com-lfnav .superul .subul .subli{ padding:5px 0 5px 70px;background: url(../img/common/arr00.png)  no-repeat 40px center;}
     .com-lfnav .superul .subul .subli.current{background: url(../img/common/arr01.png)  no-repeat 40px center;}
     .com-lfnav .superul .subul .subli.current h4{color:#0099cc;}
     .com-lfnav .superul .subul .subli:hover{background: url(../img/common/arr01.png)  no-repeat 40px center;}


     .com-lfnav .superul .subul .subli:hover h4{color:#0099cc;}
     .com-lfnav .superul .supli.current .superli,.com-lfnav .superul .supli:hover .superli{background-color: #0099cc;}
     .com-lfnav .superul .supli.current .superli i,.com-lfnav .superul .supli:hover .superli i{background-image: url(../img/common/icon-05-rt_white.png); transform: rotate(90deg); -webkit-transform: rotate(90deg); left: 3px; top:4px;}
     .com-lfnav .superul .supli.current .superli h3, .com-lfnav .superul .supli:hover .superli h3{color: #fff;}
     .com-lfnav .superul .supli.current .subul,.com-lfnav .superul .supli:hover .subul{display: block;}

     .listprod-main-wrap .ctain .rtbox{float:left; width: 960px;}
     .listprod-main-wrap .ctain .rtbox .listbox li{float:left; width:33.333% ; padding:0 0 0 30px; margin-bottom: 20px; }
     .listprod-main-wrap .ctain .rtbox .listbox .prodli .prodpic{overflow: hidden; border-radius: 10px; } 
     .listprod-main-wrap .ctain .rtbox .listbox .prodli .prodpic img{width:100%; height: 210px;transition: all 0.5s ease-in-out;}
     .listprod-main-wrap .ctain .rtbox .listbox .prodli .prodtitl{display: flex;  display: -webkit-flex; align-items: center; justify-content: center; text-align: center;  height: 60px; padding: 0 20px;}
     .listprod-main-wrap .ctain .rtbox .listbox li:hover  img{width:100%; transform: scale(1.05);}
     .listprod-main-wrap .ctain .rtbox .listbox li:hover  h4{color: #0099cc; transition: all 0.5s ease-in-out;}

     /* list-prod-page */
     .page{display:flex; margin: 20px auto;}
     .pageBox{margin:auto;}
     .pageBox ul{float:left;padding:12px 0 12px 16px}
     .pageBox ul li{float:left;font-family:Tahoma;line-height:25px; padding:0 10px; margin:0 5px 5px 0;border:1px solid #E9E9E9}
     .pageBox ul li a{float:left;color:#555;display:block}
     .pageBox ul li a:hover{color:#0099cc;text-decoration:none;}
     .pageBox ul li.pageActive,.pageBox ul li.pageActive a,.pagebox ul li.pageActive a:hover{background-color:#0099cc;font-weight:700; color:#fff;}
     .pageBox .pageSum{line-height:21px;padding:2px 10px 2px 16px;color:#999}
     .pageBox .pageSum strong{color:#555;font-weight:400;margin:0 2px}


/* ====================================================*/
/* ============ list-case 同 list-prod  ============*/
/* ===================================================*/


/* ===================================*/
/* ============ list-news ============*/
/* ===================================*/
     /* list-news-subnav */
     .listnews-subnav-wrap{width: 100%; min-width: 1280px; border-bottom: 1px solid #ddd; box-shadow: 0 0px 10px #777;}
     .listnews-subnav-wrap .ctain{width:1280px; margin:0 auto;}
     .listnews-subnav-wrap .ctain ul li{float: left; margin:20px 20px;}
     .listnews-subnav-wrap .ctain ul li h3{padding:10px 25px;  border-radius: 20px; background-color: #ddd; box-shadow: 3px 3px 5px #666;}
     .listnews-subnav-wrap .ctain ul li h3:hover{background-color: #0099cc; color: #fff;}
     .listnews-subnav-wrap .ctain .current h3{background-color: #0099cc; color: #fff;}

     /* list-news-swiper */
     .listnews-swiper-wrap{width: 100%; min-width: 1280px;}
     .listnews-swiper-wrap .ctain{width: 1280px; margin:0 auto; padding:40px 0; border-bottom:5px solid rgba(200,0,00,.8);}
     .listnews-swiper-wrap .swiper-container {width: 100%;  height: 100%; }
     .listnews-swiper-wrap .swiper-slide { text-align: center;   font-size: 18px;  background: #ddd;    /* Center slide text vertically */    display: -webkit-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    -webkit-justify-content: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center;  }
     .listnews-swiper-wrap .swiper-pagination{left:-400px !important;}
     .listnews-swiper-wrap .box .left{float:left;}
     .listnews-swiper-wrap .box .left img{width: 640px; height:370px;}
     .listnews-swiper-wrap .box .right{float:left; width:640px; text-align:left; padding:0 50px;}
     .listnews-swiper-wrap .box .right h2{padding:20px 0 20px; line-height: 40px;}
     .listnews-swiper-wrap .box .right .pubdate{background: url(../img/common/date-01.png) no-repeat 0 center; padding-left: 30px;}
     .listnews-swiper-wrap .box .right .reader{float:right; padding:0 20px 0 30px; background:url(../img/common/icon_reader01.png) no-repeat 0 center;}
     .listnews-swiper-wrap .box .right .text{padding:20px 0px;}

     /* list-news-list */
     .listnews-list-wrap{width: 100%; min-width: 1280px;}
     .listnews-list-wrap .ctain{width: 1280px;  margin:0 auto;}
     .listnews-list-wrap .ctain .news-list-box .news-ul .news-li{float:left; width:406.6px; margin:40px 30px 0 0;}
     .listnews-list-wrap .ctain .news-list-box .news-ul li:nth-child(3n){margin:40px 0 0 0;}
     .listnews-list-wrap .ctain .news-list-box .news-li img{width:100%;  height:235px}
     .listnews-list-wrap .ctain .news-list-box .news-li .news-notebox{padding:20px 15px; color:rgb(38,38,38);   background:#ddd; height:290px;}
     .listnews-list-wrap .ctain .news-list-box .news-li .news-notebox p {display:block;  background:url(../img/common/date-02.png) no-repeat 0 center; padding-left: 20px;}
     .listnews-list-wrap .ctain .news-list-box .news-li .news-notebox p  span{float:right; background: url(../img/common/icon_reader02.png) no-repeat 0 center; padding-left: 30px;}
     .listnews-list-wrap .ctain .news-list-box .news-li .news-notebox .news-titl{overflow: hidden;margin:15px 0;}
     .listnews-list-wrap .ctain .news-list-box .news-li .news-notebox .news-text{overflow: hidden;height: 70px;}

     .listnews-list-wrap .ctain .news-list-box .news-li .news-notebox .news-btn{text-align:center;  margin-top:15px;}
     .listnews-list-wrap .ctain .news-list-box .news-li .news-notebox .news-btn span{height:60px; line-height: 60px; padding:10px  40px  10px  20px; color:#999;  background:#fff url(../img/common/icon-more01.png) no-repeat 80% center; }
     .listnews-list-wrap .ctain .news-list-box .news-li:hover h3{color:#0099cc;}
     .listnews-list-wrap .ctain .news-list-box .news-li:hover .news-text{color:#0099cc;}
     .listnews-list-wrap .ctain .news-list-box .news-li:hover .news-btn span{color:#fff;font-weight: bold; background:#0099cc url(../img/common/icon-more02.png) no-repeat 80% center; }


/* ===================================*/
/* ============ indx-abt =============*/
/* ===================================*/
     /* indx-abt-subnav */
     .indxabt-subnav-wrap{width: 100%; border-bottom: 1px solid #ddd; box-shadow: 0 0px 10px #777;}
     .indxabt-subnav-wrap .ctain{width:1440px; margin:0 auto;}
     .indxabt-subnav-wrap .ctain ul li{float: left; margin:20px 20px;}
     .indxabt-subnav-wrap .ctain ul li h3{padding:10px 25px;  border-radius: 20px; background-color: #ddd; box-shadow: 3px 3px 5px #666;}
     .indxabt-subnav-wrap .ctain ul li h3:hover{background-color: #0099cc; color: #fff;}
     .indxabt-subnav-wrap .ctain .current h3{background-color: #0099cc; color: #fff;}


     /* indx-abt-intro */
     .indxabt-intro-wrap{width:100%; }
     .indxabt-intro-wrap .ctain{width:1440px; margin:0 auto 50px; }
          /* indxabt-titlbox 与  indxabt-ctentbox  页面内共用 */
     .indxabt-titlbox{text-align:center; margin:50px 0;}
     .indxabt-titlbox  h2{font-size:36px;}
     .indxabt-titlbox  .en{display:inline-block; font-size: 28px;font-family: fantasy; opacity: 0.6; padding: 20px 0 10px ; border-bottom:4px solid #0099cc;}
     .indxabt-ctentbox .lf{float:left; width: 48.5%;} 
     .indxabt-ctentbox .lf img{width: 100%; }
     .indxabt-ctentbox .rt{float:left; width: 48.5%;margin-left: 3%; font-size: 16px;}
     .indxabt-ctentbox .rt p{padding-bottom: 10px;}
     .indxabt-ctentbox .rt li{list-style: disc; margin:10px 0;}

     /* indx-abt-data */
     .indxabt-data-wrap{width: 100%; height:335px; background-image:url(../img/bg-banner.jpg); background-repeat: no-repeat;}
     .indxabt-data-wrap .ctain{width:1440px; margin:0 auto;}
     .indxabt-data-wrap .ctain .abt-note{padding-top:100px;}
     .indxabt-data-wrap .ctain li{float:left; width: 33.3333%; text-align:center; color:#fff;}
     .indxabt-data-wrap .ctain li h4{height: 60px; line-height:60px; font-size:25px;  padding-bottom:20px; margin-bottom:20px; color:#fff;}
     .indxabt-data-wrap .num1, .num2{font-size:60px; color:#0099cc;}

     /* indx-abt-busin */
     .indxabt-culture-wrap{width:100%; }
     .indxabt-culture-wrap .ctain{width:1440px; margin:0 auto 50px; }
     .indxabt-culture-wrap .ctain .indxabt-ctentbox .rt{padding-left: 1%;}
     .indxabt-culture-wrap .ctain .indxabt-ctentbox .rt ul li span{color:#0099cc;}


     /* indx-abt-team */
     .indxabt-team-wrap{width: 100%; background-color:#ddd;}
     .indxabt-team-wrap .ctain{width:1440px; margin:0 auto 50px;}
     .indxabt-team-wrap .indxabt-titlbox {padding-top: 50px;}
     .indxabt-team-wrap .indxabt-ctentbox .lf img {width: 100%; padding-bottom: 50px; }

     /* indx-abt-fact */
     .indxabt-fact-wrap{width:100%;}
     .indxabt-fact-wrap .ctain{width: 1440px; margin:0 auto;}
     .indxabt-fact-wrap .ctentbox li{float: left;width: 30.3333%;margin: 0 1.5% 40px 1.5%; border-radius: 20px;  border: 1px solid #ccc; overflow: hidden;}
     .indxabt-fact-wrap .ctentbox li img{width: 100%; height: 275px;   transition: all 0.5s ease-in-out;}
     .indxabt-fact-wrap .ctentbox li img:hover{transform: scale(1.05,1.05);}


/* =====================================*/
/* ============ indx-ctact =============*/
/* =====================================*/
     /* indx-ctact-main */
     .indxctact-main-wrap{width:100%; min-width: 1280px; }
     .indxctact-main-wrap .ctain{width:1280px; margin:0 auto 50px; }
     /* indxabt-titlbox 与  indxabt-ctentbox  页面内共用 */
     .indxctact-main-wrap .titlbox{text-align:center; margin:50px 0  80px;}
     .indxctact-main-wrap .titlbox  h2{font-size:36px;}
     .indxctact-main-wrap .titlbox  .en{display:inline-block; font-size: 28px;font-family: fantasy; opacity: 0.6; padding: 20px 0 10px ; border-bottom:4px solid #0099cc;}

     .indxctact-main-wrap .ctentbox .lfdiv{float:left;  width:33%;  padding:0 40px;}
     .indxctact-main-wrap .ctentbox .midiv{float:left;  width:33%;  padding:0 40px; border-left: 1px solid rgba(152,152,152,.4);  border-right: 1px solid rgba(152,152,152,.4);}
     .indxctact-main-wrap .ctentbox .toppic {text-align: center;}
     .indxctact-main-wrap .ctentbox .decoline{height: 5px; background-color: rgba(152, 152, 152, 0.3); margin:50px 0;}
     .indxctact-main-wrap .ctentbox .ctact>h3{height: 27px; font-size: 20px; margin: 15px 0;  padding-left: 20px; border-left: 4px solid #0099cc;}
     .indxctact-main-wrap .ctentbox .ctact p{font-size: 16px; color: #333; line-height: 30px;}
     .indxctact-main-wrap .ctentbox .ctact p span {font-weight: bold; }
     .indxctact-main-wrap .rtdiv{float:left;  width:33%;  padding:0 40px; text-align: center;}
     .indxctact-main-wrap .rtdiv .decoline{height: 5px; background-color: rgba(152, 152, 152, 0.3); margin:50px 0 40px 0;}
     .indxctact-main-wrap .rtdiv .weixin{width:200px;}
     .indxctact-main-wrap .rtdiv h4{font-size: 16px;}

     /* indx-ctact-map */
     .indxctact-map-wrap{ width: 100%;min-width: 1280px; margin-bottom: 50px;}
     .indxctact-map-wrap .ctain{width: 1280px; margin:0 auto;}
     .indxctact-map-wrap .ctain #map{width: 1280px; height: 500px;}


/* ====================================*/
/* ============ artic-prod=============*/
/* ====================================*/
     /* artic/list-prod--path */
     .articprod-path-wrap{padding-top:70px;}

     /* artic-prod-main */
     .artictprod-main-wrap{width:100%; min-width: 1280px;}
     .artictprod-main-wrap .ctain{width:1280px; margin:0 auto;}
     .artictprod-main-wrap .ctain .lfbox{padding: 40px 30px;float: left;width: 320px;min-height: 1000px;background:linear-gradient( #ccc, transparent);background:-webkit-linear-gradient(#ccc,transparent);}

     /* artic-prod-main-rtbox */
     .artictprod-main-wrap .ctain .lfbox{float: left; min-height: auto;background:linear-gradient( #ccc, rgba(204,204,204,0.5));background:-webkit-linear-gradient(#ccc,rgba(204,204,204,0.5));}

     .artictprod-main-wrap .ctain .rtbox{float: right; width: 960px;}
     .com-articrtbox{margin-bottom: 50px; padding-left: 30px;}
     .com-articrtbox .titlbox h1{text-align:center; font-size:20px; padding-bottom:30px;}
     .com-articrtbox .dashed{width: 100%; border-bottom:1px dashed #ccc; margin-bottom:30px;}
     .com-articrtbox .pubbox{text-align: center; padding:20px 0;  border-top:1px  dashed #ccc; border-bottom:1px  dashed #ccc;    margin-bottom: 20px;}
     .com-articrtbox .pubbox p{display: inline-block; color:#aaa;}
     .com-articrtbox .pubbox p span{font-weight: bold; margin-left: 5px;}
     .com-articrtbox .headbox{margin-bottom: 10px; padding-bottom: 30px; border-bottom: 1px dashed #ccc;}
     .com-articrtbox .headbox .lf{float:left;}
     .com-articrtbox .headbox .lf img{width:480px; height: 320px;}
     .com-articrtbox .headbox .rt{float:left; width:410px; margin-left:40px; color:#555; line-height: 28px;}
     .com-articrtbox .headbox .rt .bt1{padding:0 10px; margin-left:10px; background-color: #0099cc; color:#fff; border-radius: 3px;}
     .com-articrtbox .headbox .rt .bt2{margin:5px 0; padding:10px 30px; font-size:16px; background-color: #ee8800; color:#fff; border-radius:5px;}
     .com-articrtbox .xxjsbox{display:none; margin:40px 0 20px; padding:20px 0; border-top:1px dashed #ccc;  border-bottom: 1px dashed #ccc; font-weight: bold; font-size: 18px;     color: #555;}
     .com-articrtbox .ctentbox h2,.com-articrtbox .ctentbox h3{color: #0099cc;  background: url(../img/common/bg_underline.png) no-repeat 0 bottom;  background-size: 85px;  border-bottom: 1px solid #ccc;  margin-bottom: 15px; padding: 15px 0;font-size:1.2em;}
     .com-articrtbox .ctentbox h4{font-size: 15px; color: #ee8800; margin:5px 0;}
     .com-articrtbox .ctentbox ul{padding-left:30px;}
     .com-articrtbox .ctentbox ul li{list-style: disc;}
     .com-articrtbox .ctentbox img {width: 100%; margin-bottom:5px;}
     .com-articrtbox .ctentbox a{color: #0099cc;    text-decoration: underline;    padding: 0 3px;  font-weight: bold;}
     .com-articrtbox .horline {width:100%; border-bottom:1px solid #999; margin:20px 0;}
     .com-articrtbox .pagebox>div {width:40%; border-radius: 15px; border: 1px solid #ccc; padding:8px 20px; text-align:center;}
     .com-articrtbox .pagebox .prepage{float: left; }
     .com-articrtbox .pagebox .nextpage{float: right;}
     .com-articrtbox .pagebox>div:hover {background-color: #0099cc; color:#fff;}
     .com-articrtbox .pagebox>div:hover a { color:#fff;}

     /* box03 */
     .artictprod-main-wrap .ctain .box03{display:none; float:left;width: 320px;padding: 0 30px 40px; background:linear-gradient( rgba(204,204,204,.5), rgba(204,204,204,0));background:-webkit-linear-gradient(rgba(204,204,204,.5),rgba(204,204,204,0));}
     .artictprod-main-wrap .ctain .box04{float:left;width: 320px;padding: 0 30px 40px; background:linear-gradient( rgba(204,204,204,.5), rgba(204,204,204,0.25));background:-webkit-linear-gradient(rgba(204,204,204,.5),rgba(204,204,204,0.25));}
     .artictprod-main-wrap .ctain .box05{float:left;width: 320px;padding: 0 30px 40px; background:linear-gradient( rgba(204,204,204,.25), rgba(204,204,204,0));background:-webkit-linear-gradient(rgba(204,204,204,.25),rgba(204,204,204,0));}
     .com-hotprod .titl{padding:15px 0 15px 70px; background: url(../img/common/navlist01.png)  no-repeat 24px center; background-size: 28px; background-color: #0099cc; margin-bottom:20px;}
     .com-hotprod .titl h3{color:#fff; font-size: 20px;}
     .com-hotprod ul{padding:0 10px;}
     .com-hotprod ul li{margin:0 0 20px 0;}
     .com-hotprod ul li .hotpic{width: 240px; height: 160px; overflow: hidden; border-radius: 10px;}
     .com-hotprod ul li .hotpic img{width: 100%; height: 100%; transition: all 0.5s ease-in-out;}
     .com-hotprod ul li .hotpic img:hover{transform: scale(1.05,1.05);}
     .com-hotprod ul li h3{font-size: 14px; text-align:center; margin-top:10px;}

     /* mod01-tw-wp */
     .mod01-tw-wp{width: 100%;}
     .mod01-tw-wp .ctain{width:1280px; margin:0 auto;}
     .mod01-tw-wp .ctain .titlbox{background: #ddd;}
     .mod01-tw-wp .ctain .titlbox .titl{width:220px ;padding:15px 0 15px 70px; background: url(../img/common/navlist01.png)  no-repeat 24px center; background-size: 28px;  background-color: #0099cc;}
     .mod01-tw-wp .ctain .titlbox .titl h3{color:#fff; font-size:20px;}
     .mod01-tw-wp .ctain .listul{margin:20px 0 20px 20px;}
     .mod01-tw-wp .ctain .listul .listli{float:left; margin:10px 0; width:25%;}
     /* .mod01-tw-wp .ctain .listul .listli:nth-child(3n-1){margin:10px 20px;} */
     .mod01-tw-wp .ctain .listul .listli .imgbox{float:left; width:100px; height:60px;}
     .mod01-tw-wp .ctain .listul .listli .imgbox img{width:100%; height: 100%; border:1px solid #ccc;}
     .mod01-tw-wp .ctain .listul .listli .titl{float:left; width: 150px;  margin-left: 20px;}
     .mod01-tw-wp .ctain .listul .listli:hover .imgbox img{border:1px solid #0099cc;}
     .mod01-tw-wp .ctain .listul .listli:hover .titl h4{color: #0099cc;}


/* =====================================*/
/* ============ artic-news =============*/
/* =====================================*/
     /* list-prod-main */
     .articnews-main-wrap{width:100%; min-width: 1280px;}
     .articnews-main-wrap .ctain{width:1280px; margin:0 auto;}

     /* box01 */
     .articnews-main-wrap .ctain .box01{padding: 40px 30px;float: left;width: 320px;background:linear-gradient( #ccc, rgba(204,204,204,.5));background:-webkit-linear-gradient(#ccc,rgba(204,204,204,.5));}
    
     /* box02   artic-news-main-rtbox */
     .articnews-main-wrap .ctain .box02{float: right; width:960px;}
 
     /* box03 */
     .articnews-main-wrap .ctain .box03{float:left;width: 320px;padding: 0 30px 40px; background:linear-gradient( rgba(204,204,204,.5), rgba(204,204,204,0));background:-webkit-linear-gradient(rgba(204,204,204,.5),rgba(204,204,204,0));}

     /* box04 */
     .articnews-main-wrap .ctain .box04{width:100%; float:left;}
}

/* ================================================================================= */
/* ================================================================================= */

/* 移动端：分两段  1024px-769px;  ≤768px  宽度100% */
@media all and (max-width:1024px){
     body{overflow-x: hidden;} 
/* ========================================*/
/* ============ list-prod; list-case ======*/
/* ========================================*/
     /* list-inban (inner-banner)*/
     .inban-wrap{padding-top:50px; min-width: auto;}
     .inban-wrap img{min-height: 140px;}

     /* list-prod-path */
     .listprod-path-wrap{background-color: rgb(222,222,222); min-width: auto;}
     .listprod-path-wrap .ctain {width: 100%; margin-bottom: 0; padding: 10px 0;}
     .listprod-path-wrap .prodtag{display: none; }
     .listprod-path-wrap .path{float: left; margin-left:2%; margin-top: 0px; color:#333;}

     /* list-prod-main */
     .listprod-main-wrap{min-width: auto;}
     .listprod-main-wrap .ctain{width: 100%;}

     /* lfbox */
     .listprod-main-wrap .ctain .lfbox{width: 100%; min-height: auto; padding:0; margin:0;background-color:#fff;background: none; }
     .com-lfnav .titl{display: none;}
     .com-lfnav .superul .supli.current .superli{background-color: #fff;}
     .com-lfnav .superul .supli.current .superli h3{color: #0099cc;}
     .com-lfnav .superul>li{border-bottom:1px solid #ccc;}
     .com-lfnav .superul .superli {margin:0; padding:10px 2%;}
     .com-lfnav .superul .superli i{left: auto; right: 20px; top:7px;}
     .com-lfnav .superul .superli.cur i{transform: rotate(90deg); -webkit-transform: rotate(90deg); right: 16px; top:4px;}
     .com-lfnav .superul .subul{display: none;}
     

     .com-lfnav .superul .supli.current .superli,.com-lfnav .superul .supli:hover .superli{background-color: #fff;}
     .com-lfnav .superul .supli.current .superli i,.com-lfnav .superul .supli:hover .superli i{background-image: url(../img/common/icon-05-rt_blue.png); transform: rotate(90deg); -webkit-transform: rotate(90deg); left: auto; top:4px; right: 16px;}
     .com-lfnav .superul .supli.current .superli h3, .com-lfnav .superul .supli:hover .superli h3{color: #0099CC;}
     .com-lfnav .superul .supli.current .subul,.com-lfnav .superul .supli:hover .subul{display: block;}

     /* rtbox */
     .listprod-main-wrap .ctain .rtbox{width: 100%;}
     .listprod-main-wrap .ctain .rtbox .listbox{margin-top: 20px;  margin-right: 2%;}
     .listprod-main-wrap .ctain .rtbox .listbox li{width: 50%; padding: 0 0 0 2%; }
     .listprod-main-wrap .ctain .rtbox .listbox .prodli .prodpic img{height: auto;}
     

/* ===================================*/
/* ============ list-news ============*/
/* ===================================*/
     /* list-news-subnav */
     .listnews-subnav-wrap{min-width: auto; border-bottom: none; box-shadow:none;}
     .listnews-subnav-wrap .ctain{width:100%; margin:0 auto;}
     .listnews-subnav-wrap .ctain ul li{text-align: center; margin:0; width: 50%; border:1px solid #fff; background-color: #0099cc;}
     .listnews-subnav-wrap .ctain ul li h3{ border-radius: 0; box-shadow: none;background-color: #0099cc;  color:#fff;}

     /* list-news-swiper */
     .listnews-swiper-wrap{min-width: auto;}
     .listnews-swiper-wrap .ctain{width: 96%;  padding:10px 0 10px 0;}
     .listnews-swiper-wrap .swiper-pagination{left:0 !important;}
     .listnews-swiper-wrap .box .left{float:left; width: 100%;}
     .listnews-swiper-wrap .box .left img{width:100%; height: auto;  min-height: 220px;}
     .listnews-swiper-wrap .box .right{float:left; width:100%; text-align:left; padding:0 20px 40px;}
     .listnews-swiper-wrap .box .right{font-size: 14px; color: rgb(38,38,38);}
     .listnews-swiper-wrap .box .right h2{font-size: 20px;line-height: 30px;}

     /*  index-news  新闻资讯 */
     .listnews-list-wrap {min-width: auto;}
     .listnews-list-wrap .ctain{width:100%;}
     .listnews-list-wrap .ctain .news-titl-box h2{height:80px; line-height: 60px;}
     .listnews-list-wrap .ctain .news-list-box .news-ul .news-li {float: none; width: 96%; margin: 10px auto !important; padding: 0;}
     .listnews-list-wrap .ctain .news-list-box .news-li img{width:100%; height: auto; }
     .listnews-list-wrap .ctain .news-list-box .news-li .news-notebox{height: auto};


/* =====================================*/
/* ============ indx-ctact =============*/
/* =====================================*/
     .indxctact-main-wrap{width: 100%; min-width: auto;}
     .indxctact-main-wrap .ctain{width:100%;}
     .indxctact-main-wrap .titlbox{margin:20px 0 35px;}
     .indxctact-main-wrap .titlbox h2 {font-size: 28px;}
     .indxctact-main-wrap .titlbox>p{display: none;}
     .indxctact-main-wrap .ctentbox .lfdiv{width: 94%; padding:0; margin:0 3%;}
     .indxctact-main-wrap .ctentbox .midiv{width: 94%; padding:0; margin:0 3%; border:none;}
     .indxctact-main-wrap .ctentbox .decoline{margin:20px 0; height: 2px;}
     .indxctact-main-wrap .midiv .toppic img{margin:0 auto;}
     .indxctact-main-wrap .rtdiv{width: 96%; padding:0; margin:0 2%;}
     .indxctact-main-wrap .rtdiv .decoline{margin:20px 0; height: 2px;}

     .indxctact-map-wrap{ min-width: auto; }
     .indxctact-map-wrap .ctain{width: 100%; }
     .indxctact-map-wrap .ctain #map{width: 100%; height: 300px;}


/* =====================================*/
/* ============== indx-abt =============*/
/* =====================================*/
     /* indx-abt-subnav */
     .indxabt-subnav-wrap .ctain{width:100%;}
     .indxabt-subnav-wrap .ctain ul{padding:10px 0;}
     .indxabt-subnav-wrap .ctain ul li{ margin:10px 10px;}
     .indxabt-subnav-wrap .ctain ul li h3{padding:5px 15px;  border-radius: 12px; background-color: #ddd; box-shadow:0 2px 2px #666;}

     /* indx-abt-intro */
     .indxabt-intro-wrap .ctain{width:100%; margin:0 auto 20px; }
     /* indxabt-titlbox 与  indxabt-ctentbox  页面内共用 */
     .indxabt-titlbox{margin:35px 0;}
     .indxabt-titlbox  h2{font-size:24px;}
     .indxabt-titlbox  .en{font-size: 24px;}
     .indxabt-ctentbox .lf{float:left; width:100%;} 
     .indxabt-ctentbox .lf img{width: 100%;}
     .indxabt-ctentbox .rt{float:left; width: 100%; padding:20px 2.5%; margin:0;}


     /* indx-abt-data */
     .indxabt-data-wrap{width: 100%; height:400px; background-image:url(../img/bg-banner.jpg); background-repeat: no-repeat; background-size:cover;}
     .indxabt-data-wrap .ctain{width:100%; margin:0 auto;}
     .indxabt-data-wrap .ctain .abt-note{padding-top:5px;}
     .indxabt-data-wrap .ctain li{width: 100%;}
     .indxabt-data-wrap .ctain li img{ height: 25px;}
     .indxabt-data-wrap .ctain li h4{padding-bottom:0; margin-bottom:0; margin-top:10px;}
     .indxabt-data-wrap .num1, .num2{font-size:40px;}

     /* indx-abt-busin */
     .indxabt-culture-wrap .ctain{width:100%; }
     .indxabt-culture-wrap .ctain ul{padding:0 5%;}
     .indxabt-culture-wrap .ctain .indxabt-ctentbox .rt{padding:20px 2.5% 0;}

     /* indx-abt-team */
     .indxabt-team-wrap .ctain{width:100%;}
     .indxabt-team-wrap .indxabt-titlbox {padding-top: 45px;}
     .indxabt-team-wrap .indxabt-ctentbox .lf img {width: 100%; padding:0 2.5%; }
     .indxabt-team-wrap .indxabt-ctentbox .rt{padding:20px 2.5% 45px;} 



     /* indx-abt-fact */
     .indxabt-fact-wrap{width:100%;}
     .indxabt-fact-wrap .ctain{width: 100%; margin:0 auto;}
     .indxabt-fact-wrap .ctentbox ul{padding:0 0 30px 2.5%;}
     .indxabt-fact-wrap .ctentbox li{width:47.5%; border-radius:10px; margin:0 2.5% 20px 0;}
     .indxabt-fact-wrap .ctentbox li img{height:auto;}



/* ====================================*/
/* ============ artic-prod=============*/
/* ====================================*/
     /* artic/list-prod--path */
     /* list-prod-path */
     .articprod-path-wrap{padding-top:50px;}

     /* list-prod-main    lfbox */
     .artictprod-main-wrap{min-width: auto;}
     .artictprod-main-wrap .ctain{width: 100%;}
     .artictprod-main-wrap .ctain .lfbox{width: 100%; min-height: auto; padding:0; margin:0;background-color:#fff;background: none; }
     .artictprod-main-wrap .ctain .lfbox .com-lfnav .subul{display: none;}

     /* box02   artic-prod-main-rtbox */
     .artictprod-main-wrap .ctain .rtbox{width: 100%;}
     .com-articrtbox{margin-bottom: 25px; padding:0 2%;}
     .com-articrtbox .titlbox h1{ margin-bottom:20px; padding:20px 0; border-bottom:1px solid rgba(226, 219, 220, 0.65);border-top:1px solid rgba(226, 219, 220, 0.65);}
     .com-articrtbox .dashed{display: none;}
     .com-articrtbox .headbox{padding-bottom: 15px;}
     .com-articrtbox .headbox .lf img{width:100%; height: auto;}
     .com-articrtbox .headbox .rt{ width:100%; margin-left:1.5%; margin-top:15px;}
     .com-articrtbox .headbox .rt .zixun{text-align: center; margin-top:10px;}
     .com-articrtbox .xxjsbox{margin:0; }
     .com-articrtbox .ctentbox img{width: 100%;}
     .com-articrtbox .pagebox>div {width:100%; margin:5px 0; text-align: left;}
     .com-articrtbox .pagebox .prepage{float: left; }
     .com-articrtbox .pagebox .nextpage{float: left;}
     .com-articrtbox .pagebox>div:hover {background-color: #ee8800; color:#fff;}
     .com-articrtbox .pagebox>div:hover a { color:#fff;}

     /* box03-box04-box05 */
     .artictprod-main-wrap .ctain .box03{width: 100%; padding:0; background:none;}
     .artictprod-main-wrap .ctain .box04{width: 100%; padding:0 0 15px 0; background:none;}
     .artictprod-main-wrap .ctain .box05{display:none;}
     .com-hotprod .titl {padding: 10px 0 10px 45px; background: url(../img/common/navlist01.png) no-repeat 8px center;    background-size: 24px;background-color: #0099cc; }
     .com-hotprod .titl h3{font-size: 18px;}
     .com-hotprod ul{padding:0 0 0 2.5%;}
     .com-hotprod ul li{float:left; width:50%; padding-right:2.5%;}
     .com-hotprod ul li .hotpic{width: 100%; height: auto;}

     /* mod01-tw-wp */
     .mod01-tw-wp .ctain{width:100%;}
     .mod01-tw-wp .ctain .titlbox .titl{width: 100%; padding: 10px 0 10px 45px; background: url(../img/common/navlist01.png) no-repeat 8px center;    background-size: 24px;background-color: #0099cc;}
     .mod01-tw-wp .ctain .titlbox .titl h3{ font-size:18px;}
     .mod01-tw-wp .ctain  .listul{margin:10px 2.5% 0;}
     .mod01-tw-wp .ctain  .listul .listli{width: 100%; border-bottom: 1px dashed #ccc;  margin: 0 0 10px 0 !important;  padding-bottom: 10px;}
     .mod01-tw-wp .ctain  .listul .listli:nth-child(n+9){display: none;}
     .mod01-tw-wp .ctain  .listul .listli .imgbox{width: 25%; height: auto;}
     .mod01-tw-wp .ctain  .listul .listli .imgbox img{height: auto; max-height: 65px;}
     .mod01-tw-wp .ctain  .listul .listli .titl{width: 70%; margin-left:5%;}
     .mod01-tw-wp .ctain  .listul .listli .titl h4{font-weight: normal;}

     .abt-wrap{margin-top:15px;}


/* ====================================*/
/* ============ artic-news=============*/
/* ====================================*/
     .articnews-main-wrap{min-width: auto;}
     .articnews-main-wrap .ctain{width: 100%;}
     .articnews-main-wrap .ctain .box01{width: 100%; min-height: auto; padding:0; margin:0;background-color:#fff;background: none; }
     .articnews-main-wrap .ctain .box02{width: 100%;}
     .articnews-main-wrap .ctain .box03{width: 100%; padding:0; background:none;}
     .articnews-main-wrap .ctain .box04{margin-top:10px;}

}

/* idxmap-main */
@media all{
     .idxmap-main-wp{width: 100%; padding:90px 0 50px 0;}
     .idxmap-main-wp .ctain{width:1200px; margin:0 auto;}
     .idxmap-main-wp .ctain .titl{text-align: center; padding:10px 0;}
     .idxmap-main-wp .ctain ul>li{list-style: disc; padding: 5px 0 5px 15px; background: url(../img/common/icon-05-rt.png) no-repeat 2px center; background-size: 6px; border-bottom: 1px dotted #666;}
     .idxmap-main-wp .ctain .pagebreak{padding:10px; text-align: center;}
     .idxmap-main-wp .ctain .pagebreak li{display: inline-block; padding:0 5px;}
     .idxmap-main-wp .ctain .pagebreak .pageActive a{color:#0099cc; font-weight: bold;}

}
@media all and (max-width:640px){
     .idxmap-main-wp{padding:50px 0 20px 0;}
     .idxmap-main-wp .ctain{width:100%; padding:10px 3%;}
}