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


.clear { clear: both; }
.clear3 { clear: both; width: 100%; height: 3px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear4 { clear: both; width: 100%; height: 4px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear5 { clear: both; width: 100%; height: 5px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear6 { clear: both; width: 100%; height: 6px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear7 { clear: both; width: 100%; height: 7px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear8 { clear: both; width: 100%; height: 8px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear9 { clear: both; width: 100%; height: 9px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear10 { clear: both; width: 100%; height: 10px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear20 { clear: both; width: 100%; height: 20px; overflow: hidden; margin: 0 auto; padding: 0; }
.clear50 { clear: both; width: 100%; height: 50px; overflow: hidden; margin: 0 auto; padding: 0; }



/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}

@font-face {

  }

.iconfont {
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}



/* 首页 */
/* 关于我们 */
.about{background-image: url('../images/about_bg.jpg');background-position: center;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;padding:80px 0;overflow: hidden;font-size:.875em;}
.aboutPic{height:465px;width:53%;border-radius:5px;overflow: hidden;}
.aboutR{width:43%;height:465px;overflow: hidden;}
.hTitle{color: #191919;font-size:1.143em;margin-bottom:20px;}
.hTitle span{display: block;font-size: 2.250em;color: #191919;}
.aboutR .txt{height: 190px;
    margin-bottom: 60px;
    font-size: 15px;
    line-height: 28px;}
.aboutR .txt a{ color: #cf102d; font-weight: bold; }
.aboutR .txt a:hover{ color: red; }
.aboutNum li{float: left;width:25%;}
.aboutNum li b{color: #333;font-size: 3.857em;font-family: Arial;line-height: 1.2;}
.aboutMain{overflow: hidden;padding-bottom:40px;border-bottom: 1px solid #bbccde;}
.aboutMenu{margin-top:40px;margin-right:-20px;overflow: hidden;}
.aboutMenu li{float:left;width:12.5%;padding-right:20px;text-align:center;}
.aboutMenu li a{display: block;height:60px;line-height:60px;background:#fff;border-radius:5px;font-size: 1em;}
.aboutMenu li a:hover{background:#cf102d;color:#fff;font-size: 1.286em;}

/* 解决方案 */
.solution{padding-top:80px;overflow:hidden;position: relative;z-index:2;font-size:.875em;}
.solution::after{content: "";position:absolute;left:0;top:0;background:#fff;width:100%;height:200px;z-index:-1;}
.solution .top{overflow: hidden;margin-bottom:30px; height: auto;}
.solution .menu{padding-left:2%;padding-top:15px;}
.solution .menu a{display: inline-block;width:95px;height:54px;line-height:54px;border:1px solid #b9b9b9;text-align:center;border-radius:5px;margin-left:15px;font-size: 1em;}
.solution .menu .on{background:#cf102d;border: 1px solid #0961c4;color: #fff;}


.solutionMain{padding-top:50px;overflow: hidden;}
.solutionTab{overflow: hidden;}
.solutionL{float:left;width:20%;border-radius:5px 0 0 5px;overflow:hidden;}
.solutionL a{display:block;height:65px;line-height:64px;border-bottom: 1px solid #5c7999;background: #4a6a8d;color:#fff;padding-left:12%;position: relative;z-index:2;}
.solutionL a:hover,.solutionL .on{background:#cf102d;}
.solutionR{width:80%;}
.solutionR li{height:585px;position: relative;}
.solutionR li p{position: absolute;left:5%;right:5%;bottom:40px;background: rgba(0,0,0,.5);color:#fff;padding:20px 3%;padding-right:10%;}
.solutionR li p::after{content: "";position: absolute;right:3%;top:50%;width:38px;height:7px;background: url('../images/arr.png') no-repeat;margin-top:-3px;opacity:.5;}
.solutionR li:hover p::after{opacity:1;}




/* 新闻快讯 */
.news{padding: 80px 0;overflow: hidden;background:#ededed;font-size:.75rem;clear:both}
.news .top{margin-bottom:30px;overflow: hidden;font-size:1.833em;}
.news h3{font-size:1.80em;color: #191919;position: relative;padding-right:60px;}
.news .menu{padding-top:5px;}
.news .menu a{margin-left:40px;color: #191919;font-size:1.333em;}
.news .menu a:hover,.news .menu .on{color:#cf102d;}
.news .top .more{float:right;font-size:14px;font-family:"Arial";margin-top:10px;}

.newsSlide{position: relative;overflow: hidden;}
.newsL{width:52%;overflow:hidden;}
.newsL li{float:left;width:45%;border-bottom: 1px solid #d2d2d2;padding-bottom:15px;position: relative;margin-right:2%}
.newsL li:after,.newsR li::after{content: "";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background: #cf102d;transition: transform .6s;transform: scale(0,1);transform-origin: right;}
.newsL li .pic{display:block;height:295px;border-radius:5px;overflow: hidden;}
.newsL li h4 a{font-size:16px;margin:20px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsL li p{font-size:14px;line-height:30px;margin-bottom:20px;}
.newsL li h4 a{color: #333;}
.newsL li h4 a:hover{color: #cf102d;}
.newsL li:hover .bgImg{transform: scale(1.08);} 
.newsL li:hover::after,.newsR li:hover::after{transform: scale(1);transform-origin: left;}

.newsR{width:44%;overflow:hidden;position:relative;}
.newsR li{color:#888;border-bottom: 1px dotted #aeaeae;margin-bottom:25px;position: relative;}
.newsR li a{display:block;height:103px;padding-left:100px;color:#666;}
.newsR li .date{font-size: .75rem;color: #999;font-family: Arial;line-height: 1.2;margin-left: -100px;transition: all .3s;}
.newsR li .date b{font-size: 40px;color: #333;display: block;}
.newsR li h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;color:#333;}
.newsR li p{font-size:14px;line-height:30px}
.newsR li a:hover .date{margin-left:-85px;color: #cf102d;}
.newsR li a:hover .date b{color: #cf102d;}
.newsR li:last-child{margin-bottom:0;}
.newsR li a:hover{list-style:none;text-decoration:none}

/* 服务支持 */
.support{padding:80px 0;overflow: hidden;font-size:.875em;}
.support ul{margin-right:-30px;}
.support li{float:left;width:33.3%;padding-right:30px;}
.support li h3{font-size:1.750em;color:#191919;margin-bottom:15px;}
.support li .txt{min-height:60px;margin-bottom:10px;}
.support li .pic{height:215px;position:relative;color:#fff;overflow:hidden; margin-bottom:20px;transition:all .4s;border-radius:5px;}
.support li .pic h5{position: absolute;left:8%;top:6%;transition: all .4s;}
.support li h5 span{display: block;overflow: hidden;}
.support li b{font-size:2.857em;font-family:Arial;font-weight:normal;float: left;margin-right:5px;}
.support .more{display: inline-block;width:90px;height:30px;line-height:30px;border-radius:15px;text-align:center;border:1px solid #bcbcbc;text-transform: uppercase;font-size:12px;}
.support .more:hover{width:100%;border:1px solid #cf102d;}
.support li:hover .bgImg{transform: scale(1.1)}
.support li:hover h5{left:10%;}
/* 首页 */