@charset "utf-8";
/* CSS Document */
.container{padding:40px 0 30px;background:#fff;overflow: hidden;z-index: 1;}
.page_main{overflow: hidden;padding-top: 20px;}

/*left*/
.leftmain{width:20%;max-width: 270px;float: left;}
.leftmain .tit{width:100%;height: 90px;background:#067fc9 url(../nyimages/icon3.png) right bottom no-repeat;padding:17px 10%;color: #fff;}
.leftmain .tit p{font-size:24px;font-weight: bold;}
.leftmain .tit span{font-size:18px;opacity: .75;display: block;line-height: 1;}
.leftmain .column{width:100%;overflow: hidden;margin-bottom: 20px;}

.leftmain .nygywm h2,
.leftmain .nyfl ul li > h2{border-top: 1px solid #e6e6e6;position: relative;z-index: 1;background-color: #f3f5f7;}
.leftmain .nygywm h2 a,
.leftmain .nyfl ul li > h2 a{display: block;width: 100%;padding:10px 10%;background: url(../nyimages/icon13.png) 94% center no-repeat;line-height: 30px;font-size: 17px;font-weight: bold;}
.leftmain .nygywm h2::before,
.leftmain .nyfl ul li > h2::before,
.leftmain .nyfl ul li > dl::before{content: "";width: 2px;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;background-color: #067fc9;z-index: -1;}
.leftmain .nygywm h2.active::before,
.leftmain .nyfl ul li.active > h2::before,
.leftmain .nyfl ul li:hover > h2::before{width:100%;background: #ff9600;}
.leftmain .nygywm h2.active a,
.leftmain .nyfl ul li.active > h2 a,
.leftmain .nyfl ul li:hover > h2 a{color: #fff;background-image: url(../nyimages/icon14.png);}

.leftmain .nylx .cont{padding: 3% 5%;background: #f5f7f9;}
.leftmain .nylx .cont p{padding: 2px 0;}
.leftmain .nylx .nymap{padding: 5px;background: #f5f7f9;}

.leftmain .nyxw ul{padding: 3%;background: #f5f7f9;}
.leftmain .nyxw ul li{border-bottom: 1px dotted #ccc;margin-bottom: 4px;}
.leftmain .nyxw ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 25px;background: url(../nyimages/newsico.png) 5px center no-repeat;line-height: 30px;}
.leftmain .nyxw ul li:hover a{padding-left: 30px;}

.leftmain .nyfl ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.leftmain .nyfl ul li > dl{position: relative;z-index: 1;padding: 10px 0;background: #fafafa;}
.leftmain .nyfl ul li > dl a{padding: 0 5% 0 17%;line-height: 30px;background: url(../nyimages/icon4.png) 10% center no-repeat;font-size: 15px;}
.leftmain .nyfl ul li > dl a:hover,
.leftmain .nyfl ul li > dl h2.active a{background-image: url(../images/icon5.png);padding-left: 19%;color: #fb3f30;}

.leftmain .nycp{background-color: #f5f7f9;}
.leftmain .nycp .cont{margin: 10px 0;height: 575px;background: none;}
.leftmain .nycp .pro_list_con ul{width: 100%;margin: 0;}
.leftmain .nycp .pro_list_con ul li{width: 100%;height: auto;float: none;}

/*right*/
.rightmain{width: 78%;max-width: 1050px;float: right;overflow: hidden;}

/*piclist*/
.pro_list_con{width: 100%;overflow: hidden;}
.pro_list_con ul{width: calc(100% + 20px);margin-left: -10px;}
.pro_list_con ul li{padding:5px 10px;overflow: hidden;width: 25%;float: left;text-align: center;}
.pro_list_con ul li a{display: block;width: 100%;overflow: hidden;padding: 4px;border: 1px solid #ddd;border-radius: 3px;background-color: #fff;}
.pro_list_con ul li p{width: 100%;overflow: hidden;}
.pro_list_con ul li p .atm-img{padding-bottom: 100%;}
.pro_list_con ul li h3{display: block;width: 100%;margin-top: 4px;line-height: 36px;background-color: #f0f0f0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;}
.pro_list_con ul li:hover a{border-color: #067fc9;}
.pro_list_con ul li:hover h3{background-color: #067fc9;color: #fff;}

.pic_list_con{width: 100%;overflow: hidden;}
.pic_list_con ul{width: calc(100% + 20px);overflow: hidden;margin-left: -10px;}
.pic_list_con ul li{width: 33.33%;overflow: hidden;padding:0 10px 15px;text-align: center;float: left;}
.pic_list_con ul li p{width: 100%;overflow: hidden;background-color: #fff;border: 1px solid #e6e6e6;}
.pic_list_con ul li em img{width: 100%;min-height: 100%;max-height: none;}
.pic_list_con ul li h3{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 50px;}

/*aboutus*/
.aboutuspage .cont{font-size: 16px;line-height: 2;text-indent: 2em;padding: 10px;}
.aboutuspage .cont p{margin-bottom: 10px;}
.aboutuspage .cont img{max-width: 100%;display: block;}

/*honor*/
.honorlistpage .pic_list_con ul li p img{max-height: 100%;width: auto;}

/*contact*/
.contactpage{padding: 0 15px;background-color: #fff;margin-bottom: 20px;}
.contactpage .cont{padding:10px;}
.contactpage .cont .text{width:50%;overflow:hidden;float:left;padding-bottom:20px;}
.contactpage .cont .text p{font-size:16px;margin-bottom: 10px;padding-left: 3px;}
.contactpage .cont .text .tit{font-size: 20px;color: #067fc9;padding: 15px 0;}
.contactpage .cont .text .tit em{display: block;width: 4em;background-color: #067fc9;height: 1px;margin-top: 10px;}
.contactpage .cont .text:hover .tit em{width: 17em;}

.contactpage .cont .pic{width: 50%;float: left;padding: 10px;}
.contactpage .cont .pic p{width: 50%;float: left;max-width: 180px;padding: 10px;}
.contactpage .cont .pic img{width: 100%;}

.contactpage .mapbox{width:100%;float:right;position:relative;padding-bottom:40%;}
.contactpage .mapbox > iframe{position:absolute;left:0;top:0;}

/*feedback page*/
.orderpage{padding: 0 10px;background-color: #fff;margin-bottom: 20px;border: 1px solid #eee;}
.orderpage .cont{padding:40px 15px 20px;background:url(../nyimages/lxbg.jpg) center no-repeat;}

.orderpage .cont ul li{width:100%;height:30px;margin-bottom:10px;overflow:hidden;position:relative;}
.orderpage .cont ul li .tit{width:150px;display:block;text-align:right;height:30px;line-height:30px;position:absolute;left:0;top:0;}
.orderpage .cont ul li p{width:100%;padding-left:150px;overflow:hidden;}
.orderpage .cont ul li p .txt{max-width:90%;height:30px;border:1px solid #ddd;line-height:18px;padding:5px 9px;float:left;border-radius:3px;}
.orderpage .cont .red{float:left;display:block;height:30px;line-height:36px;padding-left:5px;color: red;}
.orderpage .cont ul li.li_2{height:180px;}
.orderpage .cont ul li.li_2 .txt{width:90%;max-width:400px;height:180px;line-height:24px;padding:2px 9px;}
.orderpage .cont ul li.code input{width:80px;}
.orderpage .cont img{float:left;padding:6px 5px;cursor:pointer;}

.orderpage .cont ul li.li_3{height:50px;padding:7px 0;}
.orderpage .cont ul li.li_3 input{display:block;width:100px;height:36px;float:left;margin-right:10px;font-size:16px;border-radius:3px;padding-bottom: 2px;cursor: pointer;}
.orderpage .cont ul li.li_3 .tj{background:#067fc9;color:#fff;}
.orderpage .cont ul li.li_3 input:hover{background:#ff9600;color:#fff;}

/*newslisst*/
.newslistpage ul li{width:100%;overflow:hidden;float:left;margin-bottom:15px;position:relative;padding:15px 15px 15px 235px;background: #f5f7f9;}
.newslistpage ul li .pic{width:200px;height:150px;overflow:hidden;border:1px solid #eee;text-align:center;background:#fafafa;position:absolute;left:15px;top:15px;}
.newslistpage ul li .pic a{width:100%;height:100%;display:block;position:relative;overflow:hidden;}
.newslistpage ul li .pic img{width:100%;min-height:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.newslistpage ul li .tit{width:100%;font-size:16px;float:left;font-weight:600;}
.newslistpage ul li .tit a{display:block;padding:6px 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newslistpage ul li .txt{float:left;width:100%;height:5.4em;max-height:75px;overflow:hidden;color:#666;line-height:1.8!important;}
.newslistpage ul li .txt *{line-height:1.8!important;}
.newslistpage ul li .txt img{display:none;}
.newslistpage ul li .date{width:100%;float:left;overflow:hidden;color:#787878;font-size:15px;padding:15px 0 5px;line-height: 15px;}
.newslistpage ul li .date img{width:15px;height:15px;float:left;margin-right: 5px;}
.newslistpage ul li:hover .tit a{color:#067fc9;}

/*newshow page*/
.newshow .cont{padding-bottom:20px;}
.newshow .cont .title{width:100%;font-size:24px;padding:10px 0 5px;text-align:center;}
.newshow .cont .date{width:100%;color:#999;font-size:15px;padding:5px 0 25px;text-align:center;border-bottom:1px dotted #ccc;margin-bottom: 25px;}
.newshow .cont .date img{width:20px;height:17px;position:relative;padding-right: 3px;top: -2px;}
.newshow .cont .content{width:100%;color:#454545;font-size:16px;line-height:2;text-indent:2em;padding:0 10px 25px;border-bottom:1px dotted #ccc;margin-bottom: 10px;}
.newshow .cont .content p{margin-bottom:10px;}
.newshow .cont .content img{max-width:100%;display:block;margin:10px auto 0;}
.newshow .cont .new-video .float-videos{margin-bottom: 10px;}

/*prohome*/
.propage .title{width: 100%;position: relative;height: 45px;}
.propage .title span{display: block;width: 100%;height: 5px;background-color: #067fc9;position: absolute;left: 0;bottom: 0;}
.propage .title p{float: left;padding: 0 105px 0 25px;line-height: 45px;border-radius: 5px 0 0 0;color: #fff;font-size: 18px;font-weight: bold;background: url(../images/icon17.png) right center no-repeat;background-size: auto 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;outline: none;resize: none;}
.propage .title:hover span{background-color: #ff9600;}
.propage .title:hover p{background-image: url(../images/icon16.png);color: #fff;}
.propage .title a{display: block;float: right;padding: 10px 0;background: url(../nyimages/more-black.png) center no-repeat;width: 60px;height: 40px;}
.propage .title a:hover{background-image: url(../nyimages/more-red.png);}
.propage .pro_list_con{margin-bottom: 20px;padding: 11px 5px;min-height: 100px;}

/*proshow*/
.proshow > div .title{width: 100%;height: 50px;position: relative;color: #fff;}
.proshow > div .title em{width: 100%;height: 5px;display: block;background: #067fc9;position: absolute;left: 0;bottom: 0;}
.proshow > div .title span{display: block;height:50px;padding: 0 120px 0 25px;font-size: 18px;line-height: 50px;font-weight: bold;background: url(../images/icon17.png) right bottom no-repeat;float: left;border-radius: 5px 0 0 0;outline: none;resize: none;}

.proshow .picinfo{width: 100%;position: relative;margin-bottom: 20px;}
.proshow .picinfo .left{width: 40%;float: left;}
.proshow .picinfo .bigPic{width: 100%;padding-bottom: 100%;background: #fff;border: 1px solid #ddd;}
.proshow .picinfo .bigPic img{max-width: 100%;max-height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 5;}
.proshow .picinfo .smallpic{width: 100%;height: 80px;padding: 10px 0;}
.proshow .picinfo .smallpic ul li{width: 60px;height: 60px;padding: 1px;background: #fff;border: 2px solid #e6e6e6;}
.proshow .picinfo .smallpic ul li a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.proshow .picinfo .smallpic ul li img{height: 100%;min-width: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.proshow .picinfo .smallpic ul li.on{border-color: #067fc9;}
.proshow .picinfo .smallpic .swiper-scrollbar{width: 100%;bottom: 0;left: 0;height: 3px;}
.proshow .picinfo .smallpic .swiper-scrollbar-drag{background: rgba(0,0,0,.2);}

.proshow .picinfo .right{width: 56%;float: right;}
.proshow .picinfo .right > *{width: 100%;overflow: hidden;font-size: 15px;position: relative;}
.proshow .picinfo .right > * span{position: absolute;left: 15px;top: 5px;}
.proshow .picinfo .right .titl{font-size: 22px;padding: 10px 10px 10px 15px;color: #067fc9;}
.proshow .picinfo .right .claname{border: 1px solid #44a9e9;background-color: #dcf2ff;padding: 11px 9px 9px 99px;border-radius: 5px;margin: 10px 0;}
.proshow .picinfo .right .claname span{left: 13px;top: 11px;}
.proshow .picinfo .right .claname:hover a{color: #067fc9;font-weight: 600;}
.proshow .picinfo .right .txt{padding: 5px 10px 5px 100px;min-height: 32px;}
.proshow .picinfo .right .txt1{line-height: 1.8;}
.proshow .picinfo .right .btn{padding: 15px 0 0 15px;}
.proshow .picinfo .right .btn a{float: left;margin-right: 15px;}
.proshow .picinfo .right .btn p{font-size: 18px;color: #067fc9;line-height: 32px;background: url(../images/icon-top-tel.png) left center no-repeat;background-size: auto 30px;padding-left: 37px;float: left;}

.proshow .provideo{width: 100%;}
.proshow .provideo .videoBox{padding: 25px 10px;}
.proshow .provideo .videoBox p{width:100%;position: absolute;float: left;left: 0;top: 0;padding: 5px 15px;font-size: 24px;color: #fff;background: rgba(0,0,0,.5);border-radius: 20px;z-index: 99;text-align: center;letter-spacing: 1px;}

.proshow .detail{width: 100%;}
.proshow .detail .content{width:100%;font-size:15px;line-height: 1.8;padding:25px 10px 15px;min-height:150px;}
.proshow .detail .content .tablebox{width:100%;overflow-x:auto;}
.proshow .detail .content table{border:1px solid #ccc!important;width:100%!important;border-spacing:0!important;}
.proshow .detail .content table tr td{border:1px solid #ccc;padding:0 10px;line-height:1.2}
.proshow .detail .content p{margin-bottom:10px;}
.proshow .detail .content p img{width:100%;max-width:790px;margin:5px auto;display:block;}

.proshow .proorder{height: auto;background: #067fc9 url(../nyimages/lxbg2.jpg) center no-repeat;background-size: 100%;border-radius: 5px;margin: 20px 0;}
.proshow .proorder .titl{width: 100%;padding: 25px 0;text-align: center;color: #c5e2ff;font-size: 15px;}
.proshow .proorder .titl a{font-size: 30px;font-weight: bold;color: #fff;line-height: 1.8;}
.proshow .proorder .cont{width: 100%;padding: 10px 5% 30px;}
.proshow .proorder .cont ul{padding-left: 51%;position: relative;}

.proshow .proorder ul li{width:100%;overflow:hidden;height:40px;float:left;margin-bottom:15px;position:relative;background:#fff;border-radius:3px;}
.proshow .proorder ul li span{display:block;height:40px;line-height:40px;text-align:center;color:#666;position:absolute;left:9px;top:0;z-index:0;}
.proshow .proorder ul li .txt,.proshow .proorder  ul li .area,.proshow .proorder  ul .li_3 input{position:relative;z-index:1;display:block;width:100%;height:100%;line-height:24px;padding:8px 10px;background:none;float:left;color:#436484;font:normal 14px Arial, Verdana, Helvetica, "Microsoft YaHei", sans-serif;}
.proshow .proorder ul .li_2{height:205px;width:49%;margin-bottom: 25px;position: absolute;left: 0;top: 0;}
.proshow .proorder ul .li_3{max-width: 200px;margin-right: 10px;}
.proshow .proorder ul .li_3 img{position:absolute;right:15px;top:11px;cursor:pointer;z-index:2;}
.proshow .proorder ul .li_3 .red{width:15px;right:0;top:3px;padding:0;color:#f00;position:absolute;left:auto;}
.proshow .proorder ul .li_4{width:50%;max-width: 140px;}
.proshow .proorder ul .li_4 p{width:100%;float:left;height:40px;background:#067fc9;margin-right:15px;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.proshow .proorder ul .li_4 p input{display:block;width:100%;height:40px;font-size:16px;padding:8px;color:#fff;text-align:center;cursor:pointer;background:none;font-weight:bold;}
.proshow .proorder ul .li_4 p:hover{background:#ff9600;}

/*sitemap*/
.sitemap .bum{width:100%;margin-bottom:20px;border-radius:5px;float:left;padding: 5px 1px;border: 1px solid #e6e6e6;}
.sitemap .bum .title{width:100%;border-bottom:1px solid #ddd;height:40px;line-height:40px;background:url(../nyimages/aboutbg.gif) bottom repeat-x;padding:0 15px;overflow:hidden;}
.sitemap .bum .title p{float:left;font-weight:bold;font-size:16px;font-weight: 600;}
.sitemap .bum .title a{float:right;display:block;height:40px;width:50px;background:url(../nyimages/more-black.png) center no-repeat;}
.sitemap .bum .title a:hover{background-image:url(../nyimages/more-red.png);}
.sitemap .bum .cont{width:100%;padding:15px 20px;overflow:hidden;min-height:50px;}
.sitemap .bum .cont ul li{height:30px;line-height:30px;width:20%;float:left;padding:0 5px;}
.sitemap .bum .cont ul li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}