*{margin:0;padding:0}

@font-face{font-family:TT0010M; src:url(../images/TT0010M.TTF);}
body{background:#fff;margin:0;padding:0;text-decoration:none;font-variant:normal;font-family:"Microsoft YaHei"}

a:active,a:hover,a:link,a:visited{text-decoration:none}

a{text-decoration:none; padding:0px; margin:0px;}

li{list-style-type:none}

ol,ul{list-style-type:none;list-style-image:none}

input[type=button],input[type=submit],input[type=text]{-webkit-appearance:none}

textarea{-webkit-appearance:none}

select{-webkit-appearance:none}



@media (min-width:320px){body,html{font-size:15px}

}

.body{ overflow:hidden;}

.main{width:1200px;margin:0 auto}



.head{width:100%;height:150px}



.head .had{position:relative; padding:0 10%;  height:150px; width:auto}



.head .logo{float:left;margin-top:36px;}



.head .had span{ float:right; display:block; }

.head .had span .tel{color:#c10202;font-size:14px;margin-top:50px; margin-bottom:20px; text-align:right}

.head .had span .tel img{ vertical-align:middle; margin-right:8px;}





.head .had span .nav{ display:block;}

.head .had span .nav ul li{float:left;margin-left:30px;width:80px;position:relative;text-align:center}

.head .had span .nav ul li a:after{content:"";width:0;height:2px;position:absolute;left:50%;transition:.5s;top:35px;background:#c10202; opacity:0}

.head .had span .nav ul li a:hover:after{left:0;width:100%; opacity:1}



.head .had span .nav ul li a{color:#222;display:block;width:100%;font-size:16px; padding-bottom:20px;}



.head .had span .nav ul li ul{ position:absolute; background:#fff; z-index:99; width:100%;width: 150px;  left: -32px; display:none;}

.head .had span .nav ul li ul li{ width:100%; margin:0px; padding:0px; height:40px; line-height:40px;}

.head .had span .nav ul li:hover ul{ display:block;}







.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}

.sp_logo{padding:10px;float:left;height:50px}

.sp_logo img{margin:auto;max-height:30px;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px; display:none;}

.sp_nav b{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}

.sp_nav b:nth-of-type(1){top:0px}

.sp_nav b:nth-of-type(2){top:10px}

.sp_nav b:nth-of-type(3){top:20px}

.sp_nav_se b:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se b:nth-of-type(2){width:0}

.sp_nav_se b:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top:80px}

.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}

.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}

.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}

.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}

.sjj_nav ul li ul{display:none}

.sjj_nav ul li a{color:#666;width:80%}

.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}

.sjj_nav ul li ul li>ul{margin-left:10px}









.fazhanlicheng{ overflow:hidden; position:relative;}

.fazhanlicheng:after{content:""; width:100%; border-bottom:2px #c9141e solid; position:absolute; height:3px; top:210px}

.licheng{ overflow:hidden;}

.licheng div{ background:url(../images/pbg.png) no-repeat; width:150px; height:180px; overflow:hidden; margin:0 auto;}

.licheng div img{ border-radius:50%; width:110px; height:110px; margin:19px;}

.licheng  dl{ overflow:hidden; text-align:center; padding-top:60px; position:relative;}

.licheng  dl dd{ font-size:24px; color:#666; font-weight:bold; margin-bottom:10px;}

.licheng  dl dt{ line-height:24px; font-size:15px; color:#666; height:130px; overflow-X:auto}



.licheng  dl dt::-webkit-scrollbar-track{  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.1);  border-radius: 10px;  background-color: rgba(255,255,255,0.1);}

.licheng  dl dt::-webkit-scrollbar{ width:3px;	  background-color: rgba(0,0,0,0.0);}

.licheng  dl dt::-webkit-scrollbar-thumb{  border-radius:20px;  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0);  background-color: #fff;}

.licheng  dl dt:hover::-webkit-scrollbar-thumb{ background-color: #c9141e;}

	

	

.licheng  dl:before{ content:""; background:#c9141e; border-radius:50%; height:10px; width:10px; position:absolute; top:29px;}



.fll{ background:#f0f0f0; overflow:hidden; margin:40px auto; padding:40px 0;}







.pc-banner{width:100%;height:auto;overflow:hidden}



.pc-banner .swiper-slide img{width:100%}



.m-banner{width:100%;height:auto;overflow:hidden; display:none;}



.m-banner .swiper-slide img{width:100%}





.concept{width:100%;height:auto;overflow:hidden;margin-top:60px}

.title{position:relative}

.title p:after{content:"";width:160px;height:1px;position:absolute;top:35px;right:-160px;background:#666}

.title p:before{content:"";width:160px;height:1px;position:absolute;top:35px;left:-160px;background:#666}

.title p{ background: linear-gradient(to bottom, #f26211, #c50903);
  -webkit-background-clip: text;
  color: transparent;
  font-size:44px;display:table;margin:0 auto;z-index:1;padding:0 20px;position:relative;text-align:center}

.title i{padding-right:5px}

.title span{ background: linear-gradient(to bottom, #f26211, #c50903);
  -webkit-background-clip: text;
  color: transparent;font-size:18px;font-family:Arial;text-align:center;display:block;text-transform:uppercase;margin-top:5px}

.concept ul{height:auto;margin-top:30px}
.concept ul li{float:left;width:31.3333333333%; background:#fef2f3;box-sizing:border-box;transition:.3s;padding:35px}
.concept ul li:hover{box-shadow:0 0 10px 1px #d5d5d3}
.concept ul li{margin-bottom:18px; margin:1%; text-align:center; height:200px;}

.concept ul li i{display:block; width:100%; box-sizing:border-box; font-size:74px; font-family:TT0010M; font-style:normal; font-weight:bold; color:#c10202}
.concept ul li i span{ font-size:50px; }
.concept ul li h4{color:#333;font-size:20px; font-weight:400;}
.concept ul li p{color:#666;font-size:18px;line-height:24px;margin-top:10px}



.adv{width:100%;background:#f8f8f8; background-size:cover;overflow:hidden;margin-top:60px; padding-bottom:50px}

.adv .title{margin-top:50px}



.adv .swiper-container{margin-top:35px; padding-bottom:50px;}

.adv .swiper-slide{width:180px;height:375px;box-shadow:0 0 10px 2px #efefef;margin:5px 0;border-radius:8px;background:#fff}

.adv .swiper-slide .icon{display:block;width:116px;height:116px;border-radius:50%;background:#eee;overflow:hidden;margin:0 auto;display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin-top:30px}

.adv .swiper-slide h4{color:#333;font-size:22px; text-align:center;margin:0 auto;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:40px}

.adv .swiper-slide p{color:#666;font-size:15px;line-height:24px; padding:0 20px;margin:0 auto;margin-top:15px}

.adv .swiper-pagination span{background:#adadad;width:18px;height:18px;border-radius:50%;margin:0 6px}





.adv .swiper-pagination .swiper-pagination-bullet-active{background:#c10202}

.adv .swiper-slide i{display:block;width:60px;height:60px;margin:0 auto;overflow:hidden;box-sizing:border-box}

.adv .main{padding:0 5px;overflow:hidden}

.adv .swiper-container{overflow:initial}

.adv .swiper-slide:hover .icon{background:#c10202}







.adv .swiper-slide:nth-child(1) .icon i{background:url(../images/icon02.png) no-repeat -582px  top}

.adv .swiper-slide:nth-child(1):hover i{background:url(../images/icon02.png) no-repeat -582px bottom}

.adv .swiper-slide:nth-child(2) .icon i{background:url(../images/icon02.png) no-repeat -65px  top}

.adv .swiper-slide:nth-child(2):hover i{background:url(../images/icon02.png) no-repeat -65px  bottom}







.adv .swiper-slide:nth-child(3) .icon i{background:url(../images/icon02.png) no-repeat -255px top}

.adv .swiper-slide:nth-child(3):hover i{background:url(../images/icon02.png) no-repeat -255px bottom}

.adv .swiper-slide:nth-child(4) .icon i{background:url(../images/icon02.png) no-repeat -321px top}

.adv .swiper-slide:nth-child(4):hover i{background:url(../images/icon02.png) no-repeat -321px bottom}

.adv .swiper-slide:nth-child(5) .icon i{background:url(../images/icon02.png) no-repeat -190px top}

.adv .swiper-slide:nth-child(5):hover i{background:url(../images/icon02.png) no-repeat -190px bottom}

.adv .swiper-slide:nth-child(6) .icon i{background:url(../images/icon02.png) no-repeat -838px top}

.adv .swiper-slide:nth-child(6):hover i{background:url(../images/icon02.png) no-repeat -838px bottom}

.adv .swiper-slide:nth-child(7) .icon i{background:url(../images/icon02.png) no-repeat -0px top}

.adv .swiper-slide:nth-child(7):hover i{background:url(../images/icon02.png) no-repeat -0px bottom}

.adv .swiper-slide:nth-child(8) .icon i{background:url(../images/icon02.png) no-repeat -643px top}

.adv .swiper-slide:nth-child(8):hover i{background:url(../images/icon02.png) no-repeat -643px bottom}

.adv .swiper-slide:nth-child(9) .icon i{background:url(../images/icon02.png) no-repeat -520px top}

.adv .swiper-slide:nth-child(9):hover i{background:url(../images/icon02.png) no-repeat -520px bottom}

.adv .swiper-slide:nth-child(10) .icon i{width:56px;background:url(../images/icon02.png) no-repeat -1213px top}

.adv .swiper-slide:nth-child(10):hover i{background:url(../images/icon02.png) no-repeat -1213px bottom}



.adv .swiper-slide:nth-child(11) .icon i{background:url(../images/icon02.png) no-repeat -640px top}

.adv .swiper-slide:nth-child(11):hover i{background:url(../images/icon02.png) no-repeat -640px bottom}

.adv .swiper-slide:nth-child(12) .icon i{background:url(../images/icon02.png) no-repeat -702px top}

.adv .swiper-slide:nth-child(12):hover i{background:url(../images/icon02.png) no-repeat -702px bottom}

.adv .swiper-slide:nth-child(13) .icon i{background:url(../images/icon02.png) no-repeat -765px top}

.adv .swiper-slide:nth-child(13):hover i{background:url(../images/icon02.png) no-repeat -765px bottom}



.adv .swiper-slide:nth-child(15) .icon i{background:url(../images/icon02.png) no-repeat -900px top}

.adv .swiper-slide:nth-child(15):hover i{background:url(../images/icon02.png) no-repeat -900px bottom}

.adv .swiper-slide:nth-child(16) .icon i{background:url(../images/icon02.png) no-repeat -965px top}

.adv .swiper-slide:nth-child(16):hover i{background:url(../images/icon02.png) no-repeat -965px bottom}

.adv .swiper-slide:nth-child(17) .icon i{background:url(../images/icon02.png) no-repeat -1030px top}

.adv .swiper-slide:nth-child(17):hover i{background:url(../images/icon02.png) no-repeat -1030px bottom}

.adv .swiper-slide:nth-child(18) .icon i{background:url(../images/icon02.png) no-repeat -1084px top}

.adv .swiper-slide:nth-child(18):hover i{background:url(../images/icon02.png) no-repeat -1084px bottom}

.adv .swiper-slide:nth-child(19) .icon i{background:url(../images/icon02.png) no-repeat -1146px top}

.adv .swiper-slide:nth-child(19):hover i{background:url(../images/icon02.png) no-repeat -1146px bottom}

.adv .swiper-slide:nth-child(20) .icon i{background:url(../images/icon02.png) no-repeat right top}

.adv .swiper-slide:nth-child(20):hover i{background:url(../images/icon02.png) no-repeat right bottom}

.adv .swiper-slide:hover h4{color:#c10202}

.adv .swiper-slide:hover p{color:#c10202}











.mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat;}

.mssg-intro form{ background:rgba(255,255,255,.8); padding:5%; overflow:hidden;}

.mssg-intro form h3{font-size:36px; text-align:center; margin-bottom:30px;}

.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}

.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}

.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}

.mssg-intro form .btn input{width:49%;display:block;float:left; height:50px; line-height:50px; background:#c10202;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;font-family:'微软雅黑'}

.mssg-intro form .btn input:last-child{background:#999;margin-left:2%}





/*

.about{width:100%;overflow:hidden;margin-top:60px}

.about .about_cont{overflow:hidden; margin:40px auto;}

.about .pic{float:left;width:45%}

.about .pic img{display:block;width:100%}

.about .intro{float:right;width:55%}

.about .intro h3{font-size:24px;overflow:hidden;margin:30px 30px 20px}

.about .intro h3:after{content:"——";color:#000;display:block}

.about .intro .info{height:239px;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;overflow:hidden;font-size:15px;line-height:26px;padding:0 30px;color:#666; text-indent:2em;}

.about .intro a{display:block;width:160px;height:45px;border:1px #888888 solid;text-align:center;line-height:45px;color:#fff;float:left;margin-right:29px; border-radius:6px; background:#888888; margin-left:20px; margin-top:20px;}

.about .intro a:hover{background:#333;color:#fff;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}



*/

.about{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:55px}

.about .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;color:#555;font-size:16px;text-indent:2em;line-height:30px}

.about .intro a{color:#c10202;font-size:16px}

.about .ad{height:auto;overflow:hidden;margin-top:30px}

.about .ad ul li{float:left;width:146px;height:auto;overflow:hidden}

.about .ad ul li i{display:block;width:146px;height:146px;background:url(../images/icon03.png) no-repeat 2px top}

.about .ad ul li:nth-child(2) i{background:url(../images/icon03.png) no-repeat -172px top}

.about .ad ul li:nth-child(3) i{background:url(../images/icon03.png) no-repeat -344px top}

.about .ad ul li:nth-child(4) i{background:url(../images/icon03.png) no-repeat -516px top}

.about .ad ul li:nth-child(5) i{background:url(../images/icon03.png) no-repeat -693px top}

.about .ad ul li:nth-child(6) i{background:url(../images/icon03.png) no-repeat -866px top}

.about .ad ul{display:flex;justify-content:space-between;align-items:center}

.about .ad ul li p{text-align:center;color:#333;font-size:16px;font-weight:700;margin-top:5px}











.tab{width:100%;height:auto;margin:30px auto;overflow:hidden;text-align:center}

.tab ul li{display:inline-block;width:12%;height:50px;text-align:center;border:1px solid rgba(224,224,224,0.1);border-radius:10px;box-sizing:border-box;line-height:48px;background:#fff;}

.tab ul li a{display:block;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#555; }

.tab ul li:hover{background:#c10202}

.tab ul li:hover a{color:#fff}



.tabta ul li{display:inline-block;width:12%;height:50px;text-align:center;border:1px solid rgba(224,224,224,0.1);border-radius:10px;box-sizing:border-box;line-height:48px;background:#f1f1f1;}





.gengduo{ width:200px; height:50px; line-height:50px; border-radius:6px; text-align:center; background:#c10202; margin:20px auto;}

.gengduo a{color:#fff;}

.gengduo:hover{ background:#c10202}



.pic_content{ overflow:hidden; background:url(../images/picbj.jpg) no-repeat center; background-size:cover; margin:30px auto; padding:40px 0;}

.pic_cont{ overflow:hidden; margin-top:20px;}

.pic_cont ul{ overflow:hidden;}

.pic_cont ul li{ overflow:hidden; width:25%; border:8px rgba(217,217,217,0) solid; float:left; box-sizing:border-box; position:relative}

.pic_cont ul li div{ border:1px #ccc solid; overflow:hidden;}

.pic_cont ul li div img{ width:100%; height:100%;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.pic_cont ul li:hover div img{transform:scale(1.05);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.pic_cont ul li p{ overflow:hidden; width:100%;  text-align:center; height:50px; line-height:50px; }

.pic_cont ul li a p{ color:#333;} 



.class{width:100%; padding-bottom:30px;background:#f8f8f8;overflow:hidden;margin-top:50px}

.class .title{margin-top:60px}



.class ul{margin-top:30px;height:auto;overflow:hidden}

.class ul li{float:left;height:auto;overflow:hidden; width:25%}

.class ul li:first-child{margin-left:0}

.class ul li i{display:block;width:87px;height:87px;margin-right:15px;float:left}

.class ul li:nth-child(1) i{background:url(../images/icon04.png) no-repeat 32px bottom}

.class ul li:nth-child(2) i{background:url(../images/icon04.png) no-repeat -311px bottom}

.class ul li:nth-child(3) i{background:url(../images/icon04.png) no-repeat -636px bottom}

.class ul li:nth-child(4) i{background:url(../images/icon04.png) no-repeat right bottom}

.class ul li div{float:left;margin-top:20px}

.class ul li div p{color:#222;font-size:23px}

.class ul li div span{color:#666;font-size:15px;margin-top:5px;display:block}

.class .more{display:block;width:180px;height:50px;background:#c10202;text-align:center;line-height:50px;color:#fff;margin:0 auto;margin-top:40px;border-radius:10px;font-size:15px}

.students{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:50px}



.xueyuan{ overflow:hidden; margin-top:40px;}

.xueyuan ul li{float:left;width:282px;height:auto;margin-left:25px;overflow:hidden;position:relative;border:1px solid #e8e8e8}

.xueyuan ul li:hover img{transform:scale(1.05)}

.xueyuan ul li img{display:block;width:100%;width:100%;transition:.5s;}

.xueyuan ul li .info{width:100%;height:auto;overflow:hidden;background:rgba(0,0,0,.6);position:absolute;left:0;bottom:0;padding:20px 30px;box-sizing:border-box}

.xueyuan ul li .info p{color:#fff;font-size:15px;line-height:25px;height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.xueyuan ul li .info h3{ color:#fff; font-weight:400; font-size:15px;}





.xueyuan_mx{ overflow:hidden; margin-top:40px;}

.xueyuan_mx ul li{float:left;width:25%;height:auto;overflow:hidden;position:relative; border:6px #fff solid; box-sizing:border-box}

.xueyuan_mx ul li:hover img{transform:scale(1.05)}

.xueyuan_mx ul li img{display:block;width:100%;width:100%;transition:.5s;}

.xueyuan_mx ul li .info{width:100%;height:115px; border:1px #ccc solid; overflow:hidden;background:rgba(0,0,0,.6);position:absolute;left:0;bottom:0;padding:20px 30px;box-sizing:border-box}

.xueyuan_mx ul li .info p{color:#fff;font-size:15px;line-height:25px; overflow:hidden; height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.xueyuan_mx ul li .info h3{ color:#fff; font-weight:400; font-size:15px;}







.students .more{display:block;width:180px;height:50px;background:#c10202;text-align:center;line-height:50px;color:#fff;margin:0 auto;margin-top:40px;border-radius:10px;font-size:15px}





.teacher{width:100%;overflow:hidden;background:#f8f8f8;margin-top:60px; padding-bottom:40px;}

.teacher .title{margin-top:50px}



 

 .laoshi{overflow:hidden;margin-top:35px}

.laoshi ul li{float:left;width:384px;height:auto;position:relative;overflow:hidden;margin-left:22px}

.laoshi ul li img{display:block;width:100%;height:100%;transition:.5s}

.laoshi .info{width:100%;height:auto;overflow:hidden;background:rgba(0,0,0,.5);position:absolute;padding:15px 30px;box-sizing:border-box;transition:.5s;left:0;bottom:-98px;z-index:1}

.laoshi ul li:hover .info{bottom:0}

.laoshi ul li .info .tit{border-bottom:1px solid #fff;height:52px}

.laoshi  ul li .info .tit h4{color:#fff;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}

.laoshi ul li .info .tit span{color:#fff;display:block;font-size:12px;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.laoshi ul li .info .text{color:#fff;font-size:12px;line-height:24px;margin-top:10px;height:72px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.laoshi ul li:hover img{transform:scale(1.05)}

.teacher .more{display:block;width:180px;height:50px;background:#c10202;text-align:center;line-height:50px;color:#fff;margin:0 auto;margin-top:40px;border-radius:10px;font-size:15px}











.laoshi_lb{overflow:hidden;margin-top:35px}

.laoshi_lb ul li{float:left;width:33.33%; border:6px #fff solid; height:auto;position:relative;overflow:hidden; box-sizing:border-box;}

.laoshi_lb ul li img{display:block;width:100%;height:100%;transition:.5s}

.laoshi_lb .info{width:100%;height:auto;overflow:hidden;background:rgba(0,0,0,.5);position:absolute;padding:15px 30px;box-sizing:border-box;transition:.5s;left:0;bottom:-98px;z-index:1}

.laoshi_lb ul li:hover .info{bottom:0}

.laoshi_lb ul li .info .tit{border-bottom:1px solid #fff;height:52px}

.laoshi_lb  ul li .info .tit h4{color:#fff;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400}

.laoshi_lb ul li .info .tit span{color:#fff;display:block;font-size:12px;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.laoshi_lb ul li .info .text{color:#fff;font-size:12px;line-height:24px;margin-top:10px;height:72px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.laoshi_lb ul li:hover img{transform:scale(1.05)}







.advice{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:50px}

.advice .swiper-container{margin-top:30px}

.advice .swiper-slide{width:240px;height:auto;overflow:hidden;position:relative}

.advice .swiper-slide img{display:block}

.advice .swiper-slide .intro{position:absolute;left:0;width:100%;height:100%;top:0;transition:.5s}

.advice .swiper-slide .intro h4{position:relative;text-align:center;padding-top:30px;color:#fff;font-size:20px;transition:.5s;width:90%;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:140px}

.advice .swiper-slide .intro h4:after{content:"";width:26px;height:3px;background:#fff;position:absolute;transition:.5s;left:50%;top:0;margin-left:-13px}

.advice .swiper-slide .intro p{color:#fff;font-size:12px;width:175px;margin:0 auto;line-height:22px;margin-top:20px;transition:.5s;opacity:0;transform:scale(0);display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden}

.advice .swiper-slide .intro span{display:block;color:#fff;font-size:12px;text-align:center;transition:.5s;margin-top:10px}

.advice .swiper-slide:hover .intro{background:rgba(193,2,2,.8)}

.advice .swiper-slide:hover .intro h4{margin-top:60px}

.advice .swiper-slide:hover .intro h4:after{opacity:0}

.advice .swiper-slide:hover .intro span{transform:scale(0);vertical-align:middle}

.advice .swiper-slide:hover .intro p{opacity:1;transform:scale(1);margin-top:-10px}





.lc{width:100%;overflow:hidden;margin-top:30px;; background:#fff}

.lc .title{margin-top:50px}



.lc .swiper-container{margin-top:30px; padding-bottom:20px;}

.lc .swiper-slide{float:left;width:150px;margin-left:60px;position:relative}

.lc .swiper-slide:last-child:after{width:0;height:0;overflow:hidden}

.lc .swiper-slide:first-child{margin-left:0}

.lc .swiper-slide i{display:block;width:116px;border-radius:50%;height:116px;border:15px solid #f9f9f9;background:url(../images/icon05.png) no-repeat left top}

.lc .swiper-slide:after{content:"";width:18px;height:21px;background:url(../images/icon07.png) no-repeat;position:absolute;right:-40px;top:60px}

.lc .swiper-slide h4{color:#333;font-size:16px;font-weight:bold;text-align:center;margin-top:20px;overflow:hidden}

.lc .swiper-slide p{color:#666;font-size:12px;line-height:24px;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;margin-top:18px}

.lc .swiper-slide:nth-child(2) i{background:url(../images/icon05.png) no-repeat -130px top}

.lc .swiper-slide:nth-child(3) i{background:url(../images/icon05.png) no-repeat -261px top}

.lc .swiper-slide:nth-child(4) i{background:url(../images/icon05.png) no-repeat -392px top}

.lc .swiper-slide:nth-child(5) i{background:url(../images/icon05.png) no-repeat -524px top}

.lc .swiper-slide:nth-child(6) i{background:url(../images/icon05.png) no-repeat right top}

.lc .swiper-slide:hover i{ border:15px #c10202 solid}



.reward{margin-top:50px;width:100%;height:auto;overflow:hidden}

.reward .box{width:100%;height:auto;overflow:hidden;background:#f8f8f8;padding:20px;box-sizing:border-box}

.reward .hd{width:100%;height:60px;border-radius:10px;background:#dadada}

.reward .hd ul li{float:left;width:100%}

.reward .hd ul li p{line-height:60px;color:#333;font-size:22px;text-align:center;float:left;width:23%;margin:0 1%}

.reward .bd ul li{width:100%;height:auto;overflow:hidden;background:#fed39a;margin-top:5px;border-radius:10px}

.reward .bd ul li p{line-height:60px;color:#333;font-size:18px;text-align:center;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:23%;margin:0 1%}







.news{width:100%;overflow:hidden;margin-top:0px; background:#eee;/*background:url(../images/newsbj.jpg) no-repeat center */; background-size:cover; padding:40px 0;}

.news .title{margin-top:50px}

.news .left{float:left;width:520px;height:auto;overflow:hidden;position:relative;background:#f1f1f1;margin-top:40px}

.news .swiper-slide img{display:block;width:100%;height:346px}

.news .swiper-slide .info{position:absolute;left:0;bottom:0;width:100%;padding:15px 20px;box-sizing:border-box;background:rgba(0,0,0,.8)}

.news .swiper-slide .info h4{color:#fff;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.news .swiper-slide .info p{color:#fff;font-size:12px;margin-top:10px}

.news .swiper-button-next{width:35px;height:60px;position:absolute;top:50%;margin-top:-30px;left:0;z-index:100;background:url(../images/left.png) no-repeat left center}

.news .swiper-button-prev{position:absolute;left:auto;right:0;width:35px;height:60px;top:50%;z-index:100;margin-top:-30px;background:url(../images/right.png) no-repeat right center}

.news .right{float:right;width:630px;height:345px;overflow:hidden;margin-top:40px;border-bottom:1px solid #dee0e3}

.news .right .on{width:100%;height:auto;overflow:hidden;padding:15px 0;border-top:1px solid #dee0e3;border-bottom:1px solid #dee0e3}

.news .right .on h4{color:#333;font-size:18px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:440px;float:left;line-height:25px}

.news .right .on span{display:block;float:right;color:#999;font-size:12px;line-height:25px}

.news .right .on p{width:100%;height:auto;overflow:hidden;color:#999;font-size:14px;margin-top:5px;float:left;line-height:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.news .right .on:hover h4{color:#c10202}

.news .right ul{height:auto;overflow:hidden;padding: 16px 0; border-bottom:1px #ccc solid;}

.news .right ul li{position:relative;line-height:40px; padding-left:10px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.news .right ul li:hover a{color:#c10202}

.news .right ul li span{ float:right;}

.news .right ul li:after{content:"";width:4px;height:4px;position:absolute;left:0;top:50%;margin-top:-2px;background:#666;border-radius:50%}

.news .right ul li a{ color:#333;}



.news_box{ overflow:hidden;}



.links{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:30px}

.links .tit{background:url(../images/bg01.jpg) repeat-x left bottom;height:30px}

.links .tit div{background:#fff;display:table;padding-right:7px}

.links .tit span{color:#c10202;font-size:30px;font-family:Impact;float:left;text-transform:uppercase}

.links .tit p{float:left;width:85px;height:24px;background:#f8f8f8;text-align:center;line-height:24px;color:#999;font-size:14px;float:left;margin-left:10px;margin-top:6px}

.links ul{height:auto;overflow:hidden;margin-top:10px}

.links ul li{float:left;padding-right:40px;position:relative;line-height:25px}

.links ul li a{color:#666}

.links ul li:after{content:"";width:1px;height:14px;position:absolute;right:20px;top:50%;margin-top:-7px;background:#adadad}



.map{ height:400px;}

.footer{width:100%;overflow:hidden;background:#1f1f1f ;margin-top:30px; background-size:100% 100%;}

.footer .title{margin-top:50px}

.footer .title p{color:#fff}

.footer .title p:after{background:#bababa}

.footer .title p:before{background:#bababa}

.footer .title span{color:#fff; font-style:italic;}

.footer .intro{width:100%;height:auto;overflow:hidden;text-align:center;color:#fff;margin-top:40px;line-height:28px}

.footer .rwm{margin-top:30px; text-align:center;}

.footer .rwm div{display:inline-block;box-sizing:border-box;}

.footer .rwm div dd{ border:1px #ccc solid; overflow:hidden; padding:5px;}

.footer .rwm div dd img{display:block;width:150px;height:150px;}

.footer .rwm p{ color:#fff;}



.cr{width:100%;height:auto;overflow:hidden; margin-top:30px;border-top:1px solid #ccc;text-align:center;line-height:60px;color:#fff;display:flex;justify-content:center;font-size:15px}

.cr p{margin:0 10px}

.cr a{color:#fff}



.buttom{background:#cd2a2a;bottom:0;margin:0 auto;max-width:750px;min-width:320px;position:fixed;width:100%;z-index:999; display:none; }

.buttom ul{overflow:hidden}

.buttom ul li{color:#fff;float:left;width:18%;padding:3% 0;border-right:1px #fff solid;box-sizing:border-box}

.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}

.buttom ul li p{font-size:.18rem;overflow:hidden;text-align:center}

.buttom ul li a{color:#fff}

.buttom ul li .sy img{width:70%}

.buttom ul li:nth-child(3){ width:28%;border-right: none; }

.buttom ul li:nth-child(4){ border-left:1px #ccc solid; }



.bohao{  

    width: 30%; text-align:center; position:absolute; bottom:0px;}

	

.bohao img{width:75%;}





.crumb{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #e8e8e8}

.crumb i{display:block;width:65px;float:left;height:60px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;background:url(../images/icon09.png) no-repeat 28px center}

.crumb p{color:#666;font-size:16px;float:left;line-height:60px;margin-left:15px}

.crumb a{float:left;line-height:60px;padding-left:25px;color:#666;position:relative}

.crumb a:after{content:"";width:6px;height:10px;position:absolute;left:10px;top:50%;margin-top:-5px;background:url(../images/icon09.png) no-repeat right center}

.img-list{width:100%;height:auto;overflow:hidden;margin-top:45px}

.img-list ul{height:auto;overflow:hidden;margin-top:35px}

.img-list ul li{float:left;width:282px;height:auto;overflow:hidden;margin-left:24px}

.img-list ul li:nth-child(4n-3){margin-left:0}

.img-list ul li img{display:block;width:282px;height:282px;border:1px solid #e8e8e8;box-sizing:border-box;background:#3b6cc3}

.img-list ul li p{width:100%;height:auto;overflow:hidden;color:#222;font-size:15px;text-align:center;line-height:40px}

.page{display:table;margin:0 auto;height:auto;margin-top:30px;overflow:hidden}

.page ul li{float:left;border:1px solid #e2e2e2;padding:0 10px;height:33px;line-height:33px;box-sizing:border-box;text-align:center;margin: 5px;font-size:15px;color:#999}

.page a{color:#999;display:block}

.page .active{background:#c10202;color:#fff;border:1px solid #c10202}

.page ul li:first-child{border-radius:0}

.page ul li:last-child{border-radius:0}

hr{width:1200px;height:10px;overflow:hidden;border:none;margin:50px auto;background:url(../images/icon10.png) repeat-x}

.news-list{margin-top:40px}

.news-list .list{width:auto;height:auto;overflow:hidden}

.news-list .list ul{height:auto;overflow:hidden;margin-top:30px}

.news-list .list ul li{width:100%;height:98px;overflow:hidden;margin-bottom:40px;border-bottom:1px solid #e5e5e5}

.news-list .list ul li .time{float:left; width:115px;}



.news-list .list ul li .time b{color:#b0b0b0;font-size:38px;font-weight:700}

.news-list .list ul li .time span{color:#888;font-size:14px}



.news-list .list ul li .info{float:left;margin:0 3%;width:75%;margin-top:10px;height:auto;overflow:hidden}



.news-list .list ul li .info h4{color:#555;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.news-list .list ul li .info p{color:#888;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:15px}



.news-list .list ul li i{color:#555;font-size:12px;display:block;padding-bottom:30px;float:right;font-style:initial;text-transform:uppercase;margin-top:10px;text-align:center;background:url(../images/more.png) no-repeat center 25px}



.news-list .list ul li:hover h4{color:#c10202}

.news-list .list ul li:hover i{color:#c10202}

.news-list .list ul li:hover i{background:url(../images/more02.png) no-repeat center 25px}





.news-list .overhead{width:100%;height:auto;overflow:hidden;margin-top:30px}

.news-list .overhead ul li{float:left;width:380px;height:auto;padding-bottom:20px;border:1px solid #ccc}

.news-list .overhead ul li:first-child{margin-left:0}

.news-list .overhead ul li img{display:block;width:100%;height:479px}

.news-list .overhead ul li .info{width:345px;margin:0 auto;height:auto;overflow:hidden;margin-top:10px}

.news-list .overhead ul li:hover{border:1px solid #c10202}

.news-list .overhead ul li:hover .info h4{color:#c10202}

.news-list .overhead ul li .info h4{width:100%;color:#333;font-weight:400;font-size:15px;line-height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.news-list .overhead ul li .info p{display:block;color:#999;font-size:14px;margin-top:10px}

.detailed{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:40px}

.detailed a{color:#555}

.detailed .tit{height:95px;border-bottom:1px solid #dadadf}

.detailed .tit h4{color:#333;font-size:24px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}

.detailed .tit p{color:#666;font-size:15px;margin-top:25px;text-align:center}

.detailed .tit p span{ margin:0 5px;} 

.detailed .intro{height:auto;overflow:hidden;margin-top:30px;font-size:15px;line-height:24px}
.intro img{display:block;margin:0 auto;max-width:100%}
.detailed .intro img{display:block;margin:0 auto;max-width:100%}

.fy{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:40px;margin-bottom:40px}

.fy div{float:left}

.fy ul li{height:30px;line-height:30px;overflow:hidden}

.fy p{color:#444;width:530px;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;float:left;font-size:14px}

.fy p a{color:#666;font-weight:400}

.fy p a:hover{color:#c10202;font-weight:400}

.fy span{color:#666;float:right;font-size:14px}

.fy .return{display:block;float:right;width:114px;text-align:center;text-indent:20px;line-height:48px;color:#fff;font-size:14px;height:48px;background:#c10202 url(../images/more03.png) no-repeat 20px center}

.cases-list{width:1200px;margin:0 auto;height:auto;overflow:hidden;margin-top:40px}

.cases-list .list{margin-top:30px}

.cases-list .list ul li{float:left;width:280px;height:auto;margin-left:18px;overflow:hidden;position:relative;border:1px solid #e8e8e8;margin-bottom:25px}

.cases-list .list ul li:hover img{transform:scale(1.05)}

.cases-list .list ul li img{display:block;width:100%;transition:.5s;height:auto}

.cases-list .list ul li .info{width:100%;height:auto;overflow:hidden;background:rgba(0,0,0,.6);position:absolute;left:0;bottom:0;padding:20px 30px;box-sizing:border-box}

.cases-list .list ul li .info p{color:#fff;font-size:15px;line-height:25px}

.cases-list .list ul li .info span{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:54px;color:#fff;font-size:15px;line-height:25px}

.contact-intro{width:100%;height:auto;overflow:hidden;margin-top:50px}

.contact-intro .bd{width:100%;height:auto;overflow:hidden;padding:30px;box-sizing:border-box;position:relative;border:3px solid #eee}

.contact-intro .bd:after{content:"";width:1px;height:330px;position:absolute;left:50%;margin-left:30px;top:50%;margin-top:-165px;background:#dededd}

.contact-intro .bd img{display:block;width:570px;height:360px;float:left}

.contact-intro .bd .right{float:right;width:510px;height:auto;overflow:hidden;margin-top:35px}

.contact-intro .bd .right .tit p{color:#333;font-size:24px;text-align:center}

.contact-intro .bd .right .tit span{display:block;text-align:center;color:#999;font-size:15px;text-transform:uppercase;margin-top:10px}

.contact-intro .bd .right form{width:100%;height:auto;overflow:hidden;margin-top:25px}

.contact-intro .bd .right form ul{height:auto;overflow:hidden}

.contact-intro .bd .right form ul li{width:244px;height:auto;padding:0 10px;box-sizing:border-box;border:1px solid #dededd;float:left;overflow:hidden;margin-bottom:20px;border-radius:5px}

.contact-intro .bd .right form ul li:nth-child(2n){float:right}

.contact-intro .bd .right form ul li i{display:block;width:20px;height:20px;float:left;margin-top:10px;background:url(../images/icon11.png) no-repeat 2px 2px}

.contact-intro .bd .right form ul li:nth-child(2) i{width:18px;background:url(../images/icon11.png) no-repeat right 2px}

.contact-intro .bd .right form ul li:nth-child(3) i{width:18px;background:url(../images/icon11.png) no-repeat left bottom}

.contact-intro .bd .right form ul li input{height:40px;width:192px;outline:0;border:none;color:#999;margin-left:10px}

.contact-intro .bd .right form ul li:last-child{width:100%}

.contact-intro .bd .right form ul li textarea{height:60px;width:400px;margin-top:12px;outline:0;font-family:'微软雅黑';color:#999;border:none;resize:none;margin-left:10px}

.contact-intro .bd .right form .btn{width:100%;height:45px;background:#999;color:#fff;font-size:18px;outline:0;border:none;border-radius:5px}

.contact-intro .map{width:100%;height:450px;overflow:hidden;margin-top:60px;box-sizing:border-box;border:3px solid #eee}

.window{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.3);border:2px solid #eee;display:none;z-index:10001}

.window .bd{width:570px;height:420px;background:#fff;position:absolute;left:50%;top:50%;padding:30px;box-sizing:border-box;margin-left:-275px;margin-top:-210px}

.window .bd .tit{margin-top:50px}

.window .bd .tit p{color:#333;font-size:24px;text-align:center}

.window .bd .tit span{display:block;text-align:center;text-transform:uppercase;margin-top:5px;color:#999}

.window form{width:100%;height:auto;overflow:hidden;margin-top:25px}

.window form ul{height:auto;overflow:hidden}

.window form ul li{width:244px;height:auto;padding:0 10px;box-sizing:border-box;border:1px solid #dededd;float:left;overflow:hidden;margin-bottom:20px;border-radius:5px}

.window form ul li:nth-child(2n){float:right}

.window form ul li i{display:block;width:20px;height:20px;float:left;margin-top:10px;background:url(../images/icon11.png) no-repeat 2px 2px}

.window form ul li:nth-child(2) i{width:18px;background:url(../images/icon11.png) no-repeat right 2px}

.window form ul li:nth-child(3) i{width:18px;background:url(../images/icon11.png) no-repeat left bottom}

.window form ul li input{height:40px;width:192px;outline:0;border:none;color:#999;margin-left:10px}

.window form ul li:last-child{width:100%}

.window form ul li textarea{height:60px;width:400px;margin-top:12px;outline:0;font-family:'微软雅黑';color:#999;border:none;resize:none;margin-left:10px}

.window .bd .btn{width:100%;height:45px;background:#999;color:#fff;font-size:18px;border:none;border-radius:5px}

.window .close{position:absolute;width:42px;height:42px;background:url(../images/icon12.png) no-repeat;right:20px;top:20px}



.crumbs{width:100%;height:55px;line-height:55px;background:#f7f7f7;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.crumbs ul{width:1200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto}

.crumbs span{font-size:16px;color:#646464;margin-left:10px;background:url(../images/crumbs.png) no-repeat center left;padding-left:30px}

.crumbs a{color:#646464;font-size:14px;padding-right:10px;padding-left:5px;line-height:55px;position:relative;background:url(../images/icon1.png) no-repeat center right}

.crumbs a:last-child{background:0 0}



.intro{ overflow:hidden; line-height:30px; color:#555;  font-size:15px;}

.md{ margin-top:20px;}



.title{ margin:20px auto 0;}



.sild{ width:60px; position:fixed; bottom:25%; height:275px; right:0px; }

.sild ul{ }

.sild ul li{ height:60px; width:60px; margin-bottom:10px; position:relative; z-index:2}

.sild ul li img{ position:relative; z-index:10}

.sild ul li p{ height: 50px;

    width: 160px;

    background: #f1f1f1;

    border: 1px #ccc solid;

    position: absolute;

    right: -160px;

    padding: 10px 45px 0 9px;

    top: 0px;

    z-index: 1;

    border-radius: 50%;

    text-align: center; opacity:0;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}



.sild ul li:hover p{ width:160px; border-radius:60px; right:0px; opacity:1;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.sild ul li a p {color:#666;}



.n_banner{ width:100%; overflow:hidden; margin:0px auto;}

.n_banner img{ width:100%}

	/*

	

.imageRow{margin:20px auto;}

.imageRow .set{ overflow:hidden;}

.imageRow .single{ width:25%; float:left; overflow:hidden; border:4px #fff solid; border-bottom:none; box-sizing:border-box; margin:0px; padding:0px;}

.imageRow .single img{ width:100%; height:100%}



#lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.85;display:none}

#lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-weight:400}

#lightbox img{width:auto;height:auto}

#lightbox a img{border:none}

.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}

.lb-outerContainer:after{content:"";display:table;clear:both}

.lb-container{padding:10px}

.lb-loader{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0}

.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}

.lb-container>.nav{left:0}

.lb-nav a{outline:0}

.lb-next,.lb-prev{width:49%;height:100%;display:block}

.lb-prev{left:0;float:left}

.lb-next{right:0;float:right}

.lb-prev:hover{background:url(../images/prev.png) left 48% no-repeat}

.lb-next:hover{background:url(../images/next.png) right 48% no-repeat}

.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-ms-border-bottom-left-radius:4px;-o-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-ms-border-bottom-right-radius:4px;-o-border-bottom-right-radius:4px;border-bottom-right-radius:4px}

.lb-dataContainer:after{content:"";display:table;clear:both}

.lb-data{padding:0 10px;color:#bbb}

.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}

.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}

.lb-data .lb-number{display:none;clear:left;padding-bottom:1em;font-size:11px}

.lb-data .lb-close{width:35px;float:right;padding-bottom:.7em;outline:0}

.lb-data .lb-close:hover{cursor:pointer}



	*/

.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;overflow-scrolling:touch}

.glightbox-container.inactive{display:none}

.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999}

.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:absolute}

.glightbox-container .gslide{height:100%;width:100%;position:absolute;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.glightbox-container .gslide.current{opacity:1;z-index:99999}

.glightbox-container .gslide.prev{opacity:1;z-index:9999}

.glightbox-container .gslide-inner-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

.glightbox-container .ginner-container{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%}

.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{display:inline-block}

.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}

.gslide iframe,.gslide video{width:100vw;max-width:100vw;min-width:100vw;outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}

.gslide-image img{max-height:93%;display:block;max-width:100%;margin:0;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.gslide-video{width:100%;height:auto;min-width:100%;max-width:100%;min-height:auto;max-height:auto;position:relative}

.gslide-video:before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}

.gslide-video.playing:before{display:none}

.gslide-video .jw-media,.gslide-video .jw-video{position:relative!important}

.gslide-video .jwplayer{max-width:100vw;width:100vh;height:auto!important}

.gslide-video .box-emboss,.gslide-video .jwplayer{outline:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none!important}

.gslide-video .box-emboss .btnd.active,.gslide-video .box-emboss .btnd:active,.gslide-video .box-emboss .btnd:focus,.gslide-video .jwplayer .btnd.active,.gslide-video .jwplayer .btnd:active,.gslide-video .jwplayer .btnd:focus{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}

.gslide-video object{position:absolute;top:0;left:0}

.gslide-inline{background:#fff;padding:20px;text-align:left;max-height:62vh;overflow:auto}

.ginlined-content{overflow:auto;display:block!important;opacity:1}

.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:62vh}

.gslide-media{display:block;width:auto}

.gslide-description.left-position,.gslide-description.right-position{padding:30px;background:#fff;max-width:300px;min-width:190px}

.gslide-description .bottom-position,.gslide-description .top-position{padding:30px;background:#fff;width:100%;display:inline-block;min-width:190px}

.gslide-description.description-left,.gslide-description.description-right{max-width:100%}

.gslide-description p{margin-bottom:12px}

.gslide-description p::last-child{margin-bottom:0}

.glightbox-mobile .glightbox-container .gslide-description{background:0 0;position:absolute;bottom:15px;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}

.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}

.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}

.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}

.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}

.gdesc-open .gslide-description{padding-bottom:30px}

.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}

.greset{-webkit-transition:all .5s ease;transition:all .5s ease}

.glightbox-desc{display:none}

.glightbox-open{overflow:hidden;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}

.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}

.goverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000}

.gclose,.gnext,.gprev{background-repeat:no-repeat;z-index:99999;cursor:pointer;width:26px;height:44px;display:block;background-position:0 0}

.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}

.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}

iframe.wait-autoplay{opacity:0}

.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}

.glightbox-clean .gslide-description{background:#fff;padding:22px 20px}

.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}

.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}

.glightbox-clean .gslide-video{background:#000}

.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII=)}

.glightbox-clean .gprev{background-color:rgba(0,0,0,.08);background-position:4px 5px;position:absolute;top:-100%;left:30px;width:38px;height:56px}

.glightbox-clean .gnext{background-color:rgba(0,0,0,.08);background-position:-27px 5px;position:absolute;top:-100%;right:30px;width:38px;height:56px}

.glightbox-clean .gclose{background-color:rgba(0,0,0,.08);width:35px;height:35px;top:15px;right:10px;position:absolute;opacity:.7;background-position:-59px 2px}

.glightbox-clean .gclose:hover{opacity:1}

.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}

.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}

.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}

.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}

.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}

.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}

.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}

.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}

@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}

100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}

100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

@-webkit-keyframes gfadeIn{from{opacity:0}

to{opacity:1}

}

@keyframes gfadeIn{from{opacity:0}

to{opacity:1}

}

@-webkit-keyframes gfadeOut{from{opacity:1}

to{opacity:0}

}

@keyframes gfadeOut{from{opacity:1}

to{opacity:0}

}

@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}

to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}

}

@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}

to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}

}

@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}

}

@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}

}

@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}

to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}

}

@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}

to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}

}

@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}

}

@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}

}

@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}

to{opacity:1}

}

@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}

to{opacity:1}

}

@-webkit-keyframes gzoomOut{from{opacity:1}

50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}

to{opacity:0}

}

@keyframes gzoomOut{from{opacity:1}

50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}

to{opacity:0}

}

@media (min-width:25em){.gslide iframe,.gslide video{min-width:0}

}

@media (min-width:48em){.glightbox-container .ginner-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}

.glightbox-container .ginner-container.desc-left .gslide-description,.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}

.glightbox-container .ginner-container.desc-left .gslide-media,.glightbox-container .ginner-container.desc-top .gslide-media{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}

.gslide-image img{width:auto;width:initial;max-height:97vh}

.gslide-video{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100px;height:100%;max-height:95vh!important}

.gslide-inline{max-height:95vh}

.gslide-external{max-height:95vh}

.gslide-media{display:block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

.gslide-description.description-left,.gslide-description.description-right{max-width:275px}

.goverlay{background:rgba(0,0,0,.92)}

.glightbox-clean .ginner-container{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}

.glightbox-clean .gprev{top:45%}

.glightbox-clean .gnext{top:45%}

}

@media (min-width:62em){.glightbox-clean .gclose{right:20px}

}











.section{text-align:center}

.heading-icon{margin-right:16px}

.section ul li{ width:25%; overflow:hidden; border:6px #fff solid; float:left; box-sizing:border-box;}

.section ul li img{ width:100%;width:100%;}



.box-container{display:inline-block;margin-top:1.4em;width:100%}

.box{list-style-type:none;float:left;margin-bottom:1.8rem;margin-left:1%;margin-right:1%}

.inviewport .box{transform:translateY(140px);opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

.box.visible{transform:translateY(0);opacity:1;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.box a{display:block;width:100%;height:auto}



.three-cols .box:nth-child(3n+0){margin-right:0}

.three-cols .box:nth-child(3n+1){clear:both;margin-left:0}

.four-cols .box{width:23.1%}

.four-cols .box:nth-child(4n+0){margin-right:0}

.four-cols .box:nth-child(4n+1){clear:both;margin-left:0}

.box a img{-webkit-back-visibility:hidden;display:block;width:100%;height:auto;vertical-align:bottom;-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;transition:opacity .2s ease-in}

.box:hover img{opacity:.8;-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;transition:opacity .3s ease-in}

.options-list{width:700px;margin:0 auto;border:1px solid #ececec;border-radius:2px}

.options-list .option{overflow:hidden;border-bottom:1px solid #ececec}

.options-list .option .name{font-weight:600;display:inline-block;width:23%;float:left;text-align:left;padding:14px 17px;color:#000;font-size:.89em}

.options-list .option .value{display:inline-block;width:65%;float:left;padding:14px 17px;text-align:left;line-height:1.7em;font-size:.89em;border-left:1px solid #eee}

.options-list .option .type{color:#ed7205;font-weight:600}

.api-examples{width:700px;margin:0 auto;border:1px solid #ececec;border-radius:2px;padding-left:30px}

footer{font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;color:#666;margin:2rem 0}

footer a{color:#000}

.copyright{font-size:.8em}

@media screen and (max-width:799px){header h1{font-size:8rem}

hr{margin:2rem 0}

.button{margin-left:0;margin-right:0;width:100%}

.button{font-size:1.3rem;padding:1.4rem 2rem}

}

@media (max-width:767px){header{padding:95px 0 120px 0!important}

.wrap{width:100%;overflow:hidden;max-width:100%}

.api-examples,.options-list{width:100%}

.options-list .option .name,.options-list .option .value{width:87%}

.four-cols .box,.three-cols .box{width:45%}

.three-cols .box:nth-child(2n+0){margin-right:0}

.three-cols .box:nth-child(3n+0){margin-right:1%}

.three-cols .box:nth-child(2n+1){margin-right:1%}

.four-cols .box:nth-child(4n+1),.three-cols .box:nth-child(3n+1){clear:none;margin-left:0}

.lead{padding:0 27px;margin-bottom:0}

.logo{margin-left:16px}

header h1{font-size:6rem}

.fixed-nav ul{display:none}

.box{width:100%;margin:0;margin-bottom:15px}

.mcbutton{text-align:center}

}

@media screen and (max-width:410px){header h1{font-size:5rem}

.box{width:100%;margin-left:0;margin-right:0}

}

.CodeMirror{clear:both;text-align:left;margin-top:25px;height:auto!important}

.CodeMirror pre{font-size:15px!important;color:#3a3a3a!important}







	

.mbx{width: 100%; height:80px; line-height:80px; background:#f0f0f0;max-width:1920px; margin:0px auto;}

.mbx .p1{float: left; background: url(../images/crumbs.png) no-repeat center left; padding-left:30px; font-size:15px; }

.mbx .p1 a:after { content:"/"; color:#666; margin:0 5px;}

.mbx .p1 a:last-child:after {content:""; display:none;}

.mbx .p1 a{ color:#666;}

.mbx .p2{float: right;}

.mbx .p2 i{display: block;font-size: 18px;color: #666666;font-weight: 400; line-height:77px; float: left;text-decoration: none; font-style:normal}

.mbx .p2 i:after{ content:"|"; color:#666; margin:0 20px; }

.mbx .p2 i:last-child:after {content:""; display:none;}

.mbx .p2 i a{ display:inline-block;font-size: 18px;color: #666666; }

.mbx .p2 i a.cur{color: #c92b2f;border-bottom: 3px solid #c92b2f;}

.mbx .p2 i a:hover{color: #c92b2f;border-bottom: 3px solid #c92b2f; transition:.0s ease-out;-moz-transition:.0s ease-out;-webkit-transition:.0s ease-out;-o-transition:.0s ease-out}





	

@media (max-width:1600px){

.head .had{ padding:0 5%;}

}

@media (max-width:1401px){

.head .had{ padding:0 2%;}

.head .had span .nav ul li{ margin-left:20px;}

}



@media (max-width:1250px){

.head .had{ padding:0 2%;}

.head .had span .nav ul li{ margin-left:10px;}

}





@media (max-width:1199px){

	.sp_nav{ display:block}

	.students,.advice{ width:auto}

	.class ul li{float:left;height:auto;overflow:hidden; margin:0px; padding:0px; width:25%; box-sizing:border-box;}

	.news-list .list{ padding:0 10px;}

	.crumbs ul,.about{width:auto}

	.main,.crumbs ul{ width:auto; overflow:hidden;}

	body{ overflow-X:hidden}

.head .had span{ display:none;}

.detailed,.fy{ width:auto; padding:0 10px;}

.head .logo { width:150px;

    margin-top: 35px;

}

.head .logo img{ width:100%}

.caidan{ display:block}



.caidan{ margin:5px 5px 0 0 }



.head .had{ height:65px; padding:15px 10px 0;}

.head{ height:inherit;}

.head .logo{margin-top: 10px;}



.head .had span{ position:fixed; background:rgba(192,2,2,0.9); z-index:99; width:100%; height:100%; display:block; top:95px; right:-100%;}

.head .had span .tel{ display:none;}

.head .had span .nav ul li{ width:100%; float:none; margin:0px; border-bottom:1px #ccc solid;line-height:0.5rem; height:45px; line-height:45px;}

.head .had span .nav ul li a{  color:#fff; font-size:0.22rem; padding:0px; }

.tab ul li{ width:23%}

.news .left{ width:45%;}

.news .right{ width:50%}

.links{ display:none;}

.class ul li i {

    display: block;

    width: 87px;

    height: 87px;

    margin-right: 15px;

    float: none;      margin: 0px auto; text-align:center;

}

.class ul li{

text-align:center;}

.class ul li div{ float:none}





.mbx{width: 100%; height:auto; line-height:80px; background:#f1f1f1;max-width:1920px; margin:0px auto;}



.mbx .p1{float: none; width:auto; line-height:45px; }

.mbx .p2{float: none; width:auto; border-top:1px #ccc solid;}

.mbx .p2 i{ width:50%; text-align:center;  line-height:45px; display:block; float:left;; border-right:1px #ccc solid;  border-bottom:1px #ccc solid; box-sizing:border-box;}

.mbx .p2 i a{ display:inline-block;font-size:0.25rem;}

.mbx .p2 i:after{content:""; display:none;}





.mbx .p3 i{ width:33.33%; }

.mbx .p4 i{ width:25%;}

}



@media (max-width:1030px){

.concept ul li i{display:block; margin:0px auto;}

.concept ul li{ padding:20px 0}

.adv .swiper-pagination{ display:block;}

.adv{padding-bottom:20px}



}

@media (max-width:850px){

.concept ul li{ width:50%; margin:0px; border:5px #fff solid; height:inherit;}
.concept ul li i{ font-size:0.65rem;}
.concept ul li i span{ font-size:0.2rem;}

.about{

 		width: auto;

 		margin-top: .6rem;

 	}

 	.about .intro{ width:auto; padding:0 20px;

 		margin-top: .25rem;

 		font-size: .22rem;

 		line-height: .35rem;

 	}

 	.about .intro a{

 		font-size: .28rem;

 	}

 	.about .ad{

 		margin-top: .4rem;

 	}

 	.about .ad ul {

 		flex-wrap: wrap; display:block;

 	}

 	.about .ad ul li{

 		width: 33.33%; box-sizing:border-box;

 	

 		margin-bottom: .25rem;

 		 

 	}



 	.about .ad ul li i{

 		width: 1rem;

 		height: 1rem;

 		margin:0 auto;

 		box-sizing: border-box;

 		background: url(../images/icon03.png) no-repeat 2px;

 		background-size: 7rem auto !important;

 	}

 	.about .ad ul li p{

 		color:#333333;

 		font-size: .22rem;

 		height: .8rem;

 		text-align: center;

 		font-weight: bold;

 	}

 	.about .ad ul li:nth-child(2) i{

 		background: url(../images/icon03.png) no-repeat -1.15rem  .03rem;

 	}



 	.about .ad ul li:nth-child(3) i{

 		background: url(../images/icon03.png) no-repeat  -2.35rem .03rem;

 	}





 	.about .ad ul li:nth-child(4) i{

 		background: url(../images/icon03.png) no-repeat -3.6rem .03rem;

 	}



 	.about .ad ul li:nth-child(5) i{

 		background: url(../images/icon03.png) no-repeat -4.8rem .03rem;

 	}



 	.about .ad ul li:nth-child(6) i{

 		background: url(../images/icon03.png) no-repeat  -6rem .03rem;

 	}



.class,.class .title{ margin-top:20px;}


.pc-banner{width:100%;height:auto;overflow:hidden; display:none;}

.m-banner{width:100%;height:auto;overflow:hidden; display:block;}




}





@media (max-width:750px){

	.section ul li{ width:50%;}

	.concept ul li p{ display:none;}

	.fy div{ float:none; width:100%; margin-bottom:15px;}

	.fy .return {

    display: block;

    float: none;

    width: auto;

    text-align: center;

    text-indent: 0px;

    line-height: inherit; padding:2% 0;

    color: #fff;

    font-size: 0.2rem;

    height:inherit;

    background: #c10202 center;

}

.about .intro{ font-size:0.2rem; line-height:0.35rem;}

.fy ul li{ line-height:.35rem; height:inherit; }

.fy p {

    color: #444;

    width: auto;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-weight: 700;

    overflow: hidden;

    float: none;

   font-size:0.2rem;

}



.laoshi_lb ul li{ width:50%}



.fy {

   border-top:1px #ccc solid; padding-top:10px;

    margin: 0 auto;

    height: auto;

    overflow: hidden;

    margin-top: 10px;

    margin-bottom: 20px;

}



.detailed .tit h4{ font-size:0.3rem;}

.detailed .tit p{ margin-top:10px;}

.detailed .tit p span { display:block; font-size:0.2rem; }

.detailed .tit{ height:inherit; padding-bottom:20px;}

.news-list .list ul li{height:auto;margin-bottom:10px;padding-bottom:10px}

.news-list .list ul li .time{width:100%;float:initial}

.news-list .list ul li .time div{width:1.2rem}

.news-list .list ul li .time b{font-size:.25rem;display:block}

.news-list .list ul li .time span{font-size:.2rem;display:block;margin-top:0}

.news-list .list ul li .info{width:4rem;margin:0;margin-top:.15rem}

.news-list .list ul li .info h4{color:#555;font-size:.25rem}

.news-list .list ul li .info p{color:#888;font-size:.2rem;margin-top:.15rem}

.news-list .list ul li i{font-size:.2rem;margin-top:.2rem;display:block;float:right;padding-bottom:.3rem;background-size:.3rem auto}



	.news{ padding:20px 0; margin-top:0px;}

	.news .swiper-slide .info h4{ font-size:0.22rem;}

	.news .swiper-slide .info p{ font-size:0.18rem;}

	.footer .intro{ font-size:0.18rem; width:auto;}

	.cr{ font-size:0.18rem; line-height: 0.35rem;}

.concept,.news .title{ margin-top:20px;}

.title p{ font-size:0.36rem;}

.title span{ font-size:0.18rem;}

.concept ul li h4{ font-size:0.2rem;}

.concept ul li p{ font-size:0.2rem;}

.about .pic,.about .intro{ width:auto; float:none;}

.concept ul li i img{ width:30%}

.about .intro .info {

    height:inherit;

    display: -webkit-box;

    -webkit-line-clamp: 9;

    -webkit-box-orient: vertical;

    overflow: hidden;

    overflow: hidden;

    font-size: 0.2rem;

    line-height: .35rem;

    padding: 0 30px;

    color: #666;

    text-indent: 2em;

}

.adv .swiper-slide h4{ font-size:0.22rem;}



.about .intro a{     display: block;
    width: 180px;
    height: 50px;
    background: #c10202;
    text-align: center;
    line-height: 50px;
    color: #fff;
    margin: 20px auto; text-indent:0em;
    margin-top: 40px;
    border-radius: 10px;
    font-size: 15px;
	 



	}

	.tab ul li{height:inherit;line-height:inherit;background:#fff; padding:2% 0; margin-bottom:5px}

	.tab ul li a{ font-size:0.22rem;}

	.pic_cont ul li{ width:50%}

	.tabta ul li{background:#f1f1f1;}

	.news .left{ width:auto; float:none}

.news .right{ width:auto; float:none; padding:0 10px;}

.news .swiper-slide img{ height:100%}

.news .right .on h4{ font-size:0.22rem;}

.news .right .on p{ font-size:0.2rem; line-height:0.35rem;}

.news .right .on span{ font-size:0.18rem;}

	

	

	.gengduo{ width:220px; height:inherit; line-height:inherit; border-radius:6px; text-align:center; background:#c10202; margin:20px auto; padding:2% 0;}

.gengduo a{color:#fff; font-size:0.22rem; }

.gengduo:hover{ background:#c10202}

.sild{ bottom:10%}

.buttom{display:block}

.footer{ padding-bottom:1.2rem}

.intro { padding:0 10px; font-size:0.2rem;}





.adv,.students,.teacher,.advice{margin-top:20px; padding-bottom:20px}

.class ul li div p{ font-size:0.22rem;}

.laoshi ul li,.xueyuan_mx ul li{ width:50%}







}

@media (max-width:600px){

.caidan{ width:40px ; margin:5px 5px 0 0 }

.caidan img{ width:100%  }





.head .had span{ top:1rem}

.adv .swiper-slide p{ font-size:0.2rem;}

.xueyuan ul li,.laoshi ul li{ width:220px;}





.class ul li:nth-child(1) i{background:url(../images/icon04.png) no-repeat 32px bottom;  background-size: 10rem;}

.class ul li:nth-child(2) i{background:url(../images/icon04.png) no-repeat -2.8rem bottom;  background-size: 10rem}

.class ul li:nth-child(3) i{background:url(../images/icon04.png) no-repeat -6rem bottom;  background-size: 10rem}

.class ul li:nth-child(4) i{background:url(../images/icon04.png) no-repeat -9rem bottom;  background-size: 10rem}

.xueyuan ul li .info{ bottom:-40px;}

.xueyuan_mx ul li .info{ bottom:-47px; padding: 20px 10px; }

}







@media (max-width:420px){

.concept ul li{ height:auto; padding-bottom:15px;}







}