@charset "utf-8";
/* CSS Document */
.container{background:#fff;overflow: hidden;z-index: 1;}

/*leftmain*/
.leftmain{width:100%;max-width: 1600px;margin: 0 auto;background: #f5f7f9;padding: 40px 0 55px;position: relative;z-index: 2;}
.leftmain .left-titl{margin-bottom: 25px;overflow: hidden;color: #e52222;font-weight: 600;}
.leftmain .left-titl p{font-size:30px;float: left;}
.leftmain .left-titl span{font-size:21px;padding: 13px 15px 0;display: block;float: left;color: #787878;}
.leftmain .left-cont{width: 100%;}
.leftmain .left-cont li{width: 16.667%;float: left;padding: 1px;text-align: center;position: relative;}
.leftmain[t=proClass] .left-cont li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;}
.leftmain .left-cont li h2 a{display: block;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.leftmain .left-cont li > h2{position: relative;z-index: 1;font-weight: 600;}
.leftmain .left-cont li > h2 a{background: #333;color: #fff;font-size: 16px;line-height: 55px;}
.leftmain .left-cont li > dl{width:calc(100% - 2px);position: absolute;left: 1px;top: 100%;margin-top:-1px;background: #bf1d1d;opacity: 0;z-index: 0;}
.leftmain .left-cont li > dl dt{position: relative;z-index: 1;}
.leftmain .left-cont li > dl dt a{height: 0;line-height: 40px;margin: -5px 0;color: #fff;}
.leftmain .left-cont li > dl dt.active{z-index: 2;}
.leftmain .left-cont li > dl dt.active a{background: #e52222;}
.leftmain .left-cont li.active > h2 a{background: #e52222;}
.leftmain .left-cont li:hover::before{width: 0;-webkit-transition: .5s;transition: .5s;}
.leftmain .left-cont li:hover > dl{padding: 10px 0;opacity: 1;}
.leftmain .left-cont li:hover > dl dt a{height: 40px;}

@media only screen and (max-width:1250px){
.leftmain .left-cont li{width: 20%;}
}
@media only screen and (max-width:1024px){
.leftmain .left-cont li{width: 25%;}
}
@media only screen and (max-width:768px){
.leftmain{padding: 35px 0 40px;}
.leftmain .left-titl{margin-bottom: 15px;}
.leftmain .left-titl p{font-size: 24px;}
.leftmain .left-titl span{font-size: 16px;padding-top: 8px;}
.leftmain .left-cont li{width: 33.334%;}
.leftmain .left-cont li > h2 a{font-size: 15px;}
}
@media only screen and (max-width:600px){
.leftmain .left-cont li{width: 50%;}
}
@media only screen and (max-width:425px){
.leftmain{padding: 25px 0;}
.leftmain .left-titl{margin-bottom: 10px;}
.leftmain .left-cont li > h2 a{line-height: 50px;}
.leftmain .left-cont li > dl dt a{font-size: 13px;}
}

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

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

/*piclist*/
.pro_list_con,
.pic_list_con,
.pro_list_con ul,
.pic_list_con ul{width: 100%;overflow: hidden;position: relative;z-index: 1;}
.pro_list_con ul li,
.pic_list_con ul li{width: 25%;overflow: hidden;text-align: center;float: left;}
.pro_list_con ul li a,
.pic_list_con ul li a{display: block;width: 100%;overflow: hidden;position: relative;}
.pro_list_con ul li p,
.pic_list_con ul li p{width: 100%;overflow: hidden;position: relative;}
.pro_list_con ul li h3,
.pic_list_con ul li h3{display: block;width: 100%;padding:0 3px 0 7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;}

.pro_list_con ul li{padding:5px;}
.pro_list_con ul li a{padding: 4px;border: 1px solid #ddd;border-radius: 3px;background: #fff;}
.pro_list_con ul li h3{margin-top: 4px;line-height: 36px;background: #e6e6e6;}
.pro_list_con ul li:hover a{border-color: #e52222;}
.pro_list_con ul li:hover h3{background: #e52222;color: #fff;}

.pic_list_con ul li{padding: 5px 10px;}
.pic_list_con ul li p{background: #fff;border: 1px solid #e6e6e6;}
.pic_list_con ul li p em{padding-bottom: 75%;}
.pic_list_con ul li p em img{min-width: 100%;max-width: none;height: 100%;}
.pic_list_con ul li h3{line-height: 50px;}

@media only screen and (max-width:1024px){
.pro_list_con ul li,
.pic_list_con ul li{width: 33.334%;padding: 5px;}
}
@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:425px){
.pro_list_con ul li,
.pic_list_con ul li{padding: 2px;}
.pro_list_con ul li a{padding: 2px;}
.pro_list_con ul li h3{margin-top: 2px;font-size: 14px;}
.pic_list_con ul li h3{font-size: 14px;line-height: 36px;height: 40px;}
}

/*aboutus*/
.aboutuspage .rightmain,
.methodpage .rightmain,
.supportpage .rightmain{font-size: 16px;color: #666;}
.methodpage .rightmain p,
.supportpage .rightmain p{margin-bottom: 10px;}
.aboutuspage .rightmain img,
.methodpage .rightmain img,
.supportpage .rightmain img{max-width: 100%;}
.aboutuspage .rightmain table,
.methodpage .rightmain table,
.supportpage .rightmain table{font-size: 14px;}
.aboutuspage .rightmain table td,
.methodpage .rightmain table td,
.supportpage .rightmain table td{padding: 5px;}

.aboutuspage .rightmain{line-height: 2;}
.aboutuspage .rightmain p{margin-bottom: 15px;}

/*contact*/
.proshowpage .txtbox{padding-left: 5%;}
.proshowpage .txtbox,
.contactpage .txtbox{width:50%;float:left;padding-bottom:25px;}
.proshowpage .txtbox p,
.contactpage .txtbox p{width:100%;float:left;font-size:16px;margin-bottom: 10px;padding-left: 3px;}
.proshowpage .txtbox .tit,
.contactpage .txtbox .tit{font-size: 20px;color: #e52222;padding: 15px 0;width:auto;font-weight: 600;}
.proshowpage .txtbox .tit em,
.contactpage .txtbox .tit em{display: block;width: 4em;background-color: #e52222;height: 1px;margin-top: 10px;}
.proshowpage .txtbox:hover .tit em,
.contactpage .txtbox:hover .tit em{width: 100%;}

.proshowpage .ewmbox,
.contactpage .ewmbox{width: 50%;float: left;padding: 10px 0 25px;}
.proshowpage .ewmbox p,
.contactpage .ewmbox p{width: 50%;float: left;max-width: 180px;text-align: center;color: #787878;}
.proshowpage .ewmbox img,
.contactpage .ewmbox img{width: 100%;}

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

@media only screen and (max-width:1250px){
.contactpage .rightmain{padding: 35px 0 40px;}
.proshowpage .txtbox,
.contactpage .txtbox{padding-left: 2%;}
}
@media only screen and (max-width:1024px){
.proshowpage .txtbox,
.contactpage .txtbox{width: 55%;}
.proshowpage .ewmbox,
.contactpage .ewmbox{width: 45%;}
}
@media only screen and (max-width:768px){
.contactpage .rightmain{padding: 20px 0 30px;}
.proshowpage .txtbox,
.contactpage .txtbox{width: 100%;padding-bottom: 0;}
.proshowpage .txtbox p,
.contactpage .txtbox p{margin-bottom: 5px;}
.proshowpage .ewmbox,
.contactpage .ewmbox{width: 100%;}
.contactpage .mapbox{padding-bottom:280px;}
}
@media only screen and (max-width:425px){
.proshowpage .txtbox p,
.contactpage .txtbox p{font-size:15px;}
}

/*order*/
.orderpage .rightmain .cont{padding:50px 10% 30px;border: 1px solid #f5f5f5;background: url(../nyimages/lxbg.jpg) center no-repeat;background-size: 100% auto;}
.orderpage .rightmain .cont ul li{width:100%;height:30px;margin-bottom:10px;overflow:hidden;position:relative;}
.orderpage .rightmain .cont ul li .tit{width:150px;display:block;text-align:right;height:30px;line-height:30px;position:absolute;left:0;top:0;}
.orderpage .rightmain .cont ul li p{width:100%;padding-left:150px;overflow:hidden;}
.orderpage .rightmain .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 .rightmain .cont .red{float:left;display:block;height:30px;line-height:36px;padding-left:5px;color: red;}
.orderpage .rightmain .cont ul li.li_2{height:180px;}
.orderpage .rightmain .cont ul li.li_2 .txt{width:90%;max-width:400px;height:180px;line-height:24px;padding:2px 9px;}
.orderpage .rightmain .cont ul li.code input{width:80px;}
.orderpage .rightmain .cont img{float:left;padding:6px 5px;cursor:pointer;}

.orderpage .rightmain .cont ul li.li_3{height:50px;padding:7px 0;}
.orderpage .rightmain .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;background:#999;color:#fff;}
.orderpage .rightmain .cont ul li.li_3 .tj{background:#1677d9;}
.orderpage .rightmain .cont ul li.li_3 input:hover{background:#ff9600;}

@media only screen and (max-width:768px){
.orderpage .rightmain .cont{padding:40px 5% 30px;}
.orderpage .rightmain .cont ul li .tit{width: 80px;}
.orderpage .rightmain .cont ul li p{padding-left: 80px;}
.orderpage .rightmain .cont ul li.li_3 input{width: 80px;margin-right: 4px;}
}
@media only screen and (max-width:425px){
.orderpage .rightmain .cont{padding:30px 1% 15px 3%;}
}

/*case*/
.caselistpage .pic_list_con ul li span{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-bottom: 15px;margin-top: -10px;line-height: 24px;}

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

@media only screen and (max-width:425px){
.honorlistpage .pic_list_con ul li p{padding: 2px;}
}

/*partners*/
.partnerpage .pic_list_con{margin-bottom: 20px;}
.partnerpage .pic_list_con ul{border: 1px solid #e6e6e6;border-width: 1px 0 0 1px;}
.partnerpage .pic_list_con ul li{padding: 0;width: 20%;}
.partnerpage .pic_list_con ul li p{padding: 4px;border-width: 0 1px 1px 0;}
.partnerpage .pic_list_con ul li p em{padding-bottom: 50%;}
.partnerpage .pic_list_con ul li p em img{min-width: auto;max-width: 100%;height: auto;}
.partnerpage .pic_list_con ul li h3{width: 100%;height: 100%;background: rgba(0,0,0,.75);color: #fff;opacity: 0;position: absolute;left: 0;top: 0;-webkit-transform: scale(0,0);transform: scale(0,0);}
.partnerpage .pic_list_con ul li h3 span{display: block;width: 100%;padding: 5px;position: absolute;left: 0;top: 50%;margin-top: -30px;}
.partnerpage .pic_list_con ul li:hover h3{opacity: 1;-webkit-transform: scale(1,1);transform: scale(1,1);}

@media only screen and (max-width:1024px){
.partnerpage .pic_list_con ul li{width: 25%;}
}
@media only screen and (max-width:768px){
.partnerpage .pic_list_con ul li{width: 33.334%;}
}
@media only screen and (max-width:475px){
.partnerpage .pic_list_con ul li{width: 50%;}
}

/*newslist*/
.newslistpage .rightmain ul li{width:100%;overflow:hidden;float:left;margin-bottom:15px;position:relative;padding:15px 15px 15px 235px;background: #f5f7f9;}
.newslistpage .rightmain 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 .rightmain ul li .pic a{width:100%;padding-bottom: 75%;display:block;position:relative;overflow:hidden;}
.newslistpage .rightmain ul li .pic img{width:100%;min-height:100%;max-height:none;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.newslistpage .rightmain ul li .tit{width:100%;font-size:16px;float:left;font-weight:600;}
.newslistpage .rightmain ul li .tit a{display:block;padding:6px 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newslistpage .rightmain ul li .txt{float:left;width:100%;height:5.4em;max-height:75px;overflow:hidden;color:#666;line-height:1.8!important;}
.newslistpage .rightmain ul li .txt *{line-height:1.8!important;}
.newslistpage .rightmain ul li .txt img,
.newslistpage ul li .txt br{display:none;}
.newslistpage .rightmain ul li .date{width:100%;float:left;overflow:hidden;color:#787878;font-size:15px;padding:15px 0 5px 20px;line-height: 15px;background: url(../nyimages/date-black.png) left 15px no-repeat;background-size: 15px 15px;}
.newslistpage .rightmain ul li:hover{background:#e52222;}
.newslistpage .rightmain ul li:hover .tit a,
.newslistpage .rightmain ul li:hover .txt{color: #fff;}
.newslistpage .rightmain ul li:hover .date{background-image: url(../nyimages/date-white.png);color: #fff;}

@media only screen and (max-width:768px){
.newslistpage .rightmain ul li{padding:10px 145px 10px 15px;}
.newslistpage .rightmain ul li .pic{width: 120px;height: 120px;left: auto;top: 10px;right: 10px;}
.newslistpage .rightmain ul li .pic a{padding-bottom: 100%;}
.newslistpage .rightmain ul li .txt{height:3.6em;}
.newslistpage .rightmain ul li .tit a{padding: 5px 0 6px;}
}
@media only screen and (max-width:560px){
.newslistpage .rightmain ul li{padding:10px 90px 10px 15px;}
.newslistpage .rightmain ul li .pic{width: 70px;height: 70px;}
.newslistpage .rightmain ul li .tit{font-size: 14px;}
.newslistpage .rightmain ul li .tit a{height:45px;line-height: 1.4;white-space: pre-wrap;}
.newslistpage .rightmain ul li .txt{height:2em;white-space: nowrap;text-overflow: ellipsis;display: none;}
.newslistpage .rightmain ul li .date{padding:7px 0 3px 20px;background-position-y: 7px;}
}

/*newshow*/
.newshow .rightmain .title{width:100%;font-size:24px;padding:10px 0 5px;text-align:center;}
.newshow .rightmain .date{width:100%;color:#999;font-size:15px;padding:5px 0 25px;text-align:center;border-bottom:1px dotted #ccc;margin-bottom: 25px;}
.newshow .rightmain .date img{width:20px;height:17px;position:relative;padding-right: 3px;top: -2px;}
.newshow .rightmain .content{width:100%;color:#454545;font-size:16px;line-height:2;padding:0 10px 25px;border-bottom:1px dotted #ccc;margin-bottom: 10px;}
.newshow .rightmain .content p{margin-bottom:10px;}
.newshow .rightmain .content div[t=teble]{width: 100%;overflow-x: auto;}
.newshow .rightmain .content table{width: 100%;min-width: 560px;border: 1px solid #ddd;border-width: 1px 1px 0 0;}
.newshow .rightmain .content table td{padding: 5px 10px;border: 1px solid #ddd;border-width: 0 0 1px 1px;}
.newshow .rightmain .content img{max-width:100%;display:block;margin:10px auto 0;}
.newshow .rightmain .new-video .float-videos{margin-bottom: 10px;}

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

/*faq*/
.faqpage .problem-keywords{width: 100%;padding: 14px 19px;background: #fafafa;border: 1px solid #eee;border-radius: 5px;}
.faqpage .problem-keywords ul li{height: 30px;line-height: 30px;display: inline;padding: 0 5px;}
.faqpage .problem-keywords ul li a{color: #666;white-space: nowrap;}
.faqpage .problem-keywords ul li:hover a{color: #e52222;}
.faqpage .problem-search{width: 100%;padding: 20px 25px 25px;}
.faqpage .problem-search span{display: block;float: left;height: 36px;line-height: 36px;color: #666;margin-right: 15px;}
.faqpage .problem-search .tit{float: left;margin-right: 15px;height: 36px;padding: 5px 12px;border-radius: 3px;border: 1px solid #ddd;line-height: 24px;width: 280px;background: #fafafa;}
.faqpage .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;}

.faqpage .problem-list,
.downpage .downlist{width: 100%;padding-bottom: 20px;}
.faqpage .problem-list ul li,
.downpage .downlist ul li{width: 100%;border-bottom: 1px dotted #ccc;height: 45px;line-height: 45px;padding: 0 100px 0 20px;position: relative;}
.faqpage .problem-list ul li p,
.downpage .downlist ul li p{padding-left: 25px;width: 100%;}
.faqpage .problem-list ul li p a,
.downpage .downlist ul li p{display: block;white-space: nowrap;text-overflow: ellipsis;}
.faqpage .problem-list ul li span,
.downpage .downlist ul li p span{display: block;height: 45px;line-height: 50px;color: #888;width: 100px;text-align: center;position: absolute;right: 0;top: 0;}
.faqpage .problem-list .titl,
.downpage .downlist .titl{width:100%;height: 50px;background: #f5f5f5;border-bottom: 1px solid #e52222;line-height: 50px;font-size: 16px;color: #e52222;font-weight: 600;margin-bottom: 10px;padding: 0 100px 0 20px;position: relative;}
.faqpage .problem-list .titl span,
.downpage .downlist .titl span{color: #e52222;display: block;width: 100px;text-align: center;position: absolute;right: 0;top: 0;}
.downpage .downlist .titl{border-radius: 10px 10px 0 0;}

@media only screen and (max-width:560px){
.faqpage .problem-search{padding: 10px 15px 20px;}
.faqpage .problem-search span{width: 100%;padding-bottom: 5px;}
.downpage .downlist .titl{border-radius: 5px 5px 0 0;}
}
@media only screen and (max-width:425px){
.faqpage .problem-search{padding: 10px 10px 20px;}
.faqpage .problem-search .tit{width: 200px;margin-right: 10px;}
.faqpage .problem-list ul li,
.downpage .downlist ul li{padding: 0 60px 0 10px;}
.faqpage .problem-list .titl span,
.downpage .downlist .titl span,
.faqpage .problem-list ul li span,
.downpage .downlist ul li p span{width: 60px;}
}

/*proHome*/
.prohomepage .rightmain{padding: 35px 0;}
.prohomepage .promain{width: 100%;overflow: hidden;padding: 15px 0;}
.prohomepage .promain .title{width: 100%;overflow: hidden;background: #bf1d1d;border-radius: 10px 10px 0 0;position: relative;z-index: 2;}
.prohomepage .promain .title p{font-size: 18px;font-weight: 600;color: #fff;float: left;padding: 12px 0 11px 20px;}
.prohomepage .promain .title a{display: block;width: 65px;height: 50px;float: right;background: url(../nyimages/more-black.png) left center no-repeat;}
.prohomepage .promain .title a:hover{background-image: url(../nyimages/more-red.png);}
.prohomepage .promain:hover .title{background: #ff4040;}

.prohomepage .promain .pro_list_con{background: #f0f0f0;border-radius: 0 0 10px 10px;padding: 15px;min-height: 100px;}

@media only screen and (max-width:1024px){
.prohomepage .rightmain{padding: 25px 0;}
.prohomepage .pro_list_con ul li{width: 25%;}
}
@media only screen and (max-width:768px){
.prohomepage .promain{padding: 10px 0;}
.prohomepage .pro_list_con{padding: 10px;}
.prohomepage .pro_list_con ul li{width: 50%;}
}
@media only screen and (max-width:425px){
.prohomepage .rightmain{padding: 15px 0;}
.prohomepage .promain .pro_list_con{padding: 5px;border-radius: 0 0 5px 5px;}
}

/*proList*/
.prolistpage .rightmain{padding: 10px 0 30px;}
.prolistpage .pro_list_con{padding: 35px 0 10px;}

@media only screen and (max-width:1024px){
.prolistpage .pro_list_con{padding: 25px 0 0;}
}
@media only screen and (max-width:768px){
.prolistpage .rightmain{padding-bottom: 20px;}
.prolistpage .pro_list_con{padding-top: 20px;}
}
@media only screen and (max-width:425px){
.prolistpage .pro_list_con{padding-top: 10px;}
}

/*proshow*/
.proshowpage .rightmain > div .title{width: 100%;height: 50px;background: #f3f5f7;position: relative;padding: 10px 15px 0;}
.proshowpage .rightmain > div .title em{width: 100%;height: 1px;display: block;background: #e6e6e6;position: absolute;left: 0;bottom: 0;z-index: 0;}
.proshowpage .rightmain > div .title p{float: left;margin-right: 10px;cursor: pointer;position: relative;z-index: 1;}
.proshowpage .rightmain > div .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: 16px;font-weight: 600;}
.proshowpage .rightmain > div .title p.active span{color: #e52222;background: #fff;height: 40px;border-color: #e6e6e6;padding: 0 20px;}

.proshowpage .picinfo{width: 100%;position: relative;margin-bottom: 20px;}
.proshowpage .picinfo .left{width: 44%;float: left;padding-right: 4%;}
.proshowpage .picinfo .bigPic{width: 100%;padding-bottom: 100%;background: #fff;border: 1px solid #ddd;}
.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%;min-width: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.proshowpage .picinfo .smallpic ul li.on{border-color: #e52222;}
.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: right;}
.proshowpage .picinfo .right > *{width: 100%;overflow: hidden;font-size: 15px;position: relative;}
.proshowpage .picinfo .right > * span{position: absolute;left: 15px;top: 5px;}
.proshowpage .picinfo .right .titl{font-size: 22px;padding: 10px 10px 10px 15px;color: #e52222;}
.proshowpage .picinfo .right .claname{border: 1px solid#e66262;background-color:#ffeaea;padding: 11px 9px 9px 99px;border-radius: 5px;margin: 10px 0;min-height: 44px;}
.proshowpage .picinfo .right .claname span{left: 13px;top: 11px;}
.proshowpage .picinfo .right .claname:hover a{color: #e52222;font-weight: 600;}
.proshowpage .picinfo .right .txt{padding: 5px 10px 5px 100px;min-height: 32px;}
.proshowpage .picinfo .right .txt1{line-height: 1.8;}
.proshowpage .picinfo .right .btn{padding: 15px 0 0 15px;}
.proshowpage .picinfo .right .btn a{float: left;margin-right: 15px;}
.proshowpage .picinfo .right .btn p{font-size: 18px;color: #e52222;line-height: 32px;background: url(../images/icon-top-tel.png) left center no-repeat;background-size: auto 30px;padding-left: 37px;float: left;}

.proshowpage .provideo{width: 100%;}
.proshowpage .provideo .videoBox{padding: 25px 10px;}
.proshowpage .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;}

.proshowpage .detail{width: 100%;}
.proshowpage .detail .content{width:100%;font-size:15px;line-height: 1.8;padding:35px 0 25px;min-height:150px;}
.proshowpage .detail .content > div{display: none;}
.proshowpage .detail .content > .prolx{padding: 0 15px;}
.proshowpage .detail .content > div.active{display: block;}
.proshowpage .detail .content p{margin-bottom:10px;}
.proshowpage .detail .content p img{max-width:100%!important;margin:0 auto;display:block;}

@media only screen and (max-width:1024px){
.proshowpage .picinfo .left{width: 43%;padding-right: 3%;}
.proshowpage .picinfo .right{width: 57%;}
.proshowpage .detail .content{padding:25px 0 15px;}
}
@media only screen and (max-width:768px){
.proshowpage .picinfo .left{width: 100%;}
.proshowpage .picinfo .right{width: 100%;padding: 10px 0;}
}
@media only screen and (max-width:425px){
.proshowpage .picinfo .right .titl{padding: 5px 10px;}
.proshowpage .detail .content{padding:20px 0 15px;}
}

/*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;min-height: 100px;}
.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;}

@media only screen and (max-width:1024px){
.sitemap .bum .cont ul li{width:25%;}
}
@media only screen and (max-width:768px){
.sitemap .bum .cont ul li{width:33.33%;}
}
@media only screen and (max-width:425px){
.sitemap .bum .cont ul li{width:50%;}
}

/*video*/
.videopage .pic_list_con ul li p{background-color: #000;border-color: #000;}
.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;}