@charset "utf-8";

.banner{height:542px;background-repeat:no-repeat;background-position:center top;background-size:cover;overflow:hidden;position:relative;}

.crumb{padding:20px 0;font-size:15px;line-height:24px;color:#333;background:#f8f8f8;}
.crumb.bg{background:#f5f5f5;}
.crumb .publicBox{padding-left:36px;background:url(../images/inner_home.png) no-repeat left center;}
.crumb a{color:#333;}
.crumb a:hover{color:#e02d05;}

.innerTitle{padding-bottom:60px;margin-bottom:20px;text-align:center;position:relative;}
.innerTitle h1 b{color:#253783;}
.innerTitle p{font-size:16px;color:#666;line-height:28px;margin-top:10px;}
.innerTitle:after{width:80px;height:80px;position:absolute;left:50%;bottom:0;margin-left:-40px;z-index:2;background:url(../images/title.png) no-repeat center;content:"";}


.about_intro{overflow:hidden;background:#e6ebf1;}
.about_intro .con{position:relative;}
.about_intro .con .img{width:36%;height:100%;position:absolute;left:0;top:0;background:url(../images/about.jpg) no-repeat center;background-size:cover;}
.about_intro .con .wz{width:60%;font-size:16px;line-height:28px;color:#333;float:right;}
.about_intro .con .wz p{text-indent:2em;padding:12px 0;}

.about_intro .box{-webkit-transform: translate3d(0, -60px, 0);transform: translate3d(0, -60px, 0);}
.about_intro .box .icon{width:28%;padding:20px;float:left;background:url(../images/about_intro_bg.png);background-size:100% 100%;}
.about_intro .box .icon img{width:100%;display:block;}
.about_intro .box .wz{width:69%;font-size:16px;line-height:32px;padding:35px;float:right;background:#FFF;border-radius:10px;}

.about_culture{overflow:hidden;}
.about_culture .title{font-weight:bold;color:#333;padding-bottom:20px;text-align:center;position:relative;}
.about_culture .title:after{width:40px;height:5px;position:absolute;left:50%;bottom:0;margin-left:-20px;border-radius:10px;z-index:2;background:#26a1ff;content:"";}
.about_culture .list{padding:120px 0 100px;}
.about_culture .list li {
    width: 20%;
    margin-right: 6.66%;
    float: left;
	text-align:center;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.about_culture .list li i img{width:56px;margin:auto;display:block;}
.about_culture .list li b{font-size:20px;color:#333;line-height:32px;margin-top:10px;display:block;}
.about_culture .list li p{font-size:16px;line-height:28px;color:#999;margin-top:20px;}
.about_culture .list li:last-child {margin-right: 0;}


.product{overflow:hidden;}
.product .type{width:100%;background:#f8f8f8;position:relative;}
.product .type b{width:20%;height:100%;padding:16px 0;font-size:16px;line-height:32px;text-align:center;color:#fff;background:#253783;position:absolute;left:0;top:0;}
.product .type ul{width:80%;padding:16px 0;float:right;}
.product .type a{font-size:16px;line-height:32px;padding:5px 15px;margin-left:20px;float:left;position:relative;border-radius:20px;}
.product .type a.select{background:#253783;color:#fff;}
.product .type a:hover{background:#253783;color:#fff;}
.product .list{margin:20px auto 60px;}
.product .list a{width:23.5%;margin-right:2%;margin-top:2%;float:left;cursor:pointer;}
.product .list a:nth-of-type(4n){margin-right:0;}
.product .list a .pic{overflow:hidden;}
.product .list a .pic img{width:100%;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.product .list a p{height:56px;font-size:16px;padding:12px 10px;line-height:32px;background:#eee;text-align:center;overflow:hidden;}
.product .list a:hover img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.product .list a:hover p{color:#fff;background:#253783;}


.cases{overflow:hidden;}
.cases .list{max-width:1200px;margin:20px auto 0;}
.cases .list .item{width:100%;margin-bottom:4%;float:left;cursor:pointer;position:relative;}
.cases .list .item .pic{width:26%;margin-right:8%;float:left;overflow:hidden;}
.cases .list .item .pic img{width:100%;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.cases .list .item .info{width:66%;height:auto;overflow:hidden;float:left;}
.cases .list .item .info .title{height:32px;color:#333;font-weight:bold;line-height:32px;overflow:hidden;}
.cases .list .item .info .content{font-size:16px;color:#666;line-height:32px;margin-top:20px;overflow:hidden;}


.news{overflow:hidden;background:#e6ebf1;}
.news .type{text-align:center;margin-top:-20px;}
.news .type li {
    width: 196px;
    height: 42px;
    font-size: 16px;
    line-height: 42px;
    text-align: center;
    margin:0 20px;
    border-radius: 21px;
    background: #d9d9d9;
	display:inline-block;
}
.news .type li:hover {
	color:#fff;
    background: #253783;
}
.news .list{margin-top:20px;}
.news .list a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
	position:relative;
	padding:40px 0;
	border-bottom:1px dashed #ccc;
}
.news .list a .pic {
    float: left;
    width: 36%;
    height: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.news .list a .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.news .list a:hover .pic img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.news .list a .date {
    width: 76px;
    position: absolute;
    right: 0px;
    top: 40px;
    z-index: 5;
    padding: 16px 0 18px;
    background-color: #253783;
    border-radius: 10px;
}
.news .list a .date .day {
    font-size: 40px;
    line-height: 40px;
    height: 40px;
}
.news .list a .date .year {
    font-size: 12px;
    line-height: 16px;
    height: 16px;
}
.news .list a .date span {
    display: block;
    text-align: center;
    font-family: 'arial';
    color: #fff;
}
.news .list a .wz {
    float: left;
    width: 38%;
    height: 100%;
    margin-left: 8%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.news .list a h3 {
    color: #333;
    line-height: 42px;
    height: 84px;
    font-weight: bold;
    overflow: hidden;
}
.news .list a .txt {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    margin-top: 30px;
}
.news .list a label {
    font-size:14px;
    color: #999;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    margin-top: 40px;
    display: block;
    cursor: pointer;
    position: relative;
    padding-bottom: 20px;
    background: url(../images/innews_hot_next.png) left bottom no-repeat;
}


.news_info{overflow:hidden;background:#e6ebf1;}
.news_info .box{width:71.14%;padding:2%;background:#FFF;float:left;}
.news_info .box .title{font-size:24px;font-weight:bold;color:#333;line-height:32px;text-align:center;}
.news_info .box .time{font-size:14px;color:#999;line-height:32px;padding:10px 0 20px;border-bottom:1px solid #ddd;text-align:center;}
.news_info .box .time i{margin:0 20px;}
.news_info .box .imglist{text-align:center;}
.news_info .box .imglist p{margin-top:30px;}
.news_info .box .imglist p img{max-width:100%;display:block;margin:auto;}

.news_info .box .wz{font-size:16px;color:#333;line-height:28px;padding:20px 0;}
.news_info .box .wz p{font-size:16px;color:#333;line-height:28px;text-indent:2em;margin-top:20px;}

.news_info .preview{width:26.4%;background:#FFF;float:right;}
.news_info .preview .bt{height:70px;font-size:18px;color:#FFF;line-height:30px;padding:20px 40px 20px 50px;background:url(../images/preview.png) no-repeat 20px center #253783;}
.news_info .preview ul{}
.news_info .preview ul li{padding:30px;border-top:1px solid #eee;}
.news_info .preview ul li .title{height:32px;font-size:18px;color:#333;line-height:32px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_info .preview ul li .title a:hover{color:#e02d05;}
.news_info .preview ul li .time{height:24px;font-size:14px;color:#999;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_info .preview ul li .wz{height:48px;font-size:14px;color:#666;line-height:24px;margin-top:10px;overflow:hidden;}



.contact{overflow:hidden;}
.contact .list{border:1px solid #e2e2e2;position:relative;}
.contact .list li{width:33.33%;padding:4%;float:left;position:relative;}
.contact .list li img{width:32px;margin-left:15px;float:left;}
.contact .list li .title{font-weight:bold;color:#333;float:left;}
.contact .list li .bt{font-size:16px;line-height:24px;color:#999;margin-top:200px;}
.contact .list li .wz{font-size:16px;line-height:24px;color:#999;}
.contact .list li .con{font-weight:bold;color:#333;}
.contact .list .line{width:1px;height:100%;background:#e2e2e2;position:absolute;left:33.33%;top:0;}
.contact .list .line2{left:66.66%;}


.indetails{overflow:hidden;}
.indetails_box_proimg{
	width:35%;
	float:left;
}
.indetails_box_proimg img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
	display:block;
}
.indetails_box_protitle{
	width:60%;
	float:right;
}
.indetails_box_protitle label {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 34px;
    height: 34px;
    position: relative;
	display:inline-block;
}
.indetails_box_protitle label:before {
    content: '';
    position: absolute;
    right: -40px;
    top: 16px;
    z-index: 0;
    width: 30px;
    height: 2px;
    background-color: #2d70b4;
}
.indetails_box_protitle h3 {
    color: #333;
    line-height: 58px;
    height: 58px;
    font-weight: bold;
    position: relative;
    white-space: nowrap;
}
.indetails_box_protitle .txt {
    font-size: 16px;
    color: #666;
    line-height: 32px;
    height: 96px;
    overflow: hidden;
    margin-top: 20px;
}
.indetails_box_protitle .line {
    width:100%;
	height:1px;
    margin-top: 40px;
    background:#e5e5e5;
}
.indetails_box_colume{
	color:#333;
	font-weight:bold;
    margin-top: 60px;
    line-height: 42px;
	border-bottom: 1px solid #e5e5e5;
}
.indetails_box_colume b{
	float:left;
	border-bottom: 2px solid #253783;
    line-height: 42px;
}
.indetails_box_colume span{
	font-size:14px;
	color:#999;
	font-weight:normal;
    margin-left: 6px;
	float:left;
}


.indetails_box_list{margin:20px auto 60px;}
.indetails_box_list a{width:23.5%;margin-right:2%;margin-top:2%;float:left;cursor:pointer;}
.indetails_box_list a:nth-of-type(4n){margin-right:0;}
.indetails_box_list a .pic{overflow:hidden;}
.indetails_box_list a .pic img{width:100%;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.indetails_box_list a p{height:56px;font-size:16px;padding:12px 10px;line-height:32px;background:#eee;text-align:center;overflow:hidden;}
.indetails_box_list a:hover img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.indetails_box_list a:hover p{color:#fff;background:#253783;}


.indetails_box_text {
	margin-top:40px;
    font-size: 16px;
    line-height: 28px;
    color: #555;
    text-align: justify;
}
.indetails_box_text p{
	margin-top:20px;
    font-size: 16px;
    line-height: 28px;
    color: #555;
	text-indent:2em;
    text-align: justify;
}
.indetails_box_text img{
	max-width:94%;
	display:block;
	margin:auto;
}