.a100{ width:100%; float:left;}

/*-------------top---------------------*/ 
.top { width:1200px; height:90px; margin:0 auto; z-index:999; position:relative}
.top .logo { float:left; margin-top:30px;}
.top .right { float:left; width:950px; height:90px;}

/*-------------nav---------------------*/
.top .right .nav{  float:left;  height:30px; margin-top:49px; line-height:30px; width:780px;margin-left:80px; }
.top .right .nav .nav_a { color:#3b3b3b; text-align:center;  width:80px; font-size:15px;  float:left; margin-left:70px; line-height:18px; font-weight:500;} 
.top .right .nav .nav_a span{ font-size:12px; color:#999; font-weight:normal; font-family:Arial;}
.top .right .nav #on,
.top .right .nav .nav_a:hover{ color:#0063db; }


/*-------------banner---------------------*/
.carousel{ top:-90px;}
.carousel-inner{ width:1920px!important; height:700px;  left:50%;  margin-left:-960px;}
.carousel-inner img{ }
 
.page_banner{  position:relative; width:1920px;height:350px;  left:50%;  margin-left:-960px; }

/*-------------ind_about1---------------------*/
.ind_about1{  margin:0 auto; width:1200px; ;}
.ind_about1 .ind_about1_left{ float:left; width:600px; height:420px;}
.ind_about1 .ind_about1_left .ind_about1_title{ float:left; width:500px; height:75px; font-size:20px; color:#00264b; font-weight:bold ; padding-left:43px; background:url("../images/ind_about_title.png")/*tpa=http://www.joiner-t.com/images/ind_about_title.png*/ left top no-repeat;}
.ind_about1 .ind_about1_left .ind_about1_con  { float:left; width:500px; height:300px; font-size:12px; color:#7f8080; line-height:25px; margin-left:43px;;}


.ind_about1 .ind_about1_right{ float:right; width:500px; height:420px; margin-left:63px;}
 
/*-------------ind_about2---------------------*/
.ind_about2{  margin:0 auto; width:1200px; height:310px; margin-top:130px ;}
.ind_about2 .ind_about2_png{  float:left ;width:240px; height:265px; text-align:center;cursor:pointer;}
.ind_about2 .ind_about2_png .img{   text-align:center; width:174px; height:210px; text-align:center; margin:0 auto}
.ind_about2 .ind_about2_png .img1{  display:block; }
.ind_about2 .ind_about2_png .img2{  display:none; }
.ind_about2 .ind_about2_png .big{  clear:both; float:left; font-size:16px; font-weight:bold; color:#00264b; width:100%;}
.ind_about2 .ind_about2_png .small{  clear:both; float:left; font-size:12px; font-weight:100; color:#7f8080; margin-top:15px;  width:200PX;  margin-left:50px; line-height:22px; }

.ind_about2 .ind_about2_png:hover .img2{  display:block; }
.ind_about2 .ind_about2_png:hover .img1{  display:none; }


/*-------------bg---------------------*/
.ind_bg{ background:url("../images/ind_bg.jpg")/*tpa=http://www.joiner-t.com/images/ind_bg.jpg*/ no-repeat center 150px}
.about_bg{ background:url("../images/about_bg.jpg")/*tpa=http://www.joiner-t.com/images/about_bg.jpg*/ no-repeat center top; height:1275px;}
/*-------------ind_news---------------------*/
.ind_news{ margin: 0 auto; width:1200px; margin-top:250px;}
.ind_news .ind_news_title{  width:1100px; float:left; margin-left:45px;font-size:20px; color:#00264b; font-weight:bold; margin-bottom:35px;}

    /*-------------ind_news_hot---------------------*/
.ind_news .ind_news_hot{ margin-left:40px;  width:1160px; height:222px; float:left; border:1px solid #aeaeae;border-radius:25px;   }
.ind_news .ind_news_hot .time{ margin:24px 0 0 -40px;  width:167px; height:167px; float:left; border:1px solid #aeaeae;border-radius:25px; background-color:#0063db;    text-align:center;   }
.ind_news .ind_news_hot .time .day { margin:7px 0 0 0;  width:167px;  float:left; color:#fff;font-weight:bold;font-size:80px;    }
.ind_news .ind_news_hot .time .year{ margin:0px 0 0 0;  width:167px;  float:left; color:#fff;font-weight:bold; font-size:25px;    }
.ind_news .ind_news_hot .center{ margin:24px 0 0 25px;  width:590px; height:167px; float:left; text-align:left;   }
.ind_news .ind_news_hot .center .title{ line-height:46px;  width:590px; height:50px; float:left; text-align:left;font-size:18px; color:#0b2f53;font-weight:bold;   }
.ind_news .ind_news_hot .center .con{margin:20px 0 0 0;line-height:20px;  width:590px; height:auto; float:left; text-align:left;font-size:12px; color:#7f8080; overflow:hidden;   }
.ind_news .ind_news_hot .img{  width:346px; height:180px;float:left; margin:24px 0 0 55px; overflow:hidden;  }

    /*-------------ind_news_list---------------------*/
.ind_news .ind_news_list{ margin:75px 0 0 0;  width:400px; height:105px; float:left;    }
.ind_news .ind_news_list .time{ margin:0px 0 0 0px;  width:105px; height:105px; float:left; border:1px solid #0063db;border-radius:20px;  text-align:center;   }
.ind_news .ind_news_list .time .day { margin:2px 0 0 0;  width:105px;  float:left; color:#0063db;font-weight:bold;font-size:52px;    }
.ind_news .ind_news_list .time .year{ margin:0px 0 0 0;  width:105px;  float:left; color:#0063db;font-weight:bold; font-size:16px;    }
.ind_news .ind_news_list .center{ margin:5px 0 0 38px;  width:180px; height:100px; float:left; text-align:left;   }
.ind_news .ind_news_list .center .title{ line-height:18px;  width:180px; height:25px; float:left; text-align:left;font-size:18px; color:#0b2f53;font-weight:bold;   }
.ind_news .ind_news_list .center .con{margin:5px 0 0 0;line-height:23px; width:180px;   height:70px; float:left; text-align:left;font-size:12px; color:#7f8080; overflow:hidden;   }
 
.ind_news_more{ margin:75px auto 0;  width:337px;height:131px; background:url("../images/ind_news_more.png")/*tpa=http://www.joiner-t.com/images/ind_news_more.png*/ no-repeat center center; display:block;  }


/*-------------ind_contact---------------------*/
.ind_contact{ margin-top:150px;  background:#fff; border:1px #eaf2fc solid; position:relative;left:50%; margin-left:-1190px; width:1920px; height:550px;border-radius:45px;
               box-shadow: 28px 0px 70px 20px #eaf2fc; margin-bottom:150px;}
.ind_contact .contact_cc{  margin:95px 130px 0 0; height:350px; width:1200px; float:right; }
.ind_contact .contact_cc .contact_left{  margin:0 0 0 0; height:350px; width:390px; float:left; border:#dcdcdc solid 1px; position:relative; }
.ind_contact .contact_cc .contact_left .contact_title{  margin:0 0 0 0; height:90px; width:350px; line-height:90px; float:left; padding-left:20px; text-align:center;font-weight:bold; font-size:20px;    }
.ind_contact .contact_cc .contact_left .contact_tel  {  margin:0 0 0 0; height:60px; width:350px; line-height:60px; float:left; padding-left:20px; font-weight:bold; font-size:16px;    }
.ind_contact .contact_cc .contact_left .contact_tel .wenzi { display:block; width:50px;   float:left;     }
.ind_contact .contact_cc .contact_left .contact_tel .num   { display:block; width:300px;  float:right; text-align:right; font-weight:100;     }
.ind_contact .contact_cc .contact_left .contact_kefu{  margin:0 0 0 0; height:56px; width:390px; line-height:56px; float:left; text-align:center;  font-size:18px;color:#fff; background:#0063db;  position:absolute;left:0px; bottom:0px;   }

.ind_contact .contact_cc .contact_map {  margin:0 0 0 0; height:350px; width:720px; float:right;  }


/*-------------foot---------------------*/
.foot{ width:1920px; height:250px; position:relative; left:50%; margin-left:-960px;}
.foot .logo{ width:290px; height:250px; float:left;;}
.foot .blue{ width:1630px; height:250px; float:left; background:#2b7de1; color:#fff; border-radius:100px 0px 0px  0px }
.foot .blue .left{ width:860px; height:170px; margin:65px 0 0 80px; float:left;   }
.foot .blue .left .top{ display:block; width:860px; height:100px; line-height:22px; float:left;   }
.foot .blue .left .down{ display:block; width:860px; height:60px; line-height:25px; float:left;   }
.foot .blue .left .down a{  color:#fff;   }


.foot .blue .right{ width:300px; height:170px; margin:65px 0 0 80px; float:left;   }
.foot .blue .right .kuai{ width:100px; height:170px; float:left;   }
.foot .blue .right .kuai .title{ display:block; width:100px; height:45px; float:left; color:#fff; }
.foot .blue .right .kuai .lian { display:block; width:100px; height:28px; float:left; color:#fff; }

/*-------------aboutÒ³Ãæ---------------------*/
.about_on{ padding-top:55px;}
.about2{  padding-top:98px; width:1120px; margin:0 auto;}
.about2 .title{  width:1120px;height:23px; float:left; font-size:20px;color:#00264b;font-weight:600; }
.about2 .content{  width:1120px; float:left; padding-top:50px; }
.about2 .content img{  width:570px; height:385px; float:left;  }
.about2 .content .right{  width:400px; height:96px; float:left;  }
.about2 .content .right .dian{  width:400px;; height:96px; float:left;margin:0 0 0 80px;  }
.about2 .content .right .dian .num{  width:50px; height:96px; float:left; font-size:80px; color:#31a2ff;  }
.about2 .content .right .dian .wenzi{  width:350px; height:96px; float:left;   }
.about2 .content .right .dian .wenzi .wenzi1{  width:100%; height:56px; float:left;font-size:16px; color:#00264b; line-height:63px;font-weight:600;  }
.about2 .content .right .dian .wenzi .wenzi2{  width:100%; height:30px; float:left;font-size:12px; color:#7f8080;   }

    /*-------------about_team---------------------*/
.about_team{  width:1120px; margin:0 auto;}
.about_team .title{  width:1120px; height:23px; float:left; font-size:20px;color:#00264b;font-weight:600; }

.about_team .content{  width:1120px; height:385px; float:left; padding-top:50px; }
  
.about_team .content .team{  width:264px; height:385px; float:left; margin-left:21px; }
.about_team .content .team:first-child { margin-left:0; }
.about_team .content .team .pic{  width:262px; height:262px; float:left; font-size:80px; color:#31a2ff;border:1px #efefef solid;  }
.about_team .content .team .wenzi{  width:264px; height:120px; float:left;   }
.about_team .content .team .wenzi .wenzi1{  width:170px;margin:0 47px 0 47px; height:60px; text-align:center; float:left;font-size:20px; color:#0d4576; line-height:80px;font-weight:600;letter-spacing:2px;  }
.about_team .content .team .wenzi .wenzi2{  width:170px;margin:0 47px 0 47px; height:40px; text-align:center; float:left;font-size:12px; color:#6d6d6d; line-height:25px;   }

/*-------------service---------------------*/
.service{ width:1200px; margin:85px auto 0; }

.service .left{ width:212px;  float:left; }
.service .left .service_a{ display:block; height:40px; width:200px;  float:left;line-height:40px; text-align:center; color:#0182ea; background:#fff;font-size:20px;
                           border-left:1px  #d0d0d0 solid;border-right:1px  #d0d0d0 solid;border-bottom:1px  #d0d0d0 solid;
transition:all 300ms;
-webkit-transition:all 300ms;
-ms-transition:all 300ms;
-o-transition:all 300ms;
-moz-transition:all 300ms;	
}

.service .left .service_a:first-child { border-top: 1px #d0d0d0 solid;}

.service .left .service_a:hover{  color:#fff; background:#0182ea; margin-left:10px;  }

.service .service_main{ width:870px; padding:55px 30px ;  float:right; margin-right:40px; background:#fff; }
.service .service_main .service_title{ width:870px;  float:left;  text-align:center; color:#00264b;font-size:30px; ;}
.service .service_main .service_con  { width:870px;  float:left;   margin-top:50px; color:#7f8080;}

.service .service_main .newsintro_title{ width:870px;  float:left;  text-align:center; color:#00264b;font-size:30px; ;}
.service .service_main .newsintro_time  { width:870px;  float:left;   margin-top:10px; color:#00264b;}
.service .service_main .newsintro_con  { width:870px;  float:left;   margin-top:50px; color:#7f8080;}


/*-------------news_main---------------------*/
.news_main{   width:900px; height:auto; float:right;  }
.news_main .ind_news_hot{   width:900px; height:180px; float:left; border:1px solid #aeaeae;border-radius:25px; margin-bottom:25px;   }
.news_main .ind_news_hot .time{ margin:20px 0 0 -30px;  width:130px; height:130px; float:left; border:1px solid #aeaeae;border-radius:25px; background-color:#0063db;    text-align:center;   }
.news_main .ind_news_hot .time .day { margin:4px 0 0 0;  width:100%;  float:left; color:#fff;font-weight:bold;font-size:60px;    }
.news_main .ind_news_hot .time .year{ margin:0px 0 0 0;  width:100%;  float:left; color:#fff;font-weight:bold; font-size:20px;    }
.news_main .ind_news_hot .center{ margin:30px 0 0 25px;  width:443px; height:140px; float:left; text-align:left;   }
.news_main .ind_news_hot .center .title{ line-height:30px;  width:100%; height:40px; float:left; text-align:left;font-size:16px; color:#0b2f53;font-weight:bold;  overflow:hidden;  }
.news_main .ind_news_hot .center .con{margin:0px 0 0 0;line-height:21px;  width:100%; height:auto; float:left; text-align:left;font-size:12px; color:#7f8080; overflow:hidden;   }
.news_main .ind_news_hot .img{margin:20px 0 0 32px;  width:280px; height:145px;float:left;  overflow:hidden;  }
.news_main .ind_news_hot .img img{   width:100%;  }


#pp {
    float:right;
    margin:30px 20px 0 0;
}

#pp div{
     width:22px; height:22px; line-height:20px; text-align:center;
      background-color:#fff; color:#505050; border:1px solid #ccc;
      border-radius:22px;
       margin:5px; float:left;
}

#pp div:hover {
    background-color:#0063db; color:#fff;
    }

#pp .cc{
     background-color:#0063db; color:#fff;
}


/*------------- ΢ÐŵǼҳCSS ---------------------*/
.wxlogin_body {
    background:url("../images/wap/BG.png")/*tpa=http://www.joiner-t.com/images/wap/BG.png*/ no-repeat bottom center;
    background-size:100%;
    position:absolute;
    height:100%;
    width:100%;
}

.wxlogin_container {
    position:absolute !important;
    top:50%;
    margin-top:-220px;
}

.wxlogin_logo {
    margin-bottom:30px;
}

.wxlogin_icon {
    position:relative;
    display:block;
    height:30px;
    width:30px;
    z-index:10;
}

.wxlogin_eye {
    background:url("../images/wap/icon_eye.png")/*tpa=http://www.joiner-t.com/images/wap/icon_eye.png*/ no-repeat center;
    background-size:30px;
    border:none;
}

.wxlogin_line {
    border-bottom:solid 1px #e0e0e0;
    padding:30px 0 6px;
    position:relative;
    width:100%;
}

.wxlogin_input {
    font-family:'Microsoft YaHei';
    background:#fff !important;
    box-shadow:none !important;
    position:absolute;
    line-height:30px;
    padding:0 45px;
    font-size:14px;
    height:30px;
    border:none;
    /*width:100%;*/
    z-index:1;
    margin:0;
    left:0;
}

.wxlogin_btn {
    font-family:'Microsoft YaHei';
    border-radius:6px;
    background:#007ce2;
    margin-top:40px;
    line-height:36px;
    font-size:16px;
    color:#fff;
    border:none;
    height:36px;
    width:100%;
}

.wxmain_header {
    padding:25px 10px 20px 20px;
    background:#098ef9;
    color:#fff;
}

.wxmain_headinfo {
    position:relative;
    padding:0 5px 0 0;
    height:64px;
}

.wxmain_user {
    line-height:42px;
    margin-bottom:5px;
    font-weight:bold;
    font-size:36px;
}

.wxmain_phone {
    font-size:12px;
}

.wxmain_core {
    position:absolute;
    font-size:14px;
    bottom:5px;
    right:5px;
}

.wxmain_core span{
    font-weight:bold;
    font-size:30px;
}

#wxmain_coreList li {
    padding:10px 10px 12px;
    background:#f5f5f5;
    margin-top:4px;
}

.wxmain_coreInfo {
    position:relative;
}

.wxmain_coreTime {
    line-height:22px;
    color:#3b3b3b;
}

.wxmain_coreText {
    line-height:22px;
    color:#9b9a9a;
}

.wxmain_coreNum{
    position:absolute;
    margin-top:-12px;
    line-height:24px;
    font-size:14px;
    color:#e00101;
    right:0;
    top:50%;
}