@charset "utf-8";
/* CSS Document */


.inWrap2{ position:relative; width:1125px; margin:-40px auto 40px; min-height:400px; background:#fff; box-shadow:0 0 2px rgba(0,0,0,.15);}
.inWrap2 .pages{ padding-bottom:50px;margin-top:0;}
.inWrap3 .pages{ padding-bottom:50px;margin-top:0;}
.s-top{ height:220px; background:#f7f7f6; position:relative; margin-bottom:20px;}
.s-top .img{ height:210px; width:210px;margin-left:120px;padding-top:10px;}
.s-top .img img{ width:100%; height:auto;}
.s-top .a-list{ position:absolute; left:400px; width:660px;top:50px;}
.s-top .a-list a{ float:left;margin-right:20px;width:200px; text-align:center; height:50px; line-height:50px; color:#fff; font-size:1em;}
.s-top .a-list a i{ display:inline-block; height:30px; width:30px; vertical-align:;}
.s-top .a-list a i img{width:100%;  height:auto;}
.s-top .a-list a.wx{ background:#6ad82a;}
.s-top .a-list a.wx:hover{ background:#14d238;}
.s-top .a-list a.qq{background:#25c1e5;}
.s-top .a-list a.qq:hover{ background:#04bad7;}
.s-top .a-list a.tel{background:#0097ba;}
.s-top .a-list a.tel:hover{ background:#008eaa;}
.s-top .text{ position:absolute; left:400px; width:660px;top:130px; text-align:center; color:#909295; font-size:.9em;}

.s-list { padding:0 80px 20px;}
.s-list .item{ float:left; width:24%; background:#f9f9f8;margin-right:1%; text-align:center; height:320px;}
.s-list .item img{ width:36%; height:auto; padding:50px 0 20px;}
.s-list .item p{ font-size:1.2em; margin-bottom:40px; color:#58595b;}
.s-list .item div{ font-size:0.9em; padding:0 2em; text-align:left; color:#909295;}
.s-list a:hover .item{ background:#f4f4ef;}

.s-contact{ margin:0 80px; padding-bottom:10px;}
.s-contact .left{ width:450px; padding-right:30px; float:left;}
.s-contact .left h3{ color:#00a7e1; font-weight:700;}
.s-contact .left p{ color:#909295; padding-bottom:1em;}
.s-contact .dl{ float:left; width:450px;}
.s-contact .dl dt{ float:left;}
.s-contact .dl dd{color:#58595b;padding:20px 0 0 30px; float:left;}

.sanbao-con{ padding:30px 0; border-top:1px solid #00a8e1; margin:0 80px; line-height:1.8em;}

.s-news dl{border-bottom:1px solid #e4e5e6; padding-bottom:30px; margin-bottom:30px;}
.s-news a:last-child dl{border-bottom:1px solid #00a8e1;}
.s-news h3{ color:#00a7e1; font-size:1.1em;}
.s-news p{ color:#58595b; font-size:1em;}
.s-news span{ color:#808082; font-size:0.85em;}

.courseS{  margin:0 80px; background:#f0efee; padding:20px 25px;}
.courseS input[type="text"]{  width:560px; height:48px; line-height:48px\9; padding:0 15px; *height:28px; *line-height:28px; border:0; background:#fff; vertical-align:top;}
.courseS .btn{ text-align:right;float:right;}
.courseS .btn a{ display:inline-block; background:#ffea43; color:#575855; position:relative; text-align:left;  width:64px; height:48px; line-height:48px; padding-left:76px;}
.courseS .btn a i{ display:inline-block; width:26px; height:26px; background:url(../images/icon-s.png) no-repeat; position:absolute; left:35px;top:12px;}
.courseS .btn a:hover{ background:#F9D503;}

.coures-list { margin:40px 80px 0; padding-bottom:40px;}
.coures-list li{ float:left; margin:0 6px 20px 0; width:194px; height:210px;}
.coures-list li div{ position:relative; margin-bottom:10px;}
.coures-list li div span{color:#fff; position:absolute; right:0;bottom:0; width:40px; height:16px; line-height:16px; text-align:center; font-size:.75em; background:#212121;}
.coures-list li a{ display:block;}
.coures-list li h3{ color:#00a7e1; overflow:hidden; height:3.2em;}
.coures-list li a:hover h3{ text-decoration:underline;}
.coures-list li p{ color:#808082; font-size:.85em;}

.newsVideo{ margin:0 80px;}
.newsDetailWrap{ padding:45px 80px 0;}

.query-tips{ height:80px; line-height:80px; margin:0 80px;font-size:0.9em; color:#909295}

.query-con{ margin:0 80px; padding-bottom:20px;}
.query-con .item{ float:left; width:390px; height:380px; background:#f7f7f7;}
.query-con .left{margin-right:20px;}
.query-con .img { text-align:center; margin:50px 0 20px;}
.query-con .img img{ width:14%;}
.query-con h3{ text-align:center; color:#58595b; font-size:1.2em;}
.query-con .text{ width:300px;margin:60px 30px 20px;  }
.query-con input[type="text"]{ width:300px; color:#909295;padding:0 15px;   border:0; background:#fff; height:48px; line-height:48px\9;}
.query-con .btn a{ text-align:center; color:#58595b; font-size:1.2em; display:block; background:#ffea40; height:50px; line-height:50px; text-align:center; margin:0 30px;}
.query-con .btn a i{ display:inline-block; width:18px; height:18px;margin-right:10px;}
.query-con .btn a img{  width:100%; height:auto;}
.query-con .btn a:hover{ background:#f4d93d;}


@media screen and (max-width:640px)
{
    .inWrap2{ width:auto; margin:-20px 12px 20px;}
    .s-top{ height:auto; padding-bottom:20px; margin-bottom:10px;}
    .s-top .img{margin-left:20px; width:180px;}
    .s-top .a-list{ width:120px;right:40px; left:auto;}
    .s-top .a-list a{ width:140px; height:34px; line-height:34px; margin-bottom:10px;margin-right:0;}
    .s-top .a-list a i{ width:20px; height:20px; vertical-align:top; }
    .s-top .text{ width:auto; position:initial;}
    .s-list{ margin:0 10px 0 20px; padding:0;}
    .s-list .item img{ padding:30px 0 10px;}
    .s-list .item{ margin-right:2%; margin-bottom:2%; width:48%; height:auto;}
    .s-list .item p{ margin-bottom:10px;}
    .s-list .item div{ padding:0 .75em 20px; font-size:.75em; line-height:1.4em;}
    .s-contact{ margin:0 20px;}
    .s-contact .dl,
    .s-contact .left{ float:none; width:auto;}
    .s-contact .dl dt{ width:30%;}
    .s-contact .dl dt img{ width:100%; height:auto;}
    .s-contact .dl dd{ padding:0 0 0 10px;}
    
    
    .sanbao-con{ margin:0 20px;}
    .courseS{ margin:0 20px;}
    .coures-list{ margin:0 20px;}
    .s-news dl{ padding-bottom:15px; margin-bottom:15px; border-bottom:0.5px solid #e4e5e6;}
    .s-news p{ height:3em; line-height:1.5em; overflow:hidden;}
    
    *{box-sizing: border-box;}
    .courseS input[type="text"]{ width:100%;}
    .courseS .btn{ float:none;margin-top:10px;}
    .courseS .btn a{ width:100%; display:block; text-align:center; padding:0;}
    .courseS .btn a i{ position:initial; vertical-align:middle; background-size:80%;}
    .coures-list li{margin:16px 0; height:auto; padding-bottom:16px; border-bottom:0.5px solid #e6e7e8; width:100%;}
    .coures-list div{ float:left; width:110px;margin-right:10px;}
    .coures-list div img{ width:100%; height:auto;}
    .coures-list li h3{ height:3em; line-height:1.5em;}
    
    .newsVideo{ margin:0 20px;}
    .query-con{ margin:0 20px;}
    .query-con .img{ margin:25px 0 10px;}
    .query-con .item{ width:100%; height:auto; padding-bottom:20px; margin-bottom:10px;}
    .query-con .text{ margin:30px 0 10px; width:100%; padding:0 15px;}
    .query-con input[type="text"]{ width:100%; }
    .query-con .btn a{ margin:0 15px;}
    .query-con .btn a i{ vertical-align:top;}
    .query-tips{ margin:0 20px; height:auto; line-height:1.4em; padding-bottom:20px;}
    
    .bd_weixin_popup .rcode{width:auto; height:auto;margin:10px auto;}
    
    }