.iheader {background: #fff; width:100%; height:100px;box-shadow: 0 0 10px rgba(0,0,0,.15); position: fixed; top:0; z-index: 999;}
.iheader .logo {height:100%;}
.iheader .logo a {position: relative;  display: block;}
.iheader .logo a img { height:60px;margin-top:20px;}
.iheader .nav { height:80px; padding-top:20px; margin-right:-20px;}
.iheader .nav .navitem { cursor: pointer; position: relative;float: left; height:100%; text-align: center;  transition: all .36s ease;}
.iheader .nav .navitem:hover .subnav {opacity: 1; visibility: visible;}
.iheader .nav .navitem>a { display: block;  border-bottom: 3px solid transparent;  overflow: hidden; color:#333;  padding:0 30px; text-align: center; line-height:60px; font-size:16px; }
.iheader .nav .navitem .subnav { position: absolute; top: calc(100% - 3px); left: 0; z-index:99; opacity: 0; visibility: hidden; width: 120px;  border-top:3px solid #0054aa; background:#fff; box-shadow: 0 5px 20px 5px rgba(0,0,0,.05); transition: all .36s ease;}
.iheader .nav .navitem .subnavpro {width:160px!important; text-align: left; }
.iheader .nav .navitem .subnavhr {width:140px!important;  text-align: left; }
.iheader .nav .navitem .subnav li {cursor: pointer;width: 100%}
.iheader .nav .navitem .subnav li a {  padding: 10px 20px; line-height: 20px; display: block; font-size: 13px; color: #666;  transition: all .36s ease;}
.iheader .nav .navitem .subnav li a:hover {color: #fff; background-color: #0054aa;}
.iheader .nav>li>a span { display: inline-block; position: relative; transition: all ease-out .3s;}
.iheader .nav>li>a:before { content: ''; position: absolute;bottom: 0;left: 20px; width: 0; height: 3px; background-color: #0054aa; transition: all .3s ease-out 0s;}
.iheader .nav>li>a span:after { content: attr(data-title); position: absolute;  color: #0054aa; font-weight: bold; left: 0; transform: translateY(100%); width: 100%;}
.iheader .nav>li a.active span, .iheader .nav>li:hover a span { transform: translateY(-100%);}
.iheader .nav>li a.active:before, .iheader .nav>li:hover a:before { width: calc(100% - 40px);}


.ibanner .slidebox { position:relative; }
.ibanner .slidebox .bd ul li {width:100%; height:800px; }
.ibanner .slidebox .hd { position:absolute; bottom:40px; z-index: 9; width:100%; }
.ibanner .slidebox .hd ul { text-align: center; }
.ibanner .slidebox .hd ul li { width:12px; height: 12px; margin:0 6px; display: inline-block; cursor: pointer; background:#fff; }
.ibanner .slidebox .hd ul li.on {background:#0054aa;}


.inews { padding-bottom:100px;}
.inews .list {padding-top:20px;}
.inews .list .pic {width:500px; }
.inews .list .pic .pica { width:100%; height:250px; display: block; overflow: hidden;}
.inews .list .pic .pica img {transition: all .36s ease;}
.inews .list .pic:hover img {transform: scale(1.08);}
.inews .list .pic .desc {width:100%; height: 146px;  background:#eee; }
.inews .list .pic .desc .date  { width:100px; height: 146px; text-align: center; font-family: Arial; font-weight: bold; border-bottom:4px solid #0054aa;  }
.inews .list .pic .desc .date h1 {font-size:42px; color:#0054aa; margin-top: 20px; }
.inews .list .pic .desc .date p {font-size:16px; }
.inews .list .pic .desc .cont { width:340px; height: 146px; padding: 0 30px; border-bottom:4px solid #f9bf13;}
.inews .list .pic .desc .cont h1 { font-size:16px; font-weight: normal; color:#333; line-height: 320%;  border-bottom:1px solid #ccc; margin: 10px 0;}
.inews .list .pic .desc .cont a:hover h1 {color:#0054aa;}
.inews .list .pic .desc .cont p {line-height:180%; color:#999;}
.inews .list .txt {width:660px; }
.inews .list .txt ul { width:100%;}
.inews .list .txt ul li {  line-height: 54px; border-bottom:1px solid #ddd;}
.inews .list .txt ul li h1 {font-size:15px; font-weight: normal; color:#666;}
.inews .list .txt ul li h1 span { float:left; width:86%; }
.inews .list .txt ul li:first-child { border:none; margin-bottom: 20px;}
.inews .list .txt ul li:first-child h1 {font-size:16px; margin-bottom: 16px; line-height: 160%;padding-bottom: 16px; border-bottom:1px solid #ddd;  }
.inews .list .txt ul li p {  line-height: 180%; color:#999; }
.inews .list .txt ul li h1 em { float:right; width:12%; text-align: right;  font-style:normal; font-family: Arial; color:#999; font-size: 14px; }
.inews .list .txt ul li a:hover h1 { color:#0054aa;} 


.cvideo ul li { width:560px; margin-right: 80px; float:left; margin-bottom: 40px;}
.cvideo ul li:nth-child(2n) { margin-right:0;}
.cvideo ul li h1 { font-size:18px; color: #333; padding-left:16px; border-left:4px solid #0054aa; margin-bottom: 20px;}

.ckh { background:url(../images/ckh.jpg) center top no-repeat; }
.cnewslist .newstitem { width: 100%; padding-bottom:30px; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 30px; position: relative;}
.cnewslist .newstitem a.newscontent {height:100%; display: block;}
.cnewslist .newstitem .newsimg { display: block; width: 240px; height: 150px; overflow: hidden;}
.cnewslist .newstitem .newsimg img {width:100%;  transition: all 0.36s ease;}
.cnewslist .newstitem:hover .newsimg img {transform: scale(1.08);}
.cnewslist .newstitem .newsbody {  width: 740px; position:relative; padding-left:40px;  transition: 0.36s ease;}
.cnewslist .newstitem:hover .newsbody { padding-left:50px;}
.cnewslist .newstitem .newsbody p.title {font-size:16px; color:#000000; }
.cnewslist .newstitem:hover .newsbody p.title { color:#000000;}
.cnewslist .newstitem .newsbody p.description { width: 100%; color: #000000; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis;}
.cnewslist .newstitem .newsbody p.date {color: #999; margin:5px 0; font-family: Arial; font-size: 15px;}
.cnewslist .newstitem:last-child {  margin-bottom: 0;}
.cnewslist .newstitem .details {position: absolute; bottom: 60px; right: 0;  width: 120px; height: 40px; line-height: 40px;  border-radius: 40px;  background: #eee; text-align: center;   transition: 0.36s ease;}
.cnewslist .newstitem .details span { padding-left:20px; transition: 0.36s ease; color:#fff; }
.cnewslist .newstitem:hover .details span { padding-left:0; color:#fff; }
.cnewslist .newstitem .details i {  font-size: 18px; line-height: 36px; vertical-align: -1px;  position: relative;  opacity: 0;  left: -20px; padding-left: 10px; transition: 0.36s ease;}
.cnewslist .newstitem:hover .details i { left: 0;opacity: 1; }
.cnewslist .newstitem:hover .details { background:none;}
.cnewslist .newstitem .details::after {content: ''; z-index: -1; position: absolute; height: 100%;  width: 0; left: 0;  top: 0;opacity: 0; background: #0054aa;  border-radius: 40px;  transition: all .36s ease;}
.cnewslist .newstitem:hover .details::after {  opacity: 1; width: 100%; color:#fff; }

.cnewdetail-info .tit-info {margin-bottom:40px;}
.cnewdetail-info .tit-info h1 { font-size:24px;   color: #333; padding-bottom:20px;  }
.cnewdetail-info .tit-info .info {padding-bottom:12px; border-bottom:1px solid #ddd; color:#888;}
.cnewdetail-info .tit-info .info span {text-align: center;display: block;}
.cnewdetail-info .tit-info .info span em { font-family:Arial;}
.cnewdetail-info hr { height: 1px;  background: #ddd;  border: none; }
.cnewdetail-info .pn-nav { margin-top:60px; }
.cnewdetail-info .pn-nav a { width:520px; height:60px; line-height: 60px; padding:0 30px 0 30px; background:#eee; color:#666;}
.cnewdetail-info .pn-nav a:hover { background:#0054aa; color:#fff; border-left:4px solid #f9bf13; padding:0 30px 0 26px;}


.cqa ul li {width:calc(25% - 30px); float:left; margin-right: 40px; margin-top:40px;}
.cqa ul li:nth-child(4n) { margin-right:0;}
.cqa ul li img {width:100%; box-sizing: border-box; border:1px solid #ddd; }
.cqa ul li h2 { width:100%; background: #eee; line-height: 40px; text-align: center; font-size:14px;  font-weight: normal; margin-top: 20px; }