.loginhead {
   text-align: center;
 }

 .projecthead {
   line-height: 46px;
   color: #0A1735;
   font-size: 15px;
   background: #fff;
   padding-top: 20px;
   width: 100%;
 }

 .bluedv {
   background-color: #E6E9EC;
   height: 10px;
   width: 100%;
   padding: 0px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
 }

 .f14 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 15px;
   text-decoration: none;
 }

 .loadingtime {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 15px;
   text-decoration: none;
   line-height: 1.2;
 }


 .fbig {
   font-size: 18px;
   text-decoration: none;
   color: #008CC9;
 }

 .fbiger {
   font-size: 18px;
   text-decoration: none;
   font-weight: bold;
 }

 .loginhead {
   text-align: center;
 }

 .projectlist {
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #E4E4E4;
 }

 .projectlist div {
   margin-bottom: 5px;
 }

 .projectlist a {
   display: block;
   color: #0A1735;
 }

 .projecttitle {
   font-size: 15px;
   font-weight: bold;
 }

 .projectcont {
   font-size: 13px;
   margin: auto;
   width: 98%;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #e4e4e4;
 }

 /*切换*/
 .gr,
 .gr ul {
   font-size: 15px;
   height: 39px;
   margin: 0px;
   padding: 0px;
 }

 .gr .tab {
   overflow: visible;
   height: 14px;
 }

 .gr .tab li {
   float: left;
   width: 33%;
   height: 39px;
   line-height: 39px;
   text-align: center;
   color: #666666;
   font-size: 14px;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #CCCCCC;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
 }

 .gr .tab .curr {
   float: left;
   width: 33%;
   height: 39px;
   line-height: 39px;
   text-align: center;
   color: #008CC9;
   font-weight: 400;
   padding-left: 0px;
   font-size: 14px;
   border-bottom-width: 2px;
   border-bottom-style: solid;
   border-bottom-color: #008CC9;
 }

 .square {
   height: 30px;
   width: 18px;
   background-image: url(../image/ok.png);
   background-repeat: no-repeat;
   background-position: center center;
 }

 .wrong {
   height: 30px;
   width: 18px;
   background-image: url(../image/wrong.png);
   background-repeat: no-repeat;
   background-position: center center;
 }



 /*时间轴 */
 .online ul {
   margin-top: 10px;
   margin-right: 5px;
   margin-bottom: 0px;
   margin-left: 0px;
 }

 .online li {
   color: #000000;
   background-image: url(../image/online.png);
   background-repeat: no-repeat;
   background-position: center 0px;
   float: left;
   height: 47px;
   width: 45px;
   text-align: center;
   margin-right: 0px;
   margin-left: 0px;
   font-size: 1em;
   font-weight: bold;
   line-height: 2;
 }


 .timeling ul {
   margin-top: 20px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
 }

 .timeling li {
   color: #000000;
   text-align: center;
   font-size: 15px;
   line-height: 2;
   vertical-align: bottom;
   color: #666666;
   margin: 0px;
   padding: 0px;
 }

 .timeon .timeraduic {
   border-radius: 5px;
   background-color: #6AAAC6;
   height: 35px;
   width: 75px;
   color: #000000;
   line-height: 35px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px;
 }

 .timeon .timetext {
   float: left;

 }

 .timeon .timeline {
   background-color: #6AAAC6;
   height: 30px;
   width: 2px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
 }

 .timeout .timeraduic {
   border-radius: 5px;
   background-color: #999999;
   height: 35px;
   width: 75px;
   color: #000000;
   line-height: 35px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   padding: 0px;
 }

 .timeout .timetext {

   margin-left: 0px;
 }

 .timeout .timeline {
   background-color: #999999;
   height: 30px;
   width: 2px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
 }

 .bmarrow {
   background-image: url(../image/arrowbm.png);
   background-repeat: no-repeat;
   background-position: center center;
   height: 18px;
   width: 18px;
   margin-top: -10px;
   margin-right: auto;
   margin-left: auto;
 }

 .bmarrow2 {
   background-image: url(../image/arrowbm2.png);
   background-repeat: no-repeat;
   background-position: center center;
   height: 18px;
   width: 18px;
   margin-top: -10px;
   margin-right: auto;
   margin-left: auto;
 }




 .phone {
   background-color: #088ceb;
   background-image: url(../image/phonewhite.png);
   background-repeat: no-repeat;
   background-position: 10px center;
   width: 150px;
   height: 40px;
   line-height: 40px;
   border-radius: 10px;
   text-align: center;
   color: #FFFFFF;
   font-size: 15px;
 }

 a.phone {
   color: #FFFFFF;
   font-size: 15px;
   width: 150px;
   height: 40px;
   display: block;
   border-radius: 10px;
   margin-right: auto;
   margin-left: auto;
 }

 a.phone:hover {
   color: #FFFFFF;
   font-size: 15px;
   background-color: #fdbd26;
   background-image: url(../image/phonewhite.png);
   background-repeat: no-repeat;
   background-position: 10px center;
 }

 .ask {
   font-size: 14px;
   line-height: 1.5;
 }

 .ask::before {
   content: url(../image/manb.png);
 }


 @media only screen and (max-width: 320px) {
   .projectcont {
     font-size: 12px;
   }
 }


 /*
   @media only screen and (device-width: 414px) and (device-height: 896px) 
        { .projectcont{ font-size: 13px;  }
       }


		  @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)
        { .projectcont{ font-size: 13px;  }
         }*/