@font-face {
  font-family: 'iconfont';
  src: url('../ifonts/iconfont.eot');
  src: url('../ifonts/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../ifonts/iconfont.woff2') format('woff2'),
      url('../ifonts/iconfont.woff') format('woff'),
      url('../ifonts/iconfont.ttf') format('truetype'),
      url('../ifonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 24px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.top-section{height:479px;background:url(../top-section.jpg) center top no-repeat;}
.sjqzh{padding-top:30px;}

.ptjs .pic{width: 358px;height: 240px;float: left;}
.r-text{width: 772px;float: right;font-size:15px;color:#636363;line-height: 27px;max-height: 190px;overflow: hidden;text-indent: 30px;}
.r-text p{margin-bottom:30px}
.common-tit{height:30px;line-height: 30px;position:relative;margin:29px 0;}
.common-tit .iconfont{margin-right:4px;font-weight:normal;position:relative;top: 4px;}
.common-tit:after{content:"";border-top: 1px solid #dcdcdc;position:absolute;top: 50%;left:0;right:0;margin:auto;}
.common-tit .sp1{padding:0 15px;background:#fff;position: relative;z-index: 2;}
.common-tit .sp1 img{vertical-align: middle;margin-right: 12px;}
.common-tit .sp1 {font-size:20px;color:#0079fe;font-weight: bold;}

.common-tit .sp2{padding:0 20px;position:relative;z-index: 2;background:#fff;float: right;margin-top: 4px;}
.common-tit .sp2 a{display:block; border-radius: 4px;border:1px solid #0079fe; text-align:center; width:75px; height:22px; line-height:22px;color: #0079fe;text-align: center; background: #fff;  font-size: 14px; }
.common-tit .sp2 a:hover{color:#fff;background:#0079fe;}
.support{text-align:right;font-size:0;position: absolute;bottom:0;right:0;}
.support a{display:inline-block; margin-left: 20px; border:2px solid #0079fe; text-align:center; width:190px; height:42px; margin-right:20px; line-height:42px;color: #0079fe;text-align: center; background: #fff;  font-size: 18px; }
.support a.fa{border-color: #fe6d20;color:#fe6d20}
.support a.xq{border-color: #0f81fe}
.support a.fa i{color: #fe6d20}
.support a.xq i{color: #0079fe}
.support a i{margin-right:6px;}
.support a.fa:hover{background:#fe6d20;color:#fff;}
.support a.fa:hover i{color:#fff;}
.support a.xq:hover{background:#0079fe;color:#fff;}
.support a.xq:hover i{color:#fff;}


.common-section li{float:left;width:50%;overflow:hidden;position:relative;height:128px; margin-bottom:28px;}
.common-section li .pic-box{width:126px;height:126px;position:absolute;left:0;top:0;border:1px solid #e5e5e5;}
.common-section li .pic-box img{max-width: 100%;max-hegiht:100%; position:absolute;left: 0;right:0;bottom:0;top:0;margin:auto;}
.common-section li .intor{margin-left:156px;margin-top:20px;line-height: 22px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin-right:26px;}
.common-section li .intor .tit{font-size:16px;color:#000000;font-weight:bold; line-height:25px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.common-section li .intor em,.common-section li .intor span{display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.common-section li .intor span{font-size:15px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.common-section li .intor em{color:#8e8e8e;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ptjs{position: relative;}

@media screen and (max-width: 1210px) {
   .r-text{width:600px;}
   .r-text p{margin-bottom:10px;}
   .support a{height:32px;line-height: 32px;}
}

@media screen and (max-width: 1020px) {
   .ptjs .pic{width:100%;text-align:center;float:none;}
   .r-text{width:100%;float:none;}
   .support{text-align:center;position: relative;margin-top:2%}
   .sjqzh{padding-top:15px;}
   .sjqzh>img{width:240px;}
   .sjqzh .turn-back img{width:100px;margin-top:15px;}
   .top-section{height:auto;background:#1976d2 !important;text-align:center;padding-bottom: 15px;}
   .top-section .main{background:transparent;}
   body{background:#fff;}
   .support a{width:46%;margin:0 1%;}
   .mobile-pi{display:block !important;marign:auto;}
}

@media screen and (max-width: 788px) {

.common-section li{width:100%}
.common-section li .intor{margin-left:142px;}
.common-tit .sp1{padding-left:0;font-size:16px;}
.common-tit .sp2{padding:0 5px;}
.top-section,.support{margin-bottom:15px;}
.common-tit{margin-top:0;}

}

@media screen and (max-width:360px) {
   .sjqzh > img{width:180px;}
   .sjqzh .turn-back img{width:90px;}
 }