@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;font-family:"Microsoft Yahei";line-height:2em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html,body{background: #ffffff;color:#333;}
ul,ol,li{list-style:none;margin: 0;padding: 0;}
a{color:#4b4848;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease;}
img{border:0;display: block;}
h1,h2,h3,h4,h5{font-weight:normal}
select::-ms-expand { display: none; }  
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }
.left{ float:left; }
.right{ float:right;}
.hide{ display:none;}
video{vertical-align:middle}
/* index */
.index_wap1{position:relative;width: 100%;overflow: hidden;height:760px;}
.menu_nav{position: absolute;top:0px;right:2%;}
.nav_button{position: absolute;right: 0px;padding: 15px;background: rgba(51,51,51,0.7);display: block;z-index: 999}
.nav_button span{display: block;width:20px;height:1px;background: #fff;margin:5px auto;}
.menu{height:149px;position: absolute;right: 0px;top:0px;background: #fff;width:0px;display:none;z-index:100}
.menu .logo{float: left;margin-top: 54px;margin-left: 50px;}
.menu ul{float: right;border-top:1px solid #b22e2c;margin-top: 54px;margin-right: 50px;position:relative}
.menu li{float: left;margin-left: 130px;}
.menu li:first-child{margin-left: 0px;}
.menu li a{display:block;font-size:16px;color:#b22e2c;padding:20px 0px;}
.menu .block{width:48px;height: 3px;background: #b22e2c;position: absolute;left:0px; top:0px;display: block;}

.video-sign{vertical-align: baseline;position: absolute;top: 0px;left: 0px;display: inline-block;}

.changeline{width:37px;height:6px;display:block;background:#4f4f51;}
.btitle{font-size:28px;color:#4f4f51;}
.abstract{display: block;width:80%;}
.line{width:100%;height: 1px;background:#b22e2c;margin: 55px auto 15px;}
.more{display: block;width:46px;height:46px;border:1px solid #aaaaaa; border-radius: 100%;margin-top: 70px;transition: all 0.6s ease 0s;}
.more i{display: block;width:100%;height:100%;background: url(img/more.png) no-repeat center center;}
.more:hover{background: #333;}
.more:hover i{background: url(img/hmore.png) no-repeat center center;}

.local{position: absolute;bottom:0px;width:100%;height:auto;}
.in_left{width:61%;float: left;overflow:hidden}
.in_right{width:39%;height:100%;float:right;}
.include{width:100%;overflow: hidden;max-width: 1920px;}
.include img{width:100%;}
.featured{width:628px;padding:24px;display: block;background: #4f4f51;color:#fff;line-height:1.5em;}
.projets{width:383px;background:#fff;color:#222;padding:30px 0px 109px 32px;}
.index_local .in_left .featured{height: 150px;padding: 50px 24px;box-sizing: border-box;}
.index_local .projets{height: 150px;padding:45px 0px 30px 32px;box-sizing: border-box;}
.projetsem{font-weight:normal}
.include:hover img{transform:scale(1.1);transition: all 1s ease 0s;    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;}

.leftimg{display:block;width:100%}
.aboutus{padding: 30px;float: left;cursor:pointer;}
.rightimg{width:31.8%;float: right;}
.rightimg  img{display: block;width:100%;}
.dongtai{padding: 30px;float:left;width:54%;}

/* .wap3 img:first-child{width:65%;}
.wap3 img:last-child{width:32.8%;}

 */


.tubiao .lines{ transition: all 0.3s ease-in-out;}

.is-active .lines:nth-child(1){
 -webkit-transform: translateY(6px)rotate(45deg);
  -ms-transform: translateY(6px)rotate(45deg);
  -o-transform: translateY(6px)rotate(45deg);
  transform: translateY(6px)rotate(45deg);
}
.is-active .lines:nth-child(2){width:0px;}
.is-active .lines:nth-child(3){
  -webkit-transform: translateY(-6px)rotate(-45deg);
  -ms-transform: translateY(-6px)rotate(-45deg);
  -o-transform: translateY(-6px)rotate(-45deg);
  transform: translateY(-6px)rotate(-45deg);
}

.footer{width:100%;background: #4f4f51;padding: 50px 0px;}
.footer-page{width:1200px;margin: 0 auto;}
.footer-left{width:640px;float: left;}
.footer-left input{width:186px;height: 40px;border:1px solid #727274;padding: 0px 10px;line-height: 40px;color:#ffffff;font-size: 13px;float: left;margin-right: 7px;margin-bottom: 20px;background: none;}
.footer-left input:nth-child(3){margin-right: 0px;}
.footer-left textarea{width:618px;padding: 10px;	color:#ffffff;font-size: 13px;border:1px solid #727274;margin-bottom: 20px;background: none;}
.footer-left .enter{width:120px;text-align: center;cursor:pointer}

.footer-center{width:270px; float: left;margin:0px 55px 0px 80px;}
.footer-center a{color:#fff;font-size:13px;}
.footer-center a i{display: block;width:10px;height:10px;background: url(img/backtop.png) no-repeat center;float: right;margin-top: 10px;margin-right: 160px;}
.footer-center p {margin: 15px 0px;}
.footer-center p i{float:left;color:#86888A;font-size:1px;}
.footer-center p a{float: left;color:#babbbc;margin: 0px 10px;}
.footer-center ul li{color:#babbbc;font-size: 13px;}
.footer-right{margin-top: 47px;float: left;}
.footer-right p{text-align: center;color:#babbbc;}
/* trend-list */
.n-banner{width:100%;position: relative;}
.banner img{position: absolute;top:0px;z-index: 40}
.banner .bd ul{width:100%!important;}
.banner .bd li{width:100%!important;height: 776px;background-position: top center;}
.bd-describe{position: absolute;z-index: 999;width: 1050px;left: 52%;top: 40%;margin-left: -525px;font-size: 48px;font-weight: bold;font-style: "Microsoft Yahei";line-height: 72px; letter-spacing:2px;color: #fff;}



.n-banner .in_left{}
.type{width:628px;height: 100px;background: #4f4f50;padding: 35px 32px;}
.type li{margin-top: -10px;margin-bottom: 20px;}
.type .underline{width:340px;height:1px;background:#e60300; }
.type a{color:#fff;font-size:16px;/* padding-bottom: 5px; border-bottom: solid 1px #e60300;*/}
.type a:hover{color:#e60300;}
.n-banner .projets{background: #b22e2c;color:#fff;font-size:18px;padding-bottom: 104px;width:325px;}
.type .on a{color:#e60300;}
.type .on i{width:14px;display: block;height:2px;background:#e60300;float: left;margin-top: 13px;margin-right: 5px;}

.trend-list{width:1200px;margin:0 auto;overflow: hidden;padding: 50px 0px;}
.trend-list ul{width:101%;}
.trend-list li{position: relative;float: left;height: 441px;width:394px;margin-left: 10px;cursor:pointer;}
.trend-list .list-title{display: block;width: 284px;height:42px;background: #b9b9b9;text-align: center;line-height: 42px;color:#FFF;position:absolute;bottom: 30px;left:53px; z-index: 10}
.tips{width: 328px;height: 256px;background: rgba(17,17,17,.7);position: absolute;top:0px;z-index: 9;padding: 42px 33px 97px 33px;display: none;}
.tips p{color:#cd2725;font-size:24px;line-height: 1.5em;margin-bottom: 30px;}
.tips span{color:#fff;font-size:12px;line-height: 0.5em;}

/*float-rig*/
.float-rig{position:fixed;_position:absolute;right:0px;margin-left:565px;bottom:100px;width:56px;height:320px;display:none; z-index:99999;
_top:expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 310));}
.float-rig li{width:56px;height:56px;display:block;margin-bottom:1px;position:relative;float:left;background-color: #C4C4C4;}
.float-rig li b{width:56px;height:56px;display:block; background:url(img/float.png) #C4C4C4; cursor:pointer; overflow:hidden;}
.float-rig li .b0{background-position:center -116px;background-color:#C4C4C4;}
.float-rig li .b1{background-position:center -170px;background-color:#C4C4C4;}
.float-rig li .b2{background-position:center -1px;background-color:#C4C4C4;}
.float-rig li .b3{background-position:center -57px;background-color:#C4C4C4;}
.float-rig li .b4{background-position:center -223px; cursor:pointer;background-color: #C4C4C4}
.float-rig li .b5{background-position:center -277px; cursor:pointer;}

.float-rig li .b0:hover{background-color:#D5A23D;}
.float-rig li .b1:hover{background-color:#35ae6e;}
.float-rig li .b2:hover{background-color:#279fbc;}
.float-rig li .b3:hover{background-color:#E6162D;}
.float-rig li .b4:hover{cursor:pointer;background-color: #ED6911}
.float-rig li .b5:hover{cursor:pointer;background-color: #ED6911}

/*.float-rig li.h .b4{background-color:#8f8f8f;}*/
.float-rig li.h b{ background-color:#b0b0b0}
.float-rig li .box{width:222px;overflow:hidden;position:absolute;top:0;right:56px;display:none;
opacity:0;filter:alpha(opacity=0);transform: scale(0);-webkit-transform:scale(0);transform-origin:right 30%;-webkit-transform-origin:right 30%;}
.float-rig li.h .box{transform: scale(1);-webkit-transform: scale(1);opacity:1;filter:alpha(opacity=100);display:block;}
.float-rig li .box div{width:115px;padding:8px 10px 12px 10px;background-color:#FFF;display:block; margin:0; overflow:hidden; border:1px solid #e4e4e4; text-align:center;float:right;}
.float-rig li .box div h1{font-size:14px; color:#666; margin-bottom:8px;}
.float-rig li .box div em{font-size:14px; color:#666; margin-bottom:8px;}
.float-rig li .box p{width:6px; height:9px; margin:0px; display:block; position:absolute; overflow:hidden; top:22px; right:4px; background:url(float.png);}
.float-rig .l1 .box{transform-origin:right 18%;-webkit-transform-origin:right 18%;}
.float-rig .l1 .box div{padding-top:15px}
.float-rig .l1 .box div h1{line-height:18px; margin-top:8px; margin-bottom:0}
.float-rig .l2 .box{line-height:22px; font-size:14px;transform-origin:right 18%;-webkit-transform-origin:right 18%;}
.float-rig .l2 .box div h1{line-height:18px; margin-top:8px; margin-bottom:12px;color: #db4546;}
.float-rig .l2 .box div em {line-height:18px; margin-top:8px; margin-bottom:12px;color: #db4546;font-size:14px}
.float-rig .amn3 span{color:#666; font-size:14px; font-weight:400;}
.float-rig .l3 .box{font-size:14px}
.float-rig .l3 .box div h1{ margin-bottom:5px}
.float-rig .l4{display:none}
#bdshare a, #bdshare span {
    display: block;
    float: left;}
/* gongyi-list */
.gongyi-list{padding: 50px 0px;width:1200px;margin:0 auto;}
.gongyi-list .list-line{width:100%;height: 1px;background: #d0d0d0;margin:30px 0px;}
.gongyi-list img{float: left}
.gongyi-list .message{width:850px;float:left;background: #f1f1f1;padding: 58px 25px;}
.gongyi-list .message p{font-size:30px;color:#6a6a6a;font-weight:bold;}
.gongyi-list .message h1{font-size:20px;color:#595959;}
.gongyi-list .message span{font-size:16px;color:#737373;min-height:84px;display:block;}


.teacher-list-pop{padding:20px }
.teacher-list-pop img{float:left;display:block;width:380px;height:450px;}
.teacher-list-pop p{font-size:14px;line-height:2em;padding-top:20px ;float:left;width:466px;display:block;padding:30px 50px;}
.teacher-list-pop p b{font-size:30px;display:block;font-weight:normal;padding:20px 0;line-height:1.2em;}
.teacher-list-pop  i{font-weight:normal;color:#e01222;padding:20px 0;font-size:16px;margin-top:50px;margin-left:50px;}

.aboutimg{float: right;}
.aboutimg img{display: block;width:100%;}
.about-message{margin-top: 55px;margin-left: 31px;}
.about-message .btitle{margin-bottom: 50px;}

/* gongyi */
.gy-img{width:100%;background: url(img/gy-bg.jpg) no-repeat;padding: 50px 0px 80px 0px;border-bottom:1px solid #d0d0d0;}
.img-box{width:1200px;margin: 0 auto;}
.img-box1 img{float: left}
.img-box2 img{float: right}
.img-box1,.img-box2{width:50%;}

.gy-summary{width:1200px;margin:0 auto;padding: 60px 0px;border-bottom:1px solid #222;margin-bottom: 50px;}
.gy-summary h1{font-size:32px;color:#b22e2c;margin-bottom: 10px;}
.gy-content p{text-indent: 2em;margin-bottom: 1em;font-size:16px;}

/* zhaomu */
.zhaomu-list{width:1200px;margin: 0 auto;padding: 50px 0px;}
.zhaomu-list li{padding:20px 0px;border-bottom:1px solid #eeeeee;}
.zhaomu-list li img{float: left;}
.zhaomu-summary{width:390px;margin: 25px;}
.zhaomu-summary p{font-size:12px;}
.zhaomu-summary h2{font-size:28px;color:#383c3b;}
.zhaomu-summary .adress{padding-left: 22px;background: url(img/adress.png) no-repeat 0px 4px;font-size:16px;}
.zhaomu-summary .point{width:5px;height: 5px;background: #878787;display: block;margin-top: 10px;margin-right: 13px;float: left;margin-left: 4px;}
.zhaomu-summary .phonenumber span{float:left;margin-right:10px;display: block;width:63px;height: 22px;text-align: center;line-height: 22px;background: #eeeeee;}
.zhaomu-summary .phonenumber {margin-top: 10px;}
.zhaomu-list li .apply{display: block;width:169px;height: 51px;text-align: center;line-height: 51px;color:#b22e2c;font-size:20px;border:1px solid #b22e2c;border-radius:10px;margin-top: 104px;}
.zhaomu-list li .apply:hover{background: rgba(178,46,44,.3);}

/* viewpage */
.viewpage-box{width:1200px;margin: 0 auto;padding:50px 0px;}
.viewpage-title{font-size:24px;color:#b22e2c;text-align:center;}
.viewpage-info{text-align:center;color:#ababab;}
.viewpage-body{font-size:16px;border-bottom:1px solid #ccc;padding-bottom:35px;}
.viewpage-body p{margin-bottom:14px;}
.viewpage-link{padding:30px 0px;}
@media screen and (max-width: 1495px) {
	.btitle{font-size:24px;}
	.abstract  p{line-height:1em;font-size:13px;letter-spacing:3px;  }
    .line{margin: 21px auto 15px;}
	.more{margin-top: 42px;}
	.about-message span,.about-message p{font-size:12px;}
}
@media screen and (max-width: 1200px) {
	.abstract p{font-size:12px;display:block;}
}