@charset "utf-8";
/*首页*/

.rslides { position: relative; overflow: hidden;  width: 100%;  padding: 0; margin:0 auto; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { padding-top:90px;position: relative; max-width: 1224px; margin: 0 auto; width: 90%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%;  border: 0; }
.slide .caption { display: block; visibility:hidden; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
.slide img.sj_banner{ display:none;}
.sjbanner{display: none;}

.ny_content{ padding-top:132px; padding-bottom:50px;}
.ny_content .nav_menu{ font-size:14px; padding-bottom:25px; background:#fff; width:100%; position:relative; z-index:9999;}
.ny_content .nav_menu a{ padding-right:20px;}
.ny_content .nav_menu2{ font-size:14px;  float:left; display:block; background:#fff; width:100%; position:relative; z-index:9999; line-height:25px;}
.ny_content .nav_menu2 a{ padding-right:20px;float:left; display:block;margin-bottom:25px;}
.ny_content .nav_menu2 span{ float:left; width:1px; background:#999; height:40px; margin-top:5px; margin-right:20px;}
.ny_content .nav_menu2 span:last-child{display: none;}

.ny_content .csren .img{ float:left; width:45%; margin-right:5%;}
.ny_content .csren .img img{ width:100%;}
.ny_content .csren .text{ float:left; width:50%; font-size:14px; line-height:28px;}
.ny_content .csren .text .title{ font-size:16px; line-height:36px; padding-top:50px; padding-bottom:30px;}

.ny_content .about{ font-size:14px; line-height:28px; padding-top:15px;}
.ny_content .about img{ width:100%;}

.ny_content .rongyu ul{ clear:both; overflow:hidden;}
.ny_content .rongyu ul li{ /*float:left; width:45%; margin-right:5%;*/ font-size:14px;}
.ny_content .rongyu ul li .year{ float:left; width:100px; line-height:30px;}
.ny_content .rongyu ul li .list{ float:left; width:calc(100% - 100px); padding-bottom:40px; line-height:30px; }
.ny_content .rongyu ul li .list a{ display:block;}
.ny_content .rongyu ul li .list span{ display:block;}

.ny_content .news{ }
.ny_content .news ul li{  font-size:14px; padding-bottom:40px; clear:both; overflow:hidden;}
.ny_content .news ul li .year{ float:left; width:100px; line-height:30px;}
.ny_content .news ul li .list{ float:left; width:calc(60% - 100px); line-height:30px; }
.ny_content .news ul li .list a{ display:block;}
.ny_content .news ul li .img{ float:right; width:35%;}
.ny_content .news ul li .img img{ width:100%;}

/* 插件样式 */
.refreshWrap .refresh{position: absolute;left: 0;top: 0;width: 100%;height:60px;line-height: 60px;text-align: center;}
.refreshWrap .loadingBox{width: 100%;height:40px;text-align: center;padding: 10px;position: relative;background-color: #fff;z-index: 2}
.refreshWrap .loading,.refreshWrap .loadTxt{vertical-align: middle;display: inline-block;}
.refreshWrap .loading{border-radius: 50%;width: 16px;height: 16px;border: 1px solid #666;border-top-color: transparent;margin-right: 8px;transform: translateZ(0);position: relative;}
.refreshWrap .noMore .loading{display:none;}
.refreshWrap .success{border-color: transparent;}
.refreshWrap .success:before{content:"";border:1px solid #666;border-top-color: transparent;border-left-color:transparent;position: absolute;left: 0;bottom: 0;width: 8px;height: 16px;}
.refreshWrap .rotate {
    -webkit-animation: refresh-rotate 0.6s linear infinite;
    animation: refresh-rotate 0.6s linear infinite;
}
@keyframes refresh-rotate {
    0% {
        transform: rotateZ(0deg);
        -moz-transform: rotate(0deg);
    }
    100% {
        transform: rotateZ(360deg);
        -moz-transform: rotate(360deg);
    }
}


/* page */
#app{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling: touch;}
.xmtext{position: absolute;bottom: 100px;right: 10%;}
.xmtext div{text-align: right;font-size: 20px;line-height: 50px;font-weight: 40;}
.ny_content .product .xmtext {clear: both;overflow: hidden;}

.ny_content .contact .tel { float:left; width:49%;}
.ny_content .contact .tel ul{ clear:both; overflow:hidden;}
.ny_content .contact .tel ul li{ float:left; width:50%; font-size:14px; line-height:30px; padding-bottom:20px;}
.ny_content .contact .tel dl{ clear:both; overflow:hidden; padding-top:62px;}
.ny_content .contact .tel dl dt{ float:left; width:70%; font-size:14px; line-height:30px; padding-top:26px;}
.ny_content .contact .tel dl dd{ float:right; width:26%;font-size:14px;}
.ny_content .contact .tel dl dd img{ width:100%;}
.ny_content .contact .map{ float:right; width:49%;}
.ny_content .contact .map img{ width:100%;}

.ny_content .product ul{ clear:both; overflow:hidden;}
.ny_content .product ul li{ float:left; width:calc(33.3333% - 10px); font-size:14px; line-height:30px; padding-bottom:20px; margin-right:10px;}
.ny_content .product ul li img{ width:100%; line-height:1px;}
.ny_content .product ul li p{min-height:30px;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} 

.ny_content .pro_con img{ width:100%;}
.ny_content .pro_con p{ padding:15px 0; font-size:14px; line-height:28px;}

.ny_content .pro_con .details{ padding:15px 0; font-size:14px; line-height:28px;clear: both; overflow:hidden;}
.ny_content .pro_con .details span{width: 45%;}
.details_right{text-align:right;}

@media (max-width: 1220px) {
.ny_content .csren .text .title { font-size: 16px; line-height: 36px; padding-top: 20px; padding-bottom: 20px;}
.ny_content .csren .text { float: left; width: 50%; font-size: 14px; line-height: 28px;}
.ny_content .contact .tel { float:left; width:49%;}
.ny_content .contact .tel ul{ clear:both; overflow:hidden;}
.ny_content .contact .tel ul li{ float:left; width:50%; font-size:14px; line-height:24px; padding-bottom:20px;}
.ny_content .contact .tel dl{ clear:both; overflow:hidden; padding-top:50px;}
.ny_content .contact .tel dl dt{ float:left; width:72%; font-size:14px; line-height:22px; padding-top:12px;}
.ny_content .contact .tel dl dd{ float:right; width:26%;font-size:12px;}
.ny_content .contact .tel dl dd img{ width:94%;}
.ny_content .contact .map{ float:right; width:49%;}
.ny_content .contact .map img{ width:100%;}
.ny_content .product ul li p{min-height:30px;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} 
/*.ny_content .product ul li{float:left;width: calc(50% - 10px);font-size:14px;line-height:30px;padding-bottom:20px;margin-right:10px;}*/
}


@media (max-width: 1080px) {
.ny_content .csren .text .title { font-size: 16px; line-height: 36px; padding-top: 10px; padding-bottom: 10px;}
.ny_content .csren .text { float: left; width: 50%; font-size: 14px; line-height: 26px;}
.ny_content .contact .tel { float:left; width:49%;}
.ny_content .contact .tel ul{ clear:both; overflow:hidden;}
.ny_content .contact .tel ul li{ float:left; width:50%; font-size:13px; line-height:21px; padding-bottom:14px;}
.ny_content .contact .tel dl{ clear:both; overflow:hidden; padding-top:60px;}
.ny_content .contact .tel dl dt{ float:left; width:72%; font-size:13px; line-height:22px; padding-top:6px;}
.ny_content .contact .tel dl dd{ float:right; width:26%;font-size:12px;}
.ny_content .contact .tel dl dd img{ width:94%;}
.ny_content .contact .map{ float:right; width:49%;}
.ny_content .contact .map img{ width:100%;}
.ny_content .product ul li p{min-height:30px;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;} 
/*.ny_content .product ul li{float:left;width: calc(50% - 10px);font-size:14px;line-height:30px;padding-bottom:20px;margin-right:10px;}*/
}



@media (max-width: 768px) {
.slide img.pc_banner{ display:none;}
.slide img.sj_banner{ display:block;}

.pcbanner{ display:none;}
.sjbanner{ display:block;}

.ny_content{ padding-top:88px; padding-bottom:25px;}
.ny_content .nav_menu{ font-size:13px; padding-bottom:15px;}
.ny_content .nav_menu a{ padding-right:20px;}
.ny_content .nav_menu2{ font-size:13px;  float:left; display:block; background:#fff; width:100%; position:relative; z-index:9999; line-height:20px;}
.ny_content .nav_menu2 a{ padding-right:12px;float:left; display:block;margin-bottom:10px;}
.ny_content .nav_menu2 span{ float:left; width:1px; background:#999; height:30px; margin-top:5px; margin-right:12px;}
.ny_content .csren .img{ float:left; width:100%; margin-right:0%;}
.ny_content .csren .img img{ width:100%;}
.ny_content .csren .text{ float:left; width:100%; font-size:14px; line-height:24px;}
.ny_content .csren .text .title{ font-size:14px; line-height:30px; padding-top:10px; padding-bottom:10px;}
.ny_content .about{ font-size:12px; line-height:24px; padding-top:0px;}

.ny_content .rongyu ul li{ float:left; width:100%; margin-right:0%; font-size:14px;}
.ny_content .rongyu ul li .year{ float:left; width:70px; line-height:26px;}
.ny_content .rongyu ul li .list{ float:left; width:calc(100% - 70px); padding-bottom:24px; line-height:26px; }

.ny_content .news ul li{  font-size:14px; padding-bottom:15px; clear:both; overflow:hidden;}
.ny_content .news ul li .year{ float:left; width:70px; line-height:24px;}
.ny_content .news ul li .list{ float:left; width:calc(100% - 70px); line-height:24px; padding-bottom:10px; }
.ny_content .news ul li .list a{ display:block;}
.ny_content .news ul li .img{ float:right; width:100%;}
.ny_content .news ul li .img img{ width:100%;}

.ny_content .contact .tel { float:left; width:100%;}
.ny_content .contact .tel ul{ clear:both; overflow:hidden;}
.ny_content .contact .tel ul li{ float:left; width:100%; font-size:13px; line-height:24px; padding-bottom:10px;}
.ny_content .contact .tel dl{ clear:both; overflow:hidden; padding-top:12px;}
.ny_content .contact .tel dl dt{ float:left; width:100%; font-size:13px; line-height:24px; padding-top:0px;}
.ny_content .contact .tel dl dd{ float:right; width:100%;font-size:13px; /*text-align:center;*/}
.ny_content .contact .tel dl dd img{ width:100%; max-width:160px;}
.ny_content .contact .map{ float:right; width:100%;}
.ny_content .contact .map img{ width:100%;}

.ny_content .product ul{ clear:both; overflow:hidden;}
.ny_content .product ul li{ float:left; width:100%; font-size:14px; line-height:24px; padding-bottom:12px; margin-right:0px;}
.ny_content .pro_con p{ padding:10px 0; font-size:12px; line-height:24px;}

.ny_content .product ul li p{min-height: 0px;}

.ny_content .pro_con .details{ padding:10px 0; font-size:12px; line-height:24px;}
.ny_content .pro_con .details span{width:100%;}
.details_right{text-align:left;}  

.xmtext{right: 5%;}
.xmtext div{text-align: right;font-size: 13px;line-height: 30px;font-weight: 40;}
}