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:#3374da;}}
@media (min-width:1430px){.container{width:1200px;padding-left:0;padding-right:0}}
.header{padding:15px;overflow:hidden; background:#333; box-sizing:border-box;position:fixed;z-index:5;width:100%; filter:alpha(opacity=80);opacity:0.8; }
.header .logo{float:left;font-size:0;height:51px;width:24%;padding-right:1%}
.header .logo img{max-width:100%;margin-top:-15px;vertical-align:middle}
.header .logo:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.header .menu>li>a:hover{background:#3374da; color:#fff;}
.header .menu {float:left;width:55%; }
.header .menu>li {float:left;position:relative;overflow:hidden;width:11%}
.header .menu>li>a {display:block;font-size:16px;color:#fff;padding:0 5px;line-height:50px;position:relative;text-align:center;white-space:nowrap}
.header .head-phoen{width:10%;float:right;margin-top:10px;background:url(/template/2018_YPM_Shop/15/images/phone.png) 0 no-repeat;padding-left:50px;font-size:18px;color:#3c3c3c;line-height:30px}
@media (min-width:990px) {.header .menu>li:not(:last-child) {}
.header .menu>li.active>a,.header .menu>li:hover>a {color:#fff}
}
@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{ z-index:5; filter:alpha(opacity=100);opacity:1;position:relative;padding:7px 0;border-bottom: none;height:130px;}
.header .logo{width:70%}
.header .logo img{margin-top:-20px;}
.header .menu{background:#3374da;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/15/images/menu.png) 50% no-repeat}
.header .head-phoen{display:none}
}
.slideBox{ width:100%; height:450px; overflow:hidden; position:relative; padding-top:80px; }
.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:#3374da; 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/15/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; padding-top:0; }
.slideBox .bd img{ width:100%; height:150px; }
}
.in-title {text-align:center;margin-bottom:50px}
.in-title span {font-size:24px;color:#2a2c2f;background:url(/template/2018_YPM_Shop/15/images/in-title-bg.png) bottom no-repeat;padding-bottom:25px;font-weight:400}
.product {padding:45px 0;overflow:hidden;background:url(/template/2018_YPM_Shop/15/images/pro-bg.jpg) top no-repeat;background-size:cover;position:relative;}
.product .pro-list{margin-top:80px;}
.product .pro-list .pro-item {width:calc(25% - 20px);margin:0 10px 20px;background:#fff;float:left;height:300px;}
.product .pro-list .slick-con {display:block;padding:10px}
.product .pro-list .slick-con .img {display:block;border:1px solid #c3c3c3;font-size:0;margin-bottom:10px}
.product .pro-list .slick-con .img img {width:100%;-webkit-transition:all .5s ease;transition:all .5s ease;max-height:235px; object-fit: cover;}
.product .pro-list .slick-con h3 {border:1px solid #d2d2d2;line-height:40px;font-size:14px;text-align:center;font-weight:400;color:#5a5a5a}
.product .pro-list .slick-con:hover h3 {background:#3374da;color:#fff;border-color:#3374da}
.product .pro-list .slick-con:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.in-more {text-align:center}
.in-more a {display:inline-block;border:1px solid #3374da;line-height:40px;color:#3374da;font-size:14px;padding:0 20px}
.in-more a:hover {background:#3374da;color:#fff}
@media (max-width:990px){
.product{overflow:hidden;padding-top:30px; }
.product .pro-list{margin-top:40px;}
.product .pro-list .pro-item {width:48%;margin:10px 1%;background:#fff;float:left}
.in-title{margin-bottom:20px}
}
.about {overflow:hidden; padding:40px 0;box-shadow: 0 0 10px #dadaea; position:relative;background:url(/template/2018_YPM_Shop/15/images/about-bg.jpg) top no-repeat;background-size:cover;}
.about-box {padding:20px;overflow:hidden; margin-top:80px;}
.about-box .gstitle{width:100%;height:50px;line-height:50px; font-size:25px; font-weight:700;}
.about-box .gsby{width:100%;height:40px;line-height:40px; font-size:22px; font-weight:700; color:#3374da;}
.about .about-box .wz {float:right; width:50%;text-align:left;box-shadow: 0 0 10px #dadaea;padding:10px 20px;box-sizing:border-box;height:450px; overflow:hidden;}
.about .about-box .wz p {font-size:15px;color:#000;line-height:1.7;text-indent:12px;}
.about .about-box .img {text-align:center;width:50%;float:left;box-shadow: 0 0 10px 3px #dadaea;box-sizing:border-box;height:450px; overflow:hidden;}
.about .about-box .img img {max-width:100%;max-height:450px;}
@media (max-width:990px){
.about{height:auto;}
.about-box{padding:20px 10px 0 10px;margin-top:40px;}
.about .about-box .wz{width:100%;float:none;margin:0 0 20px 0;}
.about-box .wz .wz-info{font-size:14px;line-height:1.7}
.about .about-box .img{width:100%;float:none; box-sizing:border-box; height:auto;}
}
.case{padding:40px 0; overflow:hidden;position:relative;;box-shadow: 0 0 10px #dadaea;}
.ladyScroll{width:100%;height:300px;margin:80px auto 15px; position:relative; padding-bottom:50px;}
.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/15/images/hover_left.png);}
.ladyScroll .next {right: 0;background-image: url(/template/2018_YPM_Shop/15/images/hover_right.png);}
.ladyScroll .scrollWrap{width:100%;padding:0 40px;padding-top:15px;overflow:hidden;position:absolute; box-sizing:border-box;}
.ladyScroll dl{float:left;width:20%;text-align:center;position:relative;margin-right:1px;height:280px;}
.ladyScroll span{display:block;width:100%;height:53px;position:absolute;left:0px;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80;}
.ladyScroll dt{margin:0 auto;width:100%;overflow:hidden;}
.ladyScroll img{display:block;max-width:100%;max-height:280px;;}
.ladyScroll dd{width:100%;height:40px;line-height:28px;font-size:14px;color:#fff;text-align:center;overflow:hidden;position:absolute;left:0px;bottom:0;}
.ladyScroll dd a{ color:#fff; }
.ladyScroll dd a:hover{ text-decoration:none; }
.ladyScroll dl:hover span{ background:#3374da; }
@media (max-width:990px){
.ladyScroll{margin:40px auto 15px;}
.ladyScroll .scrollWrap{margin-left:0;}
.ladyScroll dl,.ladyScroll span{width:100%;}
.ladyScroll span{left:0;}
.ladyScroll{padding-bottom:0px;}
}
.baise{color:#fff !important;}
.news {padding:50px 0 50px;overflow:hidden; ;box-shadow: 0 0 10px #dadaea;}
.news .news-list {border-top:1px solid #dbdbdc;border-left:1px solid #dbdbdc;overflow:hidden;}
.news .news-list li {float:left;width:20%;border-bottom:1px solid #dbdbdc;border-right:1px solid #dbdbdc;position:relative;}
.news .news-list li a {display:block;padding:50px 20px 25px}
.news .news-list li .date {font-size:18px;color:#2a2929}
.news .news-list li h3 {font-size:18px;color:#424242;font-weight:400;margin:10px 0; height:30px; line-height:30px; width:100%;overflow:hidden;}
.news .news-list li .info {font-size:14px;line-height:1.7;color:#838383;margin-bottom:30px;height:46px;overflow:hidden;width:100%;}
.news .news-list li .view {width:75px;line-height:30px;background:#eaeaeb;text-align:center;color:#3374da;font-size:14px;display:block}
.news .news-list li:hover h3 {color:#3374da}
.news .news-list li:hover .view {background:#3374da;color:#fff}
@media (max-width:990px){
.news{padding:30px 0}
.news .news-list{position:relative;margin-top:50px;}
.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 a{padding:20px;}
.news .news-list li .date{width:90px;font-size:12px}
.news .news-list li .info {margin-bottom:15px;}
}
.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 #3374da;line-height:39px;margin-bottom:-1px;font-size:16px;color:#312f2f}
.pl-con .hot-line{background:url(/template/2018_YPM_Shop/15/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:#3374da}
.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:#3374da}
.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:#3374da}
.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:#3374da}
.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:#3374da}
.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:#3374da}
.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:#3374da;border-bottom-color:#3374da}
.pasge-news-lists li a:hover:before{background:#3374da}
.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%;max-height:245px;}
.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:#3374da;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 #3374da}
.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:#3374da;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/15/images/pack-up.png) left top no-repeat;cursor:pointer}
.video-box .unfold{width:347px;height:264px;background:url(/template/2018_YPM_Shop/15/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/15/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 .mt80 {top:100px;
}
.braedm .nemuul{float:left;}
.braedm .nemuul a{display:block;line-height:66px; font-size:20px;position:relative;color:#3374da;border-bottom:3px solid #3374da;}
.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: #3374da;}
.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:6px;display: table; }
.picFocus .hd ul li:hover{border:1px solid #3374da;}
.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 #3374da;}
.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:#3374da; 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/15/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: #3374da; -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: #3374da;}
.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/15/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:#fafafa;}
.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 #3374da;}
.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 #3374da;}
.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: #3374da; }
.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/15/images/hover_left.png);}
.picboxjd .next {right: -40px;background-image: url(/template/2018_YPM_Shop/15/images/hover_right.png);}
.city{ -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); margin:0 10px;}
.city .box{border:none !important;}
@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:#3374da;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; }
.flconcenlh{width:100%;}
}
.flconcenlh {
width: 730px;
/*height: 215px;*/
border: 0px solid red;
float: left;
margin-left: 10px;
margin-top: 10px;
}
.flconcenlh li {
width: 90px;
height: 30px;
line-height: 30px;
float: left;
margin-left: 10px;
margin-top: 5px;
overflow: hidden;
}
.mmpbox{position:fixed;right:20px;bottom:20px;width:140px;height:160px; padding:20px; background:#f1f1f1;}
.mmpbox p{height:20px; line-height:20px; width:100%; text-align:center;font-size:14px;}
.mmpbox img{width:140px;height:140px;}
@media (max-width:768px){
.mmpbox{display:none;}
}