﻿@charset "UTF-8";
*{margin:0;padding:0; box-sizing: border-box; line-height: 1;}
body{ font-family:"微软雅黑";-webkit-tap-highlight-color:transparent;outline:0; text-transform: capitalize;}
html,body{ width:100%; max-width:640px;margin:0 auto;overflow-x:hidden;overflow-y:auto;zoom:1;line-height:100%;position:relative;}
/*假设UI设计稿的宽度是640px，html的font-size想要设置为20px，设以rem为单位font-size大小为x 。得出100 vw / x = 640 / 20 ，则x = 100 vw / 32 ,具体情况就按照UI的设计图计算一下。*/
html,body {font-size:calc(100vw / 32);}
@media screen and (min-width: 640px){
	html{
		font-size:20px;
	}
}
@font-face{font-family:'iconfont';src:url('/font/iconfont.eot');src:url('/font/iconfont.eot#iefix') format('embedded-opentype'),url('/font/iconfont.ttf') format('truetype'),url('/font/iconfont.svg#iconfont') format('svg');}
@font-face{font-family:"iconfont";src:url("/font/iconfont-full.ttf") format("truetype")}

#jesong_chat_layout * {line-height:1.75 !important;}
.jesong-service-bubble .jesong-service-session-con{line-height:1.75 !important;}
img{ max-width: 100%; height: auto; border: 0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
fieldset,img{border:0}
li{list-style:none}
ins{text-decoration:none}
del{text-decoration:line-through}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}
button{-webkit-appearance:none;border:0;background:0}
a{-webkit-touch-callout:none;text-decoration:none}
:focus{outline:0;-webkit-tap-highlight-color:transparent}
em,i{font-style:normal}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.ui-icon,[class^="ui-icon-"]{font-family:"iconfont"!important;font-size:32px;line-height:44px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;display:block;color:rgba(0,0,0,0.5)}
.ui-icon-close:before{content:""}
.ui-icon-search:before{content:""}
.ui-icon-return:before{content:""}
.ui-icon-close,.ui-icon-search{color:#8e8e93}

a{color:#000}
em{color:#ff8444}
h1{font-size:18px}
h2{font-size:17px}
h3,h4{font-size:16px}
h5,.ui-txt-sub{font-size:14px}
h6,.ui-txt-tips{font-size:12px}
.omqw{min-width:320px;max-width:640px;margin:0 auto}

.m-bbj{background:#7d4623}
.m-bj{background:#FFF;}
.zpbt{text-align:center;font-size:14px}
.m-10{margin:10px}
.m-5{margin:5px}
.m-2{margin:2px}
.m-b75{margin-bottom:75px}
.p-5{margin:5px}
#dh{display:block;position:absolute;right:5px;top:0;background:url("../img/fl-icon.jpg") center no-repeat;height:44px;width:31px;}


.ui-nav{padding-top:6px}
.ui-nav span{font-size:12px;color:#FFF}
.ui-nav .i-lw{background:url("/newm/img/nav/csssprite.png");height:25px;width:32px;display:block;line-height:24px;margin:0 auto;background-position:0 0}
.ui-nav .i-tel{background:url("/newm/img/nav/csssprite.png");height:25px;width:32px;display:block;line-height:24px;margin:0 auto;background-position:-28px 0}
.ui-nav .i-swt{background:url("/newm/img/nav/csssprite.png");height:25px;width:32px;display:block;line-height:24px;margin:0 auto;background-position:-60px 0}
.ui-nav .i-bm{background:url("/newm/img/nav/csssprite.png");height:25px;width:32px;display:block;line-height:24px;margin:0 auto;background-position:-92px 0}
.yaoyiyao{ position:fixed;left:0;bottom:50px;width:95px }
.tel_24{width:160px;height:45px;background:url(/images/tel_24.png) left center no-repeat;text-indent:40px;line-height:45px;color:#FFF;font-family:"微软雅黑";font-size:16px;font-weight:bold;}

.icon42{font-size:42px;}

.dh_list{color:#9fa1a1;font-size:14px;}
.c-icon-1{color:#66c2fd;}
.c-icon-2{color:#f76c90;}
.c-icon-3{color:#f18d00;}
.c-icon-4{color:#68bc16;}
.c-icon-5{color:#fff000;}
.x-ftc1{color:#fff;}
.x-ftc1 a{color:#FFF;}
.x-ft12{font-size:12px;}
.x-container{margin:15px auto;padding:0 10px;font-family:"微软雅黑";background:#FFF;}
.x-bmbt{border-left:solid 10px #323232;padding-left:20px;color:#323232;font-size:24px;}
.x-bmbt .fbt{font-family:Arial,Helvetica,sans-serif;font-size:14px;}
.x-bm{padding:30px 0 20px 0;text-align:center;}
.x-bm button{font-size:18px;height:44px;line-height:44px;width:50%;border-radius:10px;color:#fff;letter-spacing:5px;cursor:pointer;background:#323232;}
.padb80{padding-bottom:80px;text-align:center;font-size:12px;margin-top:20px;}
.padb80 img{width:60px;height:60px;}


.padb20{padding-bottom:20px;text-align:center;font-size:12px;}
.padb20 img{width:60px;height:60px;}



/*新名师风采2020-8-12*/
.new_msfc{width:100%;height:auto;margin:0 auto;}
.new_msfc img{max-width:100%;height:auto;border:0;}
.new_msfc .t_ms{height:auto;margin:0 auto;text-align:center;margin-top:1rem;}
.new_msfc .t_ms2{height:auto;margin:0 auto;text-align:center;margin-top:1rem;}
.new_msfc .t_ms3{height:auto;margin:0 auto;text-align:center;margin-top:1rem;}
.new_msfc .t_ms img{max-width:100%;height:auto;border:0;}
.new_msfc .ms_lb{width:90%;margin:0 auto;padding-bottom:5px;overflow:hidden;margin-top:1rem;}
.new_msfc .ms_lb .lunbo1{width:100%;height:auto;margin:0 auto;}
.new_msfc .ms_lb .lunbo1 li{width:45%;height:auto;float:left; margin-top:1rem;}
.new_msfc .ms_lb .lunbo1 li:nth-child(1){margin-top:0px;}
.new_msfc .ms_lb .lunbo1 li:nth-child(2){margin-top:0px;}
.new_msfc .ms_lb .lunbo1 li:nth-child(3n+2){float:right;}
.ms-zx{ position: absolute; width: 40%; height: 1.8rem; left: 48%; bottom: 2.5rem;}
.ms-zx-l{ width: 48%; height: 1.8rem; line-height: 1.8rem; text-align: center; font-size: 1rem; float: left; background: #f6ad3c; border-radius: 0.4rem;}
.ms-zx-l a{ color: #fff;}
.ms-zx-r{ width: 48%; height: 1.8rem; line-height: 1.7rem; text-align: center; font-size: 1rem; float: right; border: 1px ; border: 1px solid #222928; border-radius: 0.4rem;}
/*新活力校园*/
.hlxy{width:100%;height:auto;margin:0 auto; box-sizing: border-box;}
.hlxy img{max-width:100%;height:auto;border:0;vertical-align:bottom;}
.hlxy .part{ padding-top: 30px;}
.hlxy .t_en{ text-align: center; color: #4f4f4f; font-size: 24px; line-height: 100%; text-transform: uppercase; font-weight: bold;}
.hlxy .t_cn{ text-align: center; color: #f2940f; font-size: 24px; line-height: 100%; padding-top: 10px; font-weight: bold;}
.hlxy .part .zx{ width: 94%; height: auto; text-align: center; margin: 0 auto; margin-top: 30px; font-size: 16px; line-height: 100%; padding: 10px 0; border: 2px solid #f2940f; box-sizing: border-box;}
.hlxy .part .zx a{ color: #f2940f;}
.hlxy .p1{ box-sizing: border-box; margin-top: 20px;}
.hlxy .p1 .top{ width: 94%; margin: 0 auto; padding: 15px 20px; background: #f2940f; color: #fff; box-sizing: border-box; }
.hlxy .p1 .top .cn{ font-size: 18px; line-height: 175%;}
.hlxy .p1 .top .en{ font-size: 17px; line-height: 125%; font-family: "黑体"; padding-top: 10px;}
.hlxy .p1 .bottom{ width: 94%;  margin: 0 auto; text-align: center; }
.hlxy .p-img{ width: 94%; margin: 0 auto; margin-top: 20px;}
.hlxy .p-3{ width: 94%;  margin: 0 auto; position: relative; background: #f2940f; margin-top: 90px; }
.hlxy .p-3 .right{ width: 50%; float: right; padding-right: 15px; height: 310px; overflow: scroll; OVERFLOW-Y: auto; overflow-x: hidden; box-sizing: border-box; }
.hlxy .p-3 .right p{ color: #fff; line-height: 175%; margin-top: 15px; font-size: 16px;}
.hlxy .p-3 .p3-img{ position: absolute; width: 40%; left: 5%; bottom: 20px;}
.hlxy .mt10{  width: 94%; margin: 0 auto; margin-top: 10px; }
.hlxy .mt10 li{ width: 32%; height: auto; float: left; margin-left: 2%;}
.hlxy .mt10 li:first-child{ margin-left: 0;}
.hlxy .p4{ box-sizing: border-box; margin-top: 20px;}
.hlxy .p4 .top{ width: 94%; margin: 0 auto;  font-size: 18px; line-height: 175%;  padding: 20px 0 20px 40px; color: #fff; background: #f2940f;}
.hlxy .p4 .bottom{ width: 90%;  margin: 0 auto; text-align: center; }
@media (max-width:600px){
    .hlxy .p-3{ margin-top: 50px; }
    .hlxy .p-3 .right{ height: 280px;}
}
@media (max-width:480px){
    .hlxy .t_en{ font-size: 20px; }
    .hlxy .t_cn{ font-size: 20px;}
    .hlxy .p1 .top .cn{  font-size: 16px; }
    .hlxy .p1 .top .en{  font-size: 15px;}
    .hlxy .p-3{ margin-top: 50px; }
    .hlxy .p-3 .right{ height: 240px;}
    .hlxy .p4 .top{ font-size: 16px;}
}
@media (max-width:421px){
    .hlxy .t_en{ font-size: 18px; }
    .hlxy .t_cn{ font-size: 18px;}
    .hlxy .p1 .top .cn{  font-size: 15px; }
    .hlxy .p1 .top .en{  font-size: 14px;}
    .hlxy .part .zx{ font-size: 15px; padding: 6px 0;}
    .hlxy .p-3{ margin-top: 40px; }
    .hlxy .p-3 .right{ height: 205px;}
    .hlxy .p-3 .p3-img{ bottom: 10px;}
    .hlxy .p4 .top{ font-size: 14px;}
}
@media (max-width:376px){
    .hlxy .t_en{ font-size: 16px; }
    .hlxy .t_cn{ font-size: 16px;}
    .hlxy .part .zx{ font-size: 14px;}
    .hlxy .p-3 .right{ height: 180px;}
}
@media (max-width:321px){
    .hlxy .t_en{ font-size: 14px; }
    .hlxy .t_cn{ font-size: 14px;}
    .hlxy .p1 .top .cn{  font-size: 14px; }
    .hlxy .p1 .top .en{  font-size: 12px;}
    .hlxy .p-3 .right{ height: 150px;}
}


.ncjy{ width: 100%; height: auto;}
.ncjy li{ width: 49%; margin-left: 2%; float: left; margin-top: 1%;}
.ncjy li:nth-child(2n+1){ margin-left: 0;}

/*新联系我们*/
.lxwm{width:100%;height:auto;margin:0 auto;max-width:640px;min-width:320px;}
.lxwm .banner{width:100%;height:auto;margin:0 auto;}
.lxwm img{max-width:100%;height:auto;border:0;}
.lxwm .nav{width:100%;height:auto;margin:0 auto;font-size:16px;line-height:225%;color:#cd9e7f;text-indent:3%;border-bottom:2px solid #eaeaea;margin-bottom:20px;}
.lxwm .zhuanche{width:100%;height:auto;margin:0 auto;padding-bottom:20px;border-bottom:2px solid #eaeaea;}
.lxwm .zhuanche .ipt{width:80%;height:auto;border:1px solid #eaeaea;font-size:14px;padding:3% 0;margin-top:20px;margin-left:20px;}
.lxwm .zhuanche .ipt input{width:100%;height:100%;border:0;background:#fff;color:#000;text-indent:20px;}
.lxwm .zhuanche .ipt input::-webkit-input-placeholder{color:#b8c0c2;opacity:1;text-indent:20px;}
.lxwm .zhuanche .ipt input:-ms-input-placeholde{color:#b8c0c2;opacity:1;text-indent:20px;}
.lxwm .zhuanche .sub{width:150px;height:40px;margin:5% 0 0 20px;line-height:40px;background:#be9e7f;color:#fff;text-align:center;font-size:14px;}
.lxwm .luxian{width: 92%; margin: 0 auto;}
.luxian .l-img{width: 62px; height: 62px; float: left;}
.luxian .r-n{width: 240px; height: 62px; float: left; text-indent: 15px; line-height: 62px; font-size: 22px; color: #be9e7f;}
.luxian .r-n span{color: #000;}
.luxian .detail{width: 87%; margin-left: 13%; font-size: 20px; line-height: 200%; padding-bottom: 20px;}
.tt1 .tt2{width: 87%; margin-left: 13%; font-size: 20px; line-height: 200%; padding-bottom: 20px; color: #be9e7f;}
@media (max-width:420px){.luxian .l-img{width: 48px; height: 48px; ;} .luxian .r-n{width: 240px; height: 48px; text-indent: 14px; line-height: 48px; font-size: 20px; color: #be9e7f;} .luxian .detail{width: 84%; margin-left: 16%; font-size: 18px; padding-bottom: 16px;} .tt1 .tt2{width: 84%; margin-left: 16%; font-size: 18px; padding-bottom: 16px;}}
@media (max-width:380px){.luxian .l-img{width: 36px; height: 36px;} .luxian .r-n{width: 240px; height: 36px; text-indent: 12px; line-height: 36px; font-size: 18px; color: #be9e7f;} .luxian .detail{width: 86%; margin-left: 14%; font-size: 16px; padding-bottom: 14px;} .tt1 .tt2{width: 86%; margin-left: 14%; font-size: 16px; padding-bottom: 14px;}}
@media (max-width:321px){.luxian .l-img{width: 28px; height: 28px;} .luxian .r-n{width: 240px; height: 28px; text-indent: 10px; line-height: 28px; font-size: 16px; color: #be9e7f;} .luxian .detail{width: 87%; margin-left: 13%; font-size: 14px; padding-bottom: 12px;} .tt1 .tt2{width: 87%; margin-left: 13%; font-size: 14px; padding-bottom: 12px;}}

.wz{ width: 44%; height: auto; margin: 0 auto; padding-top: 1rem; }
.xq{ width: 84%;  background: #eeeeee; margin: 0 auto; margin-top: 1rem; height: 8.5rem;}
.xq-l{ width: 31%; height: 8.5rem; float: left; text-align: center;}
.xq-l img{ width:5.5rem; height: auto; margin-top: 2rem; }
.xq-r{ width: 68%; height: 8.5rem; float: right; padding: 1rem 0;}
.xq-t{ font-size: 1.2rem; color: #000000; font-weight: bold; line-height: 1;}
.xq-dz{ font-size: 0.9rem; color: #000; line-height: 1.5; margin-top: 0.5rem;}
.xq-a{ width: 9rem; height: 1.5rem; background: #c39950; border-radius: 0.75rem; text-align: center; font-size: 0.8rem; color: #fff; margin-top: 0.5rem; line-height: 1.5rem;}
.xq-a a{ color: #fff;}
.fffcee{ background: #fffcee;}
/*新联系我们*/

/*商务通弹窗一*/
.omqcenterbox{width:275px;height:261px;background-color:#fff;position:fixed;left:50%;top:50%;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;margin-left:-137.5px;margin-top:-130.5px;box-shadow:0 0 20px rgba(10,2,4,.75);-webkit-box-shadow:0 0 20px rgba(10,2,4,.75);-moz-box-shadow:0 0 20px rgba(10,2,4,.75);-ms-box-shadow:0 0 20px rgba(10,2,4,.75);z-index:11111;transition:linear .5s; display: none;}
.omqcenterbox-close{position:absolute;top:-14px;right:-14px;cursor:pointer;}
.omqcenterbox .omqcenter-title{display:block;width:100%;text-align:center;font-size:22px;font-weight:400;line-height:1.5;font-family:"Microsoft YaHei";margin-top:28px;}
.omqcenterbox .omqcenter-ftitle{display:block;width:100%;text-align:center;font-size:16px;font-weight:200;color:#F00;}
.omqcenterbox .omqcenter-telval{width:227px;height:30px;border:1px solid #6a7380;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;margin:20px auto 8px}
.omqcenterbox .omq-telval{width:150px;height:30px;line-height:30px;background-color:#FFF;font-size:14px;color:#6a7380;-moz-border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px;padding-left:13px;float:left;outline:0;border:0;}
.omqcenterbox .omq-telbtn{width:74px;height:30px;line-height:30px;color:#fff;background-color:#6a7380;font-size:12px;text-align:center;text-decoration:none;-moz-border-radius:0 14px 14px 0;-webkit-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;float:left;border:0;cursor:pointer;}
.omqcenterbox .omq-innerc{width:228px;margin:0 auto;font-size:12px;line-height:1.4}
.omqcenterbox .omqcenter-chat{position:absolute;width:100%;bottom:0;left:0;height:58px;line-height:58px;border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px}
.omqcenter-swt,.omqcenter-tel{display:block;position:relative;width:50%;height:58px;float:left}
.omqcenter-tel{background-color:#f18d00;border-radius:0 0 0 15px;-webkit-border-radius:0 0 0 15px;-moz-border-radius:0 0 0 15px}
.omqcenter-swt{background-color:#323232;border-radius:0 0 15px 0;-webkit-border-radius:0 0 15px 0;-moz-border-radius:0 0 15px 0}
.omqcenter-tel em,.omqcenter-tel i{display:block;position:absolute;left:50%;color:#fff;font-style:normal;text-decoration:none}
.omq-telpic{top:50%;margin-left:-50px;margin-top:-29px;width:27px;height:27px;font-size:24px}
.omqcenter-tel em{height:100%;top:0;margin-left:-16px;font-size:16px}
.omqcenter-chata,.omqcenter-chatb,.omqcenter-swt em,.omqcenter-swt i{display:block;position:absolute;left:50%;color:#fff;font-style:normal;text-decoration:none;font-size:16px;}
.omqcenter-chata{margin-left:-55px;}
.omqcenter-chatb{margin-left:-15px;}
.omqcenter-nub{top:15px;width:14px;height:14px;margin-left:-34px;line-height:13px;text-align:center;font-size:9px;background-color:#e60012;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px;-moz-box-shadow:0 0 3px rgba(0,0,0,.8);-webkit-box-shadow:0 0 3px rgba(0,0,0,.8);box-shadow:0 0 3px rgba(0,0,0,.8);z-index:3;font-style:normal}
.omqcenter-chata{top:50%;margin-left:-50px;width:27px;height:24px;margin-top:-24px;font-size:24px;}
/*商务通弹窗一*/
/*15个月弹窗*/ 
.tc .top{width: 100%; height:196px; position: relative; border-radius:15px 15px 0 0; overflow: hidden;}
.tc .top .xf{width: 137px; height: 49px; position: absolute; bottom: 10px; left: 50%; margin-left: -59px;}
.tc .bottom{width: 100%; height: 59px;}
.tc .bottom .tel{display:block; position:relative; width:50%; height:59px; float:left; background: #f18d00; display: block; border-radius:0 0 0 15px;}
.tc .bottom .tel .tel-pic{top:50%; margin-left:-50px; margin-top:-16px; width:27px; height:27px; font-size:24px; display:block; position:absolute; left:50%; color:#fff;font-style:normal; text-decoration:none;}
.tel em{display:block; position:absolute; left:50%; color:#fff; font-style:normal; text-decoration:none; height:100%; top:50%; margin-top:-12px; margin-left:-16px; font-size:16px;}
.tc .bottom .swt{display:block; position:relative; width:50%; height:59px; float:left; background: #323232; display: block; border-radius:0 0 15px 0;}
.tc .bottom .swt i{top:50%; margin-left:-50px; margin-top:-15px; display:block; position:absolute; left:50%; color:#fff;font-style:normal; text-decoration:none;}
.tc .bottom .swt em{display:block; position:absolute; left:50%; color:#fff; font-style:normal; text-decoration:none; height:100%; top:50%; margin-top:-12px; margin-left:-16px; font-size:16px;}
.tc .close{position:absolute; top:-16px; right:-15px; cursor:pointer; width: 36px; height: 36px;}
.tc img{max-width: 100%; height: auto;}
/*15个月弹窗*/
.index_swt{background: #323232;font-size: 16px;text-align: center;border-radius: 10px;height: 30px;display: block;width: 210px;letter-spacing: 2px;line-height: 30px;margin: 0 auto;}
.index_swt a{color: #fff;}
.swiper-containerzy{margin:0 auto;position:relative;overflow:hidden;z-index:1;margin-top:10px;}
/*新导航弹出层*/
#top_nav{width: 100%; position: fixed; top: 0; bottom: 0; background: #060606; z-index: 9999999999999; left: 0; right: 0; display: none;}
#top_nav .nav_logo{width: 15%; margin: 0 auto; height: auto; padding: 10px 0; text-align: center; max-width: 80px; min-width: 60px;}
#top_nav img{max-width: 100%; height: auto; border: 0;}
#top_nav .nav_close{position: absolute; left: 20px; top: 15px; width: 18px; height: 18px;}
#top_nav .list{width: 100%; height: auto; margin: 0 auto;}
#top_nav .list li{width: 100%; height: auto; margin: 0 auto; padding: 10px 0; font-size: 16px; border-bottom: 1px solid #363636; text-indent: 20px;}
#top_nav .list li a{color: #fff;}
#top_nav .list li:last-child{text-align: center; text-indent: 0;}

/*文章列表页2020-6-28*/
.list_nr{width:96%; height:auto; margin:10px auto; border-radius:5px; background:#FFF;}
.list_nr .list_nr_cn{width:94%; height:auto; margin:10px auto;}
.list_nr .list_nr_cn h1{width:100%; height:auto; font-size:16px; color:#000; font-family:"微软雅黑"; line-height:200%; padding-top:10px; font-weight:bold;}
.list_time{width:100%; font-size:12px; color:#c8c8c8; line-height:150%;}
.list_img{width:100%; height:auto; margin:10px auto;}
.list_img img{max-width:100%; height:auto; border:0;}
.list_info{width:100%; height:auto; font-size:14px; color:#808080; line-height:150%; padding-bottom:10px; border-bottom:1px solid #f0f0f0;}
.list_info a{color:#808080;}
.list_read{width:100%; height:auto; font-size:14px; color:#000; line-height:200%; font-weight:bold; padding:5px 0; position:relative;}
.rgt{ position:absolute; width:50px; height:20px; right:0; top:50%; margin-top:-10px; color:#cacacc; line-height:20px;}
.rgt a{color:#cacacc;}
.dede_pages{text-align:center;  padding:0.5rem 0 1rem; }
.dede_pages ul li{display:inline-block; font-family:Tahoma; height: 100%; padding: 0.3rem 0; line-height:1.3rem; margin-right:0.3rem; border:1px solid #999; font-size: 1rem;}
.dede_pages ul li a{padding:2px 4px 2px; color:#555; display:block;}
.dede_pages ul li a:hover{color:#690; text-decoration:none; padding:2px 4px 2px;}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F68B3D; padding:2px 4px 2px; font-weight:bold; color:#FFF;}
.dede_pages .pageinfo{line-height:21px; padding:12px 10px 12px 16px; color:#999;}
.dede_pages .pageinfo strong{color:#555; font-weight:normal; margin:0px 2px;}
/*文章列表页*/
/*新文章详情页*/
.news .banner{width: 100%; height: auto; margin: 0 auto;}
.news .banner img{max-width: 100%; height: auto; border: 0;}
.news .nr{height: auto; padding: 20px 5px; border-bottom: 1px solid #cdcdcd;}
.news .nr .title{width: 100%; height: auto; border-bottom: 1px solid #cdcdcd; padding-bottom: 10px;}
.news .nr .title h1{font-size: 1.2rem; padding-bottom: 5px; line-height: 2;}
.news .nr .title p{font-size: 14px; text-align: center; color: #8e9399;}
.news .nr .title p span{padding-left: 15px;}
.news .nr .zhengwen{ width: 100%; height: auto; padding: 10px 0; font-size: 14px; line-height: 2;}
.news .nr .zhengwen p{line-height: 2; letter-spacing: 1px;}
.news .nr .zhengwen span{line-height: 2; letter-spacing: 1px;}
.news .nr .zhengwen img{max-width: 100%; height: auto; border: 0; vertical-align: bottom;}
.news .related{margin: 0 auto; padding: 0 15px;}
.news .related .title{font-size: 18px; text-align: center; font-weight: bold; padding: 3% 0; letter-spacing: 2px;}
.news .related ul{width: 100%; height: auto; margin: 0 auto;}
.news .related ul li{width: 100%; height: 80px; border-bottom: 1px solid #e3e3e3; padding: 10px 0;}
.news .related ul li .ll{width: 70%; height: 100%; float: left; position: relative;}
.news .related ul li .ll a{color: #262a35;}
.news .related ul li .ll p{font-size: 16px; font-weight: bold; line-height: 150%;}
.news .related ul li .ll .click{position: absolute; color: #83888c; font-size: 12px; bottom: 0; left: 0;}
.news .related ul li .rr{width: 120px; height:100%; float: right;}
.news .related ul li .rr img{width: 100%; height:100%; border: 0;}
@media (max-width:580px){.news .related ul li{height: 70px;} .news .related ul li .rr{width: 100px;} .news .related ul li .ll p{font-size: 16px;}}
@media (max-width:480px){.news .related ul li{height: 65px;} .news .related ul li .rr{width: 90px;} .news .related ul li .ll p{font-size: 15px;}}
@media (max-width:400px){.news .related ul li .ll{width: 66%;} .news .related ul li{height: 60px;} .news .related ul li .rr{width: 90px;} .news .related ul li .ll p{font-size: 14px;}}
.shipin{ width: 94%; height: auto; margin: 0 auto; margin-top: 20px; text-align: center;}
.shipin video{ max-width: 100%; height: auto;}
/*新文章详情页*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}


/*学费计算器*/
.fix-xfjs{ width: 4.5rem; height: 4.5rem; position: fixed; right:0; top: 60%; z-index: 999;}
.fix-xfjs img{ width: 100%; height: auto;}
.hztanchuang1bg{ background: rgba(0,0,0,0.66);width: 100%;height: 100%;position:fixed;top:0;left: 0;z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; display: none;}
.hztanchuang1bg.on {
    display: flex;
}
.mk-call{display: none; width: 30px; height: 150px; position: fixed; right:0; top: 50%; background: #e70c0c; text-align: center; font-size: 15px; color: #fff; border-radius: 5px; box-sizing: border-box; line-height: 125%; padding-top: 10px; z-index: 9999998;}
.jz_tc{ position: fixed; width:300px; left:50%; margin-left: -150px; z-index: 99999999999; top: 50%; margin-top: -220px;transition: all .3s;  background: #fff; display: none;}
.tac{text-align: center;}
.jz_tc_close{position: absolute;right: -11px;top: -15px;z-index: 2;}
.jz_tc .jz_box{position: absolute;top: 0px;width: 100%; background: #fff; padding-bottom: 15px; box-shadow: 9px 9px 25px #969696;-moz-box-shadow: 9px 9px 25px #969696;border-radius: 15px;}
.jz_tc .jz_banner{width: 100%;}
.jz_box_input{ padding: 0 10px 0 14px;}
.jz_tc .jz_label{width: 64px;height: 25px;float: left;line-height: 25px;text-align: center;border:solid 1px #333;border-radius: 10px;margin:0px 4px 6px 0px;font-size:12px; box-sizing: border-box;}
.jz_tc  input[type='radio']{display: none}
.jz_tc .jz_box_t{margin-left: 14px;font-size: 14px;font-weight: 700; line-height: 2;}
.jz_tc .jz_label_c{background: #383838;color: #fff}
.jz_tc .jz_tel{ display: block; width: 90%; height: 30px; line-height: 30px;  border-radius: 8px; border:solid 1px #333; background: rgba(0,0,0,0); padding:0px 4%; margin: 0 auto; margin-top: 8px; font-size: 14px;}
.jz_submit {width: 90%; line-height: 30px; height: 30px; margin:0 auto; border-radius: 8px;background: #ff0000;color: #fff;border:none;letter-spacing: 3px;font-size: 18px;-webkit-appearance: none;  font-weight: bold;}
.jz_bg{ width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.6);top: 0px;left:0px;transform: scale(0);z-index: 103;}
.jz_box_input input{-webkit-appearance: none;}
.jz_box_input input[type='checkbox']{display: none!important}
.jz_tc .clear{clear: both;}

/*2019-6-20 index*/
@font-face {
    font-family: 'TheFlowerCity';
    src: url('/font/TheFlowerCity.ttf');
}
*{ box-sizing: border-box;}
.bottom_55{border-bottom:55px solid transparent;}
.header{ width: 100%; display: flex;  justify-content: space-between; align-items:center;  padding: 3% 3%; }
.header img{ max-width: 100%; height: auto; border: 0;}
.header a{ display: block;}
.nav-t{ width: 1.8rem; }
.tel{ width: 1.8rem;}
.logo{ width: 20rem;}

.index{ width: 100%;}
.index img{ display: block; max-width: 100%; height: auto; border: 0; }


.idh{ background:#FFF; text-align: center;}
.idh img{ height: 2.75rem; width: auto; margin: 0 auto;}
.nav{ width:100%; height:auto; margin:0 auto;}
.nav li{ float:left; width:20%; height:auto; text-align:center; margin-top:1.5rem; }
.nav li a{ color: #222928;}
.dh_index{ margin-top:1rem; font-size: 1.15rem; line-height:100%;}
.gonggao{ width: 100%; height: 2.5rem; background: #f6ad3c; margin-top: 2rem; padding-top: 0.5rem;}
.fuli{ width: 70%; height: 1.5rem; margin: 0 auto;  background: #fff; display: flex; justify-content: center; align-items: center; border-radius:  0.5rem;}
.fuli-img{ width: 0.9rem;}
#lb2{ height: 1.5rem; line-height: 1.5rem; margin: 0; margin-left: 0.2rem;}
#lb2 .swiper-slide{ font-size: 0.9rem; color: #333; height: 1.5rem; line-height: 1.5rem; border: 0;}
.ntitle{ width: 100%; height: auto; padding: 0.7rem 0;}
.t-t{ text-align: center; font-size: 1.6rem; font-weight: bold; color: #222928; line-height: 1; letter-spacing: 2px;}
.t-line{ width: 5.5rem; height: 3px; background: #f6ad3c; margin: 0 auto; margin-top: 0.4rem;}
.t-TheFlowerCity{ font-family: "TheFlowerCity"; font-size: 2rem; text-align: center;  color: #f6ad3c;  line-height: 1; margin-top: -0.2rem;}
.index .t-cn{ text-align: center; font-size: 1.2rem; color: #595757; line-height: 1; margin-top: 0.35rem;}
.index .t-en{ text-align: center; font-size: 0.7rem; line-height: 1; color: #222928; margin-top: 0.35rem;}

/*首页课程2020-6-11改*/
.kc{ width: 100%; height: auto; background: #efefef; margin-top: 0.5rem; padding: 1rem; }
.kc-tab{ width: 100%;}
.kc-tab li{ width: 25%; float: left;}
.kc-tab li img{ height: 3rem; width:auto; margin: 0 auto; vertical-align: center; }
.kc-tab-img{ height: 3rem; width:auto; margin: 0 auto; vertical-align: center; }
.img-none{ height: 3rem; width:auto; margin: 0 auto; vertical-align: center; display: none;}
.kc-zy{ width: 100%; height: 1.9rem; line-height: 1.9rem; text-align: center; font-size: 1.15rem; color: #222928; margin-top: 0.75rem;}
.kc-tab li.on .kc-tab-img{ display: none;}
.kc-tab li.on .img-none{ display: block;}
.kc-tab li.on .kc-zy{ background: #f6ad3c; color: #fff;}
.kc-tab-b{ width: 100%; margin: 0 auto; margin-top: 0.5rem; }
.kc-tab-b li{ display: none;}
.kc-tab-b li.on{ display: block; }

.kc-info{ display: block; width: 100%; height: auto; position: relative;}
.kc-hot{ width: 3.7rem; height: auto; position: absolute; right: 0; bottom: 8rem; z-index: 3;}
.kc-ms{ width: 100%; height: 7.5rem; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.8); padding: 0.5rem 1rem; overflow: hidden; z-index: 2;}
.kc-ms-t{ display: flex; justify-content: space-between; align-items:flex-end; border-bottom: 1px solid #3388ff;  padding-bottom: 0.25rem; overflow: hidden;}
.kc-ms-name{ font-size: 1.1rem; width: 48%; color: #3388ff; font-family: "黑体"; font-weight: bold; line-height: 1; overflow-y: auto;}
.kc-ms-ks{ font-size: 0.7rem; width: 52%; color: #3388ff; text-align: right; font-weight: bold; line-height: 1; font-family: "黑体"; }
.kc-ms-ks span{ font-size: 1rem;}
.kc-ms-p{ width: 100%; height: auto; margin-top: 0.25rem; text-indent: 1.2rem; font-size: 0.85rem; line-height: 1.5; font-family: "黑体"; color: #313131; overflow-y: auto;}
.kc-tab-b .swiper-pagination-bullet-active{ background: #3388ff }
.kc-tab-b .swiper-pagination-bullets{ bottom:0.6rem; }
.kc-tab-b .swiper-pagination-bullet{ width: 0.5rem; height: 0.5rem; background: #000;}
@media (max-width:360px){
    .kc-ms{ height: 8rem;}
    .kc-ms-name{ width: 46%;}
    .kc-ms-ks{ width: 54%;}
}
@media (max-width:320px){
    .kc-ms{ height: 8.5rem;}
}
.kc-zx{ width: 15.3rem; height: 1.8rem; margin: 0 auto; margin-top: 0.75rem; background: #3388ff; line-height: 1.8rem; text-align: center; font-size: 1rem; border-radius: 1.5rem;}
.kc-zx a{ color: #fff;}
/*首页课程*/

/*体验课程表单*/
.ty{ width: 100%; height: auto; padding: 1rem 0;  background: #f6ad3c;}
.ty-bd{ width: 92%; margin: 0 auto; background: #fff;  padding: 1.5rem 1.4rem; border-radius: 1rem;}
.ty-bd-t{ display: flex; justify-content: flex-start; align-items:center; }
.ty-bd-t .line{ width: 0.3rem; height: 1.8rem; background: #3388ff; }
.ty-bd-t .btt{ height: 1.4rem; line-height: 1.4rem; font-size: 1.4rem; color: #3388ff; margin-left: 1rem; letter-spacing: 0.1rem; }
.ty-cl{ width: 100%; display: flex; justify-content: space-between; align-items:center; margin-top: 1.5rem;}
.ty-ck{ display: flex; justify-content: flex-start; align-items:center;}
.ty-ck .square{ width: 1.2rem; height: 1.2rem; background: rgba(0,0,0,0); border: 1px solid #595757; }
.ty-ck .lab{ height: 1.2rem; line-height: 1.2rem; font-size: 1.2rem; color: #595757; margin-left: 0.5rem;}
.ty-ck.on .square{ width: 1.2rem; height: 1.2rem; background: url("/images/nindex/squre.png")  center 0.25rem no-repeat; background-size: 90% 70%;  border:1px solid #ff2b22;}
.ty-ck.on .lab{  color: #ff2b22;}
.ty-tel{ width: 92%; margin: 0 auto; margin-top: 2rem; height:3rem; line-height: 3rem; text-align: center; }
.ty-tel input{ width: 100%; height: 100%; background: rgba(220,220,220,0.4);  border-radius: 3rem; text-align: center; line-height: 3rem; color: #cccccc; font-size: 1.2rem; border: 0;}
.ty-tel input::-webkit-input-placeholder{ color: #595757; font-size: 1.2rem; text-align: center;}
.ty-tel input:-ms-input-placeholde{ color: #595757; font-size: 1.2rem; text-align: center;}
.ty-sub{ width: 92%; margin: 0 auto; margin-top: 1rem; height:3rem; line-height: 3rem; text-align: center; background: #3388ff; color: #fff; border-radius: 3rem; font-size: 1.2rem; }
.ty-p{ text-align: center; color: #999999; font-size: 1.1rem; margin-top: 0.9rem;}

#xf-lb{ width: 94%; margin: 0 auto; margin-top: 1rem;}
#xf-lb .swiper-pagination-bullet-active{ background: #fff }
#xf-lb .swiper-pagination-bullets{ bottom:0.6rem; }
#xf-lb .swiper-pagination-bullet{ width: 0.5rem; height: 0.5rem; background: #f6ad3c;}
/*体验课程表单*/

/*报名动态*/
.bmdt{ width: 93%; margin: 0 auto; margin-top: 1rem; background: url("/images/nindex/bm-bg.jpg") center top no-repeat; background-size: 100% 100%; padding: 1.5rem;}
.bm-t{ font-size: 1.3rem; font-family: "黑体"; line-height:1; width: auto; border-bottom: 1px solid #3388ff; font-style: italic; color: #3388ff;}
.swiper-container-bmdt{ width: 100%; height: 10.6rem; margin-top: 1.25rem; overflow: hidden; border-radius: 0.3rem; padding: 0.5rem 0; background: #fff;}
.swiper-container-bmdt .swiper-slide{ width: 100%; height: 2.4rem; border-bottom: 1px solid #c4c4c5; line-height: 2.4rem; font-size: 0.9rem; color: #595757; display: flex; justify-content: space-between; align-items: center; font-weight: bold;}
.swiper-container-bmdt .swiper-slide span:last-child{ color: #ad1216;}
@media (max-width:320px){
    .swiper-container-bmdt .swiper-slide span:nth-child(3){ display: none;}
}
/*报名动态*/

/*名师风采 2020-11-23*/
.ms20{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; line-height: 1; font-family: 微软雅黑;}
.msbd2-t{ width: 100%; background: #1d1e22; font-size: 1.6rem; font-weight: bold; text-align: center; color: #fff; letter-spacing: 0.7rem; padding: 1rem 0;}
.msbd2-in{width: 96%; height: 2.8rem; line-height:2.8rem; background: #efefef; border-radius: 0.5rem; margin: 0 auto; margin-top: 0.5rem; font-size: 1.2rem; text-indent:1rem; }
.msbd2-in input{ width: 100%; height: 100%; border: 0; background: #efefef;letter-spacing: 3px;}
.msbd2-in input::-webkit-input-placeholder{color:#595757;opacity:1; font-size: 1.2rem;}
.msbd2-in input:-ms-input-placeholde{color:#595757;opacity:1; font-size: 1.2rem;}
.msbd2-sm{ text-align: center; color: #313131; margin-top: 1rem; letter-spacing: 0.15rem; font-size: 1.2rem;}
.msbd2-tj{ width: 59%; height: 2.5rem; line-height: 2.5rem; margin: 0 auto; margin-top: 1rem; font-size: 1.5rem; color: #fff; text-align: center; cursor: pointer; background: #cfa972; border-radius: 2.5rem; letter-spacing: 0.15rem;}
.ms20-wj{ width: 100%; height: auto; background: url(/images/ms20/bg.jpg) repeat; padding-top: 2rem; margin-top: 1.5rem;}
.ms20-t1{ width: 70%; margin: 0 auto;}
.ms20-lb{ width: 90%; margin: 0 auto; padding-bottom: 3rem;  position: relative; }
.wj-li{ margin-top: 14rem; padding: 6.5rem 5% 1.5rem 5%;  position: relative; background: #fff;}
.wj-li .wj-img{ width: 54%; height: auto; position: absolute; left: 23%; top:-13rem; z-index: 2;}
.wj-name{ font-size: 1.1rem; text-align: center; font-weight: 800; line-height: 1.5; color: #221815; margin-top: 0.25rem;}
.ms-star1{ text-align: center; font-size: 1.5rem; color: #cfa972; letter-spacing: 2px; margin: 0.3rem 0;}
.wj-info{ font-size: 1rem; color: #727171; line-height: 1.5; letter-spacing: 1px; text-align: center ;}
@media (max-width:375px){
    .wj-li{ margin-top: 14rem; padding: 7rem 1% 1.5rem 1%;  }
}
@media (max-width:325px){
    .wj-li{ margin-top: 14rem; padding: 6.5rem 1% 1.5rem 1%;  }
}
.wj-zx{ display: block; width: 30%; height: auto; margin: 0 auto; margin-top: 1rem;}
.ms20-lb .swiper-pagination-bullets{ position: absolute; bottom:1rem; left: 39%; }
.ms20-lb .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;}
.ms20-lb .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}
.ms20-xd{ width: 100%; padding: 1.5rem 0; background: #fff;}
.ms20-t2{ width: 40%; margin: 0 auto;}
.ms20-c{ width: 90%; margin: 0 auto; margin-top: 1rem; position: relative; height: 19rem; margin-top: 1rem;}
.ms20-img{ width: auto; height: 16.5rem; position: absolute; left: 0; top: 1.25rem; z-index: 3;}
.ms20-img img{ width: auto; height: 16.5rem;}
.ms20-r{ width: 70%; height: 100%; border: 0.1rem solid #cfa972; position: absolute; right: 0; top: 0; padding-top: 3rem; padding-left: 15%;}
.ms20-name{ font-size: 1rem; font-weight: bold; color: #221815; letter-spacing: 0.1rem; line-height: 1.4; text-transform: uppercase;}
.ms20-name span{ color: #910000;}
.ms20-star{ font-size: 1.3rem; color: #cfa972; letter-spacing: 2px; margin: 0.3rem 0;}
.ms20-zc{font-size: 0.8rem; color: #1d1e22; line-height: 1.5; margin-top: 0.6rem; letter-spacing: 1px;}
.ms20-info{font-size: 0.8rem; color: #727171; line-height: 1.5; letter-spacing: 1px;}
@media (max-width:420px){
    .ms20-c{ width: 92%;  height: 18rem;}
    .ms20-img{ width: auto; height: 14rem; position: absolute; left: 0; top: 2rem; z-index: 3;}
    .ms20-img img{ width: auto; height: 14rem;}
    .ms20-r{  padding-top: 2.1rem; padding-left: 13%;}
    .ms-r{ width: 71%;}
}
@media (max-width:375px){
    .ms20-c{ width: 92%;  height: 18rem;}
    .ms20-img{ width: auto; height: 14rem; position: absolute; left: 0; top: 2rem; z-index: 3;}
    .ms20-img img{ width: auto; height: 14rem;}
    .ms20-r{ width: 72%;  padding-top: 1.5rem; padding-left: 11%;}
}
@media (max-width:320px){
    .ms20-c{ width: 92%;  height: 18rem;}
    .ms20-img{ width: auto; height: 12rem; position: absolute; left: 0; top: 3rem; z-index: 3;}
    .ms20-img img{ width: auto; height: 12rem;}
    .ms20-r{ width: 72%;  padding-top: 1.5rem; padding-left: 11%;}
    .ms-long{ padding-top: 0.5rem;}
    
}
.ms20-lb2{ padding-bottom: 3rem; position: relative;}
.ms20-lb2 .swiper-pagination-bullets{ position: absolute; bottom:0.6rem; left: 34%; }
.ms20-lb2 .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;}
.ms20-lb2 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}
.ms20-zx{ display: block; width: 30%; height: auto; margin: 0 auto; margin-top: 1rem;}
.ms20-xc{ width: 100%; padding: 1.5rem 0; background: url(/images/ms20/bg.jpg) repeat;}
.ms20-lb3{ padding-bottom: 3rem; position: relative;}
.ms20-lb3 .swiper-pagination-bullets{ position: absolute; bottom:0.6rem; left: 40%; }
.ms20-lb3 .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;}
.ms20-lb3 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}
.ms20-bg2{ background: #fff;}
.ms20-bg3{ border: 0;}
.ms20-end{ width: 92%; margin: 0 auto; padding: 1.5rem 0 2.2rem; position: relative;}
.ms20-end .swiper-pagination-bullets{ position: absolute; bottom:0.6rem; left: 31%; }
.ms20-end .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;}
.ms20-end .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}
.ms20-ts{ width: 80%; margin: 0 auto; padding: 1.5rem;}
/*名师风采*/

/*作品*/
.index .zp{ width: 100%; margin-top: 1.5rem; padding: 1.4rem 1.3rem; background: #efefef;}
.index .zp-t{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
.index .zp-t li{ width: 7rem; height: 2.5rem; line-height: 2.5rem; border: 1px solid #222928; text-align: center; background: #fff; font-size: 1rem; font-family: "黑体"; border-radius: 0.25rem;}
.zp-t li.on{ background: #f6ad3c;}
.zp-b{ width: 100%; margin-top: 1rem; }
.zplist{ position: relative; display: none;}
.zplist.on{ display: block;}
.zp-b .swiper-slide{ position: relative;}
#zp-xd{ position: relative;}
.zp-b .swiper-slide .shuiyin{ position: absolute; width: 18rem; top: 50%; margin-top:-0.6rem; left: 50%; margin-left: -9rem; }
.zplist .index-zp-prev{ background: url("/images/nindex/prve.png") center center no-repeat; width: 2.2rem; height: 2.2rem; position: absolute; z-index: 2; top: 45%; left: 0.5rem;}
.zplist .index-zp-next{ background: url("/images/nindex/next.png") center center no-repeat; width: 2.2rem; height: 2.2rem; position: absolute; z-index: 2; top: 45%; right: 0.5rem;}

@media (max-width:360px){
    .zp-t li{ width: 6.5rem;}
}
@media (max-width:320px){
    .zp-t li{ width: 5.8rem;}
}
/*作品*/
/*linshi*/
.linshi{ width: 100%; height: auto; margin-top: 1rem;}
.ls-t{ font-size: 1rem; text-align: center; color: #3388ff; line-height: 2;}

/*优势*/
.index .ys{ width: 100%; height: auto; background: url("/images/nindex/ys-bg.jpg") center top no-repeat; padding: 0.75rem 2rem;}
.ys-c{ width: 100%; height: auto; border-top: 0.15rem solid #f6ad3c; border-bottom: 0.15rem solid #f6ad3c; background: #fff;}
.ys-c li{ width: 50%; height: auto; float: left; padding: 0.75rem 1rem;}
.ys-t-img{  width: auto; height: 2.3rem; margin: 0 auto;}
.index .ys-t{ font-size: 1.1rem; text-align: center; line-height: 1; color: #3388ff; margin-top: 0.75rem;}
.index .ys-p{ font-size: 0.9rem; color: #666666; line-height: 1.75; margin-top: 0.5rem; text-align: center;}
/*优势*/
/*问题*/
.index .ask{ width: 100%; height: auto; background: url("/images/nindex/ask-bg.jpg") center top no-repeat; padding: 0.75rem 10% 1.25rem 10%;}
.ask-c{ width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.ask-b{ width: 47%; height: 7rem; border-radius: 0.3rem; background: #fff;  padding: 0.75rem 0.5rem; margin-top: 0.5rem;}
.ask-a1{ font-size: 1.6rem; color: #333333; line-height: 1; font-weight: bold;}
.ask-a2{ font-size: 1.2rem; color: #666666; line-height: 1; margin-top: 0.5rem;}
.ask-a3{ width: 6.5rem; height: 2rem; line-height: 2rem; border-radius: 0.2rem; background: #ffb23c; margin-top: 0.6rem; text-align: center; font-size: 1.25rem;}
.ask-a3 a{ color: #fff;}
@media (max-width:360px){
    .index .ask{  padding: 0.75rem 9% 1.25rem 9%;}
}
@media (max-width:320px){
    .index .ask{  padding: 0.75rem 8% 1.25rem 8%;}
}
/*问题*/
/*新底部悬浮*/
.footer_fix{width: 100%; height: 56px; background: #3388f9; position: fixed; bottom: 0; left: 0; right: 0; z-index: 100;}
.footer_fix ul{width: 100%; height: 100%;}
.footer_fix ul li{width: 25%; height: auto; text-align: center; font-size: 12px; float: left;}
.footer_fix ul li a{color: #fff;}
.x-foot-dh{font-size:24px; line-height:36px; width: 24px; height: 28px; display: block; margin: 5px auto; }
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.tan{ position: relative; width: 28px; height: 28px; margin: 0 auto; margin-bottom: 4px;}
.tan img{max-width: 100%; height: auto; border: 0;}
.num{width: 18px; height: 18px; border-radius: 50%; background: #fc0000; color: #fff; text-align: center; line-height: 18px; position: absolute; top: -2px; right: 0px; font-size: 12px; display: none;}
.foot{width: 100%;height: auto;max-width: 640px;min-width: 320px;margin: 0 auto;border-bottom: 56px solid transparent;}
.foot img{ max-width: 100%; height: auto;}
/*学院简介 2020-6-9*/
.aboutUs{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px;  font-family: '微软雅黑'; line-height: 1;}
.aboutUs img{ max-width: 100%; height: auto; border: 0; vertical-align: bottom;}
.ap1{ width: 100%;height: 5rem; line-height: 5rem; font-size: 1.5rem; color: #2f2725; text-align: center; letter-spacing: 0.15rem;}
.ap1 span{ font-size: 1.9rem; color: #e60012;}
.avideo{ width: 100%; height: auto; margin-bottom: 2rem;}
.att{ width: 100%; height: auto; padding: 1.8rem 0; background: #d3a25f;}
.at-img1{ width: 59%; margin: 0 auto;}
.at-img2{ width: 72%; margin: 0 auto;}
.ap2{ width: 100%; height: auto;}
.app{ width: 90%; margin: 0 auto; padding: 1.5rem 0;}
.app-t{ width: 21%;}
.app-p{ color: #3e3a39; font-size: 1rem; line-height: 1.5; text-indent: 1.5rem; margin-top: 1rem; }
.ap2-zx{ width: 32%; height: 2rem; margin: 0 auto; margin-top: 1rem; border: 2px solid #e9d7bd; border-radius: 0.2rem; text-align: center; font-size: 1.1rem; letter-spacing: 0.2rem; line-height: 1.8rem;}
.ap2-zx a{color: #cfa972;}
.alb1{ width: 100%; position: relative; padding-bottom: 3rem;}
.alb1 .swiper-pagination-bullets{ position: absolute; bottom:1rem; left: 38%; }
.alb1 .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;}
.alb1 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}
.ap3-p{ background: #fdf5ed; padding: 1.5rem 5%; text-indent: 1.5rem; font-size: 1rem; line-height: 1.5; color: #806761; font-weight: bold;}
.ap3-t{ background: #f7f0e7; padding-top: 1.5rem;}
.ap3-t li{ width: 22.5%; height: 6.3rem; float: left ; margin-left: 2%;  }

.ap3-t li:nth-child(1){ background: url(/images/about/tab1.png) center center no-repeat; background-size: 80% 80%;background-color:#d3a25f;}
.ap3-t li:nth-child(2){ background: url(/images/about/tab2.png) center center no-repeat; background-size: 80% 80%;background-color:#d3a25f;}
.ap3-t li:nth-child(3){ background: url(/images/about/tab3.png) center center no-repeat; background-size: 80% 80%;background-color:#d3a25f;}
.ap3-t li:nth-child(4){ background: url(/images/about/tab4.png) center center no-repeat; background-size: 80% 80%;background-color:#d3a25f;}
.ap3-t li.on{ background-color:#1a1a1a;}
.ap3-b li{display: none;}
.ap3-b li.on{display: block;}
.zp3-zx{width: 100%; background: #fbf5ec; padding: 1.5rem 0;}
.ap3-zx{ width: 42%; margin: 0 auto; height: 2.5rem; line-height: 2.5rem; background: #1a1a1a; text-align: center; font-size: 1.5rem;  letter-spacing: 0.2rem;}
.ap3-zx a{ color: #fff;}

.alb3{ width: 100%; position: relative; padding-bottom: 3rem; background: #fffdf4;}
.alb3 .swiper-pagination-bullets{ position: absolute; bottom:1rem; left: 38%; }
.alb3 .swiper-pagination-bullet{ width: 0.8rem; height: 0.8rem; background: #d3a25f; opacity:1; margin-left: 0.8rem;}
.alb3 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}

.ap5{ background: #fffdf4;}
.ap5-ry{ width: 72%; margin: 0 auto; margin-top: 0.4rem;}

/*活動彈窗2020-11-23*/
.hztanchuang1{ width:360px; background: #fff; border-radius:15px; position: relative;}
.hztanchuang1_close{ position: absolute;right: -11px;top: -15px;z-index: 2; }
.hztanchuang1_top img{width: 100%;display: block;}
.hztanchuang1_c{ width: 100%; background: #fd3a3e; text-align: center; font-weight: bold; padding: 0.2rem 0; line-height: 1.25; font-size: 1rem; color: #fff; letter-spacing: 3px}
.hztanchuang1_down{padding:10px;background: #fff;border-bottom-left-radius:10px;border-bottom-right-radius: 10px;font-size:16px; }
.hztanchuang1_down  p{font-size: 0.8rem;font-weight: 800;margin-bottom:0.5rem; line-height: 1;}
.hztanchuang1_down input{ width: 100%; border:1px solid #333;height: 2.2rem;line-height: 2.2rem;font-size: 0.8rem;padding: 0 0.5rem;border-radius: 5px}
.smscode{ width: 100%; margin-top: 0.5rem;}
.hztanchuang1_down  #code{ width: 40% ; border:1px solid #333;height: 2.2rem;line-height: 2.2rem;font-size: 0.8rem;border-radius: 5px; display: block; float: left; text-align: center;}
.smssecond{ width: 50%; float: right; border:1px solid #333;height: 2.2rem;line-height: 2.2rem;font-size: 0.8rem;border-radius: 5px; text-align: center;}
.hztanchuang1_down  div span{display:block;width:48%;padding: 0.6rem 2%;border: 1px solid #e0e0e0;font-size: 0.7rem;border-radius: 5px;cursor: pointer;text-align: center; line-height: 1;}
.hztanchuang1_downon{background: #e11616;color: #fff;}
.hztanchuang1_down  button{padding:3% 2%;background: #FF0000;width:96%;text-align: center;margin:0 auto;display: block;border:none;color: #fff;letter-spacing: 5px;margin-top: 10px;border-radius: 5px;font-size: 14px;}
.hztanchuang1bg{background: rgba(0,0,0,0.66);width: 100%;height: 100%;position:fixed;top:0;left: 0;z-index: 999998;display: none;}
@media screen and (max-width: 475px) {
    .hztanchuang1{width:280px;}
}
.hztanchuang1_down input::-webkit-input-placeholder { /* WebKit browsers */
    color: #333;
}
.hztanchuang1_down input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333;
}
.hztanchuang1_down input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
}
.hztanchuang1_down input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #333
}
/*活動彈窗2020-5-6*/
.yhq-t{ width: 280px;  position: fixed; left: 0 ; right: 0; margin: 0 auto; top: 40%; margin-top: -180px; z-index: 999999; display: none;}
.yhq-t .yhq-close{ width: 30px; height: 30px; position: absolute; right: 20px; top: 40px; cursor: pointer;}

/*新校园环境2020-5-30*/
.nxyhj{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; line-height: 1;}
.nxyhj img{ max-width: 100%; vertical-align: bottom;}
.nhj-1{ background: #fff;}
.nhj-bt1{ width: 35%; height: auto; margin: 0 auto; padding: 1rem 0;}
.nhj-video{ width: 100%; height: auto;}
.nhj-bd{ padding-bottom: 1.5rem;}
.nhj-bt2{ text-align: center; font-size: 1.7rem; font-weight: bold; font-family: 微软雅黑; letter-spacing: 0.2rem; padding: 1rem 0;}
.nhj-bd-in{width: 96%; height: 2.8rem; line-height:2.8rem; background: #efefef; border-radius: 0.5rem; margin: 0 auto; margin-top: 0.5rem; font-size: 1.2rem; text-indent:1rem; }
.nhj-bd-in input{ width: 100%; height: 100%; border: 0; background: #efefef;letter-spacing: 3px;}
.nhj-bd-in input::-webkit-input-placeholder{color:#595757;opacity:1; font-size: 1.2rem;}
.nhj-bd-in input:-ms-input-placeholde{color:#595757;opacity:1; font-size: 1.2rem;}
.nhj-bd-sm{ text-align: center; color: #313131; margin-top: 1rem; letter-spacing: 0.15rem; font-size: 1.2rem;}
.nhj-bd-tj{ width: 59%; height: 2.5rem; line-height: 2.5rem; margin: 0 auto; margin-top: 1rem; font-size: 1.5rem; color: #fff; text-align: center; cursor: pointer; background: #313131; border-radius: 2.5rem; letter-spacing: 0.15rem;}
.nhj-3{ padding-bottom: 1rem;}
.nhj-lb{width: 92%; height: auto; padding-top: 1rem; margin: 0 auto;}
.nhj-lb-js{ width: 100%; height: 2.5rem;}
.nhj-lb-js li{ width: 23%; float: left; margin-left: 2.6%; height: 2.5rem; line-height: 2.5rem; text-align: center; background: #ebebeb; font-size: 1.3rem; color: #000; letter-spacing: 1px; border: 1px solid #ffbb00; border-radius: 0.3rem;}
.nhj-lb-js li:first-child{margin-left: 0;}
.nhj-lb-js li.on{ background: #ffbb00; color: #fff;}
.nhj-lb-b{margin-top: 1rem; overflow: hidden;}
.nhj-lb-b li{ display: none;}
.nhj-lb-b li.on{ display: block;}
.nhj-s{ margin-top: 0.4rem;}
.nhj-s .swiper-slide.on{ border: 0.15rem solid #313131;}
.nhj-zx{ width: 65%; height: 3.5rem; line-height: 3.5rem; margin: 1rem auto; text-align: center; cursor: pointer; background: #313131; border-radius: 3.5rem; letter-spacing: 0.15rem; font-size: 1.5rem;}
.nhj-zx a{ color: #fff;}
/*禁止div点击事件 2020-8-6*/
.noclick{
    pointer-events: none;
}
/*直播弹窗 2020-8-12*/
.fix-zb{ width: 20%; position: fixed; left: 0; top: 50%; height: auto; z-index: 999999; display: none;} 
.red_box{ width: 100%; height: 1.5rem; line-height: 1.5rem; background: #f45330; position: relative;}
.red_box p{ color: #fff; text-align: right; padding-right: 0.3rem; font-size: 0.9rem; letter-spacing: 0.1rem;}
.red_box ul{ position: absolute; top:50%; left: 10%;}
.red_box ul li{ float: left; width: 0.2rem; height: 0.2rem; border-radius: 0.2rem; margin-right: 0.1rem; background-color: #fff; }
.red_box ul li:nth-child(1){
    animation: love1 2s infinite;
}
.red_box ul li:nth-child(2){
    animation: love2 2s infinite;
    animation-delay: 0.15s;
}
.red_box ul  li:nth-child(3){
    animation: love3 2s infinite;
    animation-delay: 0.3s;
}   
@keyframes love1{
    30%,50%{height: 0.6rem; transform: translateY(-0.3rem);}
    75%,100%{height: 0.25rem; transform: translateY(0);}
}
@keyframes love2{
    30%,50%{height: 0.8rem; transform: translateY(-0.4rem);}
    75%,100%{height: 0.25rem; transform: translateY(0);}    
}
@keyframes love3{
    30%,50%{height: 0.6rem; transform: translateY(-0.3rem);}
    75%,100%{height: 0.25rem; transform: translateY(0);}
} 

.zhibo_alert2 {width:100%; height:100%; position:fixed; top:0%; left:0%; z-index:5999999; transition:linear .5s;  overflow:hidden; background:rgba(0,0,0,.5); display: none;}
.zhibo_alert2 .zhibo_cnt { width:80%;  margin:0 auto;border-radius:1rem;position:absolute;left:10%;top:15%;}
.zhibo_alert2 .zhibo_cnt .form_pic img {display:block;width:100%;}
.zhibo_alert2 .zhibo_cnt .form_box {width:100%;background:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;}
.zhibo_alert2 .zhibo_cnt .form_part {width:80%;margin:0 auto;background:#fff;border-radius:4px;box-shadow:0 0 1.5rem #B6B6B6;padding:1rem 8%;transform:translate(0,-2.5rem);}
.zhibo_alert2 .zhibo_cnt .form_part img{ width: 88%; display: block; margin: 0 auto; margin-bottom: 1rem;}
.zhibo_alert2 .zhibo_cnt .form_part input,.zhibo_alert2 .zhibo_cnt .form_part select {width:100%;display:block;border:none;height:2.2rem;line-height:2.2rem;border-radius:0.3rem;background:#EEEEEE;margin-bottom:0.7rem;text-align:center;font-size:1rem;color:#C5C5C5;}
.zhibo_alert2 .zhibo_cnt .form_part input::-webkit-input-placeholder {color:#C5C5C5;letter-spacing:2px; font-size:1rem;}
.zhibo_alert2 .zhibo_cnt .form_part input::-moz-placeholder {/* Mozilla Firefox 19+ */    color:#C5C5C5;letter-spacing:2px;font-size:1rem;}
.zhibo_alert2 .zhibo_cnt .form_part input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */    color:#C5C5C5;letter-spacing:2px;font-size:1rem;}
.zhibo_alert2 .zhibo_cnt .form_part input:-ms-input-placeholder {/* Internet Explorer 10-11 */     color:#C5C5C5;letter-spacing:2px;font-size:1rem;}
.zhibo_alert2 .form_part select {text-align-last:center;}
.zhibo_alert2 .form_part select option {text-align-last:center;}
.zhibo-sub {display:block;width:100%;font-size:1rem;margin:0 auto; height:2.2rem;line-height:2.2rem;border-radius:2.2rem;text-align:center;color:#fff;-webkit-background:linear-gradient(to right,#FC432E,#F4A00F);-moz-background:linear-gradient(to right,#FC432E,#F4A00F);-ms-background:linear-gradient(to right,#FC432E,#F4A00F);background:linear-gradient(to right,#FC432E,#F4A00F);}
.zhibo_alert2 .close_btn {width:10%;position:absolute;top:-3%;right:-4%;}

/*专业设置 2020-10-15*/
.course{font-family: "微软雅黑", "Microsoft Yahei" !important; font-size: 100% !important; line-height: 1;}
.course img{ max-width: 100%; height: auto; border: 0;}
.form2{ width: 100%; height: auto; background: #fff; padding: 2rem 0;}
.form2-t{ text-align: center; font-size: 1.8rem; font-weight: bold; letter-spacing: 2px; color: #3e3a39;}
.form2-t span{ color: #ff9600;}
.form2-p{ font-size: 1.3rem; color: #3e3a39; text-align: center; letter-spacing: 2px; margin-top: 0.7rem;}
.form2-p span{ color: #e60012;}
.form2-simple{ width: 80%; display: flex; justify-content: center; border-radius:2.5rem; border: 2px solid #ff9600; overflow: hidden; margin: 0 auto; background: #fff; margin-top: 1rem; }
.form2-simple input { width: 71%; height: 2.5rem; outline: none; -webkit-appearance: none; border-radius: 0; border: none; padding-left: 0.5rem; font-size: 1.1rem;}
.form2-simple .form2-simple-btn{ width: 29%; font-size: 1.1rem; text-align: center; line-height: 2.5rem; background-color: #ff9600; color: #fff;}
.course-kc{ width: 100%; height: auto; padding: 2.5rem 0; background: #f5f5f5;}
.course-title{ width: 100%; text-align: center; font-size: 1.7rem; color: #2f2725; line-height: 1.5; letter-spacing: 0.15rem; font-weight: bold; border-bottom: 1px solid #000000; padding-bottom: 1rem; position: relative;}
.course-title::after{content:"";display:block;width:18%;height: 6px;background-color:#be9865;position:absolute; left:50%; bottom: 0; transform: translate(-50%,50%);}
.course-kc-t1{ width: 45%; height: auto; font-size: 1.15rem; padding: 0.75rem 0; text-align: center; background: #fff; color:#be9865; font-weight: bold; line-height: 1.5; margin: 0 auto; margin-top: 1.2rem; border: 0.1rem solid #be9865; letter-spacing: 1px;}
.course-kc-t2{ width: 100%; height: auto; font-size: 1.15rem; padding: 0.75rem 0; text-align: center; background: #fff; color:#be9865; font-weight: bold; line-height: 1.5;  border: 0.1rem solid #be9865; letter-spacing: 1px;}
.course-kc-c2{ width: 94%; margin: 0 auto; margin-top: 1.3rem; display:flex; flex-direction:column;  justify-content:center;}
.course-kc-c{ width: 100%; margin-top: 1.3rem; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.course-kc-cl{ width: 45%; }
.course-kc-cr{ width: 45%; margin-left: 4%;}
.course-kc-item{ background: #fff; padding-bottom: 0.6rem;}
.course_b{padding: 0 0.6rem; margin-top: 1rem;}
@media (max-width:375px){
    .course_b{padding: 0 0.3rem; }
}
@media (max-width:360px){
    .course_b{padding: 0 0.1rem; }
}
.course_b1{ display: block; font-size: 1.05rem; color: #2f2725; text-align: center; overflow: hidden;}
.course_b2{ display: block; font-size: 0.85rem; color: #be9865; text-align: center; margin-top: 0.6rem;}
.course_b_btn{ width: 100%; display:flex; flex-direction:row; align-items:center; justify-content:space-between; margin-top: 0.9rem;}
.course_b_btn a{ width: 46%; padding: 0.5rem 0; text-align: center; font-size: 0.8rem; color: #2f2725; border: 1px solid #be9865; background: #be9865;}
.course_b_btn a:first-child{ background: #fff;}
.course2020-kc-ask{ width: 100%; padding: 0 0.5rem; display:flex;flex-direction:row;align-items:center;justify-content:space-between; flex-wrap: wrap;  margin-top: 2rem;}
.course2020-kc-ask-item{ width: 49%; text-align: center; padding: 0.75rem 0; font-size: 1rem; color: #595757;  border: 1px solid #a0a0a0; border-radius: 0.5rem; margin-top: 1.3rem;}
.course2020-hj{ width: 100%; height: auto; padding: 2.5rem 0;}
.wp05{ padding: 0 0.5rem; margin-top: 1.5rem;}
.course2020-hj-nav{width: 100%; display:flex;flex-direction:row;align-items:center;justify-content:space-between;  }
.course2020-hj-nav-item{ width: 23.5%; text-align: center; padding: 0.3rem 0; font-size: 1.2rem; line-height: 1.25; color: #2f2725;  border: 1px solid #be9865; border-radius:0.3rem; transition: all 0.5s;}
.course2020-hj-nav-item.active{ background: #be9865;}
.course2020-hj-b{ width: 100%; margin-top: 1.5rem; }
.course2020-hj-b-img{ display: none;}
.course2020-hj-b-img.active{ display: block;}
.course2020-hj-zx{ width: 75%; height: 3rem; line-height: 3rem; margin: 0 auto; margin-top: 1.5rem; display: block; background: #be9865; text-align: center; color: #2f2725; font-size: 1.2rem; letter-spacing: 1px; border-radius: 0.3rem;}

.course2020-xl{ padding: 2.5rem 0; background: #f5f5f5;}
.xl-t{ text-align: center; color: #2f2725; font-size: 1.4rem; letter-spacing: 1px; line-height: 1.4; margin-top: 2rem;}
.course2020-xl-t{ background: #fff; width: 40%; height: auto; padding: 0.9rem 0; margin: 0 auto; margin-top: 1.5rem; color: #2f2725; font-size: 1.4rem; letter-spacing: 1px; text-align: center; border: 0.1rem solid #be9865; }
.course2020-xl-c{ width: 100%; margin-top: 1.5rem; display:flex;flex-direction:row;align-items:center;justify-content:center;} 
.course2020-xl-item{ width: 31%; height: auto; margin-left: 0.5rem;}
.course2020-xl-item:first-child{margin-left: 0;}
.course2020-xl-item-b {width: 100%; margin-top: 0.3rem; background: #fff; text-align: center; color: #2f2725; font-size: 1.2rem; letter-spacing: 1px; padding: 0.5rem 0;}
.course2020-xl-item-b2 {width: 100%; margin-top: 0.3rem; background: #fff; text-align: center; color: #2f2725; font-size: 1rem; letter-spacing: 1px; padding: 0.5rem 0;}
.course_2b{ margin-top: 1rem;}

/*教学作品2020 2020-10-21*/
.zuopin2020{ width: 100%; height: auto; margin: 0 auto; margin-bottom: 2rem;}
.zuopin2020 img{ max-width: 100%; height: auto;}
.zuopin2020-banner{ width: 100%; height: auto; margin: 0 auto;}
.zuopin-c{ padding: 2rem 0.7rem;}
.zuopin-tc{ width: 100%; text-align: center; color: #000000; font-size: 1.65rem; letter-spacing: 2px;}
.zuopin-te{ width: 100%; text-align: center; color: #000000; font-size: 1.05rem;  padding: 0.7rem 0 1.5rem; border-bottom: 1px solid #000; position: relative;}
.zuopin-te::after{ content:"";display:block;width:15%;height:5px;background-color:#be9865;position:absolute;bottom:0;left:50%; transform: translate(-50%,50%);}
.zuopin-nav{ width: 100%; margin: 0 auto; margin-top: 1.8rem; display: flex; flex-direction:row;align-items:center;justify-content:space-between;}
.zuopin-nav-item{ width: 23.5%; font-size: 1.1rem; text-align: center; padding: 0.5rem 0; color: #2f2725; border: 1px solid #be9865; cursor: pointer;}
.zuopin-nav-item.active{ background: #be9865; color: #fff; transition: all 0.6s;}
.zuopin-list{display: flex; flex-direction:row;align-items:center;justify-content:space-between; flex-wrap: wrap; display: none; margin-top: 1rem;}
.zuopin-list.active{ display: flex;}
.zuopin-list-item{width: 49%; padding: 0.5rem 0.5rem 1rem; background: #fff; box-shadow: 0px 0px 0.36rem 0.35px rgba(0, 0, 0, 0.27); margin-top: 1.5rem; overflow: hidden;}
.zuopin-list-item img{transition: all 0.75s;}
.zuopin-list-item:hover img{transform: scale(1.05);}
.zuopin-list-item-name{ text-align: center; margin: 0.8rem auto; font-weight: bold; color: #595757; font-size: 0.9rem;}
.zuopin-list-item-btn{ width: 90%; margin: 0 auto; display: flex; flex-direction:row;align-items:center;justify-content:space-between;}
.zuopin-list-item-btn a{ width: 46%; font-size: 0.7rem; text-align: center; padding: 0.4rem 0; border: 1px solid #be9865; color: #be9865;}
@media (max-width:360px){
    .zuopin-list-item-btn{ width: 96%; margin: 0 auto; display: flex; flex-direction:row;align-items:center;justify-content:space-between;}
}
.foot2021{ background: #6a2c14; padding: 2.4rem 9%; margin-bottom: 4.8rem;}
.foot2021 img{ width: 100%; height: auto; }
/*2020-12-29 仿门店底部*/
@keyframes foot-md-3{
	0%{transform:scale(1);transform:scale(1)}
	12.5%{transform:scale(1.1);transform:scale(1.1)}
	25%{transform:scale(1);transform:scale(1)}
	37.5%{transform:scale(1.1);transform:scale(1.1)}
	50%{transform:scale(1);transform:scale(1)}
	to{transform:scale(1);transform:scale(1)}
}
.foot-md{
	width: 100%; max-width: 640px; height: 4.8rem; position: fixed; bottom: 0; margin: auto; z-index: 100;  display: flex; flex-direction:row; align-items:center; justify-content:space-between; 
    padding: 0 3% 0 3%;
    background-image: -webkit-gradient(linear,left top,right top,from(#ff9233),color-stop(31%,#fe5136),color-stop(64%,#fd2245),to(#fd227a));
    background-image: linear-gradient(90deg,#ff9233,#fe5136 31%,#fd2245 64%,#fd227a);
}

.foot-md-4{ width: 11%; display: flex; flex-direction:column; align-items:center; justify-content:center;}
.foot-md-1{ width: 20%; display: flex; flex-direction:column; align-items:center; justify-content:center;}
.foot-md-img{ display: block; width: 1.75rem; height: 1.75rem;display: flex; align-items: flex-start; }
.foot-md-text{ font-size: 1rem; color: #fff; margin-top: 0.5rem; letter-spacing: 1px;}
.foot-md-2{width: 20%; display: flex; flex-direction:column; align-items:center; justify-content:center; }
.foot-md-3 {
	width: 55%; height: 2.8rem; text-align: center; line-height: 2.8rem;
    border-radius: 1.4rem;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(4%,#fff3da),color-stop(96%,#ffe7a2));
    background-image: linear-gradient(90deg,#fff3da 4%,#ffe7a2 96%);
	overflow: hidden;
    /*
	animation: foot-md-3 4s linear infinite;
    */
	font-size: 1.45rem; font-weight: bold; color: #EA0C0C;
}

/*2020-11-30头部开始*/
.head-2021{ width: 100%; height: 4rem; display: flex;  justify-content: space-between; align-items:center;  flex-direction: row;  padding: 0 3%; background: #b97552;}
.head-2021 img{ max-width: 100%; height: auto; border: 0; }
.head-2021 a{ display: block;}
.head-nav{ width: 2.15rem; display: flex; align-items:center;}
.head-logo{ width: 18.4rem; display: flex; align-items:center;}
.head-tel{ width: 1.95rem; display: flex; align-items:center;}
.huangdong1 {transform: rotate(-4deg);}
.huangdong2 {transform: rotate(4deg);}
/*2020-11-30头部结束*/
@-webkit-keyframes tada{
	0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
	10%,20%{-webkit-transform:scale3d(.85,.85,.85) rotate(-5deg);transform:scale3d(.85,.85,.85) rotate(-3deg)}
	30%,50%,70%,90%{-webkit-transform:tscale3d(1.05,1.05,1.05) rotate(5deg);transform:tscale3d(1.05,1.05,1.05) rotate(3deg)}
	40%,60%,80%{-webkit-transform:tscale3d(1.05,1.05,1.05) rotate(-5deg);transform:tscale3d(1.05,1.05,1.05) rotate(-3deg)}
	to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes tada{
	0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
	10%,20%{-webkit-transform:scale3d(.85,.85,.85) rotate(-3deg);transform:scale3d(.85,.85,.85) rotate(-3deg)}
	30%,50%,70%,90%{-webkit-transform:tscale3d(1.05,1.05,1.05) rotate(3deg);transform:tscale3d(1.05,1.05,1.05) rotate(3deg)}
	40%,60%,80%{-webkit-transform:tscale3d(1.05,1.05,1.05) rotate(-3deg);transform:tscale3d(1.05,1.05,1.05) rotate(-3deg)}
	to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
.tada {
    /*
    animation: tada 1s linear;
    -webkit-animation: tada 1s linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    */
}

.top_fixed {
    position: relative;
    width: 300px;
    height: 66px;
    background-color: #fff;
    border-radius: 0.5rem;
    position: fixed;
    bottom: 5.5rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px 15px;
    z-index: 999;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 12%), 0 5px 5px 0 rgb(0 0 0 / 24%);
    display: none;
}

.top_fixed.on {
    display: block;
}

.top-fixed-c {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.top-fixed-img {
    width: 36px;
    height: 36px;
}

.top-fixed-img img {
    width: 36px;
    height: 36px;
}

.top-fixed-p {
    color: #333;
    letter-spacing: 0;
    font-size: 14px;
    width: 120px;
    height: 36px;
    line-height: 1.25;
}

.top-fixed-btn {
    width: 85px;
    height: 32px;
    background-color: #E6222E;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    border-radius: 15px;
    font-weight: bold;
}

.top_fixed_close {
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
}

.top_fixed_close:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 2px;
    background: #ccc;
    transform: rotate(45deg);
    top: 0px;
    left: 0px;
}

.top_fixed_close:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    background: #ccc;
    transform: rotate(-45deg);
    top: 0px;
    left: 0px;
}






		
		@charset "utf-8";* {margin:0;padding:0;}
:-moz-placeholder {color:#9fa0a0;opacity:1}
::-moz-placeholder {color:#9fa0a0;opacity:1}
input:-ms-input-placeholder {color:#9fa0a0;opacity:1}
input::-webkit-input-placeholder {color:#9fa0a0;opacity:1}
.xuefei {max-width:640px;min-width:320px;width:100%;height:auto;margin:0 auto;position:relative;margin-top:0.5rem;padding-bottom:1rem;background:#fff;}
.xuefei img {max-width:100%;height:auto;border:0;vertical-align:bottom}
.xf-t {width:33%;margin:0 auto;padding:0.75rem 0;}
.xf-p {text-align:center;font-size:1.1rem;font-family:'黑体';color:#4e5357;line-height:1.5;}
.xf-form {background:#efefef;margin:0.75rem auto;padding:0.75rem 0;}
.ipt {width:83%;margin:0 auto;height:2.4rem;border:1px #9fa0a0 solid;border-radius:5px;overflow:hidden;margin-top:0.8rem;}
.ipt-30 {width:30%;float:left;border-right:1px solid #333333;height:2.4rem;line-height:2.4rem;text-align:center;font-size:1.1rem;}
.ipt-70 {width:70%;float:right; height:2.4rem;line-height:2.4rem;}
.ipt input {width:100%;height:100%;border:0;display:block;}
.inp {width:100%;height:100%;line-height:2.4rem;text-align:left;text-indent:1.5rem;background:#efefef;font-size:1.1rem;}
.inp-70 {width:70%;float:right;height:2.4rem;line-height:2.4rem;font-size:1.1rem;text-indent:1.5rem;}
.xf-tip {text-align:center;font-size:1.1rem;margin-top:0.7rem;color:#9fa0a0;}
.submit {width:37.5%;height:2.4rem;line-height:2.4rem;background:#3388ff;text-align:center;border-radius:1rem;color:#fff;font-size:1.2rem;margin:0 auto;margin-top:1rem;}
.ipt select {width:75%;height:auto;border:0;background:transparent}

		
		