@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑" }
body{ font:normal 12px/22px 宋体;  }
img{ border:0; vertical-align:bottom; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.w1200,.w900{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.full{ width: 100%; }

@font-face {
  font-family: "POPPINS-BOLD";
  src: url("../fonts/poppins-bold.woff2") format("woff2"),
       url("../fonts/poppins-bold.woff") format("woff"),
       url("../fonts/poppins-bold.ttf") format("truetype"),
       url("../fonts/poppins-bold.eot") format("embedded-opentype"),
       url("../fonts/poppins-bold.svg") format("svg");
}

.in-why.clearfix.width {
    margin-top: 50px;
}
/*头部*/
.head-mid{display: table;}
.head-mid img{ display: block; }
.head-mid > img{ padding-top: 25px; padding-left: 14px; display: block; float: left;  }
.logo img{ padding: 15px 0;}
.tel { float: left; margin-top: 28px;  }
.tel .icon{  display: block;    font-size: 16px;  float: left;  width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #0366c1; text-align: center; color: #fff;    }
.tel p{ float: left; color: #313131; font-size: 16px; line-height: 30px; padding-left: 5px;  }
.tel em{clear: both;color: #69be2d;font-size: 38px;font-family: "POPPINS-BOLD";display: block;padding-top: 14px;}
.head-ewm{ float: right; margin-left: 40px; margin-top: 36px; cursor: pointer; position: relative; }
.head-ewm .icon{ display: block; float: left; transition: .3s;  }
.head-ewm p { float: left; color: #313131; font-size: 14px; padding: 0 4px;transition: .3s;    }
.head-ewm  .icon-xiangxiajiantou{ font-size: 14px; color: #999898; }
.head-ewm:hover .icon{ color: #0366c1; }
.head-ewm:hover p{ color: #0366c1;}
.headewm-img{ clear: both; padding: 10px; border: 1px solid #d5d5d5; overflow: hidden; display: none; position: absolute;  right: 0;  width: 230px;  z-index: 14;  background: #fff; top: 28px;}
.headewm-img li{ float: left; }
.headewm-img li img{ width: 110px; }
.headewm-img li p{ text-align: center; width: 100%; }

/* 导航栏 */
.head-menu{   }
#menu{    position: relative; height: 64px; background: #0366c1;    }
#menu .nLi a > p{ color:#fff; font-size: 16px; transition: .3s; line-height: 64px; }
#menu .nav a > span{font-size:10px; color:#fff; position: relative; opacity: .4;  }
#menu li > img{ float:left;margin-top: -28px;}
.header_bot{ border-top:3px solid #3fbe72;}
#menu .active h3 a {  background: #004a74;  }
.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
#menu .nav{ position:relative; z-index:11;  margin: 0 auto;   }
#menu .nav a{ color:#a0a0a0;}
#menu .nav .nLi{ float:left;  position:relative; display:inline;  transition: .3s;}
#menu .nav .nLi h3{ float:left; font-weight: normal;}
#menu .nav .nLi h3 a{ display:block; width:148px; text-align: center;font-size:16px; z-index: 2; position: relative; color:#313131;  height: 64px; }
#menu .nav .sub{ display:none; width:100%; left:0; top:64px;  position:absolute; background:#0366c1;  line-height:36px; }
#menu .nLi:hover h3 > a{ background: #004a74; }
#menu .nav .sub li{ zoom:1; }
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#fff;}
#menu .nav .sub a:hover{  background: #004a74;  }
#menu .nav .on h3{ }






/* 首页:banner */
.fullSlide{ width:100%;  position:relative;  height:600px;clear: left;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:40px; left:0; height:30px; line-height:30px; background:url(../img/touming.png) repeat-x; text-align:center;_background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; border:2px solid #d02e35; border-radius: 50%;   overflow:hidden; line-height:9999px; }
.fullSlide .hd ul .on{ background:#d02e35;  }


/* 下面是前/后按钮代码，如果不需要删除即可 */
.fullSlide .prev,
.fullSlide .next{ position:absolute; left:3%; top:43%; margin-top:-25px; display:block; width:79px; height:104px; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:3%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fullSlide .prevStop{ display:none;  }
.fullSlide .nextStop{ display:none;  }

.aboutban{ background: url(../img/aboutban.jpg) no-repeat center; height: 400px;   }
.contban{ background: url(../img/contban.jpg) no-repeat center; height: 400px;   }
.newsban{ background: url(../img/newsban.jpg) no-repeat center; height: 400px;   }
.serban{ background: url(../img/serban.jpg) no-repeat center; height: 400px;   }
.jobsban{ background: url(../img/jobsban.jpg) no-repeat center; height: 400px;   }
.proban{ background: url(../img/proban.jpg) no-repeat center; height: 400px;   }
.youshiban{ background: url(../img/youshiban.jpg) no-repeat center; height: 400px;   }


/*首页：公司简介*/
.in-about{ position: relative; }
.inabout-l{ width: 548px; height: 358px; overflow: hidden; margin-top: 64px; }
.inabout-l > img{ width: 100%; transition: .3s; }
.inabout-r { background: url(../img/aboutbg.jpg) no-repeat ; width: 652px; height: 596px; position: relative; z-index: 2; }
.inabout-t p{ color: #e2e1e1; font-size: 60px; font-family: "POPPINS-BOLD";     }
.inabout-t span{ color: #0366c1; font-size: 34px; font-weight: bold; display: block;  padding-top: 28px;    letter-spacing: 5.2px; }
.inabout-t em{ display: block;  text-transform: uppercase; color: #0366c1; font-size: 14px; font-family: "POPPINS-BOLD" ;padding-top: 5px; }
.inabout-t{ padding-top: 80px; padding-left: 50px; }
.inabout-t:after{ content: ""; width: 543px; height: 1px;   background: #bfbfbf; display: inherit; margin-top:27px;  }
.inabout-t:before{ content: ""; width: 60px; height: 1px; background: #0366c1; display: inherit; position: relative; top: 99px;   }
.inabout-r > a{ display: block;  padding: 30px 50px}
.inabout-r > a p{ color: #313131; font-size: 15px; line-height: 30px; }
.inabout-r > a ul li{ float: left; width: 33.3%;  margin-top: 20px;  }
.inabout-r > a ul li p{ color: #313131; font-size: 36px; font-family: "POPPINS-BOLD";position: relative; text-align: center; transition: .3s;  }
.inabout-r > a ul li p b{ color: #626262; font-size: 18px; font-weight: normal; }
.inabout-r > a ul li span{ color: #626262; display: block;  text-align: center; font-size: 14px; }
.inabout-bot{ position: absolute;  width: 100%; bottom: 0; background: #0366c1; height: 174px;  }
.inabout-bot li{ float: left;width: 102px; height: 102px; border: 7px solid hsl(95deg 62% 46% / 80%); border-radius: 50%; background: #fff; margin-left: 46px; margin-top: 28px; transition: .3s;    }
.inabout-bot li .icon{ display: block; color: #0366c1; font-size: 33px; text-align: center; padding-top: 24px; text-align:center;  transition: .3s;  }
.inabout-bot li p{ color: #0366c1; font-size: 15px; text-align: center; padding-top: 10px; transition: .3s;  }
.inabout-bot li:hover {  border: 7px solid #fff; background: #0366c1;   }
.inabout-bot li:hover .icon{  color: #fff;   }
.inabout-bot li:hover p{  color: #fff;   }
.inabout-r > a ul li:hover p{ color: #0366c1;  }



/*首页：产品展示*/
.in-pro{ background:url(../img/inpeo-bg.jpg) no-repeat center;     padding-bottom: 53px;height: auto; background-attachment: fixed; }
.in-pro .title { padding-top: 70px; }
.title p{ color: #e5e5e5; font-size: 60px; font-family: "POPPINS-BOLD"; text-align: center; }
.title span{ display: block; text-align: center; color: #0366c1; font-size: 30px; font-weight: bold; margin-top: -15px;  }
.title:after{ content: "";  width: 100%; height: 1px; background: #bfbfbf; display: inherit; margin-top: 20px;   }
.title:before{ content: "";  width: 60px; height: 1px; background: #0366c1;  display: inherit; margin: 0 auto; position: relative; top: 50px;}
.inpro-l{ width: 236px; }
.inprol-top{ background: #0366c1; }
.inprol-top p{ color: #fff; font-size: 24px; padding:0 30px; padding-top: 30px;  }
.inprol-top span{ color: #fff; font-size: 18px; padding-left:30px; display: block; padding-top: 5px; padding-bottom: 30px;   }
.inpro-l ul{ background: #fff; padding: 10px 0;border-bottom: 4px solid #0366c1; }
.inpro-l ul li a{ line-height: 60px; color:#313131; font-size: 16px; text-indent: 30px; display: block; margin: 0 auto;border-bottom: 1px solid #d5d5d5;width: 90%;  }
.inpro-l ul li:before{ content: ""; width: 4px; height: 60px; display: inherit; background: #fff; float: left; }
.inpro-l ul li:hover:before{ background: #0366c1;   }
.inpro-l ul li:hover a{ border-bottom:1px solid #eeeeee;  }
.inpro-l ul li {width: 100%;  }
.inpro-l ul li:hover{ background: #eeeeee;}
.inprob-r{ width: 100%; }
.inprob-r li {
    float: left;
    margin-right: 13px;
    width: 288px;
    height: 266px;
    border: 1px solid #0366c1;
    margin-bottom: 20px;
    transition: .3s;
}
.inprob-r li:nth-child(4n) {
    margin-right: 0;
}
.inproimg-div{ width: 100%; height: 220px; overflow: hidden; margin: 0 auto; margin-top: 0; }
.inproimg-div > img{ width: 100%;height:100%; transition: .3s;object-fit: cover; }
.inprob-r li p{ color: #313131; font-size: 16px; text-align: center; line-height: 46px;  }
.inpro-bot{ margin-top: 40px; }
.inprobl-img{ width: 236px; height: 244px; overflow: hidden; position: relative;  }
.inprobl-img > img{ width: 100%; transition: .3s;  }
.inprobl-img p{ height: 80px; background:rgba(0,0,0,.4);  position: absolute; bottom: 0; left: 0; right: 0; width: 100%; z-index: 2; text-align: center; color: #fff; font-size: 18px; text-align: center; padding-top: 20px; line-height: 30px; }
.inprob-r li:hover .inproimg-div > img{ transform: scale3d(1.1,1.1,1);  }
.inprob-r li:hover { background: #69be2d;border: 1px solid #69be2d; }
.inprob-r li:hover p{ color: #fff; }



/*优势*/
.in-why{ margin-top: 60px; }
.inwhy-title > h3{ color: #000; font-size: 36px; font-weight: bold; text-align: center; }
.inwhy-title > p{ color: #1f2b45; font-size: 15px; text-align: center; padding-top: 15px;  }
.inwhy-title > h4{ color:#1f2b45; font-size:  24px; text-align: center;  padding-top: 13px;   } 
.inwhy-title > span{ display: block; color: #1f2b45; font-size: 20px; text-align: center; padding-top: 10px;  }
.inwhy-top > ul{ float:right; width:695px; padding-top: 20px; }
.inwhy-li > .icon{ display: block; float:left; width:93px; height: 93px; background: #69be2d; border-radius: 50%; line-height: 93px; text-align: center; color: #fff; font-size: 50px; }
.inwhy-li > .r{ width:576px; margin-left: 25px; }
.inwhy-li{ display: table;  margin-bottom: 40px;  }
.inwhyli-top > img{ display: block; float:left; }
.inwhyli-top > .r > h3{ color: #0366c1; font-size: 24px; font-weight: bold; }
.inwhyli-top > .r > p{ color: #434343; font-size: 14px; }
.inwhyli-top{ display: table; }
.inwhy-li > .r > p{ color: #5c5c5c; font-size: 16px; padding-top: 10px; line-height: 30px;   }
.inwhy-li > .r > p span{ color: #0366c1; font-weight: bold; }
.inwhyli-top > .r{ margin-top: 10px; padding-left: 5px;  }
.inwhy-top{ margin-top: 20px;}
.inwhy-bot{ position: relative;  top: -69px;}
.inwhy-bot .inwhy-li .r{ width: 1082px;  }




/*首页：硕泰服务*/
.in-ser ul {
    margin-top: 50px;
}
.in-ser{ background: url(../img/inser-bg.jpg) no-repeat; height: auto;    padding-bottom: 50px; background-attachment: fixed; margin-top: -66px;  }
.in-ser > .w1200{ padding-top: 30px; }
.in-ser .title{ padding-top: 80px; }
.in-ser .title p{ color: #5094ce; }
.in-ser .title span{ color: #fff; }
.in-ser .title:after{ background: #fff; opacity: .2;  }
.in-ser .title:before{ background: #fff;  }
.inser-l {
    width: 292px;
    background: #fff;
    padding-bottom: 20px;
    margin-right: 10px;
    margin-bottom:10px;
}
li.inser-l.l:nth-child(4n) {
    margin-right: 0;
}
.inserl-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.inserl-img > img{ width: 100%; transition: .3s;     height: 100%;object-fit: cover; }
.inser-l p{ color: #0366c1; font-size: 18px; font-weight: bold; text-align: center; padding-top: 20px; }
.inser-l span{ color: #434343; font-size: 15px; line-height: 24px; padding: 0 20px ; padding-top: 15px; display: block; }
.inser-m{ width: 477px; background: rgba(255,255,255,.7); margin-left: 23px; padding-bottom: 25px;  }
.inser-m > p{ color: #0366c1; font-size: 18px; text-align: center; font-weight: bold; padding-top: 30px;   }
.inser-m > p:after{ content: ""; width: 44px; height: 3px; background: #0366c1; display: block; margin: 0 auto; margin-top: 8px; }
.inser-m form{ margin-top: 30px; display: table; margin: 0 auto; padding-top: 24px;  }
.inser-m form p{ float: left; margin: 0 10px; }
.inser-m form input{ border: none; background: #fff; width: 203px; height: 40px; color: #959595; font-size: 14px; text-indent: 10px;   }
.inser-m form textarea{ display: block; clear: both; border: none; background: #fff; margin-left: 15px; width: 406px; margin-top: 10px; padding:0 10px;padding-top: 10px; color: #959595; font-size: 14px; margin-bottom: 10px; height: 110px;  }
.inser-m form em{ display: block; clear: both; }
.inser-m form p:nth-child(1){ margin-left: 25px; }
.inser-m form button{ display: block; height: 40px;width: 426px; background: #0366c1; color: #fff; font-size: 14px; text-align: center; margin: 0 auto;  border: none; cursor: pointer; transition: .3s;  }
.inser-m form > em{ color: #434343; font-size: 14px; text-align: center; padding-top: 5px;  }
.inser-l:hover .inserl-img > img{transform: scale3d(1.1,1.1,1); }
.inser-m form button:hover { box-shadow: 0 0 10px rgba(0,139,189,.5);  background: none; color: #0366c1;   }




/*首页：新闻资讯*/
.in-news{ background: url(../img/innews-bg.jpg) no-repeat center bottom; margin-top: 80px;height:  600px }
.in-news .title p{ text-align: left; }
.in-news .title span{ text-align: left; }
.in-news .title:before{ display: none; }
.in-news .title span:before{ content: "";  width: 60px; height: 1px; background: #0366c1;  display: inherit; position: relative;   position: relative; top: 43px;}
.innews .hd li{ float: left;  }
.innews .hd li a{ color: #313131; font-size: 20px; font-weight: bold; padding: 0 20px;   }
.innews .hd { float: right; margin-top: -36px;   }
.innews .hd li.on a{ color: #0366c1; }
.innews-l { width: 435px; position: relative;  }
.inewsl-img{ width: 435px; height: 287px; overflow: hidden; }
.inewsl-img > img{ width: 100%; transition: .3s; object-fit: cover; }
.innewsl-bd li{  }
.innewsl-bot{ padding: 20px;background: #fff; }
.innewsl-bot p {
    color: #313131;
    font-size: 18px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 75%;
}
.innewsl-bot span{ color: #313131; font-size: 14px; float: right;  }
.innewsl-bot em{ display: block; clear: both; color: #626262; font-size: 14px; padding-top: 17px; display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; }
.innewsl-bd li a > em{ display: block; width: 130px; height: 40px; color: #0366c1; font-size: 14px; text-align: center; box-shadow: 0 0 10px rgba(0,139,189,.5);  line-height: 40px; margin-top: 15px; transition: .3s;  }
.innewsl-bd{ margin-top: 30px; }
.innewsr-top{ position: relative; border: 1px solid #dcdcdc; display: block; padding: 20px;  width: 320px;  margin-left: 20px;float: left; } 
.innewsr-top p{ color: #313131; font-size: 18px; line-height: 28px; height: 58px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.innewsr-top em{ color: #a0a0a0; font-size: 12px; position: absolute; top: 52px;  right: 20px; }
.innews-r ul{ float: left;     }
.innewsr-top span{ color: #b1b1b1; font-size: 14px; display: block; margin-top: 13px; display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;}
.innews-r{ margin-top: 30px; width: 765px;  }
.innewsl-hd li{ float: left;  width: 14px; height: 14px; background: #fff; border-radius: 50%; text-indent: -1000px; overflow: hidden; margin: 0 7px; cursor: pointer; }
.innewsl-hd{ position: absolute; right: 20px; bottom: 190px; }
.innewsl-hd li.on{ background: #0366c1; }
.innews-r li p{ color: #313131; font-size: 16px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.innews-r li span{ color: #b5b5b5; font-size: 13px; }
.innews-r li{ padding: 20px 0; border-bottom:1px  dashed #d5d5d5; width: 47%; float: left;  margin-left: 20px;  }
.innews-r li:before{ content: ""; width: 10px; height: 10px; border-radius: 50%; background: #d5d5d5; display: inherit; float: left; margin-top: 20px; margin-right: 11px;  }
.innewsr-top:hover { background: #0366c1; border-color: #0366c1;  }
.innewsr-top:hover p{ color: #FFFFFF}
.innewsr-top:hover span{ color: #FFFFFF}
.innewsr-top:hover em{ color: #FFFFFF}
.innews-r li:hover:before { background :#0366c1;   }
.innews-r li:hover p{ color: #0366c1; }
.innewsl-bd li:hover .inewsl-img > img{ transform: scale3d(1.1,1.1,1);   }
.innewsl-bd li:hover .innewsl-bot{ background:#0366c1;}
.innewsl-bd li:hover p{ color: #fff; }
.innewsl-bd li:hover span{ color: #fff; }
.innewsl-bd li:hover .innewsl-bot em{ color: #fff; }
.innewsl-bd li a > em:hover{ background: #0366c1; color: #fff;  }



/*首页：友情链接*/
.in_yqlj{ width:100%; height:auto; border-top:1px solid #E7E7E7; margin:0 auto; overflow:hidden; clear:both;}
.in_yqlj_width{ width:1200px; height:auto; margin:0 auto; text-align:left; line-height:56px;}

/*底部*/
.footer{ overflow: hidden;  }
.footer-top{ background: #0366c1;overflow: hidden; }
.footer-top ul > p{ color: #fff; font-size: 18px; padding-bottom: 20px;   }
.footer-top ul > p:after{ content: ""; width: 50px; height: 1px; background: rgba(255,255,255,.4); display: inherit; margin-top: 10px;  }
.footer-top ul li a{ color: #fff; font-size: 14px; line-height: 30px; }
.footer-top ul li{ color: #fff; font-size: 14px; line-height: 30px; }
.footer-top ul:nth-child(5) > span{ color: #fff; font-size: 30px; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black,' sans-serif'; margin-bottom: 10px; display: block; }
.footer-top ul:nth-child(5) > span .icon{ font-family: "微软雅黑"; font-weight: normal; font-size: 30px;    }
.footert-r{ background: #69be2d; width: 356px; height: 311px;  }
.footert-r > p{ color: #fff; font-size: 18px; display: table;  width: 276px; margin-left: 40px; border-bottom: 1px solid rgba(255,255,255,.3); padding-bottom: 10px;    margin-top: 48px; }
.footert-r > p span{ font-size: 14px; border-left: 1px solid #fff; padding-left: 10px; display: block; float: right; margin-left: 10px; margin-right: 141px  }
.footert-r li{ float: left; margin: 0 10px;   }
.footert-r li div { background: url(../img/ewm-bg.png) no-repeat ; width: 128px; height: 128px; }
.footert-r li div img{ display: table; width: 106px; margin: 0 auto; padding-top: 10px; }
.footert-r li p{ text-align: center; }
.footert-r > ul{ display: table; margin: 0 auto; margin-top: 28px; }
.footer-top > .width > ul{ margin-right: 50px; padding-top: 40px;  }
.footer-bot{ background: #004a74; height: 50px; line-height: 50px;   }
.footer-bot p{ color: #649cbc; font-size: 14px; }
.footer-bot p a{  color: #649cbc; }
.footer-bot ul li{ float: left; color: #649cbc; font-size: 14px; margin-left: 20px;  }
.ptzc{ background: url(../img/weiling_1.png) no-repeat; width: 103px; height: 16px; display: block;  float: right; margin-top: 13px;  }
.sjzz{ background: url(../img/wangshang_1.png) no-repeat; width: 96px; height: 16px; display: block;  float: right; margin-top: 13px;  }
.ptzc:hover { background: url(../img/weiling_2.png) no-repeat;  }
.sjzz:hover{ background: url(../img/wangshang_2.png) no-repeat;  }
.footer-top ul span {
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    line-height: 50px;
}



/* 内页通用:左侧分类 */
.nyban p{ padding-top: 410px; color: #333; font-size: 14px; text-align: right; }
.nyban p a{ color: #333; }
.mainl-fl{ }
.mainl-fl > h3{ width: 250px;  margin-left: -1px; height: 66px; line-height: 66px; text-align: center; font-size: 21px; font-weight: bold; background: #0366c1; color: #fff; }
.main-l{ border-top: none; width: 250px; margin-top: -66px; border-top: none;  }
.mianlfl-li > a > p{ color: #393939; font-size: 16px; float:left;line-height: 52px;  }
.mianlfl-li > a > span{ width:8px; height: 8px; display: block; border-radius: 50%; border:2px solid #0366c1; float:left; margin-left: 10px;    margin-top: 20px; margin-right: 13px;  }
.mianlfl-li{ clear: both; }
.mianlfl-li > a { display: block; margin: 0 auto; width: 225px; height: 52px; border-bottom: 1px solid #e5e5e5;  }
.mainl-fl > ul{ padding-top: 10px; }
.mianlfl-li > .active p{ color: #0366c1;  }
.mianlfl-li > .active span{ background: #0366c1;  }
.mianlfl-li:hover a > span{ background: #0366c1; }
.mianlfl-li:hover a > p{ color: #0366c1;  }
.zxzx-l{ background: url(../img/zxzx-bg.jpg) no-repeat; height: 95px; width: 217px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; }
.zxdc-l{ background: url(../img/zxwj-bg.jpg) no-repeat; height: 95px; width: 217px; margin: 0 auto;  margin-bottom: 20px; }
.zxzx-l > a > h3,.zxdc-l > a > h3{ color: #fff; font-size: 18px; text-align: center; padding-top: 25px;  }
.zxzx-l > a > p,.zxdc-l > a > p{ text-align: center; color: #fff; font-size: 12px; }
.mainl-fl2{ margin-top: 20px; border:1px solid #d5d5d5; padding-bottom: 25px;  }
.mainl-fl1{ border:1px solid #d5d5d5; border-top: none; }
.mianl-tel{ padding: 0 15px; margin-top: 25px; line-height: 28px;  }
.mianl-tel > p{ color: #626262; font-size: 16px; }
.mianl-tel > h3{ color: #004a74; font-size: 24px;   font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";  }
.mianl-tel > h3:after{ content:""; width: 100%; height: 1px; background: #e5e5e5; display: inherit; margin-top: 8px; }
.mianl-tel > div > p{ color: #535353; font-size: 15px; line-height: 26px; }
.mianl-tel > div{ padding-top: 8px; }

/*内页通用：单页面*/
.main-r{ width:920px; margin-top: 60px;  }
.main-title > h3{ font-size: 36px; text-align: center; font-weight: bold; color: #313131; }
.main-title > p{ color: #dcdcdc; font-size: 30px; font-weight: bold; text-align: center; padding-top: 15px; }
.main-title > p:after{ width:52px; height: 2px; content:""; display: inherit; background: #0366c1; margin: 0 auto; margin-top: 15px; }
.mianr-mid{ margin-top: 30px; }
.mianr-mid > p{  line-height: 36px; font-size: 16px; color: #555; }

/*内页通用新闻资讯*/
.nynews-l{ margin-top:30px; width: 585px;}
.nynewst-div { width:187px; height: 152px; overflow:hidden; margin-top: 29px; margin-left: 7px;}
.nynewst-div > img{ width:100%; transition: .6s; }
.nynews-top{ width:588px; height: 189px;  transition: .3s; border:1px solid #d5d5d5;  }
.nynews-top .r > h3{ color:#555555; font-size:16px; margin-top: 30px;transition: .3s;}
.nynews-top .r > p{ color:#a1a1a1; font-size:14px;transition: .3s;}
.nynews-top .r > span{color:#a1a1a1; font-size:14px; line-height: 40px;transition: .3s;}
.nynews-top .r{width: 320px;margin-right: 50px;}
.nynews-li{border-bottom:1px dashed #d5d5d5;  overflow: hidden; }
.nynews-li > a > span{ border:2px solid #0366c1; border-radius: 50%;  width:8px; height: 8px; display: block; float:left; margin-top: 20px;  margin-right: 6px;position: relative; left:0; transition: .3s;}
.nynews-li > a > h3{ float:left; line-height: 52px;  width:76%; color:#1b1b1b; font-size:16px; position: relative; left:0; transition: .3s;}
.nynews-li > a > p{ float:right;line-height: 52px; color: #626262;font-size: 14px;position: relative; right:0; transition: .3s;}
.nynews-li:hover a > h3{ left:15px; color:#0366c1;}
.nynews-li:hover a > span{ left:15px; background: #0366c1; }
.nynews-li:hover a > p{ right:15px; color:#0366c1;}
.nynews-top:hover .nynewst-l > img{ transform:scale3d(1.1,1.1,1);}
.nynews-top:hover{ background:#0366c1; border:1px solid #0366c1;  }
.nynews-top:hover .l > h3{ color:#fff;}
.nynews-top:hover .l > p{ color:#fff; }
.nynews-top:hover .l > span{color:#fff; ;}
.news-bot{ margin-bottom:40px}
.intitle-top > h3{ font-size: 30px;  text-align: center; font-weight: bold;color: #0c46c6;}
.intitle-top > p{ font-size:18px; color:#707070; text-align: center; line-height: 40px; }
.ny-news{ margin-top: 70px; margin-bottom: 70px; }
.main-title > h3 > span{ color: #0366c1;  }
.nynewst-l{ width: 292px; height: 156px; overflow: hidden; float: left; }
.nynewst-l > img{ width:100%; transition: .6s; }
.nynews-top > a { display: block; padding: 16px; }
.nynews-top > a > .l{ width: 242px; margin-left: 15px;  }
.nynews-top > a > .l > h3{ color: #535353; font-size: 16px; font-weight: bold; padding-top: 10px; line-height: 30px;  }
.nynews-top > a > .l > span{ color: #898989; font-size: 14px; display: block; line-height: 36px; }
.nynews-top > a > .l > p{ color: #898989; font-size: 14px; line-height: 24px;  }


/*内页：合作学校*/
.mianr-mid > ul{ display: table; }
.mianr-mid .inschool-li{ width: 460px;  }
.mianr-mid .inschool-a{width:430px}
.mianr-mid .scoohllidiv{ width: 383px; height: 260px; }
.mianr-mid .zx{ width: 185px !important; }
.mianr-mid .gd{ width: 185px !important; }

/*内页：学校氛围*/
.honor-li{ float:left; margin-right: 20px; cursor: pointer; margin-bottom: 70px; position: relative; }
.honor-li:nth-child(3n){ margin-right: 0; }
.honorli-div{ width:293px; height: 212px; overflow: hidden}
.honorli-div > img{ width:100%; transition: .6s; }
.honor-li:hover .honorli-div > img{ transform: scale3d(1.1,1.1,1); }
.honor-li p:after{ width:0; height: 40px; background: #004a74; display: inherit; content: "";position: absolute; bottom: -40px; left: 0; right: 0; transition: .6s;  }
.honor-li h3{ position: absolute; left: 0; border: 0; right: 0; text-align: center; color: #555; font-size: 15px; line-height: 40px; z-index: 2;}
.honor-li:hover p:after{ width:100%; }
.honor-li:hover h3{ color: #fff; }
.case-li .honorli-div{ width:293px; height: 159px !important; overflow: hidden; }



/*首页：学员心声*/
.say-li{ float:left;width: 450px;     border: 1px solid #d5d5d5;  margin-bottom: 20px;   }
.say-li:nth-child(even){ float:right; }
.say-li a{ display: block; padding: 20px; }
.say-li a > h3{ font-size: 16px; line-height: 40px;  }
.say-li a > h3 span{ font-weight: bold; color: #0366c1; }
.say-li a > em{ font-size: 16px; }
.say-li a > em span{ font-weight: bold; color: #0366c1; }
.say-li a > p{ font-size: 15px; line-height: 28px; padding:15px; border-radius: 20px; background: #f5f5f5; color: #555; margin-top: 20px; }

/*内页：疑问解答*/
.mianr-mid .infaq-li{ margin-right: 18px; margin-bottom: 18px; }
.mianr-mid > img{ display: table; margin: 0 auto; }
.mianr-mid > h4{ background: #0366c1; color: #004a74; font-size: 16px; text-align: center; line-height: 40px; margin-top: 30px; }

/*内页：新闻资讯*/
.newsli-l{ width:130px; height: 122px; background:#333; transition: .6s;  }
.newsli-l > h3{ font-size: 25px; font-weight: bold; text-align: center; padding-top: 20px; color: #fff;  border-bottom: 1px solid #444; width: 100px; margin: 0 auto; padding-bottom: 13px;  transition: .6s; }
.newsli-l > p{ text-align: center; font-size: 38px; font-weight: bold; line-height: 40px; color: #fff; padding-top: 10px;   }
.newsli-r{ width: 750px; background: #f5f5f5; padding: 0 20px; padding-bottom: 20px;  }
.news-li{ clear: both; margin-bottom: 20px; display: table; }
.newsli-r > h3{ font-size: 24px; font-weight: bold; padding-top: 20px; line-height: 30px; transition: .6s;  }
.newsli-r > p{ font-size: 15px; line-height: 24px; padding-top: 5px;  }
.news-li:hover .newsli-l { background: #0366c1; }
.news-li:hover .newsli-l h3{ border-bottom: 1px solid #fff;  }
.news-li:hover .newsli-r > h3{ color: #0366c1;  }


/*内页：新闻列表*/
.nym-top{ margin-top:40px;}
.news-top{margin-bottom: 80px; height: 420px;}
.news-top ul{ display:table; margin: 0 auto;}
.nynewst-li{ float:left; width:333px; margin-right: 70px; position: relative; top:0; transition: .3s;}
.nynewst-li:after{ content:"";width:0; height: 1px; background: #3c80e6; display: inherit; position: relative; top:40px; transition: all .4s ease-in-out 0s;}
.nynewst-li:nth-child(3){ margin-right:0;}
.nynewstli-div{ width:333px; height: auto; overflow: hidden}
.nynewstli-div > img{ width:333px; height: auto; transition: .6s;}
.nynewst-li > a > h3{ font-size:16px; color:#333; padding-top: 15px;transition: .3s;}
.nynewst-li > a > span{color:#626262; font-size:16px; line-height: 30px;}
.nynewst-li > a > p{ padding-top: 10px; color:#959595; font-size:14px; line-height: 26px;}
.nynewsb-li{ height:140px; border-bottom:1px solid #d5d5d5; padding: 25px 0;}
.nynewsb-li > a { display:block;}
.nynewsb-li:after{ content:""; width:0; height: 1px ; background:#3c80e6; display: inherit; position: relative;top: 165px; transition: all .4s ease-in-out 0s;}
.nynewsbli-div{ width:170px; height: 140px; overflow: hidden}
.nynewsbli-div > img{  width:170px; height: 140px; transition: .6s;}
.nynewsb-m{ width:780px;  position: relative; left:0; transition: .3s; margin-left: 50px;}
.nynewsb-m > h3{ color:#333; font-size:16px; line-height: 50px;}
.nynewsb-m > p{color:#959595; font-size:14px; line-height: 30px; padding-top: 10px;}
.nynewsb-r > h3{ color:#959595; font-size:14px; padding-top: 12px;}
.nynewsb-r > p{ margin-top:30px; color:#959595; font-size:12px; width:86px; height: 30px; line-height: 30px; text-align: right; transition:.3s;}
.nynewst-li:hover {  top:-20px;}
.nynewst-li:hover a > h3{ color:#3c80e6;}
.nynewst-li:hover:after{ width:333px;}
.nynewst-li > a > em{ display: none;    float: right;margin-top: 10px; color: #fff; font-size: 12px; transition: .3s;}
.nynewst-li:hover  a > em{ display:block;}
.nynewst-li:hover .nynewstli-div > img{ transform: scale3d(1.1,1.1,1);}
.nynewsb-li:hover .nynewsb-m{ left:-10px;}
.nynewsb-li:hover .nynewsb-m > h3{ color:#3c80e6;}
.nynewsb-li:hover .nynewsb-r > p{ background:#3c80e6; color:#fff; text-align: center;}
.nynewsb-li:hover:after{ width:100%;}
.nynewsb-li:hover .nynewsbli-div > img{ transform:scale3d(1.1,1.1,1);}

/*内页：联系方式*/
.contact .l > h3{ font-size: 24px; font-weight: bold; color: #444; padding-bottom: 20px;  }
.contact .l p{ color: #444; }
.contact .l h3{ color: #444; }
.contact .ewm-li > div{ background: #fff; border:1px solid #d5d5d5; }
.contact .foottb-r h3{ color: #444; }
.contact .foottb-r p{ color: #444; }
.contact .foottb-r > p:before{ background: #d5d5d5; }
.keyword_light p,.nycont-bot p{ line-height: 36px;font-size: 16px; ccolor: #555;}
.ewm-li{ float: left; margin-left: 20px;   }
.ewm-li img{ width: 130px; }
.ewm-li p{ text-align: center; }












/*在线客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 16px;
      height: 48px;
    line-height: 48px;
    margin-top: 2px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../img/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-te {
    background-position: -34px -52px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
	    margin-top: 10px
}
.lxfx li {
    background:#004a74;
    height: 70px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}
.lxfx li i.icon-en{
	background-position: -31px -47px;
}
.kfewm{ display: none; width: 100px;
    position: relative;
    top: -142px;
    right: 101px;}
.qqkf{ background: #fe8f3e !important; }
.zxrx{ background:#78c340 !important; }
.wxzx{ background: #6da9de !important; }
.zxrx{ background:#8f82bc !important; }
.fhdb{ background:#78c340 !important; }
.wxzx .icon-ly{background-position-x: 0px !important;}
.gotop .icon-top{ background-position: -31px -47px !important;}

/*视频弹出css*/
.infourrli2 > .icon{position: absolute; font-size: 60px;color: #fff; top: 90px; z-index: 3;right: 200px; display: block; cursor: pointer;-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.dlg-video { display: none;position: fixed; top: 0; left: 0;width: 100%;height: 100%;background: repeat url(../img/bg_mask.png); z-index: 99;}
.video-show {display: none; position: fixed; top: 50%;left: 50%; width: 580px; height: 430px; margin-top: -215px; margin-left: -290px; z-index: 100;}
.video-show p { height: 30px; line-height: 30px; padding-left: 10px;color: #fff;font-size: 14px; background: #333;}
.video-show p a { float: right;width: 30px;height: 30px; background: no-repeat url(../img/close.png) 5px 5px;}


.nyabout .dlList{ overflow: hidden; margin-bottom: 60px;}


@media screen and (max-width: 1440px){
	.in-proyy{ background-position-x: 580px; }
	.inprobg img{ position:relative; left:200px; }
}




