@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

body,html {
  font-family: "微软雅黑","宋体","Lucida Grande",Helvetica,Arial,"Microsoft YaHei","FreeSans,Arimo","Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;
  background: #ffffff url(../images/bg.jpg) no-repeat top center;}

html{-webkit-text-size-adjust:none;}
body{overflow-x: hidden;}
fieldset, img {
  border: 0; }

ol, ul {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400; }
a:active{

     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

em {
  font-style: normal; }

input, button, select, textarea {
  outline: none; }

textarea {
  resize: none; }

/* 禁用了文本的拖拉，尤其在谷歌下 */
/* 为了使文本段落左右两边对齐 */
/*======== Link ========*/
a {
  color: #333333;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

.hidden {
  display: none !important; }

img {
  max-width: 100%; }

.fl {
  float: left; }
*{transition:all 0.3s;}
.fr {
  float: right; }
.box{width: 1100px;margin:0 auto;position: relative;}
.text-center {
  text-align: center; }
.clear {
  clear: both; }
.text-center{text-align: center;}
.flex{display: flex;}
.flex-align-center{align-items: center}
.header{display: flex;align-items: center;justify-content: space-between;border-bottom: 11px solid #fff;background: #fff;padding-left: 5%}
.header .logo img{display: block;line-height: 0}
.nav{display:flex;background: #313333;flex: 1;height:92px;align-items: center;justify-content: flex-end;padding-right: 5%}
.nav a{margin: 0 10px;padding:0 15px;color:#ffffff;font-size: 24px}

.banner{width: 100%;position: relative;}
.banner img{width:100%;display: block;}
.banner .text{position: absolute;bottom: 20%;width:60%;left:12%;font-size: 24px;}
.banner .text p{color: #ffffff;line-height: 2}
.banner .text a{display: block;background: #c9151d;font-weight: bold;width: 250px;text-align: center;line-height: 60px;margin-top: 3%;color:#fff;}

.index-title{text-align: center;margin-top:50px;color:#333333;}
.index-title img{display: block;margin:0 auto;}
.index-title p{font-size: 30px;margin-top: 15px}
.index-title span{display: block;font-size: 18px;margin-top:8px;}
iframe,video{width:100%  !important;height:600px !important;}
.trust{display: flex;justify-content: space-between;width:95%;margin:40px auto;margin-bottom: 60px}
.trust li{width:49.5%;}
.trust li a{display: block;text-align: center;font-size: 24px;color:#333;}
.trust li a img{width:100%;display: block;margin-bottom: 20px}
.trust li p{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.class-box{background: #f6f6f6;padding:80px;}
.class-box .content{
  display: flex;width:1200px;margin:0 auto;justify-content: space-between;box-sizing:border-box;padding:0 60px;
}
.class-box .content a{display:block;text-align: center;font-size: 24px;color:#333333;}
.class-box .content .item span{display: block;font-size: 16px}
.class-box .content .item img{display: block;box-shadow: 3px 3px 3px #a2a2a2;margin-bottom: 20px}
.class-box .content .item>a{font-size: 30px;}
.class-box .content .item .it{margin-top:20px;line-height: 60px}
.tag-box{text-align: center;padding:130px;font-size: 36px;color: #666666}
.tag-box span{display: block;font-size: 18px;}

.foot{background: #b21d23;line-height: 100px;color: #fff;text-align: center}
.foot a{color:#fff;}

.content-box,.list-box{width: 90%;margin:0 auto;margin-top: 75px}
.content-box .title{display: flex;font-size: 36px;align-items:flex-start;border-bottom: 1px solid #000000;padding:0 17%;padding-bottom: 20px}
.content-box .title img{margin-right: 20px;height: 50px}
.content-box .title span{}
.content-box .content{font-size: 30px;line-height: 60px;padding:3% 15%;}
.content-box .content img{display: block;margin:0 auto;}


.list-box .title{font-size: 36px;text-align: center; border-bottom: 1px solid #000000;padding:0 15%;padding-bottom: 20px;color: #666666}
.list-box .title span{display: block;font-size: 18px}

.list-box .content{font-size: 30px;line-height: 60px;padding:3% 15%;}
.list-box .content a{display: flex;align-items: center;border-bottom: 1px solid #000000;padding:20px 0;font-weight: bold;}
.list-box .content a span{flex: 1; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; width:100%;}

.list-box .content a img{margin-right: 20px}
.page {padding-bottom: 70px}
.page ul{display: flex;justify-content: center;}
.page ul li a,.page ul li span{padding:10px 5px;}
.page ul li span{ color:#b21d23;}
.fuwu-content .item{padding:40px 10%;overflow: hidden;}
.fuwu-content .item:nth-child(2n){background: #f6f6f6}
.fuwu-content .item .img{width:48%;height:445px;float: left}
.fuwu-content .item .text{float: right;width:48%;box-sizing:border-box;padding:50px 15%;}
.fuwu-content .item:nth-child(2n) .img{float: right}
.fuwu-content .item:nth-child(2n) .text{float: left}
.fuwu-content .item .text .title img{margin-right: 20px}
.fuwu-content .item .text .title{display: flex;border-bottom: 1px solid #000000;font-size: 36px;align-items: center;line-height: 1.2;padding-bottom: 15px}
.fuwu-content .item .text .title span{font-size: 16px;display: block;}
.fuwu-content .item .text .a{padding-left: 30px;margin-top:50px;}
.fuwu-content .item .text a{display: block;font-size: 30px;line-height: 50px}

.about{width: 70%;margin:0 auto;margin-bottom: 60px}
.about .item{margin-top: 95px}
.about .title{display: flex;font-size: 36px;align-items: flex-end;line-height: 1}
.about .title img{margin-right: 20px}
.about .content{margin-top: 50px;font-size: 24px;line-height: 50px;color: #333333}
.about a{width:260px;margin:30px auto;display: block;background: #c9151d;text-align: center;color: #fff;line-height: 60px;font-size: 24px;}
.about .content .p{display: flex;justify-content: space-between;margin-top:30px;}
.is_mob{display: none !important;}
.class-box .content a:hover,.trust li a:hover p,.nav a:hover,.fuwu-content .item .text a:hover,.list-box .content a:hover span,.page ul li a:hover{ color:#b21d23; }

@media screen and (max-width: 1620px) {
    .nav a{font-size: 20px}
    .header{border-bottom: 8px solid #fff}
    .content-box .title span{margin-top:5px;}
    .banner .text p{font-size: 20px}
    .banner .text a{font-size: 18px}
    .index-title p{font-size: 26px}
    .index-title span{font-size: 14px}
    .index-title img{width:200px;}
    .trust li a{font-size: 20px;}
    .class-box .content .item>a{font-size: 26px;}
    .class-box .content .item span{font-size: 12px;}
    .class-box .content a{font-size: 20px;}
    .class-box .content .item .it{line-height: 50px;}
    .tag-box{font-size: 32px;}
    .tag-box span{font-size: 14px}
    .content-box .title{font-size: 30px;padding:0 12%;padding-bottom: 20px}
    .content-box .content{padding:3% 10%;font-size: 26px;line-height: 50px;}
    .list-box .title{font-size: 32px;}
    .list-box .title span{font-size: 14px;}
    .fuwu-content .item .img{height: 350px}
    .fuwu-content .item .text{padding:30px 10%;}
    .fuwu-content .item .text .title{font-size: 32px}
    .fuwu-content .item .text .title span{font-size: 12px}
    .fuwu-content .item .text a{font-size: 26px;}
    .about .title{font-size: 32px}
    .about .content{font-size: 20px;line-height: 40px;margin-top: 30px}
    .about a{font-size: 20px;width: 220px;line-height: 50px;}
    .list-box .content a{font-size: 26px;}
    .nav{height: 80px}
    .header .logo img{height:80px;;display: block;}
    .foot{font-size: 14px;line-height: 80px}
    /*.class-box .content{}*/
}
@media screen and (max-width: 1420px) {
   .nav{height: 60px}
    .header .logo img{height:60px;;display: block;}
    .header{border-bottom: 6px solid #fff}
    .nav a{font-size: 16px}
.content-box .title span{margin-top:7.5px;}
    .banner .text p{font-size: 16px}
    .banner .text a{font-size: 14px;line-height:45px;width: 200px;}
    .index-title p{font-size: 22px}
    .index-title span{font-size: 12px}
    .index-title img{width:180px;}
    .trust li a{font-size: 16px;}
    .class-box .content .item>a{font-size: 22px;}
    .class-box .content .item span{font-size: 12px;}
    .class-box .content a{font-size: 16px;}
    .class-box .content .item .it{line-height: 45px;}
    .tag-box{font-size: 28px;}
    .tag-box span{font-size: 12px}
    .content-box .title{font-size: 26px;padding:0 10%;padding-bottom: 20px}
    .content-box .content{padding:3% 10%;font-size: 22px;line-height: 50px;}
    .list-box .title{font-size: 32px;}
    .list-box .title span{font-size: 14px;}
    .fuwu-content .item .img{height: 280px}
    .fuwu-content .item .text{padding:30px 10%;}
    .fuwu-content .item .text .title{font-size: 28px}
    .fuwu-content .item .text .title span{font-size: 12px}
    .fuwu-content .item .text a{font-size: 22px;}
    .fuwu-content .item .text .a{margin-top: 20px}
    .about .title{font-size: 28px}
    .about .content{font-size: 16px;line-height: 40px;margin-top: 30px}
    .about a{font-size: 16px;width: 200px;line-height: 45px;}
    .list-box .content a{font-size: 22px;}
    .foot{font-size: 12px;line-height: 60px}
}

@media screen and (max-width: 1390px) {
  .class-box .content .item{width:30%;}
  .class-box .content{width:100%;}
  .class-box{padding:5%;}
   .about{width: 80%}
   .content-box .content{padding:3%;}
   .content-box .title{padding:0 5% 20px 5%;}
   .list-box .content{padding:3% 5%;}
}

@media screen and (max-width: 720px) {
  iframe,video{width:100%  !important;height:400px !important;}
  .header{padding:0;background: #313333;position: fixed;top:0px;z-index: 99;width: 100%;left:0;}
  .nav{position: absolute;top:60px;right:10px;display: block;z-index: 999;height:auto;padding:0;width: 120px;padding:10px 0;display: none;}
  .is_mob{display: block !important;}
  .is_pc{display: none !important;}
  .nav a{display: block;font-size: 24px;line-height: 48px;text-align: center;}
  .mob-box{display: block;position: absolute;right:20px;}
  .mob-box span{display: block;height:6px; border-radius: 7px; background: #fff;width:40px;}
  .mob-box span:nth-child(2){margin: 8px 0}
  .mob-box.on span:nth-child(1){
    transform: rotate(45deg);transform-origin: left center;
  }
  .mob-box.on span:nth-child(2){
    opacity: 0
  }
  .mob-box.on span:nth-child(3){
    transform: rotate(-45deg);transform-origin: left center;
  }
  .banner{margin-top:66px;}
  .trust{display: block;width:100%;}
  .trust li{width:100%;}
  .trust li a{font-size: 24px}
  .trust li a img{margin-bottom: 0;}
  .trust li a p{padding: 20px 0 30px 0;}
  .class-box .content{padding:0;}
  .class-box .content .item>a{font-size: 24px}
  .class-box .content a{font-size: 20px}
  .tag-box{padding:30px 0;}
  .foot{line-height: 24px;font-size: 14px;padding:20px 0;}
  .foot span{display: block;}
  .about{width: 90%}
  .about .content{font-size: 20px;line-height: 50px}
  .about .content .p{display: block;}
  .fuwu-content .item{padding:30px 5%;}
  .fuwu-content .item .text{padding:20px  5%;}
  .content-box .title img{height:40px;}
  .content-box .title span{margin-top:10px;}
}