@charset "utf-8";
/* CSS Document */
.container{padding: 35px 0;background: #f5f7f9;}
.container .w1440::after{content: " ";width: 100%;height: 0;clear: both;display: block;}
.leftmain{position: relative;z-index: 2;padding-top: 15px;}
.rightmain{position: relative;z-index: 1;margin: 15px 0;min-height: 450px;}

@media only screen and (max-width:1250px){
.leftmain{padding-top: 10px;}
.rightmain{margin: 10px 0;}
}
@media only screen and (max-width:1024px){
.container{padding: 30px 0;background: #fff;}
.rightmain{margin-bottom: 0;}
}
@media only screen and (max-width:480px){
.container{padding: 25px 0;}
}


/*leftmain*/
.leftmain .column{width: 100%;}

.leftmain .list1 h2 a,
.leftmain .list2 h2 a,
.leftmain .text2 li a{display: block;width: 100%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 2;}

.leftmain .list2 li .cover{position: absolute;width: 100%;height: 100%;z-index: 10;left: 0;top: 0;}
.leftmain .list2 li:hover .cover{width: 0;}

.leftmain .text1{width: 100%;background: #fff;padding:  9px 11px;}
.leftmain .text1 p{padding: 2px 0;}
.leftmain .text1 p strong{font-size: 15px;color: #1461cc;}

.leftmain .text2{width: 100%;background: #fff;padding: 9px 10px;}
.leftmain .text2 li{width: 100%;background: url(../nyimages/newsico.png) 1px center no-repeat;border-bottom: 1px dotted #ccc;margin-bottom: 2px;}
.leftmain .text2 li a{padding-left: 20px;}

.leftmain .list3{width: 100%;height: 0;background: #fff;padding-bottom: 325%;position: relative;border-bottom: 10px solid #fff;}
.leftmain .list3 ul{width: 100%;overflow: hidden;padding: 5%;position: absolute;left: 0;top: 0;}
.leftmain .list3 ul li{width: 100%;overflow: hidden;text-align: center;}
.leftmain .list3 ul li a{display: block;width: 100%;border: 1px solid #ddd;padding: 2% 2% 1%;margin-bottom: 5%;border-radius: 3px;}
.leftmain .list3 ul li p{width: 100%;overflow: hidden;}
.leftmain .list3 ul li p span{display: block;width: 100%;height: 0;padding-bottom: 100%;background: url(../nyimages/img.png) center no-repeat;background-size: 100% auto;}
.leftmain .list3 ul li h3{width: 100%;padding-bottom: 16%;height: 0;position: relative;}
.leftmain .list3 ul li h3 span{display: block;width: 100%;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 0;top: 50%;margin-top: -10px;}

@media only screen and (min-width:1025px){
.leftmain{width: 21%;max-width: 250px;float: left;}
.leftmain .column{margin-bottom: 10px;background: #f0f0f0;box-shadow: 0 5px 15px rgba(0,0,0,.1);display: block;}
.leftmain .column .tit{width: 100%;background: #1461cc;color: #fff;text-align: center;display: block;}
.leftmain .column .tit p{font-size: 20px;font-weight: 600;line-height: 30px;padding: 20px 0;}

.leftmain .list1 h2{width: 100%;padding-top: 1px;}
.leftmain .list1 h2 a{padding: 7px;background: #fff;text-align: center;}
.leftmain .list1 h2 a::after{content: "";width: 0;height: 0;background: #1461cc;border-radius: 25px;position: absolute;right: 50%;top: 50%;z-index: -1;opacity: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.leftmain .list1 h2.active a{color: #fff;font-weight: 600;}
.leftmain .list1 h2.active a::after{width: 100%;height: 100%;border-radius: 0;right: 0;top: 0;opacity: 1;}

.leftmain .list2 li{width: 100%;margin-top: 1px;position: relative;}
.leftmain .list2 li .f1 a{padding: 7px;background: #fff;text-align: center;}
.leftmain .list2 li .f1 a::after{content: "";width: 0;height: 0;background: #1461cc;border-radius: 25px;position: absolute;right: 50%;top: 50%;z-index: -1;opacity: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.leftmain .list2 li.active .f1 a{color: #fff;font-weight: 600;}
.leftmain .list2 li.active .f1 a::after{width: 100%;height: 100%;border-radius: 0;right: 0;top: 0;opacity: 1;}

.leftmain .list2 li dl{position: absolute;left: 100%;margin-left: 10px;top: 0;border: 0 solid #ddd;background: #fafafa;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,.1);z-index: 5;padding: 0 14px;opacity: 0;}
.leftmain .list2 li dl.mindl{top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.leftmain .list2 li dl.maxdl{top: -50%;}
.leftmain .list2 li dl::after{content: "";width: 10px;height: 100%;position: absolute;top: 0;left: -10px;}
.leftmain .list2 li dl .f2 a{height: 0;line-height: 25px;}
.leftmain .list2 li dl dt.on .f2 a{color: #1461cc;}

.leftmain .list2 li .arrow{position: absolute;width: 0;height: 0;z-index: 6;left: 100%;margin-left: 15px;top: 50%;background: #fafafa;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);transform: rotateZ(45deg);border: 0 solid #ccc;border-width: 0 0 1px 1px;opacity: 0;}

.leftmain .list2 li:hover dl{border-width: 1px;padding: 9px 14px;opacity: 1;}
.leftmain .list2 li:hover dl .f2 a{height: 25px;}
.leftmain .list2 li:hover .arrow{width: 10px;height: 10px;margin-left: 5px;margin-top: -5px;border-width: 0 0 1px 1px;opacity: 1;}
}
@media only screen and (min-width:1251px){
.leftmain{width: 19%;}
.leftmain .column{margin-bottom: 15px;}
.leftmain .column .tit p{font-size: 24px;padding: 25px 0;}
.leftmain .list1 h2 a,
.leftmain .list2 li .f1 a{padding: 10px;}
.leftmain .list2 li dl .f2 a{line-height: 30px;}
.leftmain .list2 li:hover dl{padding: 14px 19px;}
.leftmain .list2 li:hover dl .f2 a{height: 30px;}
}
@media only screen and (min-width:1441px){
.leftmain{width: 18%;max-width: 250px;}
}
@media only screen and (max-width:1024px){
.leftmain{width: 100%;padding-bottom: 25px;}
.leftmain .list1,
.leftmain .list2{margin: 0 -2px;position: relative;}
.leftmain .list1::after,
.leftmain .list2::after{content: "";width: 100%;height: 0;clear: both;display: block;}
.leftmain .list1 h2,
.leftmain .list2 li{width: 25%;float: left;padding: 2px;text-align: center;position: relative;z-index: 1;}
.leftmain .list1 h2 a,
.leftmain .list2 li .f1 a{background: #1461cc;color: #fff;padding: 10px 5px;font-size: 15px;font-weight: 600;}
.leftmain .list1 h2.active a,
.leftmain .list2 li.active .f1 a{background: #ffcb00;}

.leftmain .list2 li dl{width: calc(100% - 4px);background: #1461cc;position: absolute;left: 2px;top: 100%;opacity: 0;z-index: 5;box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.leftmain .list2 li dl .f2 a{background: #1677d9;color: #fff;height: 0;padding: 0 5px;font-weight: 600;}
.leftmain .list2 li dl .f2 a:hover{background: #ffcb00;}

.leftmain .list2 li:hover{z-index: 2;}
.leftmain .list2 li:hover dl{opacity: 1;}
.leftmain .list2 li:hover dl .f2 a{height: 44px;padding: 7px 5px;margin-bottom: 1px;}
}
@media only screen and (max-width:768px){
.leftmain .list1,
.leftmain .list2{margin: 0 -1px;}
.leftmain .list1 h2,
.leftmain .list2 li{padding: 1px;width: 33.33%;}
.leftmain .list2 li dl{width: calc(100% - 2px);left: 1px;}
}
@media only screen and (max-width:480px){
.leftmain{padding: 5px 0 20px;}
.leftmain .list1 h2 a{padding: 7px;}
.leftmain .list2 li{width: 50%;}
}
@media only screen and (max-width:375px){
.leftmain .list1 h2 a{padding: 5px;}
.leftmain .list2 li .f1 a{padding: 7px 5px;}
.leftmain .list2 li:hover dl .f2 a{height: 40px;padding: 5px;}
}


/* rightmain */
.rightmain{width: 100%;padding: 0 3%;}
.page_title{width: 100%;position: relative;}
.page_title p{font-size: 24px;line-height: 30px;font-weight: 600;padding: 30px 3px 18px 5px;border-bottom: 2px solid #1461cc;float: left;}
.page_title em{position: absolute;width: 100%;height: 2px;left: 0;bottom: 0;background: #e6e6e6;z-index: -1;}

@media only screen and (max-width:1250px){
.page_title p{padding: 25px 3px 13px 5px;}
}
@media only screen and (max-width:1024px){
.rightmain{padding: 1% 0;}
.page_title p{line-height: 1;padding-top: 0;}
}
@media only screen and (max-width:768px){
.page_title p{font-size: 20px;}
}
@media only screen and (max-width:480px){
.page_title p{font-size: 18px;}
}
@media only screen and (min-width:1025px){
.rightmain{width: 77%;float: right;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,.1);}
}
@media only screen and (min-width:1251px){
.rightmain{width: 79%;float: right;}
}
@media only screen and (min-width:1441px){
.rightmain{width: 80%;float: right;}
}

/* aboutus */
.aboutuspage .cont{width: 100%;font-size: 16px;color: #666;line-height: 2;text-indent: 2em;padding: 3% 5px 4%;}
.aboutuspage .cont p{padding-bottom: 1%;}
.aboutuspage .cont img{max-width: 100%;}
.aboutuspage .cont table{font-size: 14px;}
.aboutuspage .cont table td{padding: 5px;}

@media only screen and (max-width:1024px){
.aboutuspage .cont{padding: 3% 5px;}
}
@media only screen and (max-width:768px){
.aboutuspage .cont{font-size: 15px;}
}
@media only screen and (max-width:480px){
.aboutuspage .cont{padding-top: 4%;}
}
@media only screen and (max-width:425px){
.aboutuspage .cont{padding-top: 5%;}
.aboutuspage .cont p{padding-bottom: 2%;}
}

/* contact */
.contactpage{padding-bottom: 3%;}
.contactpage .cont{width: 100%;padding: 3% 5px;}
.contactpage .cont .txt{width: 49%;font-size: 15px;line-height: 25px;float: left;}
.contactpage .cont .txt p{padding-bottom: 1%;}
.contactpage .cont .txt .tit{font-size: 16px;font-weight: 600;}

.contactpage .cont .ewm{width: 49%;float: right;display: flex;justify-content: center;}
.contactpage .cont .ewm p{width: 50%;float: left;max-width: 180px;text-align: center;color: #787878;flex-shrink: 0;line-height: 1;}
.contactpage .cont .ewm p img{width: 100%;}

.contactpage .mapbox{width:100%;position:relative;padding-bottom:360px;}
.contactpage .mapbox::after{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;z-index: 2;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.contactpage .mapbox > iframe{position:absolute;left:0;top:0;z-index: 1;}
.contactpage .mapbox:hover::after{z-index: -1;}

@media only screen and (max-width:1024px){
.contactpage{padding-bottom: 2%;}
}
@media only screen and (max-width:768px){
.contactpage{padding-bottom: 1%;}
.contactpage .cont{padding: 4% 5px;}
.contactpage .cont .txt{width: 100%;}
.contactpage .cont .ewm{width: calc(100% + 30px);justify-content: left;padding: .5% 0 1%;margin: 0 -13px;}
.contactpage .mapbox{padding-bottom:320px;}
}
@media only screen and (max-width:480px){
.contactpage .titl p{font-size: 20px;padding-bottom: 13px;}
.contactpage .cont{padding: 5% 5px;}
.contactpage .cont .txt p{line-height: 20px;padding-bottom: 5px;}
.contactpage .cont .ewm{padding: 0 0 2%;}
.contactpage .mapbox{padding-bottom:270px;}
}
@media only screen and (max-width:425px){
.contactpage .cont{padding: 6% 5px;}
.contactpage .cont .txt{font-size: 14px;}
.contactpage .cont .txt .tit{font-size: 15px;}
.contactpage .cont .ewm{width: 100%;margin: 0;}
}

/* prolist */
.prolistpage{padding-bottom: 1.5%;}

.pro_list_con{width: 100%;padding: 2.5% 0 2%;}
.pro_list_con ul{margin: 0 -10px;}
.pro_list_con ul li{width: 25%;float: left;text-align: center;padding: 10px;position: relative;z-index: 1;}
.pro_list_con ul li a{display: block;width: 100%;overflow: hidden;border: 1px solid #ddd;border-radius: 3px;padding: 9px;background: #fff;}
.pro_list_con ul li p{width: 100%;overflow: hidden;}
.pro_list_con ul li p span{display: block;width: 100%;height: 0;padding-bottom: 100%;background: url(../nyimages/img.png) center no-repeat;background-size: 100% auto;}
.pro_list_con ul li h3{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}

.pro_list_con ul li:hover{z-index: 5;}
.pro_list_con ul li:hover a{box-shadow: 0 5px 15px rgba(0,0,0,.1);}

@media only screen and (max-width:1440px){
.pro_list_con ul{margin: 0 -5px;}
.pro_list_con ul li{padding: 5px;}
}
@media only screen and (max-width:1250px){
.pro_list_con{padding: 3% 0 2.5%;}
.pro_list_con ul li{width: 33.33%;}
}
@media only screen and (max-width:1024px){
.pro_list_con{padding: 4% 0 2%;}
.pro_list_con ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:768px){
.pro_list_con ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.pro_list_con{padding: 5% 0 3%;}
.pro_list_con ul{margin: 0 -2px;}
.pro_list_con ul li{padding: 0 2px 5px;}
.pro_list_con ul li a{padding: 4px;}
}

/* proHome */
.prohomepage{background: none;box-shadow: none;padding: 0;}
.prohomepage .promain{width: 100%;margin-bottom: 25px;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.prohomepage .promain .title{width: 100%;background: #1461cc;position: relative;z-index: 2;line-height: 50px;padding-right: 50px;overflow: hidden;}
.prohomepage .promain .title p{font-size: 18px;font-weight: 600;color: #fff;float: left;padding-left: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.prohomepage .promain .title span{width: 50px;height: 50px;background: #ffcb00;text-align: center;position: absolute;right: 0;top: 0;}
.prohomepage .promain .title a{font-size: 30px;color: #fff;display: block;width: 100%;}
.prohomepage .promain .title a:hover{-webkit-transform: rotateZ(1080deg);-moz-transform: rotateZ(1080deg);transform: rotateZ(1080deg);}

.prohomepage .pro_list_con{padding: 2% 3% 3%;}

@media only screen and (max-width:1440px){
.prohomepage .pro_list_con{padding: 2% 2.5% 2.5%;}
}
@media only screen and (max-width:1250px){
.prohomepage .pro_list_con{padding: 2.5% 3% 3%;}
}
@media only screen and (max-width:1024px){
.prohomepage .promain .title{line-height: 46px;padding-right: 46px;}
.prohomepage .promain .title p{font-size: 15px;padding-left: 15px;}
.prohomepage .promain .title span{width: 46px;height: 46px;}
.prohomepage .promain .title a{font-size: 24px;}
.prohomepage .pro_list_con{padding: 2.5%;}
.prohomepage .pro_list_con ul{margin: 0 -3px;}
.prohomepage .pro_list_con ul li{width: 25%;padding: 0 3px 6px;}
.prohomepage .pro_list_con ul li a{padding: 4px;}
}
@media only screen and (max-width:768px){
.prohomepage .pro_list_con{padding: 3%;}
.prohomepage .pro_list_con ul{margin: 0 -5px;}
.prohomepage .pro_list_con ul li{width: 50%;padding: 0 5px 10px;}
.prohomepage .pro_list_con ul li a{padding: 9px;}
}
@media only screen and (max-width:480px){
.prohomepage .promain{margin-bottom: 15px;}
.prohomepage .promain .title{line-height: 42px;padding-right: 42px;}
.prohomepage .promain .title p{padding-left: 12px;}
.prohomepage .promain .title span{width: 42px;height: 42px;}
.prohomepage .pro_list_con{padding: 3%;}
.prohomepage .pro_list_con ul{margin: 0 -2px;}
.prohomepage .pro_list_con ul li{padding: 0 2px 5px;}
.prohomepage .pro_list_con ul li a{padding: 4px;}
}

/* proshow */
.proshowpage{padding: 2.5%;}
.proshowpage #picinfo{margin-bottom: 3%;}

.picinfobox{padding: 3%;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,.1);}

#picinfo{width: 100%;position: relative;}
#picinfo .left{width: 49%;float: left;}
#picinfo .bigPic{width: 100%;padding-bottom: 75%;background: #fff;border: 1px solid #ddd;position: relative;}
#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;}

#picinfo .smallpic{width: 100%;height: 70px;padding-top: 10px;}
#picinfo .smallpic ul li{width: 60px;height: 60px;padding: 1px;background: #fff;border: 2px solid #e6e6e6;}
#picinfo .smallpic ul li a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
#picinfo .smallpic ul li img{max-height: 100%;max-width: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#picinfo .smallpic ul li.on{border-color: #ff5e0d;}
#picinfo .smallpic .swiper-scrollbar{width: 100%;bottom: 0;left: 0;height: 3px;}
#picinfo .smallpic .swiper-scrollbar-drag{background: rgba(0,0,0,.2);}

#picinfo .right{width: 48%;float: right;max-width: 640px;}
#picinfo .right .titl{font-size: 21px;line-height: 25px;padding: 10px 0 15px;}
#picinfo .right .text{margin: 0 -1px;flex-wrap: wrap;}
#picinfo .right .text .txt{width: 50%;float: left;position: relative;line-height: 20px;min-height: 36px;padding: 8px 5px 8px 85px;border: 1px solid #fff;background: #f5f5f5;font-size: 13px;flex-shrink: 0;}
#picinfo .right .text .txt span{position: absolute;left: 0;top: 0;width: 78px;height: 100%;background: #e6e6e6;padding: 8px 0 8px 10px;overflow: hidden;white-space: nowrap;border-right: 1px solid #fff;}
#picinfo .right .text .txt2{width: 100%;}
#picinfo .right .btn{padding-top: 5%;}
#picinfo .right .btn p{width: 50%;padding-right: 5%;float: left;max-width: 300px;}
#picinfo .right .btn p a{display: block;width: 100%;background: #1461cc;font-size: 15px;color: #fff;line-height: 30px;padding: 5px;text-align: center;}
#picinfo .right .btn p a:hover{background: #ff5e0d;}

.proshowpage .detail .title{width: 100%;background: #1461cc;position: relative;padding: 14px 15px;}
.proshowpage .detail .title p{font-size: 16px;font-weight: 600;color: #fff;padding: 1px 10px 0;border-left: 3px solid #fff;line-height: 1;}

.proshowpage .detail .content{width: 100%;font-size: 15px;line-height: 2;padding: 3% 0;min-height: 150px;}
.proshowpage .detail .content p{padding: 5px 0;}
.proshowpage .detail .content img{width:auto!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0 auto;display:block;}

@media only screen and (max-width:1250px){
.proshowpage #picinfo{margin-bottom: 25px;}
.proshowpage #picinfo .right .titl{font-size: 18px;padding: 5px 0 10px;}
.proshowpage #picinfo .right .text .txt1{width: 100%;}
.picinfobox{padding: 2.5%;}
}
@media only screen and (max-width:1024px){
.proshowpage{padding: 1% 0;}
.proshowpage #picinfo{margin-bottom: 4%;}
}
@media only screen and (max-width:768px){
#picinfo .left{width: 100%;}
#picinfo .right{width: 100%;max-width: 100%;padding: 4% 0 2%;}
.proshowpage #picinfo .right .titl{font-size: 21px;padding: 10px 0 15px;}
.proshowpage #picinfo .right .text .txt1{width: 50%;}
}
@media only screen and (max-width:480px){
#picinfo .right{padding: 25px 0 15px;}
#picinfo .right .btn{padding-top: 20px;margin: 0 -10px;}
#picinfo .right .btn p{padding: 0 10px;}
.proshowpage #picinfo .right .titl{font-size: 18px;padding: 5px 0 10px;}
.proshowpage #picinfo .right .text .txt1{width: 100%;}
}
@media only screen and (max-width:425px){
#picinfo .right .btn{margin: 0 -5px;}
#picinfo .right .btn p{padding: 0 5px;}
.proshowpage #picinfo .right .titl{font-size: 16px;font-weight: 600;}
.proshowpage .detail .title p{font-size: 15px;}
.proshowpage .detail .content{padding: 4% 0;}
}

/* piclist */
.albumlistpage,
.caselistpage,
.honorlistpage{padding-bottom: 1.5%;}

.pic_list_con{padding: 3% 0 1%;}
.pic_list_con ul{margin: 0 -10px;}
.pic_list_con ul li{width: 33.33%;float: left;text-align: center;padding: 5px 10px 15px;}
.pic_list_con ul li a{display: block;width: 100%;overflow: hidden;position: relative;}
.pic_list_con ul li p{width: 100%;overflow: hidden;position: relative;background: #fff;border: 1px solid #e6e6e6;}
.pic_list_con ul li p span{display: block;width: 100%;padding-bottom: 70%;background: url(../nyimages/img.png) center no-repeat;background-size: 100% auto;}
.pic_list_con ul li p em{padding-bottom: 70%;background: #fff;}
.pic_list_con ul li p em img{width: 100%;max-height: none;min-height: 100%;}
.pic_list_con ul li h3{display: block;width: 100%;padding:10px 5px 0;font-size: 15px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.honorlistpage ul li p span,
.honorlistpage ul li p em{padding-bottom: 75%;}
.honorlistpage ul li p em img{width: auto;min-height: auto;max-width: 90%;max-height: 90%;}

@media only screen and (max-width:1250px){
.albumlistpage,
.caselistpage,
.honorlistpage{padding-bottom: 1%;}
.pic_list_con ul{margin: 0 -5px;}
.pic_list_con ul li{padding: 5px 5px 10px;}
.pic_list_con ul li h3{padding: 5px 5px 0;}
}
@media only screen and (max-width:768px){
.pic_list_con{padding-top: 4%;}
.pic_list_con ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.pic_list_con ul{margin: 0 -2px;}
.pic_list_con ul li{padding: 5px 2px;}
.pic_list_con ul li h3{font-size: 14px;padding-top: 0;}
}

/* caseshow */
.caseshowpage{padding: 3%;}
.caseshowpage .picbox{border-bottom: 1px solid #ddd;text-align: center;padding-bottom: .5%;}
.caseshowpage .picbox p{width: 100%;overflow: hidden;}
.caseshowpage .picbox p em{display: block;width: 100%;}
.caseshowpage .picbox p em img{max-width: 100%;max-height: 480px;}
.caseshowpage .picbox span{font-size: 21px;line-height: 30px;padding: 2.5% 0;display: block;}

.caseshowpage .detail{width: 100%;font-size: 15px;line-height: 2;padding: 3% 0;min-height: 150px;text-indent: 2em;}
.caseshowpage .detail p{padding-bottom: 10px;}
.caseshowpage .detail img{width:auto!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0 auto;display:block;}

@media only screen and (max-width:1250px){
.caseshowpage .picbox p em img{max-height: 420px;}
}
@media only screen and (max-width:1024px){
.caseshowpage{padding: 2% 0;}
}
@media only screen and (max-width:768px){
.caseshowpage .picbox p em img{max-height: 360px;}
.caseshowpage .picbox span{font-size: 18px;}
}
@media only screen and (max-width:480px){
.caseshowpage .picbox span{font-size: 16px;}
.caseshowpage .detail{font-size: 14px;line-height: 1.8;padding: 4% 0;}
}

/* down */
.downlistpage{padding-bottom: 1.5%;}
.downlistpage .list{padding: 2% 0 3%;}
.downlistpage ul li{width: 100%;position: relative;padding: 10px 60px 10px 35px;border-bottom: 1px dotted #ddd;line-height: 30px;}
.downlistpage ul li em{position: absolute;width: 30px;text-align: center;left: 0;top: 50%;margin-top: -15px;color: #808080;}
.downlistpage ul li em svg{height: 30px;font-size: 14px;}
.downlistpage ul li p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.downlistpage ul li span{position: absolute;right: 0;top: 50%;margin-top: -15px;text-align: center;width: 60px;}

@media only screen and (max-width:1250px){
.downlistpage ul li{padding: 5px 50px 5px 30px;}
.downlistpage ul li em{width: 25px;}
.downlistpage ul li span{width: 50px;}
}
@media only screen and (max-width:480px){
.downlistpage ul li{padding: 5px 40px 5px 25px;}
.downlistpage ul li em{width: 20px;}
.downlistpage ul li span{width: 40px;}
}
@media only screen and (max-width:425px){
.downlistpage .list{padding: 3% 0;}
}

/* newslist */
.newslistpage{padding-bottom: 1.5%;}
.newslistpage .list{padding: 3.5% 0 .5%;}
.newslistpage ul li{width: 100%;overflow: hidden;position: relative;padding: 0 0 2% 200px;margin-bottom: 2%;border-bottom: 1px dotted #ddd;}
.newslistpage ul li .ico{position: absolute;left: 0;top: 50%;margin-top: -15px;font-size: 14px;display: none;}
.newslistpage ul li .ico svg{height: 30px;line-height: 30px;color: #1461cc;}
.newslistpage ul li .pic{width:180px;height:120px;overflow:hidden;border:1px solid #e6e6e6;text-align:center;position:absolute;left:0;top:0;}
.newslistpage ul li .pic a{display: block;width: 100%;height: 100%;}
.newslistpage ul li .pic span{display: block;width: 100%;height: 100%;background: url(../nyimages/img.png) center no-repeat;background-size: auto 100%;}
.newslistpage ul li .pic em{padding-bottom: 0;height: 100%;}

.newslistpage ul li .txt{width: 100%;padding: 0 10px;color: #666;}
.newslistpage ul li .titl a{display: block;font-size: 15px;font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;padding-bottom: 5px;}
.newslistpage ul li .text{height: 50px;overflow: hidden;line-height: 25px;}
.newslistpage ul li .text br{display: none;}
.newslistpage ul li .date{line-height: 25px;padding-top: 10px;}
.newslistpage ul li .date span{float: left;padding-right: 10px;}
.newslistpage ul li .date span svg{height: 24px;line-height: 24px;}

.newslistpage ul li:hover .txt{padding-left: 0;}

@media only screen and (max-width:1250px){
.newslistpage .list{padding: 4% 0 1%;}
.newslistpage ul li{padding-left: 175px;}
.newslistpage ul li .pic{width:160px;}
.newslistpage ul li .txt{padding: 0 5px;}
}
@media only screen and (max-width:768px){
.newslistpage ul li{padding: 0 0 14px 170px;margin-bottom: 15px;}
.newslistpage ul li .titl a{line-height: 25px;}
.newslistpage ul li .text{height: 65px;line-height: 21px;}
.newslistpage ul li .date{padding-top: 5px;line-height: 20px;}
.newslistpage ul li .date span svg{height: 20px;line-height: 20px;}
}
@media only screen and (max-width:560px){
.newslistpage ul li{padding: 0 0 14px 0;}
.newslistpage ul li .pic{display: none;}
}
@media only screen and (max-width:425px){
.newslistpage .list{padding: 3% 0 4%;}
.newslistpage ul li{padding: 0;margin: 0;}
.newslistpage ul li .ico{display: block;}
.newslistpage ul li .txt{padding: 0;}
.newslistpage ul li .text,
.newslistpage ul li .date span{display: none;}
.newslistpage ul li .titl a{font-size: 14px;line-height: 30px;padding: 7px 70px 7px 20px;}
.newslistpage ul li .date{position: absolute;right: 0;top: 50%;margin-top: -14px;line-height: 30px;font-size: 13px;color: #808080;padding: 0;}
}

/* newshow */
.newshowpage{padding: 2.5% 3% 3.5%;}
.newshowpage .title{width:100%;font-size:21px;padding:10px 0;text-align:center;}
.newshowpage .date{width:100%;color:#999;font-size:15px;padding:5px 0 25px;text-align:center;border-bottom:1px dotted #ccc;}
.newshowpage .date span{font-size: 16px;margin-right: 5px;display: inline-block;}
.newshowpage .content{width:100%;color:#454545;font-size:16px;line-height:2;padding:3% 5px;border-bottom:1px dotted #ccc;margin-bottom: 10px;min-height: 150px;}
.newshowpage .content p{padding-bottom: 1%;}
.newshowpage .content p strong{padding-top: 10px;display: block;}
.newshowpage .content div.teblediv{width: 100%;overflow-x: auto;margin-bottom: 10px;}
.newshowpage .content table{width: 100%;min-width: 560px;border: 1px solid #ddd;border-width: 1px 1px 0 0;}
.newshowpage .content table td{padding: 5px 10px;border: 1px solid #ddd;border-width: 0 0 1px 1px;}
.newshowpage .content img{max-width:100%;display:block;margin:10px auto 0;}

@media only screen and (max-width:1024px){
.newshowpage{padding: 1% 0;}
}
@media only screen and (max-width:768px){
.newshowpage .title{font-size:18px;font-weight: 600;padding: 5px 0;}
.newshowpage .date{font-size:14px;padding-bottom: 20px;}
.newshowpage .content{font-size:15px;line-height:1.8;}
}
@media only screen and (max-width:480px){
.newshowpage .date{padding-bottom: 15px;}
.newshowpage .content{padding: 4% 1%;}
}
@media only screen and (max-width:425px){
.newshowpage .title{font-size:16px;}
.newshowpage .content{padding: 5% 1%;line-height: 25px;font-size: 14px;}
.newshowpage .content p{padding-bottom: 2%;}
}

/* order */
.orderpage ul{padding: 4% 0;overflow: hidden;}
.orderpage ul li{width: 50%;padding: 10px;position: relative;overflow: hidden;float: left;}
.orderpage ul li .tit{line-height: 1;padding: 0 0 10px 5px;color: #808080;float: left;}
.orderpage ul li .red{color: #f00;float: left;}
.orderpage ul li p{width: 100%;float: left;position: relative;}
.orderpage ul li .txt{width: 100%;line-height: 20px;padding: 11px 14px;border: 1px solid #ddd;}
.orderpage ul li.li_2{width: 100%;}
.orderpage ul li.li_2 .txt{height: 180px;}
.orderpage ul li.code{width: 100%;}
.orderpage ul li.code img{position: absolute;right: 5px;top: 5px;padding: 8px;cursor: pointer;background: #fafafa;}
.orderpage ul li.li_3{padding: 20px 0;text-align: center;width: 100%;}
.orderpage ul li.li_3 p{width: 50%;padding: 0 10px;float: left;}
.orderpage ul li.li_3 p input{display:block;width:100%;font-size:15px;cursor: pointer;background:#999;color:#fff;font-weight: 600;line-height: 30px;padding: 10px;}
.orderpage ul li.li_3 .tj input{background: #1461cc;}
.orderpage ul li.li_3 p:hover input{background: #ffcb00;}

@media only screen and (max-width:1250px){
.orderpage ul{padding: 3% 0 4%;}
.orderpage ul li{padding: 10px 5px;}
.orderpage ul li .txt{padding: 9px 14px;}
.orderpage ul li.li_2 .txt{height: 150px;}
.orderpage ul li.code img{padding: 6px;}
.orderpage ul li.li_3 p{padding: 0 5px;}
}
@media only screen and (max-width:1024px){
.orderpage ul{padding: 3% 0 1%;margin: 0 -2px;}
}
@media only screen and (max-width:480px){
.orderpage ul{padding: 5% 0 0;}
.orderpage ul li{width: 100%;padding: 5px;}
.orderpage ul li .tit{padding-bottom: 5px;}
.orderpage ul li .txt{padding: 7px 9px;}
.orderpage ul li.li_2 .txt{height: 120px;}
.orderpage ul li.code img{padding: 4px;}
.orderpage ul li.li_3 p input{padding: 6px;}
}

/* faq */
.problempage{padding-bottom: 1.5%;}
.problempage .list{padding: 2% 0;}

.problempage ul li{width: 100%;border-bottom: 1px dotted #ddd;position: relative;padding: 1% 0 2%;margin-bottom: 1%;}
.problempage ul li .ico{position: absolute;left: 0;top: 0;padding-top: 1%;font-size: 20px;}
.problempage ul li .ico svg{height: 30px;line-height: 30px;color: #1461cc;}
.problempage ul li .tit a{display: block;font-size: 15px;font-weight: 600;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 80px 5px 35px;}
.problempage ul li .dat{position: absolute;right: 0;top: 0;padding-top: 1%;line-height: 30px;color: #808080;}
.problempage ul li .txt{line-height: 25px;padding-left: 35px;color: #666;}
.problempage ul li .txt br{display: none;}

.problempage ul li .tit:hover a,
.problempage ul li .txt:hover{padding-left: 30px;}

@media only screen and (max-width:1024px){
.problempage .list{padding-top: 3%;}
}
@media only screen and (max-width:480px){
.problempage .list{padding: 4% 0;}
.problempage ul li{padding: 7px 0;margin-bottom: 0;}
.problempage ul li .tit a{padding: 0 70px 0 25px;font-size: 14px;}
.problempage ul li .ico{padding-top: 7px;font-size: 18px;}
.problempage ul li .dat{padding-top: 8px;font-size: 13px;}
.problempage ul li .txt{display: none;}
.problempage ul li .tit:hover a{padding-left: 25px;}
}

/* video */
.videopage .pic_list_con ul li p{background-color: #000;border-color: #000;cursor: pointer;}
.videopage .pic_list_con ul li p .videoed{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: none;}

/* sitemap */
.sitemap{padding: 3.5% 0 2.5%;}
.sitemap .bum{width: 100%;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,.1);margin-bottom: 2.5%;}
.sitemap .bum .titl{width: 100%;padding: 1.5% 2.5%;background: #1461cc;}
.sitemap .bum .titl a{font-size: 18px;font-weight: 600;color: #fff;line-height: 20px;margin-bottom: -1px;float: left;}
.sitemap .bum .cont{width:100%;padding:2% 2.5%;overflow:hidden;min-height: 150px;}
.sitemap .bum .cont ul li{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;}

@media only screen and (max-width:1250px){
.sitemap .zixunbum .cont ul li{width:25%;}
}
@media only screen and (max-width:1024px){
.sitemap .bum .titl{padding: 2% 2.5%;}
.sitemap .bum .titl a{font-size: 16px;}
.sitemap .bum .cont ul li{width:25%;}
.sitemap .zixunbum .cont ul li{width:33.33%;}
}
@media only screen and (max-width:768px){
.sitemap{padding: 30px 0 25px;}
.sitemap .bum{margin-bottom: 20px;}
.sitemap .bum .titl{padding: 15px 20px;}
.sitemap .bum .cont{padding: 10px 15px 20px;}
.sitemap .bum .cont ul li{width:33.33%;}
.sitemap .zixunbum .cont ul li{width:50%;}
}
@media only screen and (max-width:480px){
.sitemap .bum{margin-bottom: 15px;}
.sitemap .bum .titl{padding: 10px 20px;}
.sitemap .bum .titl a{font-size: 15px;}
.sitemap .bum .cont ul li{width:50%;line-height: 25px;}
}
@media only screen and (max-width:425px){
.sitemap .bum .titl{padding: 10px 15px;}
.sitemap .bum .cont{padding: 10px 10px 20px;}
.sitemap .zixunbum .cont ul li{width:100%;}
}