/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666; background:#e4e4e4}
a{color:#333;}
img{ max-width:100%}
a:hover{ color:#5c5c5c; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px !important; margin:0 auto; max-width:1200px !important;}
.bg{ background:#fff; margin-top:-120px; position:relative; z-index:1;}
.bg2{ background:#fff; margin-top:0px; position:relative; z-index:1;}



.banner{ width:100%;}
.banner img{ width:100%; vertical-align:bottom;}

.header-bg{ position:absolute; top:0; left:0; width:100%; z-index:99;}
.header{box-sizing:border-box;padding:0 4%;display: flex;align-items: center;justify-content: space-between;padding-top: 4%;}
.header .logo{width: 22%;}
.header .logo img{ width:100%; vertical-align:bottom;}
/*menu*/
.menu{/* flex: 1; */position:relative;width: 72%;}
.menu:before {content: "";position:absolute;bottom: 39%;left:0;width:100%;height:1px;background:#ffffff52;}

.menu ul li{float:left;position:relative;width: 7vw;margin-right: 5%;line-height: 44px;}
.menu ul li dl{background: rgba(0,0,0,.5);width:100%;position:absolute;left:0px;top: 39px;padding: 42px 0 0 0;display:none;border: 1px solid hsla(0, 0%, 100%, .5);text-align: center;}
.menu ul li dl dd{/* line-height:28px; *//* border-bottom:#ddd dotted 1px; *//* margin:0 10px; */ position:relative}
.menu ul li dl dd a{font-size: 15px;color: #fff;font-weight:normal;display:inline;padding: 0px 6px;display: block;line-height: 39px;box-sizing: border-box;}
.menu ul li dl dd a:hover{ background:hsla(0,0%,100%,.21)}
.menu a{font-size:14px;color:#fff;text-decoration:none;display:block;text-align:center;height: auto;}
/* c */
.menu ul li>span{ font-style:normal; }
.menu ul li>span i{ font-size:1vw; font-style:normal; display:block; position:relative}
.menu ul li>span em{font-size:0.8vw;font-style:normal;display:block;line-height: 1;margin-top: 14px;}
.menu ul li>dl>dd>dl{position:absolute;top:0;left:100%;min-width: 120px;padding-top: 0;}

.fdj{display:block;position:absolute; right:0%;}
.fdj>a>img{width:14px;height: 14px;display: flex;justify-content: center;align-items: center;}
.search{display:none;background:#fff;height:30px;width: 8vw;}
.search .input_text{background:none;border:none;outline:none;display: inline-block;float: left;padding: 0 10px;line-height: 30px;width: calc(100% - 30px);box-sizing: border-box;}
.search .input_text::-webkit-input-placeholder{ color:#ccc;}
.search>a{width:30px;height:30px;display: inline-flex;justify-content: center;align-items: center;float: right;}
.search>a img{ max-width:100%; max-height:100%;filter: brightness(0%) contrast(200%) invert(0%) opacity(100%);  }

.menu ul li.hover i:after{  content: ""; position:absolute; bottom:0; left:0; width:100%; background:#fff; height:2px;}

.cent01 .title{ padding:3% 1.5rem; box-sizing:border-box;  display: flex; justify-content: center;  align-items: center; flex-wrap: wrap; }
.cent01 .title li{width:20%;text-align:center;margin-bottom: 2%;}
.tab_valli{ display:none;}
.xiongm{ width:100%; text-align:center;}
.xiongm .img01{width:70px;height:70px;display: flex;justify-content: center;align-items: center;margin: 0 auto; margin-bottom:10px}
.xiongm .img01 img{ max-width:100%; max-height:100%; filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); }
.xiongm h2{font-size:16px;color:#5c5c5c;display:block;font-weight: normal;}
.xiongm p{padding:0;width:10px;height:1px;background:#5c5c5c;display: block;margin: 2% auto;}
.xiongm em{ color:#5c5c5c; font-style:normal; font-size:10px;     letter-spacing: 2px;}
/*.cent01 .title li.cur img{ filter:none}
.cent01 .title li.cur h2{color:#5c5c5c;}
.cent01 .title li.cur p{color:#5c5c5c;}
.cent01 .title li.cur em{color:#5c5c5c;}*/
.wiehuan{ width:100%; position:relative}
.wiehuan .video video{ width:100%; object-fit: contain; vertical-align:bottom;}
 .wiehuan .img02{ width:40%; float: right;}
 .wiehuan .img02 img{ width:100%;vertical-align:bottom; height:400px}
 .cdr{ position:absolute; top:0; left:0; width:60%; height:400px; background:url(../images/03bg.png) center no-repeat; padding:5%; box-sizing:border-box; color:#fff;}
 .cdr h2{ font-size:1.8vw; font-weight:400; display:block;}
 .cdr span{ display:block; font-size:0.8vw; margin-top:8%; line-height:1.5}
 .cent01 .title li.cur .xiongm .img01 img{    filter: none  !important;}
 .cent01 .title li.cur h2{ color:#0067b0 !important}
 .cent01 .title li.cur p{ background:#0067b0 !important}
 .cent01 .title li.cur em{ color:#0067b0 !important}
  .cent01 .title li.cur h2{ color:#5c5c5c}
   .cent01 .title li.cur p{ background:#5c5c5c}
   .cent01 .title li.cur em{ color:#5c5c5c}
 
 .cent01 .title li:hover .xiongm .img01 img{    filter: none  !important;}
 .cent01 .title li:hover h2{ color:#0067b0}
 .cent01 .title li:hover p{ background:#5c5c5c}
 .cent01 .title li:hover em{ color:#0067b0}
 
.wenzi{     position: absolute;  top: 25%; color: #fff;  z-index: 20000;   width: 50%;  height: 300px; background: rgba(0, 0, 0, .2);  padding: 4%;  box-sizing: border-box;   overflow: hidden;}
.wenzi span{    width: 100%;
    height: 96px;
    overflow-y:scroll;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    letter-spacing: 1.4px;
    opacity: .7;
	display:block;}
.wenzi h2{font-size:14px;color:#fff;font-weight:normal;display: block;line-height: 26px;margin-bottom: 5%;}

::-webkit-scrollbar{width:10px;background-color:#e1e5ea}
::-webkit-scrollbar-thumb{background-color:#c3cad4;border-radius:10px;border:2px solid #e1e5ea;}
::-webkit-scrollbar-thumb:hover{background-color:#aab1bc;}
::-webkit-scrollbar-thumb:active{border:0;border-radius:0;background-color:#ccc}
::-webkit-scrollbar-thumb:window-inactive{background-color:#ccc}


.pc{ display:block}
.md{ display:none}


.tltle{ text-align:center}
.tltle em{ font-style:normal; display:block;font-size:18px; color:#4d4d4d;    letter-spacing: 2.64px;}
.tltle h2{ font-weight:normal;display:block; color:#5c5c5c; font-size:30px;    letter-spacing: 8.448px;}
.tltle i{ font-style:normal; font-size:14px; color:#5c5c5c;    margin-top: 36px; display:block;}
.tltle span{    font-size: 14px; letter-spacing: 2.64px;   margin-top: 16px; margin-bottom: 54px;  color: #4d4d4d; display:block;}
.cent02{ padding:6% 4% 4% 4%;}
.tab_valli01{ display:none}

.title01{ text-align:center;}
.title01 li{ display:inline-block; width:25%; text-align:center; color:#5c5c5c}
.title01 li h2{ font-size:16px; display:block; font-weight:normal;}
.title01 li p{ padding:0; height:1px; width:10px; background:#5c5c5c; margin:2% auto;}
.title01 li em{ display:block; font-style:normal;  font-size:10px;letter-spacing: 2px;} .title01 li.cur01{color:#5c5c5c;}
.title01 li.cur01 p{background:#5c5c5c;}

.tabs_val01{ margin-top:3%;}
.nuxuen ul li{ background:#f0f3f5; float:left; width:calc((100% - 4%)/3); margin-right:2%; margin-top:2%}
.nuxuen ul li:nth-child(3n) {  margin-right: 0% ;}
.nuxuen ul li .nuxin{ display:block}
.nuxuen ul li .nuxin a{ display:block}
.nuxuen ul li .nuxin a .img{ height:270px; width:100%; display: flex; justify-content: center;  /*align-items: center;*/}
.nuxuen ul li .nuxin a .img img{ max-height:100%; max-width:100%;}
.nuxuen ul li .nuxin .mue{ padding:25px 21px 22px; box-sizing:border-box;}
.nuxuen ul li .nuxin .mue span{ height:64px; overflow:hidden; color:#000; font-size:15px; line-height:28px; display:block; border-bottom:1px solid #fff;}
.fbzhd{ display: flex; justify-content: space-between;  align-items: center; line-height:40px;}
.fbzhd em{ font-style:normal; font-size:14px; color:#000;}


.ckgd{ text-align:center; margin-top:3%; margin-bottom:3%;}
.more{    width: 200px; height: 52px;  cursor: pointer;  background-color: #fff;  border-radius: 26px; font-size: 20px;  letter-spacing: 4.8px; color: #5c5c5c;  line-height:52px; display:inline-block;}
.ckgd span{font-size:14px; color:#5c5c5c; display:block; margin-top:3%; margin-bottom:1%}
.ckgd em{ font-style:normal; font-size:14px; color:#4d4d4d; display:block;    letter-spacing: 2.64px;}

.footer-bg{ display:block; width:100%; background:#fff;}
.footer{ padding:5.5% 6% 2% 6%; display: flex; justify-content: space-between;  align-items: center;}

.footer01{display: flex; align-items: center;}
.footer01 .logo01{ display:block; width:12.5vw;}
.footer01 .logo01 a{ display:block;}
.footer01 .logo01 a img{ width:100%; vertical-align:bottom;}

.footer01-r{ text-align:center; margin-left:25px;}
.footer01-r h2{ font-size:0.7vw; color:#333; display:block; margin-bottom:20px;}
.footer01-r a{ width:25px; height:25px;  display: inline-block; justify-content: center;  align-items: center;}
.footer01-r a img{ max-height:100%; max-width:100%;}
.footer01-r .fenx{ display:inline-block; margin-left:8px}


.footer02{ text-align:center;}
.footer0201{ text-align:center; font-size:0.7vw;}
.footer0201 a{ color:#333; font-weight:bold; margin:0 20px;}
.footer0201 a:hover{ color:#5c5c5c}


.tce{ font-size:0.7vw; color:#333; margin-top:4%; font-weight: bold;}
.tce a{ font-size:#606266}
.tce a:hover{ color:#409eff; text-decoration:underline;}

.footer03{ display: flex; justify-content: center;  align-items: center;}
.footer03-l h2{ font-size:0.95vw; color:#333; display:block; line-height:35px}
.footer03-l span{ display:block; font-size:0.7vw; color:#333; line-height:25px}
.footer03 .erfe{ width:14.3vw; margin-left:40px}
.footer03 .erfe img{ width:100%; height:auto; vertical-align:bottom;}


.sp_header{ display:none}
.sjj_nav{ display:none}

.top{ display:block}
.jiaj-bg{ text-align:center;}
.jiaj{padding-top:0%;text-align:center;display: inline-flex;justify-content: center;align-items: center;margin:0 auto;border:2px solid #f0f3f5}
.jiaj a{ padding:15px 60px; display:inline-block; font-size:15px; color:#000; background:#f0f3f5}
.jiaj a.hover{ background:#fff;}


.about{ padding:7% 7%;}
.inside_con{ padding:10px 0; min-height:300px;}


.banner02{ height:auto; width:100%;}
.banner02 img{ width:100%; vertical-align:bottom;}

.tab_valli03{ display:none}
.xed{}
.xed h2{ font-size:18px; font-weight:normal;}
.xed a{ color:#5c5c5c}
.xed a:hover{ color:#5c5c5c;}
.xed ul{ margin-top:2%}
.xed ul li{ line-height:30px; display: flex;   align-items: center; font-size:14px; margin-bottom:10px;}
.xed ul li img{ width:24px; display:block; margin-right:10px;}

.map-bg{ position:relative; margin-top:2%;}
.map-bg .title03{ background:rgba(51,51,51,.7); position:absolute; top:0; left:0; width:40%; padding:29px 35px; box-sizing:border-box; height:100%; overflow-y:scroll;}
.map-bg .title03 li{ font-size:14px; color:#fff;     margin-bottom: 13px; display:block;}
.tabs_val03{ width:100%;}
.map{ width:100%}
.map img{ width:100%; vertical-align:bottom;}
.title03{}

.jjqj-bg{ padding:4% 5%;}
.jjqj{}
.jjqj ul li{position:relative;padding-bottom: 1%; padding-top:1%}
.jjqj ul li:before {content: "";background:#e6e6e6;bottom:0%;height:1px;width: 80%;z-index:-1;display:block;left: 0px;position: absolute;}
.jjqj ul li .jjqj-l{ float:left; display:block; width:calc(95% - 460px); margin-top:4%;}
.jjqj ul li .jjqj-l h2{ position:relative}
.jjqj ul li .jjqj-l h2:before {content: "";background:#e6e6e6;top:50%;height:1px;width:100%;z-index:-1;display:block;left: 0px;position: absolute;}
.jjqj ul li .jjqj-l h2 p{ display:inline-block; padding:0; background:#fff; padding:0 5% 0 0; font-size:24px; font-weight:normal; color:#5c5c5c}
.jjqj ul li .jjqj-l span{ display:block; font-size:14px; color:#5c5c5c; margin-top:14%; line-height:1.5; height:15vh; overflow:hidden;}
.jjqj-r{float:right;display:block;width: 460px;position:relative}
.jjqj-r a{width: 440px;padding-top: 100%;z-index: 9;position: relative;}
.jjqj-r .img{position:absolute;bottom: -40px;right: -20px;width: 196px;height: 196px;display: flex;justify-content: center;align-items: center;z-index: 1;}
.jjqj-r .img img{width:100%;height:100%;opacity: .5;}

.jjqj-r .img01{ display:block}
.jjqj-r .img02{ display:none}
.jjqj-r .img03{opacity:1}
.jjqj-r .img04{opacity:0}

.jjqj-r.yanshi .img01{ display:none !important}
.jjqj-r.yanshi .img02{ display:block !important}
.jjqj-r.yanshi .img03{ opacity:0 !important}
.jjqj-r.yanshi .img04{ opacity:1 !important}

.cxe{ margin-top:4%;   display: flex;   align-items: center;}
.cxe a{ display:block; background:#f0f3f5;    font-size: 14px;     font-weight: 400;color: #5c5c5c; line-height:40px; padding:0 20px; margin-right:4%;}
.jjqj ul li:nth-child(2n) .jjqj-l{ float:right;}
.jjqj ul li:nth-child(2n) .jjqj-r{float:left;display: flex;justify-content: flex-end;}
.jjqj ul li:nth-child(2n):before{ right:0; left:inherit}
.jjqj ul li:nth-child(2n) .jjqj-r .img{ left: -20px; right:inherit;}


.qeihuan{ display:none}
.shengtia{}
.shengtia ul li{ float:left; display:block; width:calc((100% - 8%)/2); margin-right:4%; background:#f0f3f5; border-radius:5px; margin-top:4%; box-sizing:border-box; padding:2% 3%;}
.shengtia ul li a{ display: flex; justify-content: space-between;  align-items: center;}
.shengtia ul li:nth-child(3n) { margin-right: 4% ;}
.shengtia ul li .img{ width:80px; height:80px; display: flex; justify-content: center;  align-items: center;}
.shengtia ul li .img img{ max-width:100%; max-height:100%;}
.shengtia ul li .hanghe01{  width:calc(100% - 100px);}
.shengtia ul li .hanghe01 h2{font-weight:normal;font-size: 17px;color:#333;}
.shengtia ul li .hanghe01 em{display:block;font-style:normal;font-size:14px;border-radius:5px;line-height: 33px;display:inline-block;padding: 0 28px;margin-top: 10%;color:#333;border:1px solid #333;}


.yht{ padding:4% 0;}
.yht span{display:block; font-size:14px; color:#5c5c5c; line-height:1.5;overflow:hidden;}
.yht .cxe{justify-content: space-between}

.godu{ margin-top:3%}
.news{margin-top:5%}
.news ul li{    border-bottom: 1px solid #f0f3f5; padding:2% 0}
.news ul li a{display: flex;justify-content: space-between;/* align-items: center; */}
.news ul li:first-child{ border-top: 2px solid #f0f3f5;}
.news ul li .img{ display:block; width:20%; height:auto}
.news ul li .img img{ width:100%; height:150px;}
.news ul li .chendu{width:calc(100% - 22%);display: flex;justify-content: space-between;	flex-direction: column;height: 150px;} 
.news ul li .chendu h2{ font-size:18px; color:#5c5c5c; display:block; font-weight:normal;}
.fabshue{display: flex;align-items: center;justify-content: space-between;}	
.fabshue .lls em{ font-style:normal; font-size:14px; color:#999; margin-right:30px;}
.fabshue i{font-style:normal;font-size: 13px;color: #5c5c5c;}	
.fabshue i:hover{ color:#5c5c5c}
.fabshue .lls em:nth-child(4n) {margin-right: 0% }

/*update_news2*/
.update_news2{ max-width:1200px; margin:0 auto;}
.update_news2 ul li{ padding:20px 0px; border-bottom:1px solid #f0f3f5; overflow:hidden;}
.update_news2 ul li .date{float:left;width:84px;background: #f0f3f5;text-align:center;color: #9c9c9c;padding-bottom: 4px;}
.update_news2 ul li .date strong{display:block;font-weight:normal;font-size:25px;padding-top: 4px;}
.update_news2 ul li .date span{ display:block; font-size:14px; padding-top:5px;}
.update_news2 ul li .news_desc{float:right;width:calc(100% - 104px);display: flex;justify-content: space-between;flex-direction: column;height: 64px;}
.update_news2 ul li .news_desc a{display:block;font-size:16px;color: #333;}
.update_news2 ul li .news_desc span{ display:block; font-size:12px; line-height:22px; padding-top:15px; color:#777; height:44px; overflow:hidden;}
.update_news2 ul li:hover .news_desc a{ color:#5c5c5c;}
.update_news2 ul li:first-child{ border-top: 2px solid #f0f3f5;}


.cent03{ margin-top:4%;}
.cent03 span{ display:block; font-size:16px; color:#333; line-height:1.5;}
.cent03 ul li{ float:left; display:block; width:calc((100% - 3%)/2); margin-right:3%; margin-top:3%;}
.cent03 ul li:nth-child(2n) {margin-right: 0% }
.cent03 ul li img{ width:100%; vertical-align:bottom;}

.cent04{ margin-top:3%}
.cent04 ul li{ float:left; display:block; width:calc((100% - 6%)/3); margin-right:3%; margin-top:3%;}
.cent04 ul li:nth-child(3n) {margin-right: 0% }
.cent04 ul li a{ display:block}
.cent04 ul li a .img{ padding-top:48%;}
.cent04 ul li span{ display:block; font-size: 16px; text-align:center; color:#000; line-height:2; background:#f2f2f2; height:70px; overflow:hidden; padding:0 18px}

.tankbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,.7); display:none;}
.tank{
 position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 4;
    max-width: 420px;
    min-width: 420px;
    overflow: hidden;
    min-height: 420px;
    border-radius: 4px; background:#fff; box-sizing:border-box; padding:2%
}

.tdw_pp_cls {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    right: 5px;
    top: 5px;
    text-align: center;
}

.tdw_pp_cls:after, .tdw_pp_cls:before {
    position: absolute;
    content: '';
    height: 16px;
    width: 2px;
    background-color: #a5a5a5;
}

.tdw_pp_cls:before {
    transform: rotate(-42deg);
}
.tdw_pp_cls:after {
    transform: rotate(41deg);
}
.tank .selectPic{ width:100%} 
.tank .selectPic img{ width:100%; vertical-align:bottom;} 
.canshu01{ height:120px; overflow:hidden; font-size:16px; line-height:1.5; margin-top:2%}
.canshu{ margin-top:10%; text-align:center; color:#333; font-size:24px; display:block;}


.cent05{ margin-top:3%}
.cent05 ul li{ float:left; display:block; width:calc((100% - 6% - 6px)/3); margin-right:3%; margin-top:3%; border:1px solid #ccc;}
.cent05 ul li:nth-child(3n) {margin-right: 0% }
.cent05 ul li a{ display:block}
.cent05 ul li a .img{ display:block; padding-top:150%;}
.cent05 ul li span{ display:block; text-align:center; line-height:1.5; font-size:16px; color:#333; text-align:left; box-sizing:border-box; padding: 0 10px;}


.lhyp{}
.lhyp ul li{ float:left; display:block; width:calc((100% - 4%)/2); margin-right:4%; background:#f0f3f5; border-radius:5px; margin-top:4%; box-sizing:border-box; padding:2% 3%;}
.lhyp ul li a{ display: flex; justify-content: space-between;  align-items: center;}
.lhyp ul li:nth-child(2n) { margin-right: 0% ;}
.lhyp ul li .img{width: 33%;height: 140px;display: flex;justify-content: center;align-items: center;}
.lhyp ul li .img img{ max-width:100%; max-height:100%;}
.lhyp ul li .hanghe01{width: calc(100% - 40%);}
.lhyp ul li .hanghe01 h2{/* font-weight:normal; */font-size: 17px;color:#333;}
.lhyp ul li .hanghe01 em{display:block;font-style:normal;font-size:14px;border-radius:5px;line-height: 33px;display:inline-block;padding: 0 28px;color:#333;border:1px solid #333;}
.lhyp ul li .hanghe01 span{ display:block; font-size:14px; color:#333; margin-top:10px}
.youping{ display: flex;  align-items: center; margin-top: 10%;}
.youping i{ font-style:normal; color:#F00; font-size:18px; margin-right:10px;}

.lhyp ul li:nth-child(n+7) { display: none;}
.lhyp.hidden ul li:nth-child(n+7) { display:block;}
.lhyp .more{
    display: block;
    font-style: normal;
    font-size: 14px;
    border-radius: 5px;
    line-height: 33px;
    padding: 0 28px;
    color: #333;
    border: 1px solid #333;
    width:120px;
    margin: 2% auto;
    text-align: center;
    height: 33px;
    }
/*.infoBox{ z-index:999} */
.infoBoxContent{ padding:60px 64px 55px 64px; width:100%; box-sizing:border-box;}
.infoBoxContent>h2{    font-size: 23px; letter-spacing: 8.3px; display:block}
.infoBoxContent>span{    font-size: 26px;   line-height: 26px;  letter-spacing: 5.6px;  margin-top: 15px;; display:block}
.infoBoxContent .meirng{    font-size: 14px;  margin-top: 80px; display:block}
.ank{    margin-top: 46px; display:block}
.ank a{    display: inline-block;  padding: 7px 10px;   border: 1px solid #fff;  margin-right: 10px;  cursor: pointer; color:#fff;    /*z-index: 999;
    position: relative;*/}

.menu-top{   position: fixed;
  top: 40px;
  left: 40px;
  z-index: 10;
  color: #333333; background:#fff; width:160px; border-radius:30px; box-shadow:0 16px 36px 0 rgba(7,0,33,.14)}
.menu-top .cd-icon{ display: flex; justify-content: center;  align-items: center; line-height:50px; font-size:18px; color:#333333}
.menu-top .cd-icon img{ width:18px; filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);  margin-right:10px; }

.cd-bottom{ margin-top:4%; text-align:center;padding-bottom: 40px; display:none}
.cd-bottom ul li{ display:block; margin-top:30px}
.cd-bottom ul li a{ font-size:16px; color:#333;}
.cd-bottom ul li a:hover{ color:#5c5c5c}

.menuNav{ border-radius:0 !important;}
.menuNav .cd-icon{ color:#5c5c5c}
.menuNav .cd-icon img{ filter:none; }
 
 
 .tankbg01{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:988;  display:none;}
.tanken01{
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    z-index: 4;
	    max-width: 270px;
	    overflow: hidden;
	    border-radius: 4px;
	    background:#fff;
}

.tdw_pp_cls01 {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    right: 5px;
    top: 5px;
    text-align: center;
}

.tdw_pp_cls01:after, .tdw_pp_cls01:before {
    position: absolute;
    content: '';
    height: 16px;
    width: 2px;
    background-color: #a5a5a5;
}
.tdw_pp_cls01:before {
    transform: rotate(-42deg);
}
.tdw_pp_cls01:after {
    transform: rotate(41deg);
}
.tank-l01{padding: 6%;}
.tanken01 .canshu{font-size:16px;font-weight:bold;color:#000;margin: 0;text-align: left;}
.tanken01 .selectPic01{width:80%;margin: 4% auto;}
.tanken01 .selectPic01 img{width:100%;vertical-align:bottom;/*min-height: 185px;*/}
.tanken01 .canshu01{font-size:14px;color:#666;display:block;line-height:1.5;height: auto;}
 
@media screen and (min-width:980px) and (max-width:1250px){
	.wapper{ width:90% !important;} 
	 }

@media only screen and (max-width: 980px) {
	.md{ display:block}
	.pc{ display:none}
	.wapper{ width:90% !important;}
	.header-bg{ display:none;}
	.bg{ margin-top:0;}
	.xiongm .img01{ width:40px; height:40px;}
	.xiongm h2{ font-size:14px; margin-top:2%;}
	.wenzi{ position:inherit; left:0; width:100%; height:auto; top:0;}
	
	.wiehuan .img02{ width:100%; float: none;}	
	.top{ display:block; /*height:50px;*/}/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#000;position:fixed;z-index:10;width:100%;  display:block}
.sp_logo{padding:0 10px;float:left;}
.sp_logo a{height:50px; display: flex; justify-content: center;  align-items: center;}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.nuxuen ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:5%;}

.footer{ flex-wrap: wrap; padding:5% 5%;}
.footer01{flex-wrap: wrap;justify-content: center;flex-direction: column;width: 100%;}
.footer01-r{ margin-left:0;}

.footer0201 a{ font-size:12px;}
.tce{ font-size:12px}
.footer03-l h2{ font-size:14px}
.footer03-l span{ font-size:12px}
.footer02{width: 100%; margin-top:5%;}
.footer03{width: 100%; margin-top:5%;}
.footer01 .logo01{ width:200px;}


.map-bg .title03{ position:inherit; top:0; left:0; width:100%; height:100%; height:30vh;}

.jjqj ul li{ padding:5% 0;}
.jjqj ul li .jjqj-l{ float:none; display:block; width:100%;}
.jjqj-r{ float:none; display:block; width:100%; margin-top:4%;}
.jjqj ul li:before{ display:none;}
.jjqj ul li:nth-child(2n) .jjqj-r .img{    left: -6%;}
.jjqj ul li .jjqj-l h2 p{ font-size:22px;}
.jjqj ul li .jjqj-l span{ margin-top:5%;}
.jjqj-r a{ width:calc(100% - 20px);}

.ckgd em{ letter-spacing:inherit;}

.shengtia ul li{ float:none; display:block; width:100%; margin-right:0; padding:5% 5%}

.jiaj a{ padding:10px 5px;}
.news ul li .img{ display:block; width:100%}
.news ul li a{ display:block}
.news ul li .chendu{ height:auto; width:100%; margin-top:5%}
.news ul li .chendu h2{ font-size:16px;}

.fabshue .lls em{ margin-right:10px;}

  /*update_news2*/
    .update_news2 ul li .news_desc a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
	
.cent03 span{ font-size:14px; line-height:1.2}	
	
.cent05 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
.cent05 ul li span{ line-height:3;}	

.lhyp ul li{ float:none; width:100%; margin-right:0;}
	}
	

@charset "utf-8";
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden; border-radius:5px;
  text-indent: 100%;
  white-space: nowrap;
  background:#ccc url(../images/shsans.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

.sbkhli{ display:none}