@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 
---------------*/

body{ position:relative; width:100%; font-family: "微软雅黑"; font-size: 14px; background:#fff; color:#777; overflow-x:hidden; }
.en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; }
.container{width: 100%;max-width: 1920px;margin: 0 auto;position: relative;height: auto;overflow: hidden;background: #f3f3f3 url(../img6/bg.png);}
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank20{height:20px; line-height: 20px; clear: both; overflow: hidden}
.blank40{height:40px; line-height: 40px; clear: both; overflow: hidden}
.wrapper{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper-sub{width:1240px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
.fl{float: left;}
.fr{float: right;}
.banner{width: 100%;height: auto;overflow: hidden}
.banner img{width:100%;}
.results{width:88%;margin: 100px auto 50px auto;height: auto;overflow: hidden}
.results ul li{width: 308px;height: 411px;position: relative;margin-bottom:50px;overflow: hidden;float: left;margin-right:50px;}
.results ul li:nth-child(3n){margin-right: 0;}
.results ul li img{width:100%}
.results ul li div{background: rgba(3,28,59,0.85);width: 100%;position: absolute;left: 0;bottom:0;height:100px;padding:10px 6%;width:88%;transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s}
.results ul li div h2{color: #fff;font-size: 17px;font-family:DINCond-Black;line-height:28px;height:55px}
.results ul li div h3{display: none;color: #f7f1d3;font-size: 16px;line-height:24px;margin-top: 10px;height: auto;overflow: hidden;margin-bottom:10px;vertical-align:text-top}
.results ul li div h3:before{content: "";width:5px;height: 5px;background: #f7f1d3;border-radius: 50%;display: inline-block;margin-right:5px;vertical-align: middle;margin-bottom: 3px;}
.results ul li div h3:empty:before{content:"";display:none;}
.results ul li div p{border-top: #38516f 1px solid;padding-top:8px;color: #97e3ff;font-size: 16px;margin-top:8px;}
.results ul li div span{float: right;text-align: center;width: 100px;height: 30px;margin-top: 20px;color: #fff;border:#fff 1px solid;display:none;line-height: 30px}
.results ul li:hover div{background: #0c4ea8;height:auto;overflow: hidden;padding: 20px 6%}
.results ul li:hover div p{border-top: #2a63ab 1px solid;}
.results ul li:hover div h2{height: auto}
.results ul li:hover div h3{display: block}
.results ul li:hover div span{display: block}
.title{background: #fff;padding:0;width: 100%;height: 150px; border-bottom: #ddd 1px solid;}
.title-left{float: left;width:76%;padding:35px 0 30px 0;height:90px}
.title-right{width:14%;padding:40px 3% 30px 3%;height:80px;float: right;border-left:#ddd 1px solid;}
.title-right p{color: #5580a7;font-size:20px;}
.title-right p:before{content:"";background: url("../img6/fzr-ico.png")center center no-repeat;width: 17px;height: 26px;vertical-align: middle;display: inline-block;margin-right: 10px;margin-bottom:8px;}
.title-right span{color: #555;font-size: 18px;margin-top:10px;display: block;}
.title-left h2{font-size: 30px;color:#111;display: block}
.title-left h3{display: inline-block;color: #266295;font-size:22px;margin-top: 10px;margin-right:10px;}
.title-left h3:nth-of-type(1):before{content:"";background: url("../img6/kc-ico.png")center center no-repeat;vertical-align: middle;margin-bottom: 5px;display: inline-block;width: 20px;height: 20px;margin-right: 10px;}
.fck{margin: 80px auto;width: 100%;height: auto;overflow: hidden}
.fck table{width: 94%;margin: 60px auto 0 auto;text-align: center}
.fck tr td{padding:12px;border:#fff 1px solid;vertical-align: middle}
.fck tr:nth-child(odd) td{background: #d9dee5;}
.fck tr:nth-child(1) td{background: #0c4ea8;color: #fff;font-size: 20px;}
.fck tr td{color: #333;font-size: 18px;background: #ced7e4;}
.return{background: #0c4ea8;border-radius: 5px;width: 180px;height: 50px;line-height: 50px;text-align: center;margin: 0 auto 80px auto}
.return a{color: #fff;font-size:22px;display: block}
footer{background: #005288;height: 205px;width: 100%;overflow: hidden}
.foot_f{border-top: #fff 1px solid;height: 50px;line-height: 50px;color: #fff;text-align: right;width: 100%;}
.foot_t{height: 155px;width: 100%;margin: 0 auto;}
.logof{float: left;margin-top: 30px;}
.foot_t_c{width:35%;float: left;margin-left:80px;margin-top:10px;}
.foot_t_c ul li{width: 33.3%;display: block;text-align:left;float:left;line-height: 30px}
.foot_t_c ul li a{color: #fff;}
.foot_t_r{float: right;margin-top: 20px;}
.foot_t_r p{line-height: 30px;color: #fff;text-align:left}
.foot_t_r p a{color: #fff;}
.isc{display: none}

.ifoot_r_qr {
    color: #fff;
    float: left;
    margin: 0 auto;
    text-align: center
}
.ifoot_r_qr img {
    margin: 10px auto;
}
.ifoot_r_qr h2 {
font-weight: bold;
width:65%;
float:left;
line-height: 26px;
margin-top: 42px;
font-size:18px;
}
.ifoot_r_qr div{width:30%;float:right}
.fck video{width: 800px;object-fit:contain}
.fck img{width:100% !important}
.w1024{width:1024px;height:auto;overflow:hidden;margin-bottom:40px;}
.w1024 img{width:100%}
.mt20{margin-top:40px;}
@media screen and (max-width:1024px){
  .wrapper{width: 96%;}
  .wrapper-sub{width: 96%;}
  .fck img{width: 100%;}
  .results{width: 100%;margin: 50px auto}
  .results ul li{margin-right:20px;}
.w1024{width:100%;}
}
@media screen and (max-width:800px){
  .title-left{float: none;width: 100%;padding-bottom: 15px;}
  .title-right{padding: 0;width: 100%;float: none;}
  .title{height: auto;overflow: hidden;padding:0}
  .title-right p{display: inline-block}
  .title-right span{display: inline-block}
  .title-left{height: auto;overflow: hidden}
  .title-left h2{height:auto;margin-bottom: 10px;overflow: hidden;}
  .title-left h3{height: auto;overflow: hidden}
  .fck{margin:30px auto}
  .title-right{border:0}
  .results{margin:30px auto}
  .results ul li{width: 48%;margin:30px 1%;height: auto;overflow: hidden}
  .results ul li:nth-child(3n){margin-right:1%;}
}
@media screen and (max-width:480px){
  .title-left h3:nth-of-type(2):before{content:"";background: url("../img6/kc-ico.png")center center no-repeat;vertical-align: middle;margin-bottom: 5px;display: inline-block;width: 20px;height: 20px;margin-right: 10px;}
  .title-left h3:nth-of-type(2):empty:before{content: "";display: none;}
  .title-left h2{font-size: 26px;line-height: 40px;}
  .title-left h3{font-size: 20px;}
  .results ul li{width: 98%;margin: 20px 1%}
  .fck table tr td:nth-of-type(1){width:40%}
  .fck table tr td:nth-of-type(2){width:30%}
  .fck table tr td:nth-of-type(3){width:30%}
  .fck video{width:100%;}
footer{height: auto;overflow: hidden;}
 .foot_t{height: auto;overflow: hidden;margin-top: 30px;}
 .logof{text-align: center;width: 100%;margin: 0 auto 30px auto;}
 .foot_t_r{float: none;width: 100%;text-align: left;}
 .foot_t_r p{text-align: left}
 .foot_f{text-align: center}

.foot_t_c{width: 100%;float: none;text-align: center;margin: 10px auto}
 .ifoot_r_qr{float: none;width: 100%;}
 .ifoot_r_qr h2{float: none;width: 100%;margin-top: 0;}
 .ifoot_r_qr div{float: none;width: 100%;}
.w1024{width:100%;margin-bottom:10px;}


}