@charset "utf-8";
/* CSS Document */
.container{padding: 35px 0;}
.container .w1440::after{content: " ";width: 100%;height: 0;clear: both;display: block;}

@media only screen and (max-width:1024px){
.container{padding: 35px 0;}
}
@media only screen and (max-width:768px){
.container{padding: 30px 0;}
}
@media only screen and (max-width:480px){
.container{padding: 25px 0;}
}

/* search */
.pro_search{background: #0053a6;margin-bottom: 30px;padding: 15px;position: relative;}
.pro_search p{border-radius: 3px;width: 100%;}
.pro_search p input{display: block;width: 100%;line-height: 18px;padding: 15px 20px;border-radius: 2px;}
.pro_search span{position: absolute;width: 60px;height: 50px;right: 15px;top: 15px;}
.pro_search span::after{content: "";position: absolute;width: 1px;height: 16px;left: 3px;top: 50%;margin-top: -8px;background: #ddd;}
.pro_search span input{display: block;width: 100%;height: 100%;background: none;cursor: pointer;color: #999;}
.pro_search span input:hover{color: #d90012;}

@media only screen and (max-width:1024px){
.pro_search p input{padding: 10px 15px;}
.pro_search span{height: 40px;width: 50px;}
.pro_search span::after{left: 0;}
}
@media only screen and (max-width:768px){
.pro_search{margin: -5px auto 25px;padding: 10px;}
.pro_search span{right: 10px;top: 10px;}
}
@media only screen and (max-width:480px){
.pro_search p input{padding: 8px 12px;}
.pro_search span{height: 36px;width: 45px;padding-left: 2px;}
}

/*leftmain*/
.leftmain{position: relative;z-index: 2;padding: 10px 0 25px;}
.leftmain .column{margin: 0 -2px;}
.leftmain .column h2{text-align: center;width: 25%;max-width: 180px;float: left;padding: 2px;}
.leftmain .column h2 a{display: block;width: 100%;line-height: 30px;background: #e6e6e6;font-size: 16px;padding: 10px 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 2;}

.leftmain .nycpfl ul{margin: 0 -2px;flex-wrap: wrap;}
.leftmain .nycpfl ul li{width: 20%;float: left;position: relative;text-align: center;padding: 2px;z-index: 1;font-size: 0;}
.leftmain .nycpfl ul li a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}
.leftmain .nycpfl ul li .f1 a{background: #e6e6e6;padding: 10px 5px;font-size: 15px;}

.leftmain .nycpfl ul li dl{width: calc(100% - 4px);position: absolute;left: 2px;top: 100%;margin-top: -1px;background: rgba(255,255,255,.5);opacity: 0;z-index: 3;}
.leftmain .nycpfl ul li dl a{line-height: 44px;background: #f2182a;height: 0;padding: 0 5px;color: #fff;}

.leftmain .nycpfl ul li:hover{z-index: 500;}
.leftmain .nycpfl ul li:hover dl{opacity: 1;}
.leftmain .nycpfl ul li:hover dl a{height: 44px;margin-bottom: 1px;}
.leftmain .nycpfl ul li dl a:hover{background: #ffbf00;}

.leftmain .nycpfl ul li.active .f1 a,
.leftmain .column h2.active a{background: #d90012;color: #fff;}

@media only screen and (max-width:1200px){
.leftmain .nycpfl ul li{width: 25%;}
}
@media only screen and (max-width:1024px){
.leftmain .column h2{max-width: none;}
.leftmain .column h2 a{font-size: 15px;font-weight: 600;}
.leftmain .nycpfl ul li{width: 33.33%;}
.leftmain .nycpfl ul li .f1 a{font-size: 14px;font-weight: 600;}
.leftmain .nycpfl ul li dl::after{content: "";position: absolute;width: 100%;height: 50px;left: 0;top: -50px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.leftmain .nycpfl ul li.active dl::after{width: 0;}
}
@media only screen and (max-width:768px){
.leftmain .nycpfl ul,
.leftmain .column{margin: 0 -1px;}
.leftmain .column h2{width: 33.33%;padding: 1px;}
.leftmain .nycpfl ul li{width: 50%;padding: 1px;}
.leftmain .nycpfl ul li dl{width: calc(100% - 2px);left: 1px;margin: 0;}
}
@media only screen and (max-width:480px){
.leftmain{padding: 5px 0 20px;}
.leftmain .column h2{width: 50%;}
.leftmain .column h2 a{padding: 8px 5px;}
.leftmain .nycpfl ul li .f1{height: 100%;}
.leftmain .nycpfl ul li .f1 a{padding: 12px 10px;height: 100%;white-space: normal;line-height: 20px;}
.leftmain .nycpfl ul li dl a{line-height: 36px;}
.leftmain .nycpfl ul li:hover dl a{height: 36px;}
}

/* rightmain */
.rightmain{overflow: hidden;position: relative;z-index: 1;min-height: 450px;padding: 10px 0;}

/* piclist */
.pic_list_con{width: 100%;overflow: hidden;}
.pic_list_con ul{margin: 0 -10px;}
.pro_list_con ul li,
.pic_list_con ul li{width: 25%;float: left;padding: 0 10px 10px;text-align: center;}
.pro_list_con ul li a,
.pic_list_con ul li a{display: block;width: 100%;overflow: hidden;}
.pro_list_con ul li p,
.pic_list_con ul li p{width: 100%;position: relative;overflow: hidden;}
.pic_list_con ul li h3{display: block;width: 100%;padding: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}

.pro_list_con{width: 100%;overflow: hidden;padding: 25px 0 15px;}
.pro_list_con ul{margin: 0 -10px;flex-wrap: wrap;}
.pro_list_con ul li{flex-shrink: 0;}
.pro_list_con ul li a{display: block;width: 100%;height: 100%;overflow: hidden;}
.pro_list_con ul li em{padding-bottom: 75%;}
.pro_list_con ul li em img{max-width: 90%;max-height: 90%;}
.pro_list_con ul li span{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.05);z-index: 5;left: 0;top: 0;}
.pro_list_con ul li h3{line-height: 20px;padding: 10px 5px;display: block;width: 100%;overflow: hidden;}

@media only screen and (max-width:1200px){
.pro_list_con{padding: 20px 0 10px;}
.pic_list_con ul,
.pic_list_con ul{margin: 0 -5px;}
.pro_list_con ul li,
.pic_list_con ul li{padding: 0 5px 5px;}
.pro_list_con ul li h3{padding: 5px 5px 10px;}
}
@media only screen and (max-width:1024px){
.pro_list_con{padding: 20px 0 5px;}
.pic_list_con ul li{width: 33.33%;}
}
@media only screen and (max-width:768px){
.pro_list_con ul li,
.pic_list_con ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.pro_list_con{padding: 15px 0 5px;}
.pic_list_con ul,
.pic_list_con ul{margin: 0 -2px;}
.pro_list_con ul li,
.pic_list_con ul li{padding: 0 2px 5px;}
.pic_list_con ul li h3{padding-top: 0;font-size: 13px;}
.pro_list_con ul li p em{padding-bottom: 100%;}
.pro_list_con ul li h3{font-size: 13px;}
}

/* aboutus */
.aboutuspage{color: #666;line-height: 2;text-indent: 2em;padding: 0;}
.aboutuspage .tit{font-size: 20px;text-indent: 0;color: #000;}
.aboutuspage p{padding: 5px 0;}
.aboutuspage img{max-width: 100%;}

@media only screen and (max-width:768px){
.aboutuspage{line-height: 1.8;}
.aboutuspage .tit{font-size: 18px;}
}
@media only screen and (max-width:480px){
.aboutuspage .tit{font-size: 16px;}
}

/* album */
.albumlistpage .pic_list_con ul li em{padding-bottom: 75%;}
.albumlistpage .pic_list_con ul li img{max-width: none;min-width: 100%;height: 100%;}

/* case */
.caselistpage .pic_list_con ul li{width: 33.33%;}
.caselistpage .pic_list_con ul li em{padding-bottom: 75%;}
.caselistpage .pic_list_con ul li img{max-width: none;min-width: 100%;height: 100%;}

@media only screen and (max-width:768px){
.caselistpage .pic_list_con ul li{width: 50%;}
}

/* contact */
.contactpage .txtbox{width: 50%;float: left;padding: 0 2% 25px;}
.contactpage .txtbox .txt{width: 100%;float: left;}
.contactpage .txtbox .txt p{width:100%;float:left;margin-bottom: 10px;padding-left: 2px;}
.contactpage .txtbox .txt .titl{font-size: 20px;color: #d90012;padding: 15px 0;width:auto;font-weight: 600;}
.contactpage .txtbox .txt .titl em{display: block;width: 4em;background-color: #d90012;height: 1px;margin-top: 14px;}
.contactpage .txtbox:hover .txt .titl em{width: 100%;}

.contactpage .txtbox .ewm{width: 100%;float: right;}
.contactpage .txtbox .ewm p{float: left;text-align: center;border: 1px solid #ddd;border-radius: 3px;max-width: 150px;margin: 10px 10px 0 0;padding: 0 0 10px;}
.contactpage .txtbox .ewm p img{width: 100%;}
.contactpage .txtbox .ewm p span{display: block;width: 100%;line-height: 1;margin-top: -5px;}

.contactpage .mapbox{width:50%;float:right;position:relative;padding-bottom:480px;}
.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 .txtbox{width: 100%;}
.contactpage .mapbox{width: 100%;padding-bottom: 360px;}
}
@media only screen and (max-width:768px){
.contactpage .txtbox .txt p{margin-bottom: 5px;}
.contactpage .mapbox{padding-bottom:300px;}
}
@media only screen and (max-width:480px){
.contactpage .txtbox .txt .titl{font-size: 18px;}
.contactpage .mapbox{padding-bottom:280px;}
}

/* down */
.downlistpage .list{width: 100%;padding-bottom: 20px;}
.downlistpage .list ul li{width: 100%;border-bottom: 1px dotted #ccc;line-height: 30px;padding: 0 100px 0 25px;position: relative;}
.downlistpage .list ul li.newsbg{background: #e6e6e6;font-weight: 600;border-radius: 3px 3px 0 0;font-size: 15px;border: 0;margin-bottom: 10px;padding: 11px 20px 9px;}
.downlistpage .list ul li em{position: absolute;left: 5px;top: 50%;margin-top: -15px;font-size: 10px;color: #999;}
.downlistpage .list ul li em svg{height: 30px;}
.downlistpage .list ul li p{width: 100%;line-height: 30px;overflow: hidden;}
.downlistpage .list ul li p a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 0;float: left;max-width: 100%;}
.downlistpage .list ul li span{width: 100px;text-align: center;position: absolute;right: 0;top: 50%;margin-top: -15px;}

.downlistpage .list ul li:hover em{left: 10px;}
.downlistpage .list ul li:hover a{padding-left: 5px;}

@media only screen and (max-width:768px){
.downlistpage .list ul li.newsbg{padding: 8px 15px 7px;}
.downlistpage .list ul li p a{padding: 8px 0 7px;}
}
@media only screen and (max-width:480px){
.downlistpage .list{padding-bottom: 10px;}
.downlistpage .list ul li{padding: 0 5px 0 20px;}
.downlistpage .list ul li.newsbg{padding: 6px 15px 5px;display: none;}
.downlistpage .list ul li p a{padding: 5px 0;}
.downlistpage .list ul li span{display: none;}
}

/* honor */
.honorlistpage .pic_list_con ul li{padding: 0 10px 20px;}
.honorlistpage .pic_list_con ul li a{background: #f7f7f7;padding: 10px 10px 5px;}
.honorlistpage .pic_list_con ul li p img{max-width: 90%;max-height: 90%;}

@media only screen and (max-width:1200px){
.honorlistpage .pic_list_con ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:480px){
.honorlistpage .pic_list_con ul li{padding: 0 2px 5px;}
}

/* order */
.messagepage .cont{padding: 50px 10% 40px;border: 1px solid #f5f5f5;background: url(../nyimages/lxbg.jpg) center no-repeat;background-size: 100% auto;}
.messagepage .cont ul{overflow: hidden;}
.messagepage .cont ul li{width: 100%;overflow: hidden;position: relative;padding: 0 5px 5px;float: left;}
.messagepage .cont ul li .red{line-height: 32px;height: 25px;color: red;float: left;}
.messagepage .cont ul li .tit{float: left;line-height: 25px;padding: 0 5px;color: #666;}
.messagepage .cont ul li .txt{width: 100%;float: left;overflow: hidden;line-height: 18px;padding: 10px 14px;border: 1px solid #e6e6e6;background: rgba(255,255,255,.75);border-radius: 3px;}

.messagepage .cont ul li.li_1{width: 50%;}
.messagepage .cont ul li.li_2 .txt{height: 150px;}
.messagepage .cont ul li.code{max-width: 250px;}
.messagepage .cont ul li.code img{position: absolute;right: 14px;top: 36px;cursor: pointer;}

.messagepage .cont ul li.li_3{padding: 15px 5px;}
.messagepage .cont ul li.li_3 p{float: left;width: 180px;margin-right: 15px;}
.messagepage .cont ul li.li_3 input{float: left;text-align: center;background: #999;color: #fff;width: 100%;line-height: 30px;padding: 10px;border-radius: 3px;font-size: 16px;cursor: pointer;}
.messagepage .cont ul li.li_3 input.tj{background: #0053a6;}
.messagepage .cont ul li.li_3 input:hover{background:#d90012;}

@media only screen and (max-width:1200px){
.messagepage .cont{padding: 40px 8% 35px;background-size: auto 100%;}
}
@media only screen and (max-width:1027px){
.messagepage .cont{padding: 35px 5% 30px;}
}
@media only screen and (max-width:768px){
.messagepage .cont{padding: 25px 3% 20px;}
.messagepage .cont ul li.li_2 .txt{height: 120px;}
}
@media only screen and (max-width:480px){
.messagepage .cont{padding: 20px 3%;}
.messagepage .cont ul li{padding: 0 5px 3px;}
.messagepage .cont ul li .tit{font-size: 13px;}
.messagepage .cont ul li .txt{padding: 6px 9px;}
.messagepage .cont ul li.li_1{width: 100%;}
.messagepage .cont ul li.code img{right: 10px;top: 33px;}
.messagepage .cont ul li.li_3{padding: 10px 0;}
.messagepage .cont ul li.li_3 p{width: 50%;margin: 0;padding: 0 5px;}
.messagepage .cont ul li.li_3 input{padding: 7px 5px;}
}

/* newslist */
.newslistpage ul li{width: 100%;overflow: hidden;float: left;margin-bottom: 15px;position: relative;padding: 15px 15px 15px 250px;background: #f7f7f7;}
.newslistpage ul li::after{background: #f5f5f5;content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.newslistpage ul li > *{position: relative;z-index: 2;}
.newslistpage ul li .pic{width:200px;height:150px;overflow:hidden;border:1px solid #e6e6e6;text-align:center;background:#fff;position:absolute;left:15px;top:15px;}
.newslistpage ul li .pic a{width:100%;padding-bottom: 75%;display:block;position:relative;overflow:hidden;}

.newslistpage ul li .tit{width:100%;font-size:15px;float:left;font-weight:600;line-height: 30px;}
.newslistpage ul li .tit em{position: absolute;left: 9px;top: 50%;margin-top: -15px;font-size: 10px;color: #808080;display: none;}
.newslistpage ul li .tit em svg{height: 30px;}
.newslistpage ul li .tit a{display:block;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newslistpage ul li .txt{float:left;width:100%;height:75px;overflow:hidden;color:#666;line-height:25px!important;}
.newslistpage ul li .txt *{line-height:1.8!important;}
.newslistpage ul li .txt img,
.newslistpage ul li .txt table,
.newslistpage ul li .txt br{display:none;}
.newslistpage ul li .date{width:100%;float:left;overflow:hidden;color:#787878;padding: 10px 0 5px;line-height: 20px;}
.newslistpage ul li .date span{float: left;margin-right: 10px;}
.newslistpage ul li .date span svg{height: 20px;}

.newslistpage ul li:hover::after{background:#d90012;}
.newslistpage ul li:hover .tit a,
.newslistpage ul li:hover .tit em,
.newslistpage ul li:hover .txt,
.newslistpage ul li:hover .date{color: #fff;}

@media only screen and (max-width:1200px){
.newslistpage ul li{padding-left: 235px;}
}
@media only screen and (max-width:1024px){
.newslistpage ul li{padding-left: 160px;}
.newslistpage ul li .pic{width:125px;height: 125px;}
.newslistpage ul li .pic a{padding-bottom: 100%;}
.newslistpage ul li .tit a{padding-top: 0;}
.newslistpage ul li .txt{height:60px;line-height:20px!important;}
.newslistpage ul li .date{padding: 5px 0;}
}
@media only screen and (max-width:768px){
.newslistpage ul li{padding:10px 10px 15px 120px;margin-bottom: 10px;}
.newslistpage ul li .pic{width: 100px;height: 100px;left: 10px;top: 10px;}
.newslistpage ul li .tit a{font-size:14px;}
.newslistpage ul li .date{display: none;}
}
@media only screen and (max-width:560px){
.newslistpage ul{padding-bottom: 10px;}
.newslistpage ul li{padding: 0;margin-bottom: 5px;}
.newslistpage ul li .pic,
.newslistpage ul li .txt{display: none;}
.newslistpage ul li .tit a{padding: 10px 5px 10px 25px;font-weight: normal;}
.newslistpage ul li .tit em{display: block;}
}
@media only screen and (max-width:425px){
.newslistpage ul li .tit a{padding: 7px 5px 7px 22px;}
.newslistpage ul li .tit em{left: 7px;}
}

/* newshow */
.newshowpage .title{width:100%;font-size:24px;padding:10px 0;text-align:center;}
.newshowpage .date{width:100%;color:#999;padding:5px 0 25px;text-align:center;border-bottom:1px dotted #ccc;}
.newshowpage .date span{font-size: 15px;margin-right: 5px;display: inline-block;}

.newshowpage .content{width:100%;color:#454545;line-height:2;margin-bottom: 15px;}
.newshowpage .content .picbox{padding:25px 10px;border-bottom:1px dotted #ccc;}
.newshowpage .content .picbox p{width: 100%;max-height: 600px;text-align: center;}
.newshowpage .content .picbox p img{max-width: 100%;max-height: 100%;}

.newshowpage .content .txtbox{padding: 20px 10px;width: 100%;border-bottom:1px dotted #ccc;}
.newshowpage .content .txtbox p{padding: 5px 0;text-indent: 2em;}
.newshowpage .content .txtbox div.teblediv{width: 100%;overflow-x: auto;margin-bottom: 10px;}
.newshowpage .content .txtbox table{width: 100%;min-width: 560px;border: 1px solid #ddd;border-width: 1px 1px 0 0;}
.newshowpage .content .txtbox table td{padding: 5px 10px;border: 1px solid #ddd;border-width: 0 0 1px 1px;}
.newshowpage .content .txtbox img{max-width:100%;display:block;margin:10px auto 0;}

@media only screen and (max-width:768px){
.newshowpage .title{font-size:18px;font-weight: 600;}
.newshowpage .content{line-height:1.8;}
}
@media only screen and (max-width:480px){
.newshowpage .title{font-size:16px;}
.newshowpage .content{line-height:1.5;}
}

/* faq */
.problempage .problem-keywords{width: 100%;padding: 14px 19px;background: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;}
.problempage .problem-keywords ul li{line-height: 30px;display: inline;padding: 0 5px;}
.problempage .problem-keywords ul li a{color: #666;white-space: nowrap;}
.problempage .problem-keywords ul li:hover a{color: #d90012;}

.problempage .problem-search{width: 100%;padding: 20px 25px;}
.problempage .problem-search span{display: block;float: left;height: 36px;line-height: 36px;color: #666;margin-right: 15px;}
.problempage .problem-search .tit{float: left;margin-right: 10px;height: 36px;padding: 5px 12px;border-radius: 3px;border: 1px solid #ddd;line-height: 24px;width:75%;max-width: 280px;background: #fafafa;}
.problempage .problem-search .anniu{float: left;height: 36px;border-radius: 3px;border: 1px solid #ddd;line-height: 36px;width: 68px;background: url(../nyimages/jinpinbg.jpg) left bottom repeat-x;text-align: center;cursor: pointer;}
.problempage .problem-search .anniu:hover{color: #d90012;}

.problempage .problem-list{width: 100%;padding-bottom: 20px;}
.problempage .problem-list ul li{width: 100%;border-bottom: 1px dotted #ccc;line-height: 30px;padding: 0 100px 0 30px;position: relative;}
.problempage .problem-list ul li.newsbg{background: #e6e6e6;font-weight: 600;border-radius: 3px 3px 0 0;font-size: 15px;border: 0;margin-bottom: 10px;padding: 11px 20px 9px;}
.problempage .problem-list ul li em{position: absolute;left: 5px;top: 50%;margin-top: -15px;font-size: 16px;color: #808080;}
.problempage .problem-list ul li em svg{height: 30px;}
.problempage .problem-list ul li p{width: 100%;line-height: 30px;overflow: hidden;}
.problempage .problem-list ul li p a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 0;float: left;max-width: 100%;}
.problempage .problem-list ul li span{width: 100px;text-align: center;position: absolute;right: 0;top: 50%;margin-top: -15px;color: #999;}

.problempage .problem-list ul li:hover em{left: 10px;}
.problempage .problem-list ul li:hover a{padding-left: 5px;}

@media only screen and (max-width:768px){
.problempage .problem-keywords{padding: 9px;}
.problempage .problem-keywords ul li{line-height: 25px;}
.problempage .problem-search{padding: 10px 15px 20px;}
.problempage .problem-search span{margin-bottom: 5px;width: 100%;}
.problempage .problem-list ul li.newsbg{padding: 8px 15px 7px;}
.problempage .problem-list ul li p a{padding: 8px 0 7px;}
}
@media only screen and (max-width:480px){
.problempage .problem-list{padding-bottom: 10px;}
.problempage .problem-list ul li{padding: 0 5px 0 25px;}
.problempage .problem-list ul li em{left: 2px;}
.problempage .problem-list ul li.newsbg{padding: 6px 15px 5px;display: none;}
.problempage .problem-list ul li p a{padding: 5px 0;}
.problempage .problem-list ul li span{display: none;}
}

/* proHome */
.prohomepage .promain{width: 100%;overflow: hidden;margin-bottom: 10px;}
.prohomepage .promain .title{width: 100%;overflow: hidden;background: #0053a6;position: relative;z-index: 2;line-height: 50px;}
.prohomepage .promain:hover .title{background: #0060bf;}
.prohomepage .promain .title p{font-size: 16px;font-weight: 600;color: #fff;float: left;padding-left: 25px;}
.prohomepage .promain .title span{display: block;width: 50px;height: 50px;float: right;background: #ffbf00;text-align: center;}
.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);}

@media only screen and (max-width:1024px){
.prohomepage .promain .title p{padding-left: 20px;}
}
@media only screen and (max-width:480px){
.prohomepage .promain .title{line-height: 44px;}
.prohomepage .promain .title p{font-size: 15px;padding-left: 15px;}
.prohomepage .promain .title a{font-size: 24px;}
.prohomepage .promain .title span{width: 44px;height: 44px;}
}

/* proList */
.prolistpage .pro_list_con{padding: 0;}

/* proshow */
.proshowpage .picinfo{width: 100%;position: relative;margin-bottom: 25px;}
.proshowpage .picinfo .left{width: 44%;float: left;padding-right: 4%;max-width: 600px;}
.proshowpage .picinfo .bigPic{width: 100%;padding-bottom: 100%;background: #fff;border: 1px solid #ddd;box-sizing: content-box;}
.proshowpage .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;}

.proshowpage .picinfo .smallpic{width: 100%;height: 80px;padding: 10px 0;}
.proshowpage .picinfo .smallpic ul li{width: 60px;height: 60px;padding: 1px;background: #fff;border: 2px solid #e6e6e6;}
.proshowpage .picinfo .smallpic ul li a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.proshowpage .picinfo .smallpic ul li img{height: 100%;width: 100%;}
.proshowpage .picinfo .smallpic ul li.on{border-color: #d90012;}
.proshowpage .picinfo .smallpic .swiper-scrollbar{width: 100%;bottom: 0;left: 0;height: 3px;}
.proshowpage .picinfo .smallpic .swiper-scrollbar-drag{background: rgba(0,0,0,.2);}

.proshowpage .picinfo .right{width: 56%;float: left;}
.proshowpage .picinfo .right > *{width: 100%;overflow: hidden;position: relative;}
.proshowpage .picinfo .right > * span{position: absolute;left: 15px;top: 5px;}
.proshowpage .picinfo .right .titl{font-size: 16px;padding: 5px 10px 5px 15px;color: #d90012;font-weight: 600;}
.proshowpage .picinfo .right .claname{border: 1px solid #d65762;background-color:#fff1f2;padding: 11px 9px 9px 109px;border-radius: 5px;margin: 10px 0;min-height: 44px;}
.proshowpage .picinfo .right .claname span{left: 13px;top: 11px;}
.proshowpage .picinfo .right .txt{padding: 5px 10px 5px 110px;min-height: 32px;}
.proshowpage .picinfo .right .btn{padding: 15px 0 0 15px;}
.proshowpage .picinfo .right .btn a{float: left;margin-right: 15px;}

.proshowpage .shipin{width: 100%;padding: 15px 0;}
.proshowpage .shipin .title{width: 100%;height: 50px;background: #f3f5f7;position: relative;padding: 10px 15px 0;}
.proshowpage .shipin .title em{width: 100%;height: 1px;display: block;background: #e6e6e6;position: absolute;left: 0;bottom: 0;z-index: 0;}
.proshowpage .shipin .title p{float: left;margin-right: 10px;cursor: pointer;position: relative;z-index: 1;}
.proshowpage .shipin .title p span{display: block;color: #d90012;background: #fff;padding: 0 20px;line-height: 42px;height: 40px;border-radius: 5px 5px 0 0;border: 1px solid #e6e6e6;border-bottom: 0;font-size: 15px;font-weight: 600;}
.proshowpage .shipin .prompt{width: 100%;max-width: 720px;margin: 25px auto -20px;text-align: center;display: none;}
.proshowpage .shipin .video{width: 100%;max-width: 720px;height: 405px;margin: 25px auto;position: relative;background: #000;}

.proshowpage .detail{width: 100%;}
.proshowpage .detail .title{width: 100%;height: 50px;background: #f3f5f7;position: relative;padding: 10px 15px 0;}
.proshowpage .detail .title em{width: 100%;height: 1px;display: block;background: #e6e6e6;position: absolute;left: 0;bottom: 0;z-index: 0;}
.proshowpage .detail .title p{float: left;margin-right: 10px;cursor: pointer;position: relative;z-index: 1;}
.proshowpage .detail .title p span{display: block;padding: 0 15px;line-height: 42px;height: 39px;border-radius: 5px 5px 0 0;border: 1px solid #f3f5f7;border-bottom: 0;font-size: 15px;font-weight: 600;}
.proshowpage .detail .title p.active span{color: #d90012;background: #fff;height: 40px;border-color: #e6e6e6;padding: 0 20px;}

.proshowpage .detail .content{width:100%;line-height: 1.8;padding:30px 10px;min-height:150px;}
.proshowpage .detail .content > div{display: none;}
.proshowpage .detail .content > div.active{display: block;}
.proshowpage .detail .content > .prolx{padding: 0 15px;}
.proshowpage .detail .content p{padding: 5px 0;}
.proshowpage .detail .content div[n="1"] * img{width:auto!important;max-width:100%!important;margin:0 auto;display:block;height:auto!important;max-height:none!important;}

.proshowpage .detail .content .tit{font-size: 20px;color: #d90012;padding: 15px 0;width:auto;font-weight: 600;float: left;}
.proshowpage .detail .content .tit em{display: block;width: 4em;background-color: #d90012;height: 1px;margin-top: 14px;}
.proshowpage .detail .content .tit:hover em{width: 100%;}
.proshowpage .detail .content .txt{width: 100%;float: left;}

.proshowpage .detail .content .ewm{width: 100%;float: right;}
.proshowpage .detail .content .ewm p{float: left;text-align: center;border: 1px solid #ddd;border-radius: 3px;max-width: 150px;margin: 10px 10px 0 0;padding: 0 0 10px;}
.proshowpage .detail .content .ewm p img{width: 100%;}
.proshowpage .detail .content .ewm p span{display: block;width: 100%;line-height: 1;margin-top: -5px;}

@media only screen and (max-width:1200px){
.proshowpage .picinfo .left{padding-right: 3%;}
}
@media only screen and (max-width:1024px){
.proshowpage .picinfo .left{width: 43%;}
.proshowpage .picinfo .bigPic{box-sizing: border-box;}
.proshowpage .picinfo .right{width: 57%;}
.proshowpage .shipin{padding: 10px 0;}
.proshowpage .shipin .prompt{display: block;}
.proshowpage .detail .content{padding:25px 10px;}
}
@media only screen and (max-width:768px){
.proshowpage .picinfo{margin-bottom: 20px;}
.proshowpage .picinfo .left{width: 100%;padding: 0 0 10px;max-width: 100%;}
.proshowpage .picinfo .bigPic{padding-bottom: 75%;}
.proshowpage .picinfo .smallpic ul{justify-content: center;}
.proshowpage .picinfo .right{width: 100%;padding: 10px 0;}
.proshowpage .shipin{padding: 5px 0;}
.proshowpage .shipin .prompt{margin-top: 20px;}
.proshowpage .detail .content .tit{font-size: 18px;padding: 0 0 15px;line-height: 1.5;}
.proshowpage .detail .content .txt p{line-height: 1.5;}
}
@media only screen and (max-width:480px){
.proshowpage .picinfo .bigPic{padding-bottom: 100%;}
}

/* video */
.videopage .vid_list_con ul{margin: 0 -10px;flex-wrap: wrap;}
.videopage .vid_list_con ul li{width: 25%;float: left;text-align: center;padding: 0 10px 10px;}
.videopage .vid_list_con ul li p{background-color: #000;border: 1px solid #000;overflow: hidden;position: relative;}
.videopage .vid_list_con ul li p em{padding-bottom: 65%;}
.videopage .vid_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;}
.videopage .vid_list_con ul li h3{line-height: 20px;padding: 10px 5px;}

@media only screen and (max-width:1440px){
.videopage .vid_list_con ul{margin: 0 -5px;}
.videopage .vid_list_con ul li{padding: 0 5px 10px;}
}
@media only screen and (max-width:1200px){
.videopage .vid_list_con ul li{width: 33.33%;}
}
@media only screen and (max-width:768px){
.videopage .vid_list_con ul li{width: 50%;}
}
@media only screen and (max-width:480px){
.videopage .vid_list_con ul{margin: 0 -2px;}
.videopage .vid_list_con ul li{padding: 0 2px 5px;}
.videopage .vid_list_con ul li h3{padding: 5px;font-size: 13px;}
}

/* sitemap */
.sitemap .bum{width:100%;margin-bottom:20px;border-radius:5px;float:left;padding: 1px 1px 5px;border: 1px solid #e6e6e6;}
.sitemap .bum .title{width:100%;border-bottom:1px solid #ddd;height:44px;line-height:44px;background:url(../nyimages/aboutbg.gif) bottom repeat-x;padding:0 14px;overflow:hidden;position: relative;}
.sitemap .bum .title p{float:left;font-weight:bold;font-size:15px;font-weight: 600;padding-left: 10px;}
.sitemap .bum .title span{float:right;width: 50px;height: 44px;text-align: center;line-height: 46px;font-size: 24px;position: absolute;right: 0;bottom: 0;}
.sitemap .bum .title a{display:block;height:100%;width:100%;color: #d90012;}
.sitemap .bum .title a:hover{-webkit-transform: rotateZ(1080deg);-moz-transform: rotateZ(1080deg);transform: rotateZ(1080deg);}

.sitemap .bum .cont{width:100%;padding:15px 20px;overflow:hidden;min-height:50px;min-height: 100px;}
.sitemap .bum .cont ul li{height:30px;line-height:30px;width:25%;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:1024px){
.sitemap .bum .title p{padding-left: 5px;}
.sitemap .bum .cont ul li{width:33.33%;}
}
@media only screen and (max-width:768px){
.sitemap .bum .title p{padding-left: 0;}
.sitemap .bum .cont{padding:10px;}
.sitemap .bum .cont ul li{width:50%;}
}
@media only screen and (max-width:480px){
.sitemap .bum .cont ul li{font-size: 13px;}
}
@media only screen and (max-width:425px){
.sitemap .bum .cont ul li{width: 100%;}
}