@charset "utf-8";
/*内容页面通用样式*/
/*banner*/
.banner{ width:100%; position:relative;}
.banner .img{ width:100%; height:240px; background-image:url(../images/banner.jpg); background-position: center; background-repeat:no-repeat; background-size:cover;}
/*--------------------------------------------------------------------------------------------------*/
/*内页通用*/
.neiye{ width:100%; position:relative; padding:30px 0;background: #fff;}

/*左侧*/
.ny_fl{width: 245px; float:left;}
.ny_fl .box{ width:100%; position:relative;border-bottom: 9px solid #045ca9;border-radius: 0 0 3px 3px; }
.ny_fl .box .title{background: #045ca9;height: 60px;display: flex;align-items: center;color: #fff;font-size: 24px;font-weight: bold;padding-left: 25px;position:relative;}
.ny_fl .box .title:before{ content:''; display:block; position:absolute;width: 7px;height: 7px; top:25px; right:27px; background:url(../images/nyfl_titico.png) no-repeat center;}
.ny_fl .box .list{ width:100%; position:relative;border-left:1px #eee solid; border-right:1px #eee solid;}
.ny_fl .box .list .item{position:relative;}
.ny_fl .box .list .item .img{ width:100%; overflow:hidden;}
.ny_fl .box .list .item .img img{ display:block; width:100%;}

.ny_fl .box1{margin-bottom:15px;}
.ny_fl .box1 .list .item{width:100%; border-top:1px #eee solid; padding-left:46px;height: 54px;display: flex;align-items: center;font-size: 14px;color: #444;}
.ny_fl .box1 .list .item:first-child{border-top: none;}
.ny_fl .box1 .list .item:before{ content:''; display:block; position:absolute; width:8px; height:8px;border-radius:50%; border:1px #045ca9 solid; left:25px; top:calc(50% - 4px);}
.ny_fl .box1 .list .item:hover, .ny_fl .box1 .list .item.on{ color:#045ca9;}
.ny_fl .box1 .list .item:hover:before, .ny_fl .box1 .list .item.on:before{ background:#045ca9;}

.ny_fl .box2{margin-bottom:15px;}
.ny_fl .box2 .list{ font-size:0; text-align:center; padding:5px 5px 0;}
.ny_fl .box2 .list .item{ width:calc(50% - 5px); display:inline-block; margin:0 5px 5px 0;}
.ny_fl .box2 .list .item:nth-child(2n){ margin:0 0 5px 0;}
.ny_fl .box2 .list .item .tit{font-size: 12px;line-height: 30px;height: 30px;overflow: hidden;color:#444;}

.ny_fl .box3{ margin-bottom:0;}
.ny_fl .box3 .list{padding:5px;}
.ny_fl .box3 .list h1{font-size:18px;font-weight: bold;color: #045ca9;}
.ny_fl .box3 .list h2{color: #444; font-style:14px; line-height:24px;}
.ny_fl .box3 .list h3{border-top: 1px solid #eee;padding:30px 0 0;line-height: 24px;display: block;position:relative;}
.ny_fl .box3 .list h3 span{color: #045ca9;font-size: 26px;width: 100%;line-height: 30px;display: block;}
.ny_fl .box3 .list h3 span:first-child{ margin-top:10px;}

/*右侧*/
.ny_fr{width:920px; float:right;}

/*位置*/
.ny_position{height: 40px;display: flex;padding-bottom: 10px;margin-bottom: 20px;font-size: 14px;border-bottom: 1px solid #f1f1f1;align-items: center;}
.ny_position i{background: url(../images/home.png) no-repeat center/100%;width:20px;height:20px;margin-right:10px;}
.ny_position, .ny_position a{font-size:14px; color:#444;}
.ny_position a{ margin:0 3px;}
.ny_position a:hover{ color:#045ca9;}
/*--------------------------------------------------------------------------------------------------*/
/*单篇样式*/
/*about*/
.nei_about p{ font-size:15px; color:#444; line-height:24px;}
.nei_about p strong{ font-size:15px;}

/*联系*/
.nei_contact{ width:100%; position:relative;}
.nei_contact h3{ font-size:26px; line-height:30px; color:#045ca9; margin-bottom:10px; font-weight:bold;}
.nei_contact p{ font-size:15px;color:#444;}
.nei_contact .wximg{ display:block; float:right; width:180px;}

#allmap {width: 100%;height: 500px;margin-top:20px;overflow: hidden;}
.BMap_bubble_content{color: #444;font-size: 14px; line-height:24px;}
.BMap_bubble_content b{color: #045ca9;font-size: 15px; line-height:24px; margin-bottom:10px;}

/*留言*/
.nei_message{ width:100%; position:relative;}
.nei_message *{font-size:14px;color: #999;}
.nei_message input,
.nei_message textarea{width:100%; height:100%; padding-top:10px; padding-bottom:10px;line-height:30px; border:none; outline:none;}
.nei_message span{left:10px;color: #999;}
.nei_message i{right:10px;color:#F00;width: 10px;}
.nei_message i,
.nei_message span{position: absolute;top: 10px;align-items: center;height: 30px;display: flex;}
.nei_message div{position: relative;}

.nei_message .div1{ width:100%; height:52px;margin-bottom: 40px;}
.nei_message .div1 div{border: 1px solid #e4e4e4; height:100%; width:calc(50% - 35px); float:left;}
.nei_message .div1 div input{ padding-left:48px; padding-right:30px;}
.nei_message .div1 .div11{ margin-right:70px;}

.nei_message .div2{width:100%; height:172px;margin-bottom: 40px;border: 1px solid #e4e4e4;}
.nei_message .div2 textarea{ padding-left:10px; padding-right:10px;text-indent: 66px;}

.nei_message .div3{width:100%; height:52px;}
.nei_message .div3 .div31{ width:50%; float:left;border: 1px solid #e4e4e4; height:100%;}
.nei_message .div3 .div31 input{padding-left:62px; padding-right:140px;}
.nei_message .div3 .div31 img{position: absolute;right: 0;top: 0;height: 100%;width: 130px;}
.nei_message .div3 .div32{ width:230px; float:right;border: 1px solid #045ca9;height:100%;}
.nei_message .div3 .div32 input{padding-left:10px; padding-right:10px;background:#045ca9; color:#fff;}
.nei_message .div3 .div32:hover input{background:#fff; color:#045ca9;}
/*--------------------------------------------------------------------------------------------------*/
/*页码*/
.pagenum{padding:20px 0 30px;width:100%;text-align:center;clear:both;}
.pagenum a,
.pagenum span{color:#999;padding:0 15px;margin:0 3px;display:inline-block;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #f2f2f2;}
.pagenum a:hover,
.pagenum span{display:inline-block;color:#fff;background:#045ca9;border-color:#045ca9;}
.pagenum a.page-num-current{display:inline-block;color:#fff;background:#045ca9;border-color:#045ca9;}
.pagenum span.page-num{ display:none !important;}

/*相关新闻*/
.ny_news{border: 1px solid #e4e4e4; width:100%; position: relative;}
.ny_news h1{height:40px;line-height:40px; overflow:hidden; text-indent:20px;display: block;color: #045ca9;font-weight: bold; font-size: 14px; position:relative;}
.ny_news h1:after,
.ny_news h1:before{content:''; display:block;position:absolute; left:0;}
.ny_news h1:after{ width:100%; height:1px; background:#e4e4e4; bottom:0;}
.ny_news h1:before{  width:5px; height:40px;  top:0; background: #045ca9;}

.ny_news .list{ padding:10px 20px; position:relative;}
.ny_news .list .box{ width:calc(50% - 10px); float:left; margin-right:20px;border-bottom: 1px #ccc dashed;}
.ny_news .list .box:nth-child(2n){ margin-right:0;}
.ny_news .list .box .left{color:#666; font-size:12px;float: left;width: calc(100% - 80px);height: 40px;display: block;line-height: 40px;overflow: hidden;}
.ny_news .list .box .right{ color:#999;font-size:12px;float: right;width: 80px;height: 40px;display: flex;align-items: center;justify-content: flex-end;}
.ny_news .list .box:nth-child(7),
.ny_news .list .box:nth-child(8){ border-bottom:none;}
/*--------------------------------------------------------------------------------------------------*/
/*列表通用*/
.ny_list{width:100%; position:relative;font-size:0;}
.ny_list .item{position:relative;}
.ny_list .item .img{position:relative; overflow:hidden;}
.ny_list .item .img img{display:block;transition:transform .5s ease;}
.ny_list .item .img .on{position: absolute;width: 100%;height: 100%;background: url(../images/hov_ico1.png) rgba(0,0,0,.3) no-repeat center/45px;left: 0;top: 0;opacity: 0;transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.ny_list .item:hover .img img{transform: scale(1.05);}
.ny_list .item:hover .img .on{opacity: 1;transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;}
.ny_list .item .tit{ background:rgba(0,0,0,.01);position:relative; border:1px #f2f2f2 solid;padding: 20px;transition:padding .5s ease; border-top:none;}
.ny_list .item:hover .tit{background: #045ca9; border-color:#045ca9;padding: 20px 10px 20px 30px;}

/*产品*/
.nei_pro .item{cursor: pointer;display:inline-block; margin:0 2% 2% 0; width:32%;}
.nei_pro .item:nth-child(3n){ margin:0 0 2% 0;}
.nei_pro .item .img img{width:100%;}
.nei_pro .item .tit{padding: 20px;}
.nei_pro .item .tit p{font-size: 16px;line-height: 24px;overflow:hidden; height:24px;}
.nei_pro .item:hover .tit p{color: #fff;}

/*新闻*/
.nei_news .item{width: 100%;display: flex;border-bottom: 1px #ddd solid;padding: 20px;align-items: center;justify-content: space-between; margin-bottom:20px;}
.nei_news .item .left{width: 180px;height: 135px;display: block;overflow: hidden;}
.nei_news .item .left img{width: 100%;height: 100%;display: block;}
.nei_news .item .right{ width:calc(100% - 180px); padding-left:20px;}
.nei_news .item .right h1{font-size: 16px;line-height: 26px;}
.nei_news .item .right h2{color: #999;font-size: 12px;line-height: 22px;margin: 5px 0;}
.nei_news .item .right p{color: #444;font-size: 14px;line-height: 24px;}

.nei_news .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-bottom:1px transparent solid;}
.nei_news .item:hover h1{ color:#045ca9;}
.nei_news .item:hover h2{color: #999;}
.nei_news .item:hover p{color: #444;}

/*相册*/
.nei_album .item{cursor: pointer;display:inline-block; margin:0 2% 2% 0; width:32%;}
.nei_album .item:nth-child(3n){ margin:0 0 2% 0;}
.nei_album .item .img img{width:100%;}
.nei_album .item .img:hover{}
.nei_album .item .tit{font-size: 16px;line-height: 24px;}
.nei_album .item:hover .tit{color: #fff;}

/*搜索*/
.nei_search .item{ display:block;width: 100%;border-bottom: 1px #ddd solid;padding: 20px;margin-bottom:20px;}
.nei_search .item h1{font-size: 16px;line-height: 26px;}
.nei_search .item h2{color: #999;font-size: 12px;line-height: 22px;margin: 5px 0;}
.nei_search .item p{color: #444;font-size: 14px;line-height: 24px;}

.nei_search .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-bottom:1px transparent solid;}
.nei_search .item:hover h1{ color:#045ca9;}
.nei_search .item:hover h2{color: #999;}
.nei_search .item:hover p{color: #444;}
/*--------------------------------------------------------------------------------------------------*/
/*内容分页*/
.pagebut{height: 38px;border: 1px solid #ddd;padding: 0px 10px;margin-bottom: 20px;}
.pagebut .prev,
.pagebut .next{height: 38px;line-height: 38px;color: #666;}
.pagebut .prev a,
.pagebut .next a{height: 38px;line-height: 38px;color: #666;}
.pagebut .prev a:hover,
.pagebut .next a:hover{color: #045ca9;}
.pagebut .prev{float: left;}
.pagebut .next{float: right;}

/*内页分享*/
.ny_share{width: 100%;display: block;margin: 10px 0;}
/*--------------------------------------------------------------------------------------------------*/
/*内容页通用*/
.ny_page .title{border-bottom: 1px dashed #ccc;text-align: center;padding-bottom: 5px;}
.ny_page .title h1{font-size: 24px;font-weight: bold;line-height: 34px;}
.ny_page .title p{color: #999;font-size: 12px;line-height: 22px;}

.ny_page .info{color: #444;font-size:14px;line-height:2em;text-align: justify; margin-top:20px;}

/*产品*/
.page_pro .pics{ width:100%; margin-bottom:20px;}
.page_pro .pics .but{cursor: pointer;position:absolute;}
.page_pro .pics .but.swiper-button-disabled{cursor: auto;}

.page_pro .bigbox{position:relative;overflow: hidden;}
.page_pro .bigbox .swiper-container{width:100%;}
.page_pro .bigbox .swiper-container .swiper-slide .img{display: flex;justify-content: center;}
.page_pro .bigbox .but{width:50%; height:100%; top:0;}
.page_pro .bigbox .next{right:0;}
.page_pro .bigbox .prev{left:0;}

.page_pro .smallbox{background: #eee;overflow: hidden;position: relative; height:150px; padding:0 85px; position:relative;}
.page_pro .smallbox .swiper-container{ width:100%; height:110px; margin:20px 0;}
.page_pro .smallbox .swiper-container .swiper-slide{height:100%;border: 3px solid #ddd;}
.page_pro .smallbox .swiper-container .swiper-slide.swiper-slide-thumb-active{border: 3px solid #045ca9;}
.page_pro .smallbox .swiper-container .swiper-slide .img{width:100%;height:100%; display:block; background-position:center; background-repeat:no-repeat; background-size: cover;}
.page_pro .smallbox .but{ width:45px; height:110px;top:20px;}
.page_pro .smallbox .prev{ left:20px; background:url(../images/ArrowL.jpg) no-repeat center;}
.page_pro .smallbox .next{ right:20px; background:url(../images/ArrowR.jpg) no-repeat center;}
/*--------------------------------------------------------------------------------------------------*/