/*内页样式*/
.wrapper{max-width: 1400px;margin: 0 auto;padding: 0 10px;}
.subbanner{height: 350px;overflow: hidden;position: relative;width: 100%;}
.subbanner .sub_pic{position: absolute;right: 0;top: 50%;width: 100%;overflow: hidden;transform: translateY(-50%);}
.subbanner .sub_pic img{position: relative;left: 50% !important;transform: translateX(-50%) !important;max-height: 100%;}
.path{color: #fff;font-size: 14px;padding: 20px 0;position: absolute;bottom: 20%;z-index: 2;width: 100%;}
.path a{color: #fff;}
.path i{margin-right: 8px;line-height: 1;color: #E60012;}

.nav_cont{width: 100%;position: relative;margin-top: -30px;}
.top_nav{display: table;text-align: center;margin:0 auto;}
.top_nav li{float: left; padding: 8px 40px;color: #333;margin: 0 20px;line-height: 45px;background: #fff;border: 1px solid #79c436;
font-size: 20px;}
.top_nav .active li{background: #79c436;color: #fff;font-weight: bold;}
.top_nav li a{text-decoration:none}
.top_nav .active li{color: #fff;}
/* about */
.inner .company{position: relative;padding: 3% 0;}
.inner .company h3{font:600 30px/1 "Microsoft yahei";margin: 20px 0 30px;text-align: center;}
.inner .company p{margin-bottom: 10px;}
.inner .company .photos{background: #fff;padding: 40px 50px;position: relative;margin-top: 20px;}
.inner .company .photos li{margin: 10px;overflow: hidden;}
.inner .company .photos li img{max-width: 100%;overflow: hidden;transition: all 0.5s;}
.inner .company .photos li:hover img{transform: scale(1.1);}
.inner .company .mod2{margin: 3% 0;background: url(../images/culture.jpg)center  no-repeat;padding: 5% 0;color: #fff;}
.inner .company .mod2 h3{text-align: left;}
.inner .company .mod2 .des{width: 50%;}
.inner .company .mod3 li{position: relative;margin: 10px;}
.inner .company .mod3 li .tit{width: 100%;background: rgba(51,51,51, 0.5);line-height: 3;color: #fff;position: absolute;bottom: 0;left: 0;text-align: center;}
.inner .company .mod3 li .cover{position: absolute;width: 80%;height: 80%;left: 10%;background: rgba(255,255,255, 0.8);padding: 20px;top: -100%;}
.inner .company .mod3 li .cover::after{content: '';width: 40%;height: 2px;background:#1168b7 ;position: absolute;top: 0;left: 0;}
.inner .company .mod3 li .job{color: #1168b7;font-size: 18px;font-weight: bold;}
.inner .company .mod3 li .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow : hidden;word-break:break-all;}
.inner .company .mod3 li:hover .tit{bottom: -30%;transition: all 0.5s;}
.inner .company .mod3 li:hover .cover{top: 10%;transition: all 0.5s;}
.inner .company .mod3 li  img{max-width: 100%;overflow: hidden;}
.inner .company .swiper-button-prev,.inner .company .swiper-button-next{background: none;}
.inner .company .swiper-button-prev i,.inner .company .swiper-button-next i{font-size: 24px}
.inner .company .mod3 .swiper-button-prev,.inner .company .mod3 .swiper-button-next{width: 50px;height: 50px;border-radius: 100%;box-shadow: 0 0 10px #ddd;background: #fff;}
.inner .company .mod3 .swiper-button-prev{left: -15px;}
.inner .company .mod3 .swiper-button-next{right: -15px;}
.inner .company .mod3 .wrapper{position: relative;}

.inner .company .photos .owl-dots{height: 0px;overflow: hidden;}
.inner .company .photos .owl-prev,.inner .company .photos .owl-next{width:40px;top:50%;margin-top: -30px; height:50px;background: none; text-indent: 100px;overflow: hidden;padding:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
#owl-photos .owl-prev{position: absolute;left:-50px; background:url(../images/prev2.png) left center no-repeat;}
#owl-photos .owl-next{position: absolute;right:-50px;background:url(../images/next2.png) right center no-repeat;}
#owl-photos .owl-prev:hover{background:url(../images/prev2.png) left center no-repeat;}
#owl-photos .owl-next:hover{background:url(../images/next2.png) right center no-repeat;}


.inner .company .mod3 .owl-dots{height: 0px;overflow: hidden;}
.inner .company .mod3 .owl-prev,.inner .company .mod3 .owl-next{width:50px;top:50%;margin-top: -30px; height:50px;background: none; text-indent: 100px;overflow: hidden;padding:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:100%;
    filter: Alpha(Opacity=100);
	opacity: 1;
	box-shadow: 0 0 10px #ddd;
}
#owl-team .owl-prev{position: absolute;left:-50px; background:url(../images/prev2.png) center center no-repeat;}
#owl-team .owl-next{position: absolute;right:-50px;background:url(../images/next2.png) center center no-repeat;}
#owl-team .owl-prev:hover{background:url(../images/prev2.png) center center no-repeat;}
#owl-team .owl-next:hover{background:url(../images/next2.png) center center no-repeat;}

/*application*/
.inner .application{position: relative;padding:3% 0 ;}
.inner .application ul{width: 103%;}
.inner .application li{width: 30.33%;margin-right: 3%;margin-bottom: 30px;float: left;position: relative;}
.inner .application li .imgarea{display: block;border-radius: 3px;overflow: hidden;width: 100%;height: 400px;}
.inner .application li .imgarea img{max-width: 100%;}
.inner .application li .txtarea{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(1,64,158, 0.1);display: flex;color: #fff;
align-items: center;justify-content: center;transition: all 0.5s;flex-direction: column;}
.inner .application li .txtarea h5{font-size: 24px;line-height: 1;font-weight: bold;transition: all 0.5s;}
.inner .application li .line{width: 30px;height: 1px;background: #fff;margin: 25px 0;transition: all 0.5s;}
.inner .application li .more{display: inline-block;line-height: 2.5;color: #fff;font-size: 16px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;display: inline-block;width: 125px;text-align: center;opacity: 0;height: 0;}
.inner .application li:hover .txtarea{background: rgba(1,64,158, 1);}
.inner .application li:hover .more{opacity: 1;height: auto;transition: all 0.5s;}

/* 新闻 */
.inner .news{position: relative;padding:3% 10px ;}
.inner .newstop{width: 103%;}
.inner .newstop li{width: 47%;margin-right: 3%;float: left;position: relative;}
.inner .newstop li .imgarea{width: 100%;height: 478px;}
.inner .newstop li .txtarea{position: absolute;left: 0;bottom: 0;width: 100%;padding:40px;color: #fff;}
.inner .newstop li h5{font: 600 24px/2 "Microsoft yahei";text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;}
.inner .newstop li .time,.inner .newstop li .more{font-size: 14px;color: #fff;}
.inner .newstop li .more:hover {color: #79c436;}
.inner .newstop li .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.inner .newstop li:hover h5{color: #79c436;}
.inner .newlist li{border: 1px solid #ddd;margin-top: 30px;display: flex;overflow: hidden;}
.inner .newlist li .time{width: 130px;border-right: 1px solid #ddd;float: left;text-align: center;padding: 20px 0;height: 180px;}
.inner .newlist li .time p{font-size: 60px;line-height: 1.2;}
.inner .newlist li .txtarea{flex: 1;padding: 20px 30px;float: left;width:calc(100% - 350px)}
.inner .newlist li .icons{color: #999;}
.inner .newlist li .txtarea .iconfont{font-size: 18px;color: #999;margin-right: 5px;}
.inner .newlist li .txtarea .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.inner .newlist li .icons span{margin-left: 15px;}
.inner .newlist li h5{font: 600 20px/2 "Microsoft yahei";text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;}
.inner .newlist li .more{background: #8d8e8e;color: #fff;width: 150px;float: right;height: 180px;line-height: 180px;text-align: center;}
.inner .newlist li .more .iconfont{font-size: 30px;line-height: 1;}
.inner .newlist li .more a{color:#fff ;font-size: 14px}
.inner .newlist li:hover h5{color: #79c436;}
.inner .newlist li .more:hover{background:#79c436 ;}

/* 联系我们 */
.inner .contact{padding-top: 3%;}
.contact .left{float: left;}
.contact .right{float: right;width: 60%;overflow: hidden;}
.contact h3{font:600 30px "Microsoft Yahei";margin-bottom: 30px;}
.contact h5{font-size: 24px;font-weight: bold;text-align: left;margin-bottom: 40px;}
.contact .top{margin-bottom: 3%;position: relative;}
.contact .top .inform{width: 45%;position: absolute;box-shadow: 0 0 10px #ddd;background: #fff;padding: 30px;z-index: 2;top: 50%;transform: translateY(-50%);}
.contact .top .inform .info{margin-bottom: 5px;}
.contact .top .inform .info i{display: inline-block;margin-right: 5px;font-size: 18px;color: #3b3b3b;}
.contact .top .inform .code{position: absolute;right: 15%;top: 50%;transform: translateY(-50%);font-size: 15px;text-align: center;}
.contact .top .inform .code img{max-width: 110px;}
/* form */
.contact .message{padding: 3% 0;background: #eff0f5;}
.contact .message h3{text-align: center;font-size: 30px;}
.message input{height: 45px;line-height: 45px;border: 1px solid #ddd;box-sizing: border-box;width: 100%;padding-left: 20px;}
.message textarea{height: 120px;line-height: 45px;border: 1px solid #ddd;box-sizing: border-box;width: 100%;padding-left: 20px;margin: 20px 0;}
.message .last{text-align: center;}
.message .last input{width: 300px;height: 45px;line-height: 45px;margin: 0 20px;color: #fff;padding: 0;text-align: center;}
.message .last input:first-child{background:#e01c28}

/* 左侧导航 */
.left_slide{width: 20%;margin-top: 50px;float: left;}
.inner_menu .tit{font:600 30px "Microsoft yahei";}
.inner_menu .tit_des{color: #666;margin-bottom: 25px;}
.inner_menu li .leve1{position: relative;z-index: 1;line-height: 40px;padding:6px 30px;position: relative;display: block;border: 1px solid #ddd;background:#f8f8f8;font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.inner_menu li .leve1 i{float: right;transition: all .5s;}
.inner_menu li .leve1:hover,.inner_menu li .leve1.active{color:#fff}
.inner_menu li .leve1::after{content: '';position: absolute;width: 6px;height: 100%;left: 0;top: 0;background: #E60012;z-index: -1;}
.inner_menu li:hover .leve1::after,.inner_menu li .leve1.active::after{width: 100%;color: #fff;transition: all 0.5s;}
/* 右侧导航 */
.right_slide{width: 80%;margin: 50px 0 80px;float: right;padding-left: 60px;}
.right_slide h3{font:600 30px/1 "Microsoft yahei";}
/* down */
.inner .downlist{margin-top: 65px;}
.inner .downlist li{width: 100%;border-bottom: 1px solid #dddddd;padding: 20px 0;background: #fff;color: #777777;font-weight: normal}
.inner .downlist li:first-child{background: #e6e7ec;color: #333333;font-weight: bold}
.inner .downlist .mod01{width: 60%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 30px;}
.inner .downlist .mod01 i{color: #e60012;font-size: 14px;margin-right: 8px;}
.inner .downlist .mod02,.inner .downlist .mod03{width: 20%;float: left;text-align: center;}
.inner .downlist .mod03 i{color: #79c436;font-size: 24px;line-height: 1;}
/* 产品详情 */
.right_cont{border-top: 1px solid #ddd;padding-top: 50px;margin-top: 25px;}
.application_list {margin-top: 65px;}
.application_list li{border: 1px solid #ddd;margin-bottom: 30px;display: flex;}
.application_list .imgarea{width: 290px;height: 250px;}
.application_list .txtarea{padding:40px;height: 250px;flex: 1;}
.application_list h4{font: 600 24px "microsoft yahei";margin-bottom: 10px;}
.application_list .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;margin:15px 0}
.application_list .more{background: #8c8c8c;color: #fff;padding: 7px 30px;display: inline-block;}
.application_list li:hover h4{color: #E60012;}

.right_cont img{vertical-align:central;}

/* -分页- */
#dcms_pager{text-align: center;margin-top: 50px;}
#dcms_pager a, #dcms_pager span { display: inline-block;cursor: pointer;color: #666;line-height: 2.5;text-align: center;border: 1px solid #BBB;min-width: 40px;padding: 0 1rem;margin: 0 5px 0 0;border-radius: 3px;}
#dcms_pager a:hover {text-decoration: none;background: #E60012;color:#fff;border-color: #E60012;}
#dcms_pager .active {color: #FFF;border:none; cursor: default;background: #E60012;}
#dcms_pager .disabled {color: #ccc;cursor: default;}

.imgarea{overflow: hidden;}
.imgarea img{width: 100%;height: 100%;transition: all 0.5s;}
.imgarea:hover img{transform: scale(1.1);}

/* newsdetail */
.sub_title {text-align: center;padding:0 0 10px 0;line-height: 30px;}
.sub_info{color: #777;line-height: 40px}
.sub_info span{margin-right: 30px}
.sub_title h3{font:600 24px Arial,"microsoft yahei";margin-bottom: 10px;margin-top: 10px}
.article{padding:40px 0;line-height: 25px;border-top: 1px solid #ddd;}
.article img{text-align: center;height: auto !important;}
.skip{border-top: 1px solid #ddd;padding: 20px 0;margin-top: 30px;display: flex;justify-content: space-between;align-items: center;}
.skip .left>div{line-height: 40px;height: 40px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.skip .left>div:hover a{color: #da251c;}
.skip .right a{color: #333;background: #e4e4ec;margin-left: 15px;padding: 8px 30px;}
.skip a{color: #666666}
.bdshare-button-style0-16{display: inline-flex}

@media only screen and (max-width: 1600px){

}

@media only screen and (max-width: 1400px){
    .subbanner .sub_pic{width: 100%;}
	.inner .application li .imgarea{height: 30vw;}
    .contact .top{padding: 30px;}
	.right_cont{padding-top: 40px;margin-top: 20px;}
	.application_list .imgarea{width: 25vw;}
	.application_list .imgarea,.application_list .txtarea{height: 20vw;}
	.application_list .txtarea{padding: 30px;}
	.application_list h4{font-size: 20px}
	.inner .newstop li .imgarea{height: 32vw;}
}


@media only screen and (max-width: 1200px){
	.top_nav li{line-height:36px;font-size: 18px;}
	.inner_menu li .leve1{font-size: 14px}
	.right_slide h3,.inner_menu .tit{font-size: 24px}
	.inner .downlist{margin-top: 25px;}
	.inner .downlist li{padding: 15px 0;}
	.inner .newlist li .time p{font-size: 48px}
	.inner .newstop li h5{font-size: 20px}
	.article{padding: 20px 0 30px;}
	.sub_title h3{margin: 20px 0 10px;}
}

@media only screen and (max-width: 1000px){
    .subbanner{height: 250px;}
    .contact .top .inform,.contact .top .map,.contact .left{width: 100%;}
    .contact .message h3{font-size: 24px;margin: 20px 0;}
	.inner .company h3{font-size: 24px;margin: 20px 0;}
	.inner .company .mod2 .des{width: 65%;}
	.inner .application li .txtarea h5{font-size: 20px}
	.contact .top .inform{position: relative;width: 100%;transform: none;}
	.contact h3{font-size: 24px}
	.contact h5{font-size: 20px;margin-bottom: 15px;}
	.left_slide{display: none;}
	.right_slide{width: 100%;padding-left: 0;}
	.right_cont{padding-top: 10px;}
	.skip{margin-top: 20px;}
	.skip .left>div{line-height: 30px;height: 30px;}
	.right_slide{margin: 30px 0 40px;}
	.application_list{margin-top:25px;}
	.application_list .txtarea{padding: 20px;}
	.application_list h4{margin-bottom: 0;font-size: 18px}
	.application_list .des{margin: 10px 0;}
	.application_list .more{padding: 2px 25px;}
	.inner .newlist li h5,.inner .newstop li h5{font-size: 18px}
	.inner .newstop li .txtarea{padding: 0 30px 20px;}
}

@media only screen and (max-width: 768px){
    .subbanner{height: 180px;}
	.top_nav li{font-size: 16px;line-height: 30px;}
	.inner .company .mod3 li .job{font-size: 16px}
	.inner .company .mod3 .swiper-container{width: 80%;}
	.inner .company .mod3 .swiper-button-prev{left: 0;}
	.inner .company .mod3 .swiper-button-next{right: 0;}
    .message input{margin-bottom: 15px;}
    .message textarea{margin: 0 0 15px;}
	.inner .application li .txtarea h5{font-size: 18px}
	.inner .application li .line{margin: 20px 0;}
	.inner .application li .more{width: 100px;font-size: 14px}
	.right_slide h3, .inner_menu .tit{font-size: 20px}
	.inner .downlist li{padding: 12px 0;}
	.inner .downlist .mod01{padding-left: 15px;}
	.application_list .more{display: none;}
	.application_list h4{font-size: 16px}
	.inner .newlist li .time{width: 100px;}
	.inner .newlist li .time p{font-size: 40px}
	.inner .newlist li .txtarea{padding:15px}
	.inner .newlist li h5{line-height:1.5}
	.inner .newlist li .txtarea .des{line-height:1.5}
}
  

@media only screen and (max-width: 640px){
	.nav_cont{display: none;}
	.path{padding: 0;bottom: 10px;}
	.inner .company .mod2 .des{width: 100%;}
	.inner .application li .txtarea h5{font-size: 16px}
	.contact .top .inform .code{right: 20px;}
	.contact .top .inform .code img{max-width: 90px;}
	#dcms_pager a, #dcms_pager span{min-width: 30px;line-height: 2;}
	.application_list .txtarea{padding: 10px;}
	.application_list .des{line-height: 1.5;}
	#dcms_pager{margin-top: 30px;}
	.inner .newlist li .more,.inner .newlist li .time{width: 80px;}
	.inner .newlist li .time p{font-size: 36px}
	.inner .newlist li h5, .inner .newstop li h5{font-size: 16px}
	.inner .newstop li .txtarea{padding:0 15px 10px}
}

@media only screen and (max-width: 480px){
	.inner .downlist .mod01{width: 80%;}
	.inner .downlist .mod02{display: none;}
}