﻿
/*banner*/



/*第三版*/
.index-three{padding: 80px 0;background: #f5f5f5;}
.ine-tit{color: #333;font-size: 36px;font-family: 'regular';line-height: 36px;margin-bottom: 80px;text-align: center;letter-spacing: 3px;}
.ine-left{float: left;width: 49%;padding: 24px 50px 33px 50px;background: white;box-shadow: 0 0 15px rgba(0,0,0,0.08);}
.ine-list{overflow: hidden; display: block;padding: 30px 0;border-bottom: dashed 1px #cccccc;}
.ine-list .ine-time{float: left;}
.ine-list h4{font-size: 46px;color: #333;line-height: 36px;margin-bottom: 4px; font-family: 'ak';}
.ine-list h5{font-family: arial;color: #333;font-size: 14px;position: relative;padding-bottom: 18px;line-height: 14px;}
.ine-list h5:after{position: absolute;content: '';width: 20px;height: 2px;background: #2857c3;bottom: 0;left: 0;}
.ine-mid{float: left;width: 72.5%;margin-left: 6%;}
.ine-mid h3{color: #333;font-size: 18px;/*line-height: 18px;*/text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 9px;}
.ine-mid p{    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;font-size: 14px;color: #666;line-height: 20px;}
.ine-rig{float: right;background: url(../images/ine-left.png) no-repeat center;width:16px;height: 70px;transition: all .5s;}
.ine-list:hover h3,.ine-list:hover h4{color: #2857c3;}
.ine-list:hover .ine-rig{background-image: url(../images/ine-lefth.png);transform: rotateZ(180deg);}
.ine-list:last-child{border: none;}
.ine-right{float: right;width: 49%;background: white;box-shadow: 0 0 15px rgba(0,0,0,0.08);}
/* 本例子css */
.picScroll-left{ overflow:hidden; position:relative;   }
.ine-big{margin-bottom: 70px;}
.picScroll-left .hd{ position: absolute;top: 337px;width: 100%;z-index: 77;text-align: center;}
.picScroll-left .hd ul{ }
.picScroll-left .hd ul li{border-radius: 50%; display: inline-block;  width:10px; height:10px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: white;}
.picScroll-left .hd ul li.on{ background: transparent;border: solid 1px #fff;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width: 580px !important;height: 588px; float:left; _display:inline; overflow:hidden; }
.picScroll-left .bd ul li .pic{width: 100%;height: 360px; overflow: hidden;}
.picScroll-left .bd ul li .pic img{display: block;width: 100%;transition: all .5s;}
.picScroll-left .bd ul li a:hover .pic img{transform: scale(1.1); }
.picScroll-left .bd ul li .title{padding: 32px 52px;background: white; }
.picScroll-left .bd ul li .title h3{margin-bottom: 23px; line-height: 24px; color: #333;font-size: 24px;font-family: 'regular';text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.picScroll-left .bd ul li .title p{letter-spacing: 1px; font-size: 14px;color: #666;line-height: 24px;height: 80px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding-bottom: 31px;border-bottom: solid 1px #e0e0e0;}
.picScroll-left .bd ul li .title h4{margin-top: 20px; color: #777;font-size: 14px;font-family: arial;position: relative;}
.picScroll-left .bd ul li .title h4:after{position: absolute;content: '';background: url(../images/ine-jian.png) no-repeat center;width: 20px;height: 12px;right: 0;top: 50%;margin-top: -6px;transition: all .5s;}
.picScroll-left .bd ul li a:hover .title h3{color: #2857c3;}
.picScroll-left .bd ul li a:hover .title h4:after{background-image: url(../images/ine-jianh.png);transform: translateX(-10px);}

/*底部*/


@media all and (max-width: 1680px){
	.int-font{padding-top: 4.5%;}
	.int-font{width: 33.8%;}
}
@media all and (max-width: 1560px){
	.int-font{padding-top: 3%;}
}
@media all and (max-width: 1440px) {
	.main{width: 1200px;margin: 0 auto;}
	/*.navbar{margin-left: 180px;}*/	
	.navbar .nav-item{padding-right: 30px;}
	.picScroll-left .bd ul li{width: 588px !important;height: 534px;}
	.picScroll-left .bd ul li .pic{height: 306px;}
	.ine-left{padding: 17px 50px 26px 50px;}
	.ine-list{padding: 25px 0;}
	.picScroll-left .hd{top: 287px;}
	.foot-list{margin-right: 70px;}
	.banner,.banner .slides,.banner .slides li{height: 550px;}
}
@media all and (max-width: 1280px) {
	.int-font{padding-top: 2%;}
}

@media all and (max-width: 760px) {
		.ine-left{float: left;width: 100%;padding: 24px 50px 33px 50px;background: white;box-shadow: 0 0 15px rgba(0,0,0,0.08);}
		.ine-right{display: none;}
}




#historySlide .prev,#historySlide .next{
    width:22px;height: 24px;
    position: absolute;top:50%;margin-top: -12px;
    z-index: 10;
    cursor:pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
#historySlide .prev{left: 0;background: url(../images/ab-left.png) no-repeat center;}
#historySlide .next{right: 0;background: url(../images/ab-right.png) no-repeat center;}

.kf {
	transition: .8s;
	-o-transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
	z-index: 999999;
	background-color: #fff;
	position: fixed;
	bottom: 140px;
	right: 20px;
	width: 62px;
	border-radius: 5px;
	display: none;
}

.kf span {
    z-index: 1000001;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
    position: relative;
    display: block;
    width: 62px;
    height: 62px;
    border-bottom: 1px solid #e3e3e3;
    background:url(../images/kefu_j.png) no-repeat center #fff;
}
.kf span:hover{background-color:#2857c3;}

.kf .zx {border-radius: 5px 5px 0 0;background-position: 0 -62px;}
.kf .zx:hover {background-position: 0 -124px;}

.kf .freetel {background-position:-62px -62px;}
.kf .freetel:hover {background-position:-62px -124px;}
.kf .act {background-position:-186px -62px;}
.kf .act:hover{background-position:-186px -124px;}
.kf .zxlya {background-position:-124px -62px;}
.kf .zxlya:hover{background-position:-124px -124px;}
.kf .back_top {
    border-radius: 0 0 5px 5px;
    border: none;
    background-position:-248px -62px;
}
.kf .back_top:hover {background-position:-248px -124px;}
.kf span div {
    display: none;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    right: 75px;
    padding: 20px;
    font-size: 14px;
    text-align: center;
/*    color: #FC5204;*/
    bottom:2px;
}
.kfimgr{
    position: absolute;
    bottom:23px;
    right: -9px;
}
.kf span div i {
    display: block;
    position: absolute;
    width: 15px;
    height: 200px;
    right: -15px;
    top: 0;
}
.kf .zx div,
.kf .zxlya div, 
.kf span:nth-child(4) div {
    text-align: center;
    min-width: 148px;
    font-size: 14px;
    color: #666;
}
.kf span:nth-child(4) div {
    white-space: nowrap;
}
.kf a{display:block;height:100%;position:absolute;top:0;right:0;width: 100%}
.kf span div, .kf {
    -webkit-box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
}
.nav_center div, .index_nav_center div, .shou, .zhan {
    -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.shou {
    z-index: 1000000;
    cursor: pointer;
    width: 30px;
    height: 40px;
    top: 50%;
    margin-top: -15px;
    border-radius: 5px 0 0 5px;
    right: 62px;
    background: url("../images/kefu_j.png") no-repeat -310px -62px #fff;
    position: absolute;
}
.shou.on {background-position: -310px -102px;}
.kf .freetel input {
	text-indent: .5em;
	display: block;
	margin: 15px 0;
	line-height: 28px;
	color: #666;
	font-size: 12px;
	width: 140px;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	height: 28px;
}
.kf .btn-call{
	transition:all .5s;
	-webkit-transition:all .5s;
	display: block;
	background: #FC5204;
	border-radius: 2px;
	color: #fff;
	line-height: 26px;
	font-size: 12px;
	text-align: center;
	width: 79px;
	height: 26px;
	position: relative;
}
.kf .btn-call:hover {
  background:#f33e61;
}



.yzm a img {
    float: right;
    padding-right: 9px;
    padding-top: 2px;
}
#bdshare_weixin_qrcode_dialog{
height:330px !important;
}
.set-btn{
	display: block;
	margin: 0 auto;
  	border-radius: 30px;
  	transition: all .5s;
    width: 150px;height: 40px;line-height: 38px;border: solid 1px #cccccc;text-align: center;font-size: 14px;color: #333;
}
.set-btn:hover{color: white;background: #0653c5;border: none;}
.set-btn:hover a{color: white;}