@charset "utf-8";
/* CSS Document */
#ZoomBox{background:#fff;}
.container{padding:30px 0;background:#fafafa;}
.page_main .position,.page_main .cont,.page_main .showpro{width:78%;overflow:hidden;position:relative;float:right;}
.page_main .position.position-w{width:100%;}
.page_main .column{width:20%;max-width:238px;float:left;overflow:hidden;}
.page_main .cont{padding-top:15px;min-height:200px;}

@media only screen and (max-width:1024px){
.container .page_main > div{width:100%;max-width:100%;}
}

/*column*/
.page_main .column .tit{width:100%;height:90px;background:#436484 url(../nyimages/icon3.png) right bottom no-repeat;padding:8px 25px;line-height:1.4;font-weight:bold;}
.page_main .column .tit p{width:100%;color:#fff;font-size:24px;padding-top:10px;overflow:hidden;}
.page_main .column .tit span{width:100%;color:#8eb8e2;font-size:16px;display:block;}

.page_main .column ul{width:100%;overflow:hidden;}
.page_main .column ul > *,.page_main .column ul li p{width:100%;background:#f5f5f5;position:relative;float:left}
.page_main .column ul > *{border-bottom:1px solid #fff;border-left:2px solid #e5b673;overflow:hidden;}
.page_main .column ul li > p{overflow:hidden;}
.page_main .column ul p{padding:0 13px 0 10px;}
.page_main .column ul p::after{content:"";width:0;height:100%;background:#e5b673;position:absolute;left:0;top:0;z-index:1;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.page_main .column ul a{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.page_main .column ul p a{font-size:15px;line-height:45px;height:44px;padding: 0 10px;background:url(../nyimages/icon4.png) right center no-repeat;font-weight:bold;position:relative;z-index:2;}
.page_main .column ul p span{display:block;width:100%;overflow:hidden;height:100%;position:absolute;left:0;top:0;z-index:3;margin:0;}
.page_main .column ul li.onn p a{color:#e59e39;background-image:url(../images/flicon.png);}
.page_main .column ul > p:hover::after,.page_main .column ul > p.on::after,.page_main .column ul li:hover p::after,.page_main .column ul li.on p::after{width:100%;}
.page_main .column ul > p:hover a,.page_main .column ul > p.on a,.page_main .column ul li:hover p a,.page_main .column ul li.on p a{color:#fff;background-image:url(../nyimages/icon5.png);}
.page_main .column ul li.on p span{top:100%}

.page_main .column ul li dl{width:100%;padding:0 13px;background:#fff;overflow:hidden;margin:0;}
.page_main .column ul li dl a{line-height:30px;height:0;color:#787878;padding-left:20px;background:url(../nyimages/icon4.png) 5px center no-repeat;}
.page_main .column ul li dl dd.onn a{background-image:url(../images/flicon.png);}
.page_main .column ul li dl dd.on a{color:#e58f39;}
.page_main .column ul li.on dl{padding:10px 13px;}
.page_main .column ul li.on dl a{height:30px;}

.page_main .left-con{width:100%;overflow:hidden;background:url(../images/procontact.jpg) center bottom no-repeat;padding-bottom:10px;background-size:100% auto;margin-top:15px;}
.page_main .left-con >div{width:100%;overflow:hidden;background:url(../images/procontact.jpg) center top no-repeat;background-size:100% auto;padding:90px 15px 0;max-height:480px;}
.page_main .left-con p{margin-bottom:5px;}

@media only screen and (max-width:1024px){
.page_main .column,.page_main .column ul,.page_main .column ul li{overflow:visible;}
.page_main .column .tit,.page_main .left-con{display:none;}
.page_main .column ul{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;padding:25px 0 20px;}
.page_main .column ul > *{width:20%;padding:5px;border:0;background:none;float:left;flex-shrink:0;text-align:center;}
.page_main .column ul li{width:25%;}
.page_main .column ul > p{padding:5px;}
.page_main .column ul li p{padding:0;}
.page_main .column ul p::after{background:none;}
.page_main .column ul p a{height:50px;border-radius:5px;background:#436484;color:#fff;padding:3px 10px;font-size:18px;}
.page_main .column ul p span{display:block!important;}
.page_main .column ul li.onn p a,.page_main .column ul li:hover p a{color:#e5b673;background-image:none;}
.page_main .column ul > p:hover a,.page_main .column ul > p.on a,.page_main .column ul li.on p a{background:#e5b673;color:#fff;}
.page_main .column ul li dl{position:absolute;left:0;top:100%;z-index:5;background:#163656;padding:0;border-radius:5px;}
.page_main .column ul li dl a{color:#8ab8e5;height:0;padding:0 5px;background:none;border-bottom:0 dashed #436484;}
.page_main .column ul li dl dd:last-child a{border:0;}
.page_main .column ul li dl dd.onn a{background-image:none;}
.page_main .column ul li dl dd.on a,.page_main .column ul li dl dd:hover a{color:#fff;z-index:5;background:none;color:#e5b673;}
.page_main .column ul li.on p span{top:0;}
.page_main .column ul li.on dl{padding:0;}
.page_main .column ul li.on dl a{height:0;}
.page_main .column ul li:hover p span{top:100%;}
.page_main .column ul li:hover dl{padding:5px 10px;}
.page_main .column ul li:hover dl a{height:40px;padding: 5px;border-width:1px;}
}
@media only screen and (max-width:768px){
.page_main .column ul{padding:15px 0 10px;}
.page_main .column ul > p{width:33.33%;}
.page_main .column ul li{width:50%;}
}
@media only screen and (max-width:425px){
.page_main .column ul li p a{font-size:15px;}
.page_main .column ul > p{width:50%;}
}

/*aboutus page*/
.aboutus .cont p{margin-bottom:10px;text-indent:2em;font-size:15px;line-height:1.8;}
.aboutus .cont img{max-width:100%;margin:10px auto 0;display:block;-webkit-transform:translateX(-2em);-moz-transform:translateX(-2em);transform:translateX(-2em);}

@media only screen and (max-width:1024px){
.aboutus .cont p{font-size:16px;}
}

/*prohome page*/
.pro_floor{width:100%;overflow:hidden;margin-bottom:20px;}
.page_main .pro_floor_tit{width:100%;overflow:hidden;height:50px;float:left;background:#436484;margin-bottom:10px;border-radius:5px 5px 0 0;}
.page_main .pro_floor_tit p{width:75%;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:12px 5px 11px 20px;font-size:18px;color:#fff;float:left;font-weight:bold;}
.page_main .pro_floor_tit a{width:50px;height:100%;display:block;font-size:24px;color:#fff;text-align:center;float:right;background:#7a9ec2;padding:7px 0;}
.page_main .pro_floor_tit a:hover{background:#e5b673;}

.page_main .pro_floor_con{width:100%;overflow:hidden;}
.page_main .pro_floor_con ul{width:calc(100% + 20px);overflow:hidden;margin:0 -10px;}
.page_main .pro_floor_con ul li{width:33.33%;overflow:hidden;float:left;text-align:center;padding:10px;}
.page_main .pro_floor_con ul li a{display:block;width:100%;overflow:hidden;background:#f7f7f7;border:1px solid #e6e6e6;border-radius:5px;padding:4px;}
.page_main .pro_floor_con ul li p{width:100%;overflow:hidden;background:#fff;position:relative;}
.page_main .pro_floor_con ul li em{width:100%;display:block;padding-bottom:75%;position:relative;}
.page_main .pro_floor_con ul li img{height:100%;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.page_main .pro_floor_con ul li span{width:100%;overflow:hidden;display:block;font-size:15px;padding:7px 0 2px;white-space:nowrap;text-overflow:ellipsis;}

@media only screen and (max-width:768px){
.page_main .pro_floor_con ul li{width:50%;}
}
@media only screen and (max-width:425px){
.page_main .pro_floor_con ul{width:calc(100% + 10px);margin:0 -5px;}
.page_main .pro_floor_con ul li{padding:5px;}
}

/*proshow page*/
.showpro{padding-top:15px;}
.showpro_left{width:44%;float:left;overflow:hidden;margin-bottom:25px;}
.showpro_left .bigPic{width:100%;overflow:hidden;border:1px solid #ddd;text-align:center;background:#fff;position:relative;}
.showpro_left .bigPic a{width:100%;display:block;padding-bottom:75%;position:relative;}
.showpro_left .bigPic img{height:100%;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}

.showpro_left .smallpic{width:100%;height:85px;overflow:hidden;padding:15px 25px 0;position:relative;}
.showpro_left .smallpic .btn{width:21px;height:70px;background:#e3e5e7;position:absolute;top:15px;padding:28px 0;cursor:pointer;}
.showpro_left .smallpic .btn1{left:0;border-radius:5px 0 0 5px;}
.showpro_left .smallpic .btn2{right:0;border-radius:0 5px 5px 0;}
.showpro_left .smallpic .btn span{width:14px;height:14px;overflow:hidden;border:7px solid #e3e5e7;display:block;}
.showpro_left .smallpic .btn1 span{border-right:7px solid #ccc;float:left;}
.showpro_left .smallpic .btn2 span{border-left:7px solid #ccc;float:right;}
.showpro_left .smallpic .btn:hover{background:#ff7e00;}
.showpro_left .smallpic .btn:hover span{border-color: #ff7e00;}
.showpro_left .smallpic .btn1:hover span{border-right-color:#fff;}
.showpro_left .smallpic .btn2:hover span{border-left-color:#fff;}

.showpro_left .smallpic .picon{width:100%;height:70px;overflow:hidden;float:left;}
.showpro_left .smallpic .picon ul{width:150%;}
.showpro_left .smallpic .picon ul li{width:90px;height:70px;overflow:hidden;float:left;text-align:center;background:#fff;padding:0 2px;}
.showpro_left .smallpic .picon ul li a{width:86px;height:70px;overflow:hidden;display:block;border:1px solid #ddd;}
.showpro_left .smallpic .picon ul li.on a{border-color:#ff7e00;}
.showpro_left .smallpic .picon ul li a img{width:100%;min-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}

.showpro_right{width:54%;overflow:hidden;float:right;margin-bottom:25px;}
.showpro_right .showpro_bt{width:100%;padding:5px 10px 15px;font-size:16px;overflow:hidden;font-weight:bold;}
.showpro_right .fenlei{width:100%;overflow:hidden;height:36px;padding:5px 9px;line-height:24px;font-size:15px;border:1px solid #ddd;background:#f5f5f5;color:#666;border-radius:5px;}
.showpro_right .fenlei li{width:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;float:left;}
.showpro_right .jieshao{width:100%;min-height:190px;padding:10px;line-height:24px;overflow:hidden;font-size:15px;}
.showpro_right .xunpan{width:100%;padding:10px;}
.showpro_right .xunpan a{float:left;margin-right:10px;}

.showpro_detail{width:100%;overflow:hidden;clear:both;}
.showpro_detail .detail_tit{width:100%;overflow:hidden;height:40px;background:#f0f2f4;position:relative;}
.showpro_detail .detail_tit p{line-height:36px;font-size:16px;font-weight:bold;text-align:center;width:100px;height:32px;overflow:hidden;background:#fafafa;border:1px solid #ddd;border-bottom:0;border-radius:5px 5px 0 0;position:absolute;left:10px;bottom:0;}
.showpro_detail .detail_tit span{width:100%;display:block;height:40px;border-bottom:1px solid #ddd;}
.showpro_detail .detail_content{width:100%;overflow:hidden;font-size:16px;color:#454545;padding:25px 10px 15px;min-height:150px;}
.showpro_detail .detail_content .tablebox{width:100%;overflow-x:auto;}
.showpro_detail .detail_content table{border:1px solid #ccc!important;width:100%!important;border-spacing:0!important;}
.showpro_detail .detail_content table tr td{border:1px solid #ccc;padding:0 10px;line-height:1.2}
.showpro_detail .detail_content p{margin-bottom:10px;}
.showpro_detail .detail_content p img{max-width:100%;margin:10px auto;display:block;}

@media only screen and (max-width:768px){
.showpro{padding-top:25px;}
.showpro_left{width:100%;max-width:640px;margin:0 auto;float:none;}
.showpro_left .smallpic{height:75px;}
.showpro_left .smallpic .btn{height:60px;padding:23px 0;}
.showpro_left .smallpic .picon{height:60px;}
.showpro_left .smallpic .picon ul li{width:80px;height:60px;}
.showpro_left .smallpic .picon ul li a{width:76px;height:60px;}
.showpro_right{width:100%;border:1px solid #ddd;border-width:1px 0;padding:15px 0;margin:20px auto;}
.showpro_right .jieshao{min-height:50px;}
}

/*news page*/
.newslist .news_list,.newslist .news_list ul{width:100%;overflow:hidden;}
.newslist .news_list ul li{width:100%;height:125px;overflow:hidden;float:left;margin-bottom:15px;position:relative;padding-left:175px;}
.newslist .news_list ul li .pic{width:160px;height:120px;overflow:hidden;border:1px solid #ddd;text-align:center;background:#fff;position:absolute;left:0;top:5px;}
.newslist .news_list ul li .pic a{width:100%;height:100%;display:block;position:relative;overflow:hidden;}
.newslist .news_list ul li .pic img{width:100%;min-height:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.newslist .news_list ul li .tit{width:100%;font-size:16px;float:left;font-weight:600;}
.newslist .news_list ul li .tit a{display:block;padding:5px 0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newslist .news_list ul li .text{float:left;width:100%;height:4.5em;overflow:hidden;color:#666;line-height:1.5!important;}
.newslist .news_list ul li .text *{line-height:1.5!important;}
.newslist .news_list ul li .text img{display:none;}
.newslist .news_list ul li .date{width:100%;float:left;overflow:hidden;color:#787878;font-size:15px;padding-top:5px;}
.newslist .news_list ul li .date span{display:block;width:20px;height:20px;float:left;background:url(../nyimages/date1.png) left center no-repeat;background-size: 14px;}
.newslist .news_list ul li:hover .tit a{color:#e5b673;}

@media only screen and (max-width:768px){
.newslist .news_list ul li{height:95px;padding-left:130px;margin-bottom:10px;}
.newslist .news_list ul li .pic{width:120px;height:90px;}
.newslist .news_list ul li .tit a{padding:5px 0;}
.newslist .news_list ul li .text{height:2.6em;line-height:1.3!important;}
.newslist .news_list ul li .text *{line-height:1.3!important;}
}
@media only screen and (max-width:425px){
.newslist .news_list ul li{height:40px;margin-bottom:5px;border-bottom:1px dotted #ccc;padding:0 80px 0 0;}
.newslist .news_list ul li .pic,.newslist .news_list ul li .text,.newslist .news_list ul li .date span{display:none;}
.newslist .news_list ul li .tit{padding-left:20px;background:url(../nyimages/newsico.png) left center no-repeat;}
.newslist .news_list ul li .tit a{padding:8px 0;}
.newslist .news_list ul li .date{position:absolute;right:0;top:0;width:auto;padding:10px 0 8px;}
}

/*newshow page*/
.newshow .newsdetail{padding-bottom:20px;}
.newshow .newsdetail .title{width:100%;font-size:24px;padding:10px 0 5px;text-align:center;}
.newshow .newsdetail .newsdate{width:100%;color:#999;margin-bottom:20px;font-size:15px;padding:5px 0;text-align:center;}
.newshow .newsdetail .newsdate img{width:20px;height:14px;padding-right:6px;position:relative;top:1px;}
.newshow .newsdetail .newscontent{width:100%;color:#454545;font-size:15px;line-height:1.8;text-indent:2em;padding:25px 10px 0;border-top:1px dotted #ccc;}
.newshow .newsdetail .newscontent p{margin-bottom:10px;}
.newshow .newsdetail .newscontent img{max-width:100%;display:block;margin:10px auto 0;}

@media only screen and (max-width:768px){
.newshow .newsdetail .title{font-size:18px;}
.newshow .newsdetail .newsdate{padding:0;}
.newshow .newsdetail .newscontent{line-height:1.6;padding-top:20px;}
}

/*faq page*/
.faqlist .problem_list,.faqlist .problem_list ul{width:100%;overflow:hidden;}
.faqlist .problem_list ul li{width:100%;float:left;border-bottom:1px dotted #ccc;padding:10px 15px;height:41px;font-size:15px;margin-bottom:5px;position:relative;}
.faqlist .problem_list ul li .news_title{width:100%;float:left;padding-right:60px;}
.faqlist .problem_list ul li .news_title a{float:left;display:block;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.faqlist .problem_list ul li .news_tm{width:50px;height:20px;position:absolute;right:10px;top:10px;text-align:center;color:#787878;}
.faqlist .problem_list ul .newsbg{height:45px;background:#436484;margin-bottom:10px;border-radius:5px 5px 0 0;color:#fff;}
.faqlist .problem_list ul .newsbg .news_title{font-size:18px;}
.faqlist .problem_list ul .newsbg .news_tm{top:12px;color:#fff;}

/*down page*/
.downlist .down_list{width:100%;overflow:hidden;}
.downlist .down_list ul li{width:100%;float:left;border-bottom:1px dotted #ccc;padding:0 15px;height:35px;line-height:34px;margin-bottom:5px;position:relative;}
.downlist .down_list ul li .news_title{width:100%;float:left;padding-right:70px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.downlist .down_list ul li .news_date{width:.6rem;height:35px;position:absolute;right:10px;top:0;text-align:center;color:#787878;}
.downlist .down_list ul .newsbg{height:40px;background:#f3f5f7;line-height:45px;margin-bottom:10px;}

@media only screen and (max-width:425){
.downlist .down_list ul li{padding:0 10px;}
}

/*case page*/
.album_floor{width:100%;overflow:hidden;}
.album_floor ul{width:calc(100% + 20px);overflow:hidden;margin:0 -10px;}
.album_floor ul li{width:33.33%;overflow:hidden;float:left;padding:5px 10px;text-align:center;}
.album_floor ul li a,.album_floor ul li a > * ,.album_floor ul li em{display:block;width:100%;overflow:hidden;}
.album_floor ul li p{border:1px solid #ddd;position:relative;}
.album_floor ul li em{position:relative;padding-bottom:75%;}
.album_floor ul li img{height:100%;min-width:100%;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.honors .album_floor ul li img{max-width:100%;min-width:auto;}
.album_floor ul li span{padding:10px;white-space:nowrap;text-overflow:ellipsis;}

@media only screen and (max-width:768px){
.album_floor ul li{width:50%;}
}
@media only screen and (max-width:425px){
.album_floor ul{width:calc(100% + 10px);margin:0 -5px;}
.album_floor ul li{padding:5px;}
}

/*videolist page*/
@media only screen and (max-width:424px){
.videolist .cont ul li{width:100%;}
}

/*videoshow page*/
.videoshow .videosdetail{margin-bottom:20px;}
.videoshow .videosdetail .title{text-align:center;font-size:20px;padding:10px 0 5px;}
.videoshow .videosdetail .sp{width:100%;max-width:750px;padding-bottom:66.7%;overflow:hidden;position:relative;margin:0 auto;background:#000;}
.videoshow .videosdetail .sp > iframe{width:100%;height:100%;position:absolute;}

@media only screen and (min-width:767px){
.videoshow .videosdetail .title{font-size:18px;padding:5px 0 0;}
}

/*contact page*/
.contact .cont{padding:10px;margin-top:15px;background:#fff;border:1px solid #f9f9f9;}
.contact .cont .text{width:46%;overflow:hidden;float:left;padding:15px;}
.contact .cont .text p{margin-bottom:6px;width:100%;font-size:16px;}
.contact .cont .mapbox{width:52%;border:1px solid #ddd;float:right;position:relative;padding-bottom:39%;}
.contact .cont .mapbox > iframe{position:absolute;left:0;top:0;}

@media only screen and (max-width:768px){
.contact .cont{padding:0;background:none;border:0;}
.contact .cont .text{width:100%;padding:5px 5px 10px;}
.contact .cont .mapbox{width:100%;padding-bottom:60%;}
}

/*feedback page*/
.order .cont{padding:40px 15px 20px;border:1px solid #ddd;background:url(../nyimages/lxbg.jpg) center no-repeat;margin-top:15px;border-radius:5px;}
.order .cont ul{width:102%;overflow:hidden;}
.order .cont ul li{width:100%;height:30px;margin-bottom:10px;overflow:hidden;position:relative;}
.order .cont ul li .bt{width:150px;display:block;text-align:right;height:30px;line-height:30px;position:absolute;left:0;top:0;}
.order .cont ul li p{width:100%;padding-left:150px;overflow:hidden;}
.order .cont ul li p .text{max-width:93%;height:30px;border:1px solid #ddd;line-height:18px;padding:5px 9px;float:left;border-radius:3px;}
.order .cont .red{float:left;display:block;height:30px;line-height:36px;padding-left:5px;}
.order .cont ul li.li_2{height:180px;}
.order .cont ul li.li_2 textarea{width:93%;max-width:400px;border:1px solid #ddd;height:180px;line-height:24px;padding:2px 9px;float:left;border-radius:3px;}
.order .cont ul li.code .bt,.order .cont ul li.li_3 .bt{position:relative;float:left;}
.order .cont ul li.code input{width:80px;border:1px solid #ddd;line-height:18px;height:30px;float:left;padding:5px 9px;border-radius:3px;}
.order .cont img{float:left;padding:4px 5px;cursor:pointer;}
.order .cont ul li.li_3{height:40px;padding:5px 0;}
.order .cont ul li.li_3 input{display:block;width:100px;height:30px;float:left;margin-right:10px;font-size:16px;border-radius:3px;}
.order .cont ul li.li_3 .tj{background:#436484;color:#fff;}

@media only screen and (max-width:768px){
.order .cont{padding:25px 10px 15px;}
.order .cont ul li .bt{width:90px;}
.order .cont ul li p{padding-left:90px;}
}
@media only screen and (max-width:425px){
.order .cont ul li .bt{width:80px;}
.order .cont ul li p{padding-left:80px;}
.order .cont ul li.li_3 input{width:90px;}
}

/*网站地图*/
.sitemap .position{margin-bottom:20px;}
.sitemap .bum{width:100%;margin-bottom:20px;border-radius:5px;float:left;border:1px solid #ddd;padding:1px;}
.sitemap .bum .tit{width:100%;border-bottom:1px solid #ddd;height:36px;line-height:36px;background:url(../nyimages/aboutbg.gif) bottom repeat-x;padding:0 15px;overflow:hidden;}
.sitemap .bum .tit p{float:left;font-weight:bold;font-size:16px;}
.sitemap .bum .tit a{float:right;display:block;height:35px;width:50px;background:url(../images/more1.png) center bottom no-repeat;}
.sitemap .bum .tit a:hover{background-image:url(../images/more2.png);}
.sitemap .bum .con{width:100%;padding:10px;overflow:hidden;min-height:50px;}
.sitemap .bum .con ul li{height:30px;line-height:30px;width:20%;float:left;padding:0 5px;}
.sitemap .bum .con ul li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-tihjy:15px;}

@media only screen and (max-width:1024px){
.sitemap .bum .con ul li{width:25%;}
}
@media only screen and (max-width:768px){
.sitemap .bum .con ul li{width:33.33%;}
}
@media only screen and (max-width:425px){
.sitemap .bum{margin-bottom:10px;}
.sitemap .bum .tit{padding-right:10px;}
.sitemap .bum .con ul li{width:50%;}
}
