/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
  font-family: "Microsoft YaHei";
  display: inline-table;
  width: 100%;
}
.mgb10{
  margin-bottom: 10px;
}
.mgt30{
  margin-top: 30px;
}
.mgb30{
  margin-bottom: 30px;
}
.orange{
  color: #ff8400;
}
.dn{
  display: none;
}
/* 导航 CSS
-------------------------------------------------- */
/*导航*/

.navbar-wrapper {
    background: #0578d0;
    border-radius: 0;
    margin-bottom: 0;
    border:none;
   }
.navbar-default .navbar-toggle .icon-bar{
  background: #fff;
}
.navbar-default .navbar-toggle:hover{
  background: none;
}

.navbar-default .navbar-nav>li>a{
    color: #96b8cd;
}
.navbar-default .navbar-nav>li>a:hover{
  color:#fff;
}
.nav .btn{
  padding: 0;
}
.radius-btn{
  border-radius: 100px;
  width: 100px;
  background: none;
  color: #fff!important;
  margin-right: 10px;
  margin-top: 20px;
  line-height: 35px!important;
}

.radius-btn:hover{
  background: #ffb05b!important;
  border:1px solid #ffb05b;
  border:none;
  color:#fff;
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover{
  color: #fff;
  background-color: #0269c5;
}
/* 焦点图 CSS
-------------------------------------------------- */
/* 焦点图 */
.carousel {
  height: auto;
  // margin-bottom: 60px;
}
.carousel-caption {
  z-index: 10;
  text-align: left;
  top: 50%;
  left: 23%;
  margin-top: -200px;
}
.carousel-caption h1{
  font-size: 2.4vw;
  font-weight: bold;
  line-height: 70px;
}

.carousel-caption p{
  font-size: 1.2vw;
  line-height: 50px;
}


.btn-primary2{
  background: rgba(0,96,193,0);
  border-radius: 100px;
  border:1px solid #fff;
  width: 200px;
}
.btn-primary2:hover{
  border:1px solid #fff;
}
/* 内容 CSS
-------------------------------------------------- */
/* 内容 */
.container img {
  /* width: 100%; */
}
.title{
  margin-top: 100px;
  margin-bottom: 60px;
}
.title h1{
  font-size: 40px;
  color: #333;
}
.title h3{
  font-size: 24px;
  color: #666;
  margin:40px 0;
}
.service-num{
  color: #0078d7;
  font-size: 30px;
  padding: 0 15px;
}
.main1{
  font-size: 16px;
}
.main1 .text-l{
   /*display: flex;*/
   /*flex-direction: column;*/
}
.main1 .text-l p{
   /*flex: 1;*/
   padding-right: 85px;
   padding-top: 10px;
   padding-bottom: 10px;
   background: url(https://picturesource.cctin.com/do-what_09.jpg)no-repeat center right;
}

.main1 .text-l .ico-img2{
   margin: 60px 0;
   background: url(https://picturesource.cctin.com/do-what_17.jpg)no-repeat center right;
}
.main1 .text-l .ico-img3{
   background: url(https://picturesource.cctin.com/do-what_22.jpg)no-repeat center right;
}
.main1 .text-r p{
   padding-left: 85px;
   padding-top: 10px;
   padding-bottom: 10px;
   /* 背景图已不存在 */
   /* background: url(https://picturesource.cctin.com/do-what_06.jpg)no-repeat center left; */
}

.main1 .text-r .ico-img5{
   margin: 60px 0;
   background: url(https://picturesource.cctin.com/do-what_14.jpg)no-repeat center left;
}
.main1 .text-r .ico-img6{
   background: url(https://picturesource.cctin.com/do-what_25.jpg)no-repeat center left;
}
.container .btn-lg{
   width: 290px;
   border-radius: 100px;
   margin-top: 70px;
}
.container .btn-lg:hover{
   background: #0078d7;
   color: #fff;
   border: 1px solid #0078d7;
}
/*三种安全模式*/
.moshi{
  /*width: 1000px;*/
  font-size: 16px;
}
.moshi h3{
  font-size: 18px;
  color: #717997;
  font-weight: bold;
}
.moshi p{
  color: #666;
}
/*风险*/
.fangan{
  background: #fff!important;
}
.fangan .thumbnail{
  -webkit-box-shadow:0 0 10px #e2e2e2;  
  -moz-box-shadow:0 0 10px #e2e2e2;  
  box-shadow:0 0 10px #e2e2e2; 
  height: 350px;
}
.fengxian{
  padding: 20px 0 80px;
  background: #f7f7f7;
  text-align: center;
}
.fengxian .caption h3{
  font-size: 18px;
  color: #2d3964;
  font-weight: bold;
}
.fengxian .caption p{
  color: #666;
  margin:30px 0;
  font-size: 16px;
}
.fengxian .caption .btn{
  border-radius: 100px;
  width: 80%;
  padding: 10px 12px;
  background: #b5bcd6;
  font-size: 16px;
  border:none;
}
.fengxian .caption .btn:hover{
  background: #0078d7;
}
.fengxian .thumbnail{
  padding: 50px 40px;
  border:none;
  transition:all .3s linear;
  -moz-transition:all .3s linear; /* Firefox 4 */
  -webkit-transition:all .3s linear; /* Safari and Chrome */
  -o-transition:all .3s linear; /* Opera */
}
.feature .thumbnail{
  padding: 0;
}
.fengxian .thumbnail:hover{
  -webkit-box-shadow:0 0 10px #e2e2e2;  
  -moz-box-shadow:0 0 10px #e2e2e2;  
  box-shadow:0 0 10px #e2e2e2; 
  margin-top: -10px; 
}
/*使用指南*/
.guide img{
  width: auto;
  height: auto;
}
.guide h2{
  color: #0078d7;
}
.guide .lead{
  margin:30px 0;
  color: #666;
}
.guide .btn{
  font-size: 16px;
  width: 100px;
  border-radius: 100px;
  color: #0078d7;
  border: 1px solid #0078d7;
  margin-bottom: 15px;
}
.guide .btn:hover{
  background: #0078d7;
  color: #fff;
}
/*会员*/
.huiyuan .row{
  margin: 0px;
}
.huiyuan .col-md-2, .huiyuan .col-xs-6{
   padding: 0 5px;
}
/*.huiyuan .row img{
  border:1px solid #eee;
  margin-bottom: 10px;
}*/
.item4 {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
  width: 300px;
  text-align: center;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
  border:1px solid #eee;
  /*background: url(../images/huiyuan-bj.png)no-repeat center center;*/
}
.item4 .caption {
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #fff;
  position: absolute;
  top: 100px;
  transition: top .2s linear;
  -moz-transition:top .2s linear; /* Firefox 4 */
  -webkit-transition:top .2s linear; /* Safari and Chrome */
  -o-transition:top .2s linear; /* Opera */
  background: rgba(0, 36, 96, .8);
}

.item4 h3 {
  margin: 0;
  font-size: 18px;
}
.item4 p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: normal;
}
.item4-txt {
 /* position: absolute;
  top: 0;*/
  text-align: center;
  padding: 10px;
  color: #666;
  display: inline-block;
  /*overflow: hidden;*/
}
/*公司简介*/
.introduction{
  margin-top: 50px;
  padding: 0 0 50px;
  background: url(https://picturesource.cctin.com/about.png)no-repeat center top;
}
/*平台特点*/
.trait{
  margin-bottom: 50px;
}
.trait img{
  width: auto;
  height: auto;
}
.trait ul li{
  font-size: 18px;
  margin:30px 0;
}
/*指南视频*/
.video{
  width: 100%;
}
.video .row{
  margin-bottom: 4px;
  position: relative;
}
.video .video-detail{
  top:20px;
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -60px;
}
.video .video-detail a{
  color: #666;
}
.video .ico-video{
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  left:5px;
  display: inline-block;
  background: url(https://picturesource.cctin.com/iconfont-shipin-b.png)no-repeat center center;
}
/*粮商故事*/
.blank10 {height:10px;}
.blank20 {height:20px;}
.blank30 {height:30px;}
.blank50 {height:50px;}
.blank60 {height:60px;}

.list10-li{background:#F5F7FA;margin-bottom:10px;height:150px;overflow:hidden;}
.list10-time{float:left;height:150px;width:150px;margin-right:20px;background:#8F9BB3;color:#FFF;text-align:center;}
.list10-time h1{font-weight: normal;font-size: 74px;overflow:hidden;}
.list10-time p{width:7em;margin:0 auto;border:2px solid #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.list10-text{margin-right:20px;padding:20px 0 ;}
.list10-text h4{line-height:24px;font-weight: normal; font-size:18px;}
.list10-text h4 a{color:#333;}
.list10-text p{line-height:17px;margin-top:10px;}
.list10-text p.p1{height:51px;overflow:hidden;color:#666; line-height:24px;}
.list10-text p.p2{height:17px;overflow:hidden;color:#999;}
.list10-li:hover{background:#EDEDED}
.list10-li:hover .list10-time{background:#405580;}
.page-num .right a{
   float: right;
   padding: 6px 12px;
   color: #fff;
   background: #337ab7;
   border-radius: 4px;
   margin: 20px 0;
   text-decoration: none;
}
.title20{line-height:40px;height:40px;border-bottom:1px solid #E5E5E5;margin-bottom:30px;}
.title20 .mianbao{float:right;}
.mianbao{color:#999;}
.mianbao a{color:#666;margin:0 5px;}
.title20 h5{float:left;margin:0; height:39px;line-height:39px;border-bottom:2px solid #2453B3;font-size: 20px;color:#333;font-weight: normal;}

.show{}
.title21{position:relative;line-height:35px;padding:15px 0 35px;border-bottom:1px solid #E5E5E5;}
.title21 h1 {font-size:24px;}
.title21 p{position: absolute;bottom:10px;right:0;}
.title21 p a{display:block;height:25px;width:25px;margin-left:10px;float:left;color:#FFF;font-size: 16px;text-align:center;line-height:25px;}
.title21 p a{background:#DBDAD8;}
.title21 p a.a1{background:#8DC564;}
.title22{margin-bottom:20px;padding:8px 0 ;border-bottom:1px solid #E5E5E5;}
.title22 .fenxiang10{float:right;}
.title22-time{line-height:44px;color:#999;}
.show-content{padding:30px 0 ;}
.content_text {
   margin-bottom: 30px;
}
.content_text p{
   text-indent: 2em;
}
.page {
font-size:14px;
}
.page a{
  color: #666;
}
.page strong {
padding:5px 8px;
background:#4484E2;
border-radius:5px;
color:white;
margin-right:15px;

}

.list20-ul li{list-style:none;height:45px;line-height:45px;padding:0 20px 0  30px;background:url(http://picturesource.cctin.com/dian3.png) 15px center no-repeat;margin-bottom:1px;}
.list20-ul li span{float:right;}
.list20-ul li a{color: #666}
.list20-ul li.li1:hover{background-color:#F4F4F4;}
.list20-ul li.li2{background-color:#E8E8E8;}
.list20-ul li.li2:hover{background-color:#ddd;}
.relevant h3{line-height:50px;border-bottom:1px solid #E5E5E5;color:#333;}
.relevant .list20-ul{padding:10px 0 ;border-bottom:1px solid #E5E5E5;}
.relevant .list-pic10 ul li {margin:0px 7px;}
.relevant .list-pic10 ul li.li-before img {width:260px;height:170px;}
/*广告服务*/
.service{
  text-align: center;
  margin-bottom: 50px;
}
.service img{
  width: auto;
  height: auto;
}
/*关于我们*/
.company{
  margin-top: 60px;
  margin-bottom: 50px;
}
.leftsidebar{
  color: #fff;
}
.sidebartop{
  padding: 10px;
  font-size: 16px;
  background:#005dbb url(https://picturesource.cctin.com/jia.png)no-repeat center right 10px;
}
.sidebarmain{
  background: #e9edf5;
  padding: 20px;
}
.sidebarmain ul{
  list-style: none;
  padding: 0;
  margin:0;
}
.sidebarmain ul li a{
  color: #666;
  background: #fff;
  padding: 10px;
  margin-bottom: 6px;
  text-align: center;
  font-size: 14px;
  display: block;
  text-decoration: none;
}
.sidebarmain ul li a:hover{
  background: #005dbb;
  color: #fff;
}
/*买卖平台*/
.scene1{
   font-size: 18px;
   margin-top: 60px;
   line-height: 36px;
}
.scene1 .num-ico{
  padding-left:50px; 
}
.scene1 .num-ico1{
  background: url(https://picturesource.cctin.com/business_16.jpg) no-repeat top 5px left;
}
.scene1 .num-ico2{
  background: url(https://picturesource.cctin.com/business_19.jpg) no-repeat top 5px left;
}
.scene1 .num-ico3{
  background: url(https://picturesource.cctin.com/business_21.jpg) no-repeat top 5px left;
}
.scene1 .num-ico4{
  background: url(https://picturesource.cctin.com/business_23.jpg) no-repeat top 5px left;
}
.scene1 .num-ico5{
  background: url(https://picturesource.cctin.com/business_25.jpg) no-repeat top 5px left;
}
.scene1 .num-ico6{
  background: url(https://picturesource.cctin.com/business_27.jpg) no-repeat top 5px left;
}
/*底部版权*/
.bottom{
  background: #212832;
  padding: 60px 0;
}
.bottom img{
  width: auto;
  height: auto;
  margin-bottom: 20px;
}
.bottom h3{
  font-size: 16px;
  color: #ccc;
}
.bottom p,
.bottom p a{
  color:#ccc;
}
.bottom hr{
  border-top: 1px solid #4d535b;
}
.bottom .ewm p{
  margin-top: 10px;
}
/*返回*/
.izl-rmenu{
         margin-right: 0;
         width: 82px;
         position: fixed;
         right: 2px;
         top: 65%;
         -webkit-box-shadow: #DDD 0px 1px 2px;
         -moz-box-shadow: #DDD 0px 1px 2px;
         box-shadow: #DDD 0px 1px 2px;
         z-index:999;
}
.izl-rmenu .consult{    
  background-image: url(../images/consult_icon.jpg);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 77px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(255,255,255);
    position: absolute;
    width: 178px;
    left: -193px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 22px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu .cart .pic:after,
.izl-rmenu .consult .phone:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #eaeaea;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: -10px;
  top: 26px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 30px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 64px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
  background-image: url(../images/float_top.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.izl-rmenu .cart .pic {
  display:none;
    position: absolute;
    left: -170px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin-r.jpg);
    box-shadow: #DDD 0px -1px 5px;
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 2px;
    -moz-box-shadow: #DDD 0px -1px 2px;
    box-shadow: #DDD 0px -1px 2px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}
/*注册*/
.popup-m,
.regist-m{
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  position: absolute;
  width: 350px;
  height: auto;
  top: 50%;
  left: 50%;
  margin-top: -220px;
  margin-left: -159px;
}
.regist-m h2{
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  padding: 0 0 20px;
}
.regist-m .input{
  border:1px solid #eee;
  border-radius: 5px;
}
.regist-m .input input{
  border:1px solid #fff;
  padding: 10px;
  outline: none;
  color: #ccc;
}
.regist-m .input .get-yzm{
  border-left: 1px solid #eee;
  display: inline-block;
  padding-left: 15px;
  cursor: pointer;
}
.regist-m-box{
  padding: 10px;
}
.regist-m-box .btn-primary{
  background: #1e96fa;
  border:none;
}
.sui-steps-round{
  margin-bottom: 15px;
}
.sui-steps-round .line{
  height: 1px;
  width: 30%;
  margin:0 10px;
  background: #eee;
  position: relative;
  top: -5px;
}
.sui-steps-round span{
  display:inline-block;
  color: #999;
}
.sui-steps-round .round{
  width: 23px;
  height: 23px;
  text-align: center;
  line-height: 23px;
  border-radius: 100%;
  border:1px solid #eee;

}
.sui-steps-round .on{
  background: #1e96fa;
  color: #fff;
  border: 1px solid #1e96fa;
}
/*弹出*/
.popup{
  background: rgba(33,40,50,.6);
  width: 100%;
  height: 100%;
  z-index: 200;
  position: absolute;
}
.popup-m{
  text-align: center;
  font-size: 16px;
  position: relative;
  padding: 20px 15px;
}
.popup-m p{
  margin:20px 0;
}
.popup-m .close{
  width: 17px;
  height: 17px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 220;
  background: url(../images/close.png)no-repeat center center;
}
.btn-down{
  width: 50%;
  border-radius: 100px;
}
/* Featurettes
------------------------- */


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  .container-fluid-w{
    width: 100%;
    margin: 0 auto;
  }
  .navbar-nav>li>a {
    line-height: 44px; 
  }

  .navbar-default .navbar-nav>.active>a, 
  .navbar-default .navbar-nav>.active>a:focus, 
  .navbar-default .navbar-nav>.active>a:hover{
    background: none;
    border-bottom: 3px solid #ffb05b;
    color: #fff;
  }
  .navbar-wrapper {
    /*background: #0578d0;*/
    background: rgba(0,0,0,0);
    border-radius: 0;
    margin-bottom: 0;
    border:none;
    position: absolute;
    z-index: 20;
    width: 100%;
   }
   .navbar-fixed-top{
     position: fixed!important;
     background: rgba(5,120,208,.8);
   }
   .navbar-wrapper2{
    background: #0578d0;
    position: relative;
   }
   .moshi{
    width: 1000px;
  }
  .container .about-img{
    width:480px; 
    height:auto;
  }  
  .container .honor-img{
    width:700px; 
    height:auto;
  }  
  .container .team-img{
    width:570px; 
    height:auto;
  }
}
@media (max-width: 768px) {
  .navbar-brand {
    width: 80%;
    padding: 6px;
  }
  .navbar-brand img{
    width: 100%;
  }
  .navbar-default .navbar-nav>.active>a, 
  .navbar-default .navbar-nav>.active>a:focus, 
  .navbar-default .navbar-nav>.active>a:hover{
    background: none;
    color: #fff;
  }
  .carousel{
    margin-top: 0;
  }
  .title{
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .title h1{
    font-size: 25px;
  } 
  .title h2{
    font-size: 23px;
    line-height: 30px;
    padding: 0 20px;
  }
  .title h3 {
    font-size: 18px;
    color: #666;
    margin: 20px 0;
  }
  .main1 .text-l .ico-img2{
    margin:10px 0;
  }
  .container img {
    width: 100%;
  }
  .bottom{
    padding: 30px 0 60px;
  }
  .bottom img{
    width: 100%;
  }
  .container .btn-lg{
    margin-top: 20px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a{
    color: #fff;
  }
  .izl-rmenu,
  .safe-img,
  .mianbao,
  .leftsidebar,
  .carousel{
    display: none;
  }
  #udesk-feedback-tab{
    display: none!important;
  }
  /*注册*/
  .regist-m{
    position: relative;
    top: 0; 
    left: 0; 
    margin-top: 0; 
    margin-left: 0; 
    width: 100%;
  }
  .sui-steps-round .line{
    width: 20%;
  }
  .popup-m{
    width: 90%;
    margin:0;
    transform: translate(-50%,-50%);

  }
}


@media (min-width: 992px) {
  
}