@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,caption,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {color:#333333;font-family:'Roboto','Arial','Microsoft YaHei','Source Han Sans CN','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB';overflow-x: hidden;line-height: 1.8}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#333333;}
a:hover{color: #b60d18}
/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.xiazuo {display:flex;align-items:flex-end;flex-direction:row;flex-direction:row;justify-content:flex-start;}
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}

/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}

/**二端对齐居中*/
.erduanzhong{justify-content: center;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}

/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}

.nav-btnbox{display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}




.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}



/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}
.sevenline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient: vertical;}



.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}



input::-webkit-input-placeholder{color:rgba(0,0,0,0.5); font-size: 16px;} 
input:-moz-placeholder{color:rgba(0,0,0,0.5);font-size: 16px; } 
input::-moz-placeholder{color:rgba(0,0,0,0.5);font-size: 16px; } 
input:-ms-input-placeholder{color:rgba(0,0,0,0.5);font-size: 16px; } 


@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.eot');
    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto-Bold.ttf') format('truetype'),
        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/RobotoMedium.eot');
    src: url('../fonts/RobotoMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RobotoMedium.woff2') format('woff2'),
        url('../fonts/RobotoMedium.woff') format('woff'),
        url('../fonts/RobotoMedium.ttf') format('truetype'),
        url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype'),
        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}


.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp {
    0% {opacity:0; -webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0)}
    to {opacity:1; -webkit-transform: none;transform:none}
}
@keyframes fadeInUp {
    0% {opacity:0; -webkit-transform:translate3d(0,20%, 0);transform: translate3d(0,20%, 0)}
    to {opacity:1; -webkit-transform: none;transform: none}
}
@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}



.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.mainbox{margin: 0 auto; width:90%; max-width: 1660px;}


.top{width: 100%; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
/*.top.cur{ box-shadow: 0px 0px 20px rgba(0,0,0,0.05);background:rgba(255,255,255,0.9)}
.top.cur>.mainbox{min-height:70px;}
.top.cur .nav li>a{color: #333}
*/
.logo{ width: 100%; padding: 10px 0px;}
.logo img{ height:60px;}

.nav{ width:100%; background: #7d0200; padding: 10px;}

.nav li{position: relative;}
.nav li>a{display: block;line-height:50px;color: #ffffff; font-size: 18px;}
.nav li:before{content: ''; width: 0px; height:2px; background: #ffffff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: absolute; left: 0px; bottom:0px;}
.nav li:hover:before{width: 100%}


 
.nav li.cur:before{width: 100%}



.banner{position: relative; z-index: 1}
.banner .swiper-pagination{z-index: 999; left:0px; bottom:20px; width: 100% }
.banner .swiper-pagination-bullet{background:rgba(255,255,255,0.5);opacity: 1; width:36px; height:2px;margin:0px 5px; border-radius:6px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.banner .swiper-pagination-bullet-active { background: #ffffff}

.banner .swiper-slide img{width: 100%;-webkit-transition: all .4s ease; transition: all .4s ease;}

.banner .swiper-slide img.hide{display: none}

.banner .swiper-slide-active img{transform: scale(1.03, 1.03);transition: transform 5000ms ease;}


.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ color: #fff; font-size: 20px;}
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{background-color:#7d0200; opacity: 1; border: 1px solid #7d0200  }


.banner .swiper-button-prev{left:3%; width:50px; height: 50px; border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  border-radius: 100%; border: 1px solid #fff; opacity: 0.5}

.banner .swiper-button-next{right:3%;width: 50px; height: 50px; border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border: 1px solid #fff; opacity: 0.5 }

.gonggong{position: relative}
.gonggong .swiper-pagination{z-index: 999; left:0px; bottom:20px; width: 100% }
.gonggong .swiper-pagination-bullet{background:rgba(255,255,255,0.5);opacity: 1; width:36px; height:2px;margin:0px 5px; border-radius:6px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.gonggong .swiper-pagination-bullet-active { background: #ffffff}




.wapshow{display: none}
.swiper-container {overflow: hidden}




.syabout{background: url("../images/abbj.jpg") no-repeat left top #f0f0f0; background-size:15% auto}
.syableft{width:38%; padding: 5%}
.syabright{width: 52%}

.syableft h2{font-size: 40px; margin-bottom: 10px; line-height: 1.2; margin-bottom: 10px;}
.syableft p{line-height: 2; }


.syyoushibj{background: url("../images/ysbj.jpg") no-repeat center center;background-size: cover; color: #ffffff; position: relative}
.sytit h2{font-size: 38px; line-height: 1.2}
.sytit p{margin-top: 10px;}
.sytit{text-align: center}
.ysico{width: 70px; height: 70px; margin: 0 auto}

.syyoushibj a{color: #ffffff; padding: 40px; border: 1px solid rgba(255,255,255,0); background: rgba(255,255,255,0);border-radius: 10px; display: block;}

.syyoushibj a:hover{border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.1);border-radius: 10px; }

.syyoushibj a h3{text-align: center; margin: 20px 0px; font-size:18px; line-height: 1.2; min-height: 44px}
.syyoushibj a p{min-height: 90px;}

.zhaoleft{width: 47%}

.zhaoright{width: 43%; padding:20px 5%;}
.zhaoright h2{margin-bottom: 20px; font-weight: 500}
.zhaoright p span{color: #333333}
.zhaoright p{color: #999999}


.syliucheng{background: url("../images/liuchengpic.jpg") no-repeat center center; background-size: cover; color: #ffffff; position: relative}

.liupic{width: 100px; margin: 0 auto}
.liuchengbox li{text-align: center; width: 16%}
.liuchengbox li span{font-weight: 500; display: block; margin-top: 20px;}
.liuchengbox li h4{font-size: 18px; margin: 10px 0px; line-height: 1.2}

.liuchengbox li p{line-height: 1.6}
.liuchengbox li.your{width: 2.5%}
.liuchengbox li.your img{width: 10px;}

.teltobtn a{background: #7d0200; height: 50px; line-height: 50px; color: #ffffff; border-radius: 50px; padding:0px 30px;font-weight: 500}

.teltobtn a:hover{background: #8d1412}


.teltobtn a span{font-size: 20px; padding-left:10px; }

.formboxbj{background: url("../images/biaodanbj.jpg") no-repeat center center; background-size: cover;}

.formbox{background: #ffffff; border-radius: 6px; padding: 30px;}

.formbox ul{width: calc(100% + 20px); margin-left: -20px;}
.formbox li{width: calc(33.33% - 20px); margin-left: 20px; margin-top: 20px;}

.inptxt{width: calc(100% - 40px); padding: 0px 20px; background: #f7f7f7; height: 50px; border-radius: 6px; border: none;font-family:'Roboto'}


.formbox li select{width:100%; padding: 0px 15px; height: 50px; border-radius: 6px; border: none; background: url("../images/xia.png") no-repeat 95% center #f7f7f7; background-size: 10px auto;font-family:'Roboto'}


.formbox li:nth-child(4),.formbox li:nth-child(5) {width: calc(100% - 20px); }

.formbox li textarea{ padding: 15px; width: calc(100% - 30px); height: 100px; border-radius: 6px; border: none;background: #f7f7f7;font-family:'Roboto' }

.tijiao{width:180px; height: 50px; background: #7d0200; border-radius: 50px; color: #ffffff; font-size:18px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.tijiao:hover{background: #8d1412}

.footerbj{background: #121212;}
.footertop{padding: 30px 0px;}
.footnav{width: 30%;}
.footnav a{color: #8f8f8f}
.footnav a:hover{color: #ffffff}
.footcon{width: 50%;color: #ffffff;}
.footcon p{padding-left: 40px; margin: 10px 0px;}
.footcon p:nth-child(1){background: url("../images/telico.png") no-repeat left center; background-size: 20px auto;}
.footcon p:nth-child(2){background: url("../images/add.png") no-repeat left center; background-size: 20px auto;}

.footerbot{border-top: 1px solid #2a2a2a; color: #676767; padding: 20px 0px;}


.nybanner>img{width: 100%}

.nybanner>img.hide{display: none}

.nytit h2{font-size: 30px; position: relative; padding-left: 25px;}
.nytit h2:before{content: ''; width:5px; height: 25px; background: #7d0200; border-radius: 3px; position: absolute; left: 0px; top: 50%; transform: translate(0,-50%)}

.courseslist ul{width: calc(100% + 80px); margin-left: -80px;}
.courseslist li{background: #eeeeee; border-radius: 9px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; width: calc(20% - 80px); margin-left: 80px; margin-top: 40px;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.courseslist li:hover{background: #7d0200}
.courseslist li:hover a{color: #ffffff}
.courseslist li a{padding: 26px; font-size: 20px; font-weight: bold; display: block; line-height: 1.4}