@charset "UTF-8";
/* CSS Document */
/*首页*/
.top-js {
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 30px;
}


/*焦点图*/

 .banner {
            position: relative;
            overflow: hidden;
            width: 650px;
            height: 500px;
            background-color: aqua;
            border-radius: 12px;
        }

        li {
            list-style: none;
        }

        .banner ul {
            position: absolute;
            top: 0;
            left: 0;
        }

        .banner ul li {
            float: left;
        }

        .banner ul li a img {
            display: block;
            width:650px;
            height:500px;
        }

        .banner .prev,
        .banner .next {
            display: none;
            z-index: 2;
            position: absolute;
            width: 50px;
            height: 35px;
            line-height: 35px;
            border-radius: 17.5px;
            top: 50%;
            background-color: rgba(0, 0, 0, .2);
            color: #fff;
            font-size: 18px;
            font-weight: 700;
        }

        .banner .prev {
            left: 0;
            transform: translate(-50%, -50%);
            text-indent: 28px;
        }

        .banner .next {
            right: 0;
            transform: translate(50%, -50%);
            text-indent: 8px;
        }

        .banner .prev:hover,
        .banner .next:hover {
            background-color: rgba(0, 0, 0, .3);
        }

        .banner .gd {
            position: absolute;
            left: 45%;
            bottom: 20px;
            margin-left: -36.5px;
            display: flex;
            justify-content: space-around;
            width: 175px;
            height: 15px;
            border-radius: 8px;
            background-color: #ffffff4d;
        }

        .banner .gd i {
            display: block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-top: 2.5px;
            background-color: azure;
        }

        .current {
            background-color: #ff5000 !important;
            width: 15px !important;
            height: 9px !important;
            border-radius: 4.5px !important;
        }






.slide_x{overflow:hidden;position:relative;width:650px;height:500px;border:1px solid #777;background:#000;}
.slide_x a{color:#eee;text-decoration:none;}
.slide_x .box{overflow:hidden;position:relative;width:650px;height:500px;}
.slide_x .list{overflow:hidden;width:9999px;}
.slide_x .list li{float:left;position:relative;width:650px; height: 500px;}
.slide_x .list img{vertical-align:top; width: 650px; height: 500px;}
.slide_x .list p{position:absolute;bottom:0;left:0;width:100%; padding:10px 0; color:#eee;font:14px/24px "\5b8b\4f53";text-indent:12px;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.slide_x .btn-pw{overflow:hidden;position:absolute;bottom:14px;right:6px;}
.slide_x .btn-pw li{float:left;width:16px;height:16px;margin:0 0 0 10px;border-radius:2px;background:#eee;color:#333;font:11px/16px Tahoma;text-align:center;cursor:pointer;}
.slide_x .btn-pw .selected{background:#f30;color:#fff;}
.slide_x .minus,
.slide_x .plus{position:absolute;top:250px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;text-align:center;cursor:pointer;}
.slide_x .minus{left:0;background-position:0 0;}
.slide_x .plus{right:0;background-position:-40px 0;}
.slide_x .minus:hover{background-position:0 -50px;}
.slide_x .plus:hover{background-position:-40px -50px;}



/*在线客服*/
.keifu{ position:fixed; top:50%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:38px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:15px; height:15px; background:url(../images/keifu.png) -42px 0; position:absolute; top:13px; right:8px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; border-bottom:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px; margin-bottom: 13px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }










.js-left {
  float: left;
  width: 690px;
}
.js-right {

  float: left;
  width: 500px;
}
.js-right .text {
  font-size: 15px;
  color: #444;
  line-height: 28px;
  margin-top: 25px;
}
.js-infor {
  width: 200px;
  margin-top: 25px;
  margin-bottom: 20px;
}
.js-infor li {
  color: #1a3b6c;
  font-size: 16px;
  line-height: 36px;
}
.js-infor li span {
  float: left;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #1a3b6c;
  margin-right: 10px;
  margin-top: 14px;
}
a.l-more {
  color: #fff;
  background: #1a3b6c;
  font-size: 16px;
  display: block;
  width: 120px;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  margin-top:30px;
}
a.l-more:hover {
  color: #fff;
}
.keshi {
  width: 100%;
  margin: 30px 0;
  background: #f9f9f9;
}
.keshi-cont {
  width: 1210px;
  margin: 0 auto;
  overflow: hidden;
  padding: 50px 0 30px 0;
}
.keshi-left {
  float: left;
  width: 340px;
  margin-right: 40px;
}
.keshi-left h2 {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}
.keshi-left p {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}
.ks-btn {
  border-radius: 50px;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: 5px 5px 5px #ccc;
  display: block;
  margin-left: 20px;
  float: left;
}
.keshi-right {
  float: left;
  width: 825px;
  list-style: none;
}
.keshi-right li {
  float: left;
  margin-right: 45px;
  margin-bottom: 40px;
}
.keshi-right li p {
  float: left;
  font-size: 16px;
  color: #333;
  line-height: 60px;
  margin-left: 20px;
}
.keshi-right li img {
  float: left;
  width: 60px;
}
.dangjian {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 40px;
}
.dangjian-left {
	float:left;
	width:830px; 
}
.dangjian-left h2 {
  font-size: 24px;
  color: #333;
  padding-bottom: 10px;
}
.border-span {
  width: 50px;
  height: 2px;
  display: block;
  background: #1a3b6c;
  margin-bottom: 30px;
}
.dj-left {
  float: left;
  width: 305px;
}
.dj-left img {
  border-radius: 10px;
  width: 305px;
  height: 220px;
  margin-bottom: 20px;
}
.dj-left p {
  width: 305px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
.dj-cont {
  float: left;
  width: 430px;
  margin: 0 40px;
}

.dj-cont ul {
  width: 430px;
}


.dj-cont ul li {
  list-style: none;
  width: 430px;
  line-height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  overflow: hidden;
}

.dj-cont ul li:hover {
  text-decoration: underline;
}


.dangjian-right {
  float: left;
  width: 280px;
}

.dangjian-right h2 {
  font-size: 24px;
  color: #333;
  padding-bottom: 10px;
}
.dangjian-right img {
  border-radius: 10px;
  height: 320px;
 
}



.dj-fr {
  float: right;
  margin-top: 30px;
}
.dj-fr:hover {
  color: #1a3b6c;
}
.news-center {
  width: 1200px;
  margin: 20px auto;
  overflow: hidden;
  padding: 30px 0;
}
.news-center h2 {
  font-size: 24px;
  color: #333;
  padding-bottom: 10px;
}
.news-l {
  float: left;
  width: 700px;
  overflow: hidden;
}
.news-l img {
  width: 310px;
  height: 260px;
  float: left;
  margin-right: 30px;
  border-radius: 10px;
}
.news-infor {
  float: left;
  width: 360px;

}
.news-infor h3 {
  font-size: 18px;
  margin-bottom:20px;
  color: #333;
}
.news-infor p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-bottom: 30px;
}
.news-infor a {
  font-size: 14px;
  color: #333;
}
.news-r {
  float: left;
  width: 400px;
  margin-left: 60px;
  margin-top: -20px;
}
.more-fr {
  float: right;
  margin-bottom: 10px;
}
.news-r ul {
  width: 400px;
}
.news-r ul li {
  width: 385px;
  line-height: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space:nowrap;
  word-break:break-all;
  color: #333;
  font-size: 14px;
	cursor: pointer;
}
.fl {
  float: left;
  margin: 11px 15px 0 0;
}
.kejiao {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 30px;
	overflow: hidden;
}
.kejiao h2 {
  font-size: 24px;
  color: #333;
  padding-bottom: 10px;
}
.kejiao ul {
  float: left;
  width: 550px;
  margin-right: 50px;
}
.kejiao ul li {
  width: 550px;
  margin-bottom: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #333;
  font-size: 14px;
}
.kejiao ul li img {
  margin-right: 15px;
}
.bignews {
  width: 1200px;
  margin: 50px auto;
  overflow: hidden;
}
.bignews_l {
  float: left;
  width: 300px;
  height: 225px;
  background: #25b8f8;
}
.bignews-tit {
  font-size: 18px;
  margin-top: 50px;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
}
.bignews-text {
  font-size: 14px;
  margin: 0 35px;
  line-height: 24px;
  color: #fff;
}





.inkPhoBox {
  width: 900px;
  float: left;
}
.inkPhoBox .main {
  width: 900px;
}
.inkPhoBox .mod18 {
  width: 900px;
  position: relative;
}
.inkPhoBox #prev {
  position: absolute;
  z-index: 99;
  left: 0px;
  top: 100px;
  cursor: pointer;
}
.inkPhoBox #next {

  position: absolute;
  z-index: 99;
  top: 100px;
  right: 0px;
  cursor: pointer;
}
.inkPhoBox .mod18 #prevTop {
  display: none
}
.inkPhoBox .mod18 #nextTop {
  display: none
}
.inkPhoBox .mod18 li {
  float: left;
}
.inkPhoBox .mod18 .cf li {
  position: relative;
  color: #fff;
}

.inkPhoBox .mod18 .cf li img {
  	width: 300px;
	height: 225px;
}

.inkPhoBox .smImgBox {
  width: 900px;
  height: 225px;
  position: relative;
}
.inkPhoBox .mod18 .listBox {
  width: 900px;
  height: 225px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.inkPhoBox .mod18 .listBox ul {
  height: 225px;
  position: absolute;
  padding-left: 0px;
}
.inkPhoBox .mod18 .listBox li {
  width: 300px;
  height: 225px;
  cursor: pointer;
  position: relative;
}
.inkPhoBox .mod18 .listBox li i {
  display: none;
}
.inkPhoBox .mod18 .listBox li a {
  display: block;
  width: 300px;
  height: 225px;
}


.inkPhoBox .left_top {
  font-family: Arial;
  font-size: 32px;
  color: #fff;
  text-align: center;
  height: 30px;
  line-height: 30px;
  background: #333
}




.mt14 {
  margin-top: 14px;
}
.mr_t1 {
  height: 40px;
  padding-right: 16px;
}
.mr_t1name {
  height: 40px;
  width: 120px;
  padding-left: 21px;
  float: left;
}
.mr_t1name img {
  float: left;
  margin-top: 9px;
  margin-right: 6px;
  display: inline;
}
.mr_frbox {
  width: 900px;
  height: 225px;
  float: left;
	position: relative;
}
.mr_frBtnL {
	position: absolute;
	left: 0;
	top:90px;
	z-index: 1000;
  cursor: pointer;
  display: inline;
	
}
.mr_frBtnR {
	position: absolute;
	right:0;
	top:90px;
	z-index: 1000;
  float: right;
  cursor: pointer;
}
.mr_frUl {
  float: left;
  height: 225px;
  width: 900px;
}
.mr_frUl ul li {
  display: inline;
  float: left;
  height: 225px;
  width: 300px;
  overflow: hidden;
}
.mr_frUl ul li img {
  width: 300px;
  height: 225px;
  display: block;
}



/*移植专栏*/

.yzzl {
	width:1200px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
	padding:30px 0;
}

.yzzl h2 {
  font-size: 24px;
  color: #333;
  padding-bottom: 10px;
}

.yz-more {
	float:right;
	display: block;
	line-height: 24px;
	padding:5px 15px;
	background: #1a3b6c;
	color: #fff!important;
	font-size: 14px;
	position: absolute;
	top:30px;
	right: 0;
	border-radius: 30px;
	

}
.yz-list {
	width:1200px;
	margin-top:30px;
}

.yz-list ul {
	width:1240px;
	overflow: hidden;
}

.yz-list ul li {
	float: left;
	width:290px;
	margin-right: 20px;
	overflow: hidden;
}

.yz-list ul li img{
	width:290px;
	height: 175px;
	margin-bottom: 10px;
	border-radius: 10px;
}
.yz-list ul li .tit {
	font-size:16px;
	color: #000;
	line-height: 24px;
	margin-bottom: 10px;
	overflow: hidden;
    height: 45px;
	text-overflow: ellipsis;
}

.yz-list ul li .text {
	font-size:14px;
	color: #333;
	line-height: 24px;
	overflow: hidden;
    height: 45px;
	text-overflow: ellipsis;
}





