@charset "utf-8";
*{padding: 0; margin: 0; box-sizing: border-box;}
html{font-size:10px;}
body{font-size:14px;font-family:"Microsoft YaHei","Hiragino Sans GB";text-align:center;color:#000; background:#f0f0f0 ;}
img{border:0;vertical-align:bottom;}
a{color:#000;text-decoration:none;}
a:hover{color:#c72c3b;text-decoration: none;}
a:visited{color:#000;text-decoration:none;}
b,em,i,s,h1,h2,h3,h4,h5,h6{font-weight:normal; font-style:normal;font-size: 14px;padding: 0; margin: 0;}
ol,ul,li{list-style:none;vertical-align:baseline;padding: 0; margin: 0;}
.father{ position: relative; overflow: hidden; width: 100%; height: auto;}

/*top*/
.top{height: 85px; width: 100%;  background-color: #111111; box-shadow: 0 2px 2px #bbb; border-top: 5px #c72c3b solid; box-sizing: border-box;}
.top .box{ width: 1200px; margin: auto; height: 80px;  }
.top .box .logo{float: left; width: 170px; height: 80px; overflow: hidden; border: 0px #000 solid;background: url(../img/pcLogo2.png) no-repeat left ;background-size: 100%  auto;  }
.top .box .logo a{ display: block;  width: 170px; height: 80px; line-height: 3333px;}
.top .box  .list{ display: none;}
.top .box  .closed{ display: none;}
.top .box .nav{float: right; width: 970px; height: 80px;padding-top: 0;}
.top .box .nav ul li{ float: right; }
.top .box .nav ul li a{  display: inline-block; height: 80px; width: 120px;line-height: 80px;font-size: 18px;color:#fff;}
.top .box .nav ul li a:hover{ color: #fff; border-radius: 2px; background-color: #c72c3b; border-radius:5px ;}
.top .box .nav ul li a.self{color: #fff; border-radius: 2px;}

/*mains*/
.mains{float: left; width: 100%; padding-top: 5px;}
.mains .box{ width: 1200px;  margin: auto; overflow: hidden; padding-bottom: 15px;  }
.mains .box .focuse{border: 0px #000 solid;  height: 400px; width: 100%; margin-top: 15px; background-color:#fff; border-radius:5px ;}
.mains .box .focuse .left{ width: 800px;height: 380px; border: 0px #000 solid; float: left; padding: 10px;; }
.mains .box .focuse .left img:hover{ opacity: 0.85;}
.mains .box .focuse .right{ width: 360px;height: 380px; border: 0px #000 solid; float: right; margin-right: 10px;  }
.mains .box .focuse .right h2{text-align: left; height: 50px; line-height: 50px; color:#000; font-size: 16px;font-weight: bold;}
.mains .box .focuse .right h2 i{color: #c72c3b;}
.mains .box .focuse .right ul li{  text-align: left; height: 49px; line-height: 49px; border-top: 1px #ddd solid;overflow: hidden; }
.mains .box .focuse .right ul li a{color:#000; font-size: 16px;}
.mains .box .focuse .right ul li a:hover{color:#c72c3b; font-weight: bold;}
.mains .box .focuse .right ul li i{ margin-right: 6px;color: #c72c3b;}

/*other*/
.other{float: left; width: 105%; padding-top: 20px;     }
.other .same{float: left; width: 285px; height: 370px;   background-color:#fff; border-radius:5px ; margin: 0 20px 20px 0;  }
.other .same h2{ height: 100px; line-height: 100px; margin: 10px 10px 0 10px; background-color:#111111; color:#fff;font-size: 28px;}
.other .same h2:hover{ opacity: 0.85;background-color: #c72c3b; }
.other .same h2 a{ color: #fff;font-size: 28px;}
.other .same  ul{ padding: 10px;}
.other .same  ul li{  text-align: left; height: 49px; line-height: 49px; border-top: 1px #ddd solid;overflow: hidden; }
.other .same  ul li a{color:#000; font-size: 16px;}
.other .same  ul li a:hover{color:#c72c3b; font-weight: bold;}
.other .same  ul li i{ margin-right: 6px; color: #c72c3b;}

/*main*/
.main{float: left; width: 100%; padding-top: 10px;}
.main .box{ width: 1200px; margin: auto; overflow: hidden; padding-bottom: 15px;  }
.main .box .index{ float: left; width: 100%; }
.main .box .index ul{ float: left; width: 105%; }
.main .box .index ul li{ float: left; width: 287px; height: 115px; background-color: #fff; margin: 15px 12px 0 3px; border-radius: 5px;  text-align: left;  box-shadow: 0 0 6px rgb(234 238 246 / 80%); }
.main .box .index ul li:hover{ box-shadow:  0 0 6px 0 #ccc;}
.main .box .index ul li h3{ width: 100%;  height: 26px; margin: 14px 0 5px 0; line-height: 20px;width: 272px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main .box .index ul li h3 a{ color: #000;font-size: 16px;}
.main .box .index ul li h3 a:Hover{ color: #3963ef; font-weight: bold;}
.main .box .index ul li h3 b{ display: inline-block; height: 24px; width: 5px; background: #5b81ff; vertical-align: text-top ; margin-right: 15px; border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.main .box .index ul li p{ width: 100%;  height: 56px; padding: 0 20px; overflow: hidden; line-height: 18px;color: #555; text-align: justify;}
.main .box .index ul li p a{ color: #000;font-size: 14px;}
.main .box .index ul li p a:Hover{ color: #666; }

/*pindaos*/
.pindaos{border: 0px #000 solid;   width: 100%; margin-top: 15px; }
.pindaos ul { overflow: hidden;}
.pindaos ul li{width: 100%; float: left; background-color:#fff; margin-bottom: 15px; border-radius:0px ;overflow: hidden; padding: 12px;}
.pindaos ul li a{ display: block;}
.pindaos ul li .l{ float: left;border: 0px #000 solid;height: 140px; width: 250px; margin-right: 20px; }
.pindaos ul li .m{ float: left;border: 0px #000 solid;height: 140px;width: 680px; text-align: left;overflow: hidden;}
.pindaos ul li .m h2{ font-size: 18px; font-weight: bold; color: #222; padding: 10px 0;}
.pindaos ul li .m h2:hover{color:#c72c3b ;}
.pindaos ul li .m p{ line-height: 24px; font-size: 14px;}
.pindaos ul li .r{ float: right;border: 0px #000 solid;height: 140px;width: 200px; }
.pindaos ul li .r span{ display: inline-block; width: 150px; height: 44px; line-height: 44px; background-color: #111111; color: #fff; font-size: 16px; border-radius: 4px; cursor: pointer; margin-top: 50px;}
.pindaos ul li .r span:hover{ background-color:#c72c3b ;}

/*up*/
.up{ width: 36px; height: 36px; line-height: 36px; background-color: #111111; border-radius: 2px; position: fixed; right: 15px; bottom: 15px; cursor: pointer;}
.up:hover{background-color: #111111;}
.up i{ color:#fff; font-size:26px; line-height:35px;}

/*foot*/
.foot{float: left;width: 100%;height: 330px;  background-color: #111111; margin-top: 15px ;border-top: 4px solid #c72c3b; color: #f1f1f1;font-size: 14px; box-shadow: 0 -2px 2px #ddd;}
.footBox{width: 1200px;margin: 12px auto; overflow: hidden;}
.footBox .f1{ height: 20px; line-height: 20px;margin-top: 12px;}
.footBox .f1 li{ float: left; margin:0 17px 0 10px ;}
.footBox .f2{ height: 20px; line-height: 20px; margin-top: 15px;}
.footBox .f3{ height: 20px; line-height: 20px;margin-top: 15px;}
.footBox .f4{ height: 20px; line-height: 20px;margin-top: 15px;}
.footBox .f4 a{ color: #f1f1f1;}
.footBox .f5{ height: 20px; line-height: 20px;margin-top: 15px;}
.footBox .erweima{ width: 100%; height: 100px; margin-top: 10px;}
.footBox .erweima span{ display: inline-block; width: 97px; height: 97px; background: url(../img/erweima.png) no-repeat center; background-size: 90% auto;}

/*article*/
.article{ width: 1200px;  overflow: hidden; margin: auto;  margin-top: 15px; }
.article .articleBox{ float: left; width: 1200px; box-shadow: 0 2px 6px rgb(234 238 246 / 60%); }
.article .title{ width: 100%; border-radius: 5px;  background-color: #fff;padding: 10px 0 20px;color: #000;}
.article .title h1{font-size: 28px; padding:10px 15px 5px; text-align: left;  margin: 0 30px 0px 12px; }
.article .title h2{  height: auto; text-align: left; font-size: 14px; margin: 10px 25px 15px 25px; padding: 0 0 15px 0; border-bottom: 1px #efefef solid;}
.article .title h2 i{ margin-right: 4px; color: #111111;}
.article .title h2 span{ display: inline-block; margin-right: 10px; }
.article .title h2 em{ font-style:normal;display: inline-block;margin-right: 10px;font-family:‘宋体‘;}
.article .title h2 em a{ font-family:‘Hiragino Sans GB‘,‘Microsoft YaHei‘; }
.article .title h2 em a:hover{ color: #3da5ec;}
.article .title h2 span.zz{ margin-left: 10px;}
.article .title h2 s{ text-decoration: none;}
.article .title p{font-size: 14px; padding: 0 25px; text-align: justify; line-height: 22px; }
.article .left{ width:840px; float: left; background-color: #fff; margin-top: 10px;border-radius: 5px;  box-shadow: 0 2px 6px rgb(234 238 246 / 60%); }
.article .leftBox{float: left; padding: 20px 0 30px 0; width: 100%; overflow: hidden;}
.article .leftBox h3{ width: 100%;  margin: 10px 0 8px 0; text-align: left; font-weight: bold;font-size: 16px;}
.article .leftBox h3 b{ display: inline-block; height: 24px; width: 5px; background: #111111; vertical-align: text-top ; margin-right: 15px; border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.article .leftBox p{ font-size: 14px; text-align: left;width: 100%; padding: 0 20px 10px; line-height: 24px;}
.article .leftBox img{ width: 100%; height: auto; padding-bottom: 10px; padding-top: 10px;}
.article .leftBox img:hover{ opacity: 0.92;}
.article .right{ width: 350px; float: right; border: 0px #000 solid; background-color: #fff;margin-top: 10px;border-radius: 5px;box-shadow: 0 2px 6px rgb(234 238 246 / 60%);  }
.article .right .news{  float: left;width: 315px;  overflow: hidden; text-align: left; margin-left: 17px;  }
.article .right .news ul{ width: 100%;}
.article .right .news ul li{ height:46px; line-height: 46px; width: 315px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;border-bottom: 1px #efefef solid;}
.article .right .news ul li a{ width: 100%; font-size: 14px; color: #222;}
.article .right .news ul li a:hover{ color: #ff0000;}
.article .right .news ul li.one{ font-weight: bold; margin-top: 1px;}
.article .right .news ul li.one a{color: #3963ef;}
.article .right .news ul li.last{ border: none;}
.article .right .news ul li i{ display:inline-block; margin-right:6px; color:#111111}
.article .right .news h3{border-bottom: 1px #efefef solid; margin-top: 12px;padding-bottom: 12px;color: #111111; font-size: 14px; font-weight: bold;  }
.listBox{ display: none;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*//*定义滚动条轨道 内阴影+圆角*//*定义滑块 内阴影+圆角*/
::-webkit-scrollbar{ width: 12px; height: 12px;background-color: #F5F5F5; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 0; background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); background-color: #c8c8c8;}




/*media query here start*/
@media (max-width: 3000px) {/*<=3000的设备*/
html {
font-size:18px;
}
}
@media (max-width: 1024px) {/*<=1024的设备*/

/*start*/

/*top*/
.top{height: auto; width: 100%;  background-color: #fff; box-shadow: 0 2px 2px #bbb; border: 0;}
.top .box{ width: 100%;  margin: auto; height: 4.5rem; background:  #111111; }
.top .box .logo{float: left; width: 50%; padding-left: 1rem; height: 4.5rem; overflow: hidden; border: 0px #000 solid; background: none;}
.top .box .logo a{ display: block;  width: 100%; height: 4.5rem; line-height: 3333px;background:  #111111 url(../img/pcLogo2.png) no-repeat left ;background-size: 55%  auto;  }
.top .box  .list{ display: block; float: right; width: 35%; border: 0px #fff solid;color: #fff; height: 4.5rem;  line-height: 4.5rem; text-align: right; }
.top .box  .list i{ margin-right: 1rem; font-size: 20px; cursor: pointer;}
.top .box  .closed{ display: block; float: right; width: 35%; border: 0px #fff solid;color: #fff; height: 4.5rem;  line-height: 4.5rem; text-align: right;  display: none;}
.top .box  .closed i{ margin-right: 1rem; font-size: 20px; cursor: pointer;}
.top .box .nav{float: right; width:  100%; height: auto;padding: 5px 0;background-color: #fff; box-shadow: 0 2px 2px #ddd;}
.top .box .nav ul li{ float: right; width: 25%;height: 3rem; line-height: 3rem;border: 0px #111111 solid;}
.top .box .nav ul li a{  display: inline-block; height: 3rem; line-height: 3rem; width: 100%;font-size: 1.6rem;color:#000;border: 0px #000 solid; margin: 0; padding: 0;}
.top .box .nav ul li a:hover{ color: #fff; border-radius: 2px; background-color: #c72c3b; border-radius:5px ;}
.top .box .nav ul li a.self{color: #fff; border-radius: 2px;}

/*mains*/
.mains{float: left; width: 100%; padding-top: 2px;}
.mains .box{ width: 100%;  margin: auto; overflow: hidden; padding-bottom: 15px;  }
.mains .box .focuse{border: 0px #000 solid;  height: auto; width: 100%; margin-top: 0rem; background-color:#fff; border-radius:0px ;}
.mains .box .focuse .left{ width: 100%;height: auto; border: 0px #000 solid; float: left; padding: 0; }
.mains .box .focuse .left img{ width: 100%;}
.mains .box .focuse .left img:hover{ opacity: 0.85;}
.mains .box .focuse .right{ width: 100%;height: auto; border: 0px #000 solid; float: right; margin-right: 0;  background-color: #fff; padding: 1rem; }
.mains .box .focuse .right h2{text-align: left; height: 5rem; line-height: 5rem; color:#000; font-size: 1.6rem;font-weight: bold;}
.mains .box .focuse .right ul li{  text-align: left; height: 5rem; line-height: 5rem; border-top: 1px #eee solid;overflow: hidden; }
.mains .box .focuse .right ul li a{color:#000; font-size: 1.6rem;}
.mains .box .focuse .right ul li a:hover{color:#c72c3b; font-weight: bold;}
.mains .box .focuse .right ul li i{ margin-right: 6px;color: #111111;}

/*other*/
.other{float: left; width: 100%; padding-top: 1rem;     }
.other .same{float: left; width: 100%; height: auto;   background-color:#fff; border-radius:0px ; margin: 0 0 1rem 0;  }
.other .same h2{ height: 10rem; line-height: 10rem; margin: 1rem 1rem 0 1rem; background-color:#111111; color:#fff;font-size: 3rem;}
.other .same h2:hover{ opacity: 0.85;background-color: #c72c3b; }
.other .same  ul{ padding: 1rem;}
.other .same  ul li{  text-align: left; height: 5rem; line-height: 5rem; border-top: 1px #eee solid;overflow: hidden; }
.other .same  ul li a{color:#000; font-size: 1.6rem;}
.other .same  ul li a:hover{color:#111111; font-weight: bold;}
.other .same  ul li i{ margin-right: 6px; color: #111111;}

/*main*/
.main{float: left; width: 100%; padding-top: 10px;}
.main .box{ width: 100%; margin: auto; overflow: hidden; padding-bottom: 15px;  }
.main .box .index{ float: left; width: 100%; }
.main .box .index ul{ float: left; width: 105%; }
.main .box .index ul li{ float: left; width: 287px; height: 115px; background-color: #fff; margin: 15px 12px 0 3px; border-radius: 5px;  text-align: left;  box-shadow: 0 0 6px rgb(234 238 246 / 80%); }
.main .box .index ul li:hover{ box-shadow:  0 0 6px 0 #ccc;}
.main .box .index ul li h3{ width: 100%;  height: 26px; margin: 14px 0 5px 0; line-height: 20px;width: 272px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main .box .index ul li h3 a{ color: #000;font-size: 16px;}
.main .box .index ul li h3 a:Hover{ color: #3963ef; font-weight: bold;}
.main .box .index ul li h3 b{ display: inline-block; height: 24px; width: 5px; background: #5b81ff; vertical-align: text-top ; margin-right: 15px; border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.main .box .index ul li p{ width: 100%;  height: 56px; padding: 0 20px; overflow: hidden; line-height: 18px;color: #555; text-align: justify;}
.main .box .index ul li p a{ color: #000;font-size: 14px;}
.main .box .index ul li p a:Hover{ color: #666; }

/*up*/
.up{ width: 36px; height: 36px; line-height: 36px; background-color: #111111; border-radius: 2px; position: fixed; right: 15px; bottom: 15px; cursor: pointer;}
.up:hover{background-color: #111111;}
.up i{ color:#fff; font-size:26px; line-height:35px;}

/*foot*/
.foot{float: left;width: 100%;height: auto;  background-color: #fff; margin-top: 1rem ;border-top: 0px solid #555; color: #111;font-size: 1.4rem; box-shadow: 0 -2px 2px #ddd;}
.footBox{width: 100%;margin: 1rem auto; overflow: hidden;}
.footBox .f1{ height: 20px; line-height: 20px;margin-top: 0.5rem;font-size: 1.4rem;  display: none;}
.footBox .f1 li{ float: left; margin:0 17px 0 10px ;}
.footBox .f2{ height: 20px; line-height: 20px; margin-top: 15px;display: none;}
.footBox .f3{ height: 20px; line-height: 20px;margin-top: 15px;display: none;}
.footBox .f4{ height: 20px; line-height: 20px;margin-top: 15px;clear: both; padding-top: 1rem;}
.footBox .f4 a{ color: #000;}
.footBox .f5{ height: 20px; line-height: 20px;margin-top: 15px;width: 100%; clear: both; padding-top: 1rem;}
.footBox .erweima{ width: 100%; height: 100px; margin-top: 10px;}
.footBox .erweima span{ display: inline-block; width: 97px; height: 97px; background: url(../img/erweima.png) no-repeat center; background-size: 90% auto;}

/*article*/
.article{ width: 100%;  overflow: hidden; margin: auto;  margin-top: 0rem; }
.article .articleBox{ float: left; width: 100%; box-shadow: 0 2px 6px rgb(234 238 246 / 60%); }
.article .title{ width: 100%; border-radius: 5px;  background-color: #fff;padding: 1rem 0 1rem;color: #000;}
.article .title h1{font-size: 3rem; padding:1rem; text-align: left;  margin: 0 ; }
.article .title h2{  height: auto; text-align: left; font-size: 1.4rem; margin: 1rem; padding: 0 0 1rem 0; border-bottom: 1px #efefef solid;}
.article .title h2 i{ margin-right: 4px; color: #111111;}
.article .title h2 span{ display: block; margin: 0; }
.article .title h2 span.zz{  margin: 0; }
.article .title h2 em{ font-style:normal;display: block;margin-right: 10px;font-family:‘宋体‘;  margin-bottom: 1rem;}
.article .title h2 em a{ font-family:‘Hiragino Sans GB‘,‘Microsoft YaHei‘; }
.article .title h2 em a:hover{ color: #3da5ec;}
.article .title h2 span.zz{ margin-left: 0;margin: 1rem 0;}
.article .title h2 s{ text-decoration: none;}
.article .title p{font-size: 1.4rem; padding: 0 1rem; text-align: justify; line-height: 2.4rem; }
.article .left{ width:100%; float: left; background-color: #fff; margin-top: 1rem;border-radius: 0px;  box-shadow: 0 2px 6px rgb(234 238 246 / 60%); }
.article .leftBox{float: left; padding: 1rem 0 1rem 0; width: 100%; overflow: hidden;}
.article .leftBox h3{ width: 100%;  margin: 1rem 0 1rem 0; text-align: left; font-weight: bold;font-size: 1.6rem;}
.article .leftBox h3 b{ display: inline-block; height: 24px; width: 5px; background: #111111; vertical-align: text-top ; margin-right: 15px; border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.article .leftBox p{ font-size: 1.6rem; text-align: left;width: 100%; padding: 0 1rem 1rem; line-height: 2.8rem;}
.article .leftBox img{ width: 100%; height: auto; padding-bottom: 10px; padding-top: 10px;}
.article .leftBox img:hover{ opacity: 0.92;}
.article .right{ width: 100%; float: right; border: 0px #000 solid; background-color: #fff;margin-top: 10px;border-radius: 5px;box-shadow: 0 2px 6px rgb(234 238 246 / 60%);  }
.article .right .news{  float: left;width: 100%;  overflow: hidden; text-align: left; margin-left: 0;  }
.article .right .news ul{ width: 100%;}
.article .right .news ul li{ height:5rem; line-height: 5rem; width: 100%;overflow: hidden; padding: 0 1rem; text-overflow:ellipsis;white-space: nowrap;border-bottom: 1px #efefef solid;}
.article .right .news ul li a{ width: 100%; font-size: 1.6rem; color: #222;}
.article .right .news ul li a:hover{ color: #3963ef;}
.article .right .news ul li.one{ font-weight: bold; margin-top: 1px;}
.article .right .news ul li.one a{color: #3963ef;}
.article .right .news ul li.last{ border: none;}
.article .right .news h3{border-bottom: 1px #efefef solid; margin-top: 1rem;padding-bottom: 1rem;color: #111111; font-size: 1.6rem; padding-left: 1rem; font-weight: bold;  }

/*list nav*/
.listBox{ position: absolute; height:1px; top:0; left:0; width:100%; z-index:999999; display:block;}
.listBoxNav{ width:100%;background:#111; position:absolute;top:4.6rem; left:100%;border-top:0px #fff solid; text-align:center; border-radius: 0.7rem;}	
.listBoxNav ul{ width:100%; float:left; padding-bottom:0.7rem;padding-top:0.3rem; padding-left: 0.5rem;padding-right: 0.5rem; border-top:0px #144465 solid; box-sizing: border-box;}
.listBoxNav ul li{ width: 20% ; float:left; overflow: hidden;}	
.listBoxNav a{font-size:1.4rem; color:#fff; display:block;overflow: hidden;height:3rem; line-height: 3rem; border:1px #aaa solid; padding:0rem 0 0rem; margin:0.4rem 0.2rem 0rem 0 ; border-radius:4px; }
#neiyeListBox{position: absolute;}
#neiyeListBox .listBoxNav{ top: 4.5rem;}
.listBox .search2 {float: right;width: 100%;height: 35px;box-sizing: border-box;overflow: hidden;background: #fff;margin:0.4rem 0;border-radius: 20px;}
.listBox .search2 input {width: 195px;height: 35px;line-height: 30px;margin-left: 15px;float: left;display: block;border: 0;font-size: 16px;outline: none;}
.listBox .search2 span {width: 50px;height: 35px;float: right;display: block;cursor: pointer;background:#f7b95a;color:#fff;line-height:35px;font-size:20px;}
.nothing{display: none; }



/*pindaos*/
.pindaos{border: 0px #000 solid;   width: 100%; margin-top: 15px; }
.pindaos ul { overflow: hidden;}
.pindaos ul li{width: 100%; float: left; background-color:#fff; margin-bottom: 15px; border-radius:0px ;overflow: hidden; padding: 12px;}
.pindaos ul li a{ display: block;}
.pindaos ul li .l{ float: left;border: 0px #000 solid;height: auto; width: 100%; margin-right: 0; }
.pindaos ul li img{ width: 100% ; height: auto;}
.pindaos ul li .m{ float: left;border: 0px #000 solid;height: auto;width: 100%; text-align: left;overflow: hidden;}
.pindaos ul li .m h2{ font-size: 1.6rem; font-weight: bold; color: #222; padding: 10px 0;}
.pindaos ul li .m h2:hover{color:#c72c3b ;}
.pindaos ul li .m p{ line-height: 2.6rem;font-size: 1.6rem;}
.pindaos ul li .r{ float: right;border: 0px #000 solid;height: auto;width: 100%; }
.pindaos ul li .r span{ display: inline-block; width: 150px; height: 44px; line-height: 44px; background-color: #111111; color: #fff; font-size: 16px; border-radius: 4px; cursor: pointer; margin-top: 1rem;}
.pindaos ul li .r span:hover{ background-color:#c72c3b ;}




/*end*/
}
 @media (max-width: 768px) { /*<=768的设备*/
.mobileHead {
display:block;
}
html {
font-size:16px;
}
}
@media (max-width: 667px) { /*<=667的设备*/
.mobileHead {
display:block;
}
html {
font-size:14px;
}
}
@media (max-width: 481px) { /*<=481的设备*/
.mobileHead {
display:block;
}
html {
font-size:12px;
}
}
@media (max-width: 400px) { /*<=400的设备*/
.mobileHead {
display:block;
}
html {
font-size:11px;
}
}
@media (max-width: 375px) { /*<=375的设备*/
.mobileHead {
display:block;
}
html {
font-size:10px;
}
}
@media (max-width: 321px) { /*<=321的设备*/
.mobileHead {
display:block;
}
html {
font-size:9px;
}
}