html{font-family:sans-serif;line-height:1.15;}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}

h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
 
html{font-size:14px;font-family:Microsoft YaHei,arial,sans-serif;}
ul li{list-style:none;-webkit-box-sizing: border-box;   box-sizing: border-box; }
a{color:inherit;text-decoration:none}
*{margin:0;padding:0;} 
.clearfix{clear:both}
.news .news-list li .wz h3,.page-news-details .prev-next .next,.page-news-details .prev-next .prev,.page-news-details .relate-news li a,.page-pro-lists li h3,.pasge-news-lists li a,.pl-news-lists li a,.pl-product-sort li>a,.product .product-list li h3,.tow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.center{position:relative;width:1920px;left:50%;margin-left:-960px}
.fl{float:left}
.fr{float:right}
.noie{text-align:center;font-size:20px;color:red;line-height:2;margin:50px 0}
.container{margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1230px){.container{width:1200px;padding-left:0;padding-right:0}.mh{display:none;}.dhdx{font-size:24px; font-weight:bold; color:#fdaa28;}}
@media (min-width:1430px){.container{width:1200px;padding-left:0;padding-right:0}}
.header{border-top:5px solid #313131;overflow:hidden;}
.header .logo{float:left;font-size:0;height:51px;width:24%;padding-right:1%}
.header .logo img{max-width:100%;margin-top:0px;vertical-align:middle}
.header .logo:after{content:"";display:inline-block;height:100%;vertical-align:middle}
 
.header .menu>li>a:hover{background:#fdaa28; color:#fff;}
.header .menu {float:right;width:65%}
.header .menu>li {float:left;position:relative;overflow:hidden;width:10.5%}
.header .menu>li>a {display:block;font-size:16px;color:#3c3c3c;padding:0 5px;line-height:78px;position:relative;text-align:center;white-space:nowrap}
 
@media (min-width:990px){
	.header .menu>li.active>a,.header .menu>li:hover>a{color:#fff}
	}
 
.header .head-phoen{width:15%;float:right;margin-top:10px;background:url(/template/2018_YPM_Shop/12/images/phone.png) 0 no-repeat;padding-left:50px;font-size:18px;color:#3c3c3c;line-height:30px}
@media (max-width:1430px){
	.header .head-phoen{font-size:16px;padding-left:40px}
	}
@media (max-width:1230px){
.header .head-phoen{line-height:20px;font-size:14px;}
.header .head-phoen span{display:block}
}
@media (max-width:990px){
.header{position:relative;padding:7px 0;border-bottom: none;height:123px;}
.header .logo{width:70%}
.header .logo img{margin-top:-20px;}
.header .menu{background:#fdaa28;margin-top:0;width:100%;}
.header .menu>li{float:left;width:25%;border-right:1px solid #fff; text-align:center;box-sizing:border-box;}
.header .menu>li:nth-child(4n+0){border-right:none;}
.header .menu>li{border-bottom:1px solid #fff}
.header .menu>li>a{padding:5px 10px 5px 20px;line-height:25px;color:#fff;font-size:14px;}
.header .menu>li>a.menu-a:after{display:inline-block;vertical-align:-3px;margin-left:10px;content:"";width:0;height:0;border-width:5px;border-style:solid;border-color:#fff transparent transparent}
 
.header .nav-btn{position:absolute;right:15px;top:calc(50% - 15px);width:30px;height:30px;background:url(/template/2018_YPM_Shop/12/images/menu.png) 50% no-repeat}
.header .head-phoen{display:none}
}
 


		.slideBox{ width:100%; height:450px; overflow:hidden; position:relative;    }
		.slideBox .hd{  overflow:hidden; position:absolute; left:50%; margin-left:-45px; bottom:5%; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin:0 5px;   width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; border-radius:10px;}
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:450px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/template/2018_YPM_Shop/12/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
@media (max-width:990px){
.slideBox{ width:100%; height:auto;   }
.slideBox .bd img{ width:100%; height:150px;  }

}

.product {padding:40px 0 30px;border-bottom:8px solid #f2f2f2}
.in-title {text-align:center;margin-bottom:50px}
.in-title h3 {font-size:14px;color:#323232;font-weight:400;background:url(/template/2018_YPM_Shop/12/images/h2bj.jpg) no-repeat bottom;padding-bottom:10px}
.in-title h3 p {padding-top:5px;font-size:24px;color:#323232;font-weight:700}
.product .product-list {margin:0;font-size:0;text-align:justify}
.product .product-list li {width:24%;display:inline-block;margin-bottom:30px;position:relative}
.product .product-list li a {display:block;background:#fff}
.product .product-list li .img {display:block;overflow:hidden}
.product .product-list li .img img {width:100%;-webkit-transition:all .5s ease;transition:all .5s ease}
.product .product-list li .wz {width:100%;height:100%;background:rgba(0,0,0,.5);top:0;opacity:0}
.product .product-list li .wz,.product .product-list li h3 {position:absolute;left:0;-webkit-transition:all .3s;transition:all .3s}
.product .product-list li h3 {text-align:center;font-size:16px;color:#5a5a5a;line-height:2.5;margin-bottom:10px;font-weight:400;width:160px;height:45px;line-height:45px;right:0;margin:auto;bottom:-5%;background:#fdaa28;color:#fff}
.product .product-list li p {font-size:14px;line-height:20px;color:#838383;height:40px;overflow:hidden}
.product .product-list li:hover .img img {-webkit-transform:scale(1.1);transform:scale(1.1)}
.product .product-list li:hover .wz {opacity:1}
.product .product-list li:hover h3 {bottom:40%}
.product .product-list:after {display:inline-block;overflow:hidden;width:100%;height:0;content:""}
.product .readmore {text-align:center;width:130px;height:35px;line-height:37px;border:1px solid #fdaa28;font-size:14px;color:#333;margin:0 auto;display:block;margin-top:30px;margin-bottom:15px}
.product .in-more {text-align:center}
.product .in-more a {display:inline-block;border-radius:30px;background:#81b7b1;color:#fff;padding:10px 30px}
.product .in-more a:hover {background:#fdaa28}
@media (max-width:990px){
.product{overflow:hidden;padding-top:30px; }
.product .product-list li{padding:0 10px;width:50%;margin-bottom:20px;float:left;}
.in-title{margin-bottom:20px}
}

.about {border-bottom:8px solid #f2f2f2;overflow:hidden; padding:30px 0;}
.about-box {padding:50px 20px;overflow:hidden;box-shadow: 0 0 10px #dadaea;}
.about-box .wz {float:left;width:63.33333333%;color:#323232;padding:0 20px; box-sizing: border-box;}
.about-box .wz .wz-tit {background:url(/template/2018_YPM_Shop/12/images/h2bj.jpg) no-repeat 0 bottom;color:#323232;padding-bottom:10px;margin-bottom:15px}
.about-box .wz .wz-tit h3 {font-size:22px;margin-bottom:10px;font-weight:400}
.about-box .wz .wz-tit p {font-size:12px}
.about-box .wz .wz-info {font-size:16px;color:#323232;line-height:2.5}
.about-box .wz a {display:block;width:130px;height:38px;line-height:38px;text-align:center;background:#fdaa28;color:#333;margin-top:15px}
.about-box .img {float:right;width:36.66666667%;box-sizing: border-box;}
.about-box .img img {width:100%;box-shadow: 0 0 10px #dadaea;}


@media (max-width:990px){
	.about{height:auto;}
.about-box{padding:50px 10px;}
.about-box .wz{width:100%;float:none;margin-bottom:20px}
.about-box .wz .wz-info{font-size:14px;line-height:1.7}
.about-box .img{width:100%;float:none; box-sizing:border-box;}
}


.case{padding:40px 0; overflow:hidden;border-bottom:8px solid #f2f2f2;}
.ladyScroll{width:100%;height:280px;margin:15px auto; position:relative;}	
.ladyScroll .prev,.ladyScroll .next {position: absolute;z-index: 2;top: 50%;width: 40px;height: 66px;margin-top: -33px;background: no-repeat 0 0;    opacity: 0.6;    filter: alpha(opacity=60);}
.ladyScroll .prev:hover,.ladyScroll .next:hover {    opacity: 1;    filter: alpha(opacity=100);}
.ladyScroll .prev {left: 0;background-image: url(/template/2018_YPM_Shop/12/images/hover_left.png);}
.ladyScroll .next {right: 0;background-image: url(/template/2018_YPM_Shop/12/images/hover_right.png);}
.ladyScroll .scrollWrap{width:100%;margin-left:40px;padding-top:15px;overflow:hidden;position:absolute;  }	
.ladyScroll dl{float:left;width:280px;text-align:center;position:relative;}	
.ladyScroll  span{display:block;width:250px;height:53px;position:absolute;left:15px;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80;}	
.ladyScroll  dt{margin:0 auto;width:250px;overflow:hidden;}	
.ladyScroll  img{display:block;width:250px;height:250px;}	
.ladyScroll  dd{width:250px;height:40px;line-height:28px;font-size:20px;color:#fff;text-align:center;overflow:hidden;position:absolute;left:10px;bottom:0;white-space:nowrap;text-overflow:ellipsis;}	
.ladyScroll  dd a{ color:#fff;  }	
.ladyScroll  dd a:hover{ text-decoration:none;  }	
.ladyScroll dl:hover span{ background:#fdaa28;  }

@media (max-width:990px){
	.ladyScroll .scrollWrap{margin-left:0;}
 .ladyScroll dl,.ladyScroll  span{width:100%;}
 .ladyScroll  span{left:0;}
}



.news {background:#fff;padding:40px 0;border-bottom:8px solid #f2f2f2;}
.news .in-title h3 {font-size:14px;color:#323232;font-weight:400;background:url(/template/2018_YPM_Shop/12/images/h2bj.jpg) no-repeat bottom;padding-bottom:10px}
.news .in-title h3 p {padding-top:5px;font-size:24px;color:#323232;font-weight:700}
.news .news-list {position:relative;text-align:justify}
.news .news-list li {position:relative;z-index:9;width:31%;display:inline-block;padding:25px;margin-bottom:20px;vertical-align:top;border:1px solid #ddd}
.news .news-list li,.news .news-list li h3 {-webkit-transition:all .3s;transition:all .3s}
.news .news-list li h3 {font-size:16px;color:#5a5a5a;padding-bottom:20px;background:url(/template/2018_YPM_Shop/12/images/nbj.jpg) no-repeat 0 40px;height:35px; overflow:hidden; width:100%;}
.news .news-list li h3 span {color:#fdaa28;margin-right:15px;font-size:18px}
.news .news-list li .date {color:#999;padding-top:5px;padding-bottom:10px}
.news .news-list li .wz {overflow:hidden}
.news .news-list li .wz p {font-size:14px;color:#838383;line-height:2;max-height:80px;overflow:hidden}
 
.news .news-list li:hover h3 {color:#fdaa28}
.news .news-list:after {display:inline-block;overflow:hidden;width:100%;height:0;content:""}





@media (max-width:990px){
.news{padding:30px 0}
.news .news-list{position:relative}
.news .news-list:before{left:90px}
.news .news-list li{width:100%;}
.news .news-list li:not(:last-child){margin-bottom:20px}
.news .news-list li .date{width:90px;font-size:12px}
.news .news-list li .wz{padding-left:15px}
.news .news-list li .wz h3{font-size:16px}
.news .news-list li .wz p{font-size:14px;line-height:1.7;max-height:48px}
}

.page-wrap{padding:30px 0;overflow:hidden;}
@media (max-width:990px){
	.page-wrap{padding:20px 0}
}
.page-wrap .page-left{width:22.85714286%;float:left}
.page-wrap .page-left .pl-box{margin-bottom:20px;box-shadow: 0 0 10px #dadaea;padding:10px;}
.pl-title{border-bottom:1px solid #e2e2e2;height:40px;margin-bottom:15px;background:#f5f3f2;text-indent:5px;}
.pl-title strong{display:inline-block;border-bottom:1px solid #fdaa28;line-height:39px;margin-bottom:-1px;font-size:16px;color:#312f2f}
.pl-con .hot-line{background:url(/template/2018_YPM_Shop/12/images/phone.png) 0 no-repeat;padding-left:40px;font-size:14px;margin-bottom:10px}
.pl-con .hot-line span,.pl-con .hot-line strong{display:block}
.pl-con .hot-line strong{font-size:16px;color:#fdaa28}
.pl-con p{font-size:14px;color:#312f2f;line-height:1.5;padding:5px 0;word-break:break-all}
.pl-con p strong{display:block;font-size:16px}
.pl-product-sort{padding:0 15px}
.pl-product-sort li{margin-bottom:10px}
.pl-product-sort li>a{display:block;font-size:16px;color:#333;line-height:30px}
.pl-product-sort li>a:hover{color:#fdaa28}
.pl-product-sort .sub-pro-sort{padding-left:20px}
.pl-product-sort .sub-pro-sort a{display:block;font-size:14px;line-height:20px;padding:5px 0 5px 10px}
.pl-product-sort .sub-pro-sort a:before{content:"";width:5px;height:5px;background:#63a69f;margin-right:5px;position:absolute;margin-left:-10px;margin-top:8px;border-radius:50%}
.pl-product-sort .sub-pro-sort a:hover{color:#fdaa28}
.pl-news-lists li{padding:5px 0 5px 15px;margin-bottom:10px}
.pl-news-lists li span{position:absolute;margin-left:-25px;width:17px;height:17px;border:1px solid #e6e6e6;background:#f8f9f9;border-radius:2px;text-align:center}
.pl-news-lists li a{display:block;font-size:16px;color:#312f2f}
.pl-news-lists li a:hover{color:#fdaa28}
.pl-news-more{display:block;width:80%;height:40px;margin:0 auto 10px;text-align:center;line-height:40px;font-size:14px;color:#999;background:#f6f6f6}
.pl-news-more:hover{color:#fdaa28}
.pl-product-list{background:#fff}
.pl-product-list li{margin-bottom:5px}
.pl-product-list li a{display:block}
.pl-product-list li .img{float:left;width:90px;margin-right:10px}
.pl-product-list li .img img{width:100%}
.pl-product-list li h3{overflow:hidden;color:#333;font-size:14px;font-weight:400;line-height:1.6}
.pl-product-list li:hover h3{color:#fdaa28}
.page-wrap .page-right{width:74.78571429%;float:right;}

.pasge-news-lists{margin-bottom:20px}
.pasge-news-lists li{padding:20px 10px;line-height:25px;position:relative;box-shadow: 0 0 10px #dadaea;margin-bottom:20px;}
.pasge-news-lists li a{display:block;padding-right:80px;font-size:16px;color:#5a5a5a}
.pasge-news-lists li a:before{content:"";width:10px;height:10px;background:#dcdcdc;display:inline-block;margin:0 15px 0 5px}
.pasge-news-lists li a:hover{color:#fdaa28;border-bottom-color:#fdaa28}
.pasge-news-lists li a:hover:before{background:#fdaa28}
.pasge-news-lists li span{position:absolute;width:80px;text-align:right;left:40px;top:20px;font-size:14px;color:#787878}
@media (max-width:990px){
.pasge-news-lists li{padding:10px}
.pasge-news-lists li a{font-size:14px}
.pasge-news-lists li a:before{width:5px;height:5px;margin:0 10px 0 0}
.pasge-news-lists li span{top:10px;font-size:12px}
}
 
.page-pro-lists{font-size:0;margin:0 -5px}
.page-pro-lists li{display:inline-block;vertical-align:middle;width:33.33333%;padding:0 5px;margin-bottom:20px}
.page-pro-lists li a{display:block}
.page-pro-lists li .img{display:block;background:#f5f5f5;border:1px solid #eee;overflow:hidden}
.page-pro-lists li .img img{width:100%}
.page-pro-lists li .img img,.page-pro-lists li h3{-webkit-transition:all .5s ease;transition:all .5s ease}
.page-pro-lists li h3{font-size:14px;color:#5a5a5a;text-align:center;font-weight:400;line-height:40px}
.page-pro-lists li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.page-pro-lists li:hover h3{color:#63a69f}
@media (max-width:990px){
	.page-pro-lists li{width:50%}
}
.page-article{background:#fff;padding:20px;-webkit-box-shadow:0 0 5px #efefef;box-shadow:0 0 5px #efefef}
.page-article p{margin-bottom:10px;font-size:14px;text-indent:2em;line-height:2;color:#666}
@media (max-width:990px){
.page-wrap .page-left{width:100%;float:none}
.page-wrap .page-left .pl-box{display:none}
.page-wrap .page-left .d-xs-block{display:block;background:transparent}
.page-wrap .page-left .d-xs-block .pl-title{display:none}
.pl-product-sort{border:none;font-size:0}
.pl-product-sort li{border-bottom:none!important;width:50%;display:inline-block;vertical-align:top;padding:0 2.5%}
.pl-product-sort li a{display:block;margin:0 0 5px;line-height:30px;font-size:14px;color:#333;padding-right:0;text-align:center;border:1px solid #efefef;background:#fff}
.pl-product-sort li a:after{display:none}
.page-wrap .page-right{width:100%;float:none;margin-bottom:20px}
 
}
 
.page-left.pull-left{width:auto;line-height:27px}
.pull-left{float:left}
.pull-right{float:right}
.pagination{text-align:center;font-size:12px;color:#666;line-height:25px}
.pagination a,.pagination span{display:inline-block;vertical-align:middle;margin:0 2px;border:1px solid #efefef;padding:0 10px}
.pagination a{background:#fff}
.pagination li:not(.disabled).active a,.pagination li:not(.disabled).active span,.pagination li:not(.disabled):hover a,.pagination li:not(.disabled):hover span{background:#fdaa28;color:#fff}
.pagination li.disabled{cursor:not-allowed}
@media (max-width:990px){
.pull-right{float:none}
.page-content{text-align:center}
}
 
.footer{padding:20px 0;background:#313131;font-size:14px;color:#FFF;border-top:1px solid #fdaa28}
.footer .source{text-align:center;line-height:1.7}
.footer .disclaimer{line-height:1.5}
.mobile-fixed,.mobile-footer{display:none}
@media (max-width:990px){
 
.footer{border-top:none}
.mobile-fixed,.mobile-footer{display:block;height:50px}
.mobile-footer{position:fixed;bottom:0;z-index:99;left:0;width:100%;background:#fdaa28;color:#fff;padding:10px 0;border-top:1px solid #fff;}
.mobile-footer li{float:left;width:25%;padding:0 10px;text-align:center;box-sizing:border-box;}
.mobile-footer li .icon{display:block}
.mobile-footer li .icon .fa-qq{background:url(/template/2018_YPM_Shop/15/images/ft-qq.png) 50% no-repeat}
.mobile-footer li .icon .fa-phone{background:url(/template/2018_YPM_Shop/15/images/ft-phone.png) 50% no-repeat}
.mobile-footer li .icon .fa-home{background:url(/template/2018_YPM_Shop/15/images/ft-home.png) 50% no-repeat}
.mobile-footer li .icon .fa-duanxin{background:url(/template/2018_YPM_Shop/15/images/ft-duanxin.png) 50% no-repeat}
.mobile-footer li .icon .fa{width:25px;height:25px;display:inline-block;background-size:25px}
.mobile-footer li p{font-size:14px}
}
 
.pagination{display:inline-block}
.pagination li{display:inline}


.link-box{width:1200px; box-shadow: 0 0 10px #dadaea; margin:20px auto;background:#fff;}
.link-box-title{height: 35px;border-bottom: 1px solid #dedede;color: #000;font-size: 16px;font-weight: bold;width:100%; line-height:35px; text-indent:10px;}
.link-box-txt{padding:5px 10px;line-height: 25px;font-size: 14px;}
.link-box-txt a{margin: 0 10px;color: #696969;display: inline-block;}

 

@media (max-width:990px){
	.link-box{width:100%;  border:none; margin:20px auto;background:#fff;}
	
}

.video-box{position:fixed;left:5px;bottom:0;z-index:3}
.video-box .pack-up span{width:195px;height:108px;display:block;background:url(/template/2018_YPM_Shop/12/images/pack-up.png) left top no-repeat;cursor:pointer}
.video-box .unfold{width:347px;height:264px;background:url(/template/2018_YPM_Shop/12/images/unfold-new.png) left top no-repeat;position:relative}
.video-box .unfold video{position:absolute;left:37px;top:49px;width:280px;height:180px;display:block;}
.video-box .unfold a.play{width:68px;height:68px;display:block;background:url(/template/2018_YPM_Shop/12/images/play-btn.png) left top no-repeat;position:absolute;left:151px;top:107px;z-index:3}
.video-box .unfold .opacity-layer{width:280px;height:80px;position:absolute;left:37px;top:150px;z-index:1;display:block;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.5)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%)}
.video-box .unfold i.videoclose{width:13px;height:110px;display:block;position:absolute;left:327px;top:84px;cursor:pointer}
@media (max-width:990px){
	.video-box{display:none;}
	
}


 
.braedm { margin:auto auto 10px auto; width:100%; height:66px;border-bottom:#f7f7f7 1px solid; position:relative; z-index:1;}

.braedm .nemuul{float:left;}
.braedm .nemuul a{display:block;line-height:66px; font-size:20px;position:relative;color:#fdaa28;border-bottom:3px solid #fdaa28;}
 
.braedm .navlujing { font-size: 14px;line-height:30px;color: #999;float:right;margin-top:20px; background:url(../images/subMenu-icon.jpg) no-repeat left center; padding-left:20px;}
.braedm .navlujing .gt{ font-family:\5B8B\4F53;}
.braedm .navlujing a{ color: #999;}
.braedm .navlujing a:hover{color: #fdaa28;}
.b_shadow{
	-o-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-ms-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-moz-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-webkit-box-shadow:0 0 18px rgba(0,0,0,.1); 
	box-shadow:0 0 18px rgba(0,0,0,.1);
}

/* 关于我们 */
.aboutusnew{width:100%; vertical-align: bottom;padding-bottom:50px;box-shadow: 0 0 10px #dadaea;}
.aboutusnew .left_info{ width:100%; }
 
.aboutusnew .left_info .intro{padding: 10px; font-size: 18px; line-height:35px;} 
.aboutusnew .left_info .intro p{ margin-bottom:15px;}
 
 
 
 .ty-box-cont{background:#fff;  box-shadow: 0 0 10px #dadaea; overflow:hidden;}
.ty-box-cont-title{ height:70px;  text-align:center;  margin-bottom:15px; padding:10px;box-shadow: 0 0 10px #dadaea;}
.ty-box-cont-title h1{ font-size:24px; font-weight:bold;  overflow:hidden; display:block; height:50px;line-height:50px; margin:0;}
.ty-box-cont-title .sj{font-size:12px; color:#666; height:20px; line-height:20px;}

.ty-box-main{padding-bottom:10px;overflow:hidden;box-shadow: 0 0 10px #dadaea;line-height:28px; font-size:14px; padding:20px;}
.ty-box-main img{max-width:100%; display:block;margin:0 auto; }
.ty-box-main .ss{margin:10px auto; border:1px dashed #dedede;padding:10px; overflow:hidden; background:#f8f8f8;}
.ty-box-main .ss li{float:left;width:440px;margin-right:5px; height:30px; line-height:30px;}
.ty-box-main .ss li img{max-height:20px;display: inline-block;vertical-align: middle;}


.ty-box-foot{padding:10px;overflow:hidden; margin-top:10px;box-shadow: 0 0 10px #dadaea;}
.ty-box-foot-title{height:38px;line-height:38px;font-size:16px; font-weight:bold;border-bottom:1px solid #dedede;}
.ty-box-foot-cont{line-height:22px; font-size:14px;padding-top:8px;}
.ty-box-foot-cont a{margin:0 5px;}

.ty-box-foot-cont li{float:left;margin:0 10px;width:350px; height:22px; overflow:hidden;}


.picFocus{ float:left;  width:430px;  position:relative;  overflow:hidden;  zoom:1; margin:5px 30px 5px 5px;  }
		.picFocus .hd{ width:428px; padding-top:5px;  overflow:hidden; text-align:center; margin:0 auto;}
		.picFocus .hd ul{  overflow:hidden; zoom:1; margin:0 auto;  }
		.picFocus .hd ul li{   float:left;  text-align:center; width:100px; height:75px; border:1px solid #ddd;margin-right:9px;display: table; }
				.picFocus .hd ul li:hover{border:1px solid #f00;}
				.picFocus .hd ul li:last-child{margin-right:0;}
		 .picFocus .hd ul li a{   display: table-cell;    vertical-align: middle;}
		.picFocus .hd ul li img{ max-width:100px; max-height:75px;  cursor:pointer; vertical-align: middle; }
		 .picFocus .hd  .on{border:1px solid #f00;}
		 
		.picFocus .bd{text-align:center; border:1px solid #dedede;  }
		.picFocus .bd li{ width:428px; height:278px;display: table;text-align:center; position:relative;}
		.picFocus .bd li a{   display: table-cell;    vertical-align: middle; text-align:center;}
		.picFocus .bd img{ max-width:428px; max-height:278px;  vertical-align: middle;  }
		
.khmp4{background:#000;width:428px;height:278px; display:none; position:relative;}
.closemp4{display:block; position:absolute; top:8px;right:8px;background:url("/images/close.png") no-repeat center;background-size:100% 100%; z-index:10; width:18px; height:18px;cursor:pointer;}
.playimg{display:block; position:absolute;left:50%;top:50%;margin-left: -35px;margin-top:-35px; width:70px; height:70px; background:url("/images/mp4.png") no-repeat center;background-size:100% 100%; z-index:10; cursor:pointer;}

.top-contact-list{ width:500px;margin:10px 4px; float:left;font-size:16px; font-weight:bold;}
.jiage{  width:100%;height:175px; line-height:30px;}
.left-wz{width:30%;text-indent:10px;display:block;float:left;}
.right-wz{width:70%; font-size:26px;color:#ee2e2c;display:block;float:left;}
.right-wz1{width:70%;  display:block;float:left;}
.top-contact-list li{width:100%;height:30px;}
.lxr-box{ height: 55px;    padding: 10px 60px 10px 80px;background: #f6f6f6; position:relative;margin-top:20px; color:#333;}
.lxr-top{height:25px; line-height:25px; }
.lxr-bottom{height:30px; line-height:30px; font-size:18px; color:#f00; font-weight:bold;}
.tx_img{    width: 47px;    height: 50px;    position: absolute;    top: 50%;    margin-top: -25px;    left: 15px;    background: url("/images/phonea.png") no-repeat center center;}
.sys{ width: 40px;  height: 31px; padding:7px;position: absolute;  font-size:13px;  top: 50%;    margin-top: -25px;    right: 10px;text-align:center; background:#fff; cursor:pointer; overflow:hidden}
.sys span{ display:block;}	
.wx-box{width:110px;height:140px;padding:10px; border:1px solid #dedede; background:#FFF; display:block; position:absolute; right:0px;bottom:120px; text-align:center; line-height:15px;transition:all 1.5s;}
.wx-box img{width:110px;height:110px;}
.sys:hover{overflow:visible;}
.sys:hover .wx-box{display:block;right:0;transform:translate(0px,50px);  }

.button-box{margin-top:20px;}
.button-box a{ display:inline-block; width:90px; height:20px; text-align:center; color:#000; font-size:18px; background:#f3f3f3; padding:10px 20px; margin-right:20px; text-decoration:none;border-radius:8px;}
h1{font-size:20px;}
.sp-box{margin:0 auto;padding:10px; box-shadow: 0 0 10px #dadaea;overflow:hidden;margin-bottom:10px; position:relative;  }

.dvop-title{line-height:30px; font-size:14px; font-weight:bold; height:30px;}
 
.d-vopy{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:5px; padding-top:5px;overflow:hidden;}

.d-vopy li{width:33%;float:left;font-size:14px;}

.d-vopy li span{width:30%;text-align:left;padding-bottom:10px;line-height:20px;margin-right:1%;border:none;background:#fff;color:#999;display:block;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.d-vopy li p{width:60%;text-align:left;line-height:20px;padding:0 20px 0 10px;border:none;display:block;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.vip_year{background: url(/template/2018_YPM_Shop/12/images/vip_year_gold.gif) no-repeat;    height: 106px;    position: absolute;    right: 55px;    top: 10px;width: 143px;}
.vip_year p {    color: #FFFFFF;    font-size: 11px;    font-weight: bold;    height: 15px;    line-height: 16px;    left: 52px;    position: absolute;    text-align: center;    top: 78px;    width: 36px;}
.wzms{line-height:30px; font-size:16px; font-weight:bold;}
ul,li{list-style:none;}

.contact-box { width:100%;overflow:hidden;}
.contact-box .item{ float: left; width:380px; margin:15px 10px; padding:20px 0 40px 0; border-radius: 0 0 3px 3px; overflow: hidden; position: relative; text-align:center;}
.contact-box .item:after{ content:""; position: absolute; bottom:0; left: 0; width:0%; height: 3px; background: #fdaa28; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.contact-box .item:nth-child(3n){ margin-right: 0;}
.contact-box .item .text{ margin-top: 15px; text-align: center; font-size: 18px; color: #333333;}
.contact-box .item:hover:after{ width:100%;}
.contact-box .item a:hover{ color: #fdaa28;}

.videoclass{text-align:center; margin:20px auto; overflow:hidden;}
.videoclass li{border-radius:20px; height:40px; line-height:40px;  padding:0 20px; color:#fff; background:#000; float:left;margin-right:20px; margin-bottom:10px;}
.videoclass li a{color:#fff;}

.gsvideo{width:100%;height:700px; background:#000; overflow:hidden;}
.gsvideo-box{width:900px; float:left;overflow:hidden;margin:10px 0;}
.gsvideo-cont{width:100%;height:620px; overflow:hidden; position:relative;}
 
.gsvideo-list{width:280px;float:left;background:#111;overflow:hidden; padding:10px;height:680px;}
.gsvideo-list ul{margin:10px 0; height:660px;;overflow-y: scroll;}
.gsvideo-list ul::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }

.gsvideo-list ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }

.gsvideo-list ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
}
 
 
.gsvideo-list ul li{width:120px;height:120px;margin:3px; float:left; border:1px solid #dedede; box-sizing:content-box;}
.gsvideo-list ul li img{width:120px;height:120px;}
.gsvideo-info{width:100%;height:60px;background:#111; line-height:60px; font-size:20px; color:#fff; position:relative; }
.video-name{margin-left:20px;}
.video-tel{    position: absolute;
    right: 0px;
    bottom: 5px;
    color: #fff;
    padding-left: 58px;
    background: rgba(0,0,0,0.8) url(/template/2018_YPM_Shop/12/images/mobile.png) no-repeat 15px center;
    display: block;
    width: 202px;
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Arial';
    transition: right .8s;
    -webkit-transition: right .8s;}
.heise{background:#333;}

.picbox{padding:20px;box-shadow: 0 0 10px #dadaea; background:#fff; overflow:hidden;}

.picboxjd{   width:980px; box-shadow: 0 0 10px #dadaea; position:relative;   zoom:1; margin:20px auto; height:730px; }
		.picboxjd .hd{ width:980px;  overflow:hidden; text-align:center; margin:20px auto;}
		.picboxjd .hd ul{  overflow:hidden; zoom:1;   position:relative; width:100%; height:77px; }
		.picboxjd .hd ul li{   float:left;  text-align:center; width:128px; margin:0 5px; height:75px; border:1px solid #ddd;display: table;  box-sizing:content-box;}
		.picboxjd .hd ul li:hover{border:1px solid #f00;}
		.picboxjd .hd ul li:last-child{margin-right:0;}
		.picboxjd .hd ul li a{   display: table-cell;    vertical-align: middle;}
		.picboxjd .hd ul li img{ max-width:100px; max-height:75px;  cursor:pointer; vertical-align: middle; }
		 .picboxjd .hd  .on{border:1px solid #f00;}
		 
		.picboxjd .bd{text-align:center; border:1px solid #dedede;  padding:10px 0}
		.picboxjd .bd li{ width:980px; height:600px;display: table;text-align:center; position:relative;}
		.picboxjd .bd li a{   display: table-cell;    vertical-align: middle; text-align:center;}
		.picboxjd .bd img{ max-width:980px; max-height:600px;  vertical-align: middle;  }
.picboxjd .pageState{ position: absolute; top: -33px; right: 50%; margin-right:-28px;font-family: "Times New Roman", serif; letter-spacing: 1px;font-size:30px; font-weight:bold;}	
  .picboxjd .pageState span{ color: #f00; }
  
  .picboxjd .prev,.picboxjd .next {position: absolute;z-index: 2;top: 50%;width: 40px;height: 66px;margin-top: -33px;background: no-repeat 0 0;    opacity: 0.6;    filter: alpha(opacity=60);}
.picboxjd .prev:hover,.picboxjd .next:hover {    opacity: 1;    filter: alpha(opacity=100);}
.picboxjd .prev {left: -40px;background-image: url(/template/2018_YPM_Shop/12/images/hover_left.png);}
.picboxjd .next {right: -40px;background-image: url(/template/2018_YPM_Shop/12/images/hover_right.png);}

@media (max-width:990px){
	.vip_year{display:none;}
	.d-vopy li{width:100%;}
	.picFocus{width:100%;margin:0;}
	.tempWrap{width:100% !important;}
	.picFocus .bd img{max-width:100% !important; max-height:100%;}
	.picFocus .bd li{width:390px;}
	.d-vopy li p{padding:0;}
	.picFocus .hd{width:100%;}
	.picFocus .hd ul li{width:23%;margin:5px 1%; -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	.top-contact-list{width:100%;margin:10px 0;}
	.picFocus .hd ul li img{max-width:100% !important;}
	 .contact_tit{margin:20px 0;}
     .contact-box .item{width:92%;margin:2%;padding:2%;}
	 
	 .gsvideo-box,.gsvideo-list{width:100%;}
	 .page-wrap{overflow:visible}
	 .gsvideo{height:auto;}
	 .heise{background:#fff;}
	 .videoclass{margin:0 0 20px 20px;}
	 .videoclass li{background:#fdaa28;border-radius:15px; height:30px; line-height:30px;}
	 video{height:400px !important;}
	 .gsvideo{height:auto;}
	 .gsvideo-cont{height:400px;}
	 .video-tel{display:none;}
	 .gsvideo-list{width:100%;padding:0;height:auto;}
	 .gsvideo-list ul{margin:10px 0; height:auto;;overflow-y: visible;}
	 
	 .picboxjd{width:100%; height:430px;}
	 	.picboxjd .tempWrap{width:360px !important;}
	 	.picboxjd .bd li {width:360px; height:300px;}
		.picboxjd .bd img{ max-width:360px; max-height:300px;  vertical-align: middle;  }
		.picboxjd .prev {left: -20px; }
.picboxjd .next {right: -20px; }
}

.mmpbox {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 140px;
    height: 160px;
    padding: 20px;
    background: #f1f1f1;
}
.mmpbox img {
    width: 140px;
    height: 140px;
}
.mmpbox p {
    height: 20px;
    line-height: 20px;
    width: 100%;
    text-align: center;
    font-size: 14px;
}
@media (max-width:768px){
	.mmpbox{display:none;}	
}