/* CSS Document */
body, dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,table,td,tr,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;border:0;font-family:DroidSansFallback,Microsoft Yahei,sans-serif; font-size:14px;color:#333333;font-weight:normal;}
ul,li{list-style:none; margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
img{border:0;}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
.clear{ clear:both;}
form{ display:inline;}
a{text-decoration:none; color:#333;}
a:hover { text-decoration:none;}

/*----------common---------*/
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.hidden{ display:none;}
.red{ color:#FF0000;}
.wrap{ width:100%;}
.wrap2{ width:94%; margin:0 auto;}
.mgt10{ margin-top:10px;}
.mgt15{ margin-top:15px;}

.t1{font:13px/36px "微软雅黑","黑体"; color:#fff; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {  display: block;}

.swiper-container{ font-size: 12px; }

.down_load{
  /*position: fixed;*/
  max-width: 100%;
  top: 0;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 .3rem;
  width: 100%;
  height: 1.18rem;
  background-color: #fff;
}
.down_load_logo{
  width: .88rem;
  height: .88rem;
  border-radius: .2rem;
  margin-right: .2rem;
}
.down_load_left{
  display: flex;
  align-items: center;
}
.down_load_text h2{
  font-size: .32rem;
  color: #333;
  font-weight: '500';
}
.down_load_text p{
  font-size: .24rem;
  color: #8F8F8F;
  margin-top: .1rem;
}
.down_load_btn{
  display: inline-block;
  text-align: center;
  line-height: .6rem;
  min-width: 1rem;
  height: .6rem; 
  font-size: .28rem;
  color: #fff;
  background-color: #46A1F6;
  border-radius: .3rem;
}

.swiper-container{
  margin-top: 1.19rem; 
}


body{ background:#f7f7f7;}

.main{ max-width:750px; margin:0 auto;}
.top_banner img{ width:100%;}
.title{ width:100%; background:#f7f7f7; padding:15px 0; margin:0;}
.title .box{ width:94%; margin-left:3%; background:#fff; padding:15px; border-radius:6px;}
.title .box h2{ font-size:18px; line-height:26px; border-bottom:1px #ddd solid; width:100%; padding-bottom:10px; font-weight: bold;}
.title .box h2 .about{ width:45px; height:20px; background:url(../images/icon-jianjie@2x.png); background-size:45px 20px; display:inline-block; margin-right:5px;vertical-align:middle;}
.title .box p{ font-size:16px; line-height:26px; margin-top:15px;}

.title .box h2 .about2{  background:url(../images/icon-toutiao-red@2x.png); background-size:45px 20px;}
.swiper-slide img{ width:100%;}

.title .box h2 .about2{  background:url(../images/icon-toutiao-red@2x.png); background-size:45px 20px;}
.title .box h2 .about3{  background:url(../images/icon-toutiao-blue@2x.png); background-size:45px 20px;}
.title .box h2 .about4{  background:url(../images/icon-jianjie-blue@2x.png); background-size:45px 20px;}

.list_con{ width:100%; background:#fff;}
.tit_con{ width:94%; margin-left:3%; background:#f8f8f8; margin-top:15px; float:left;}
.tit_con .color_b{ width:5px; height:35px; background:#819df5;}
.tit_con .color_g{ background:#5fc8ba;}
.tit_con .color_g2{ background:#53cf8a;}
.tit_con .color_o{ background:#f58765;}
.tit_con h3{ font-size:18px; line-height:35px; font-weight:bold; float:left; margin-left:10px;}
.tit_con a{ float:right; margin-right:10px; line-height:34px; font-size:14px; color:#999;}

.list_pic{width:94%; margin-left:3%;}
.list_pic dl{ width:100%; margin-top:14px; padding-bottom:14px; min-height:75px; display:flex; border-bottom:1px #eee solid;}
.list_pic a:nth-last-child(1) dl{border-bottom:0px;}
.list_pic dl dt{ float:right;  height:75px; margin-left:10px; list-style:none;}
.list_pic dl dt img{ width:115px; height:75px; border-radius: 3px;}
.list_pic dl dd{ font-size:18px; line-height:24px; display:block; flex:1;}
.list_pic dl dd p{font-size:18px; line-height:24px; display:block; min-height: 48px; padding: 0; margin:0;}
.list_pic dl dd span{ display:block; font-size:12px; color:#999999;line-height: 20px; margin-top: 8px;}
.list_pic dl dd span i{ font-style:normal; border:1px #ddd solid; padding:1px 2px; margin-right:5px;}

.foot_k,.foot_k2,.foot_k3,.foot_k4，.foot_k5{width:100%; min-height:105px; padding:10px 0;}
.foot_k{background:#3e5ab1;}
.foot_k2{background:#54b1b1;}
.foot_k3{background:#d4687a;}
.foot_k4{background:#eeac53;}
.foot_k5{background:#7589d2;}

.foot_k:after{content:"";display:block;height:0;clear:both;visibility:hidden;zoom: 1;}
.foot_k dl{ width:90px;float:left; margin-left:20px;margin-top: 8px;}
.foot_k dl dt img{ width:50px; height:50px;margin-left:20px; border-radius: 4px;}
.foot_k dl dd{ font-size:14px; text-align:center; line-height:150%; color:#fff; }
.foot_k .foot_info{ float:left; margin-left:10px; padding-left:20px; border-left:1px hsla(0,0%,100%,.5 ) solid; height: 84px; display: flex; flex-direction: column; justify-content: center;}
.foot_k .foot_info p{ color:#fff; line-height:28px; font-size:14px;}

@media screen and (min-width: 750px) {
    body {
        width: 750px;
        margin: 0 auto;
    }
    .down_load {
        width: 750px;
        border-bottom: none;
    }
}