html{color:#000;background:#fff; }
body { color:#666;font-size:14px;width: 100%;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;} 
li{list-style:none;}
 
 
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:hover{color:#333 !important;}
a:focus{outline:0;} /*for ff f6n.net*/ 
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left !important;}
.fr { float:right !important;}
.pa{ position:absolute;}
.pr{ position:relative}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/* -- 页面整体布局 -- */
.content , .footer { width:1200px; margin:0 auto; font-family:"Microsoft Yahei";}

.topWrap{font-family:"Microsoft Yahei";position: relative;width:100%;  position:absolute;left:0;top:0;     border-bottom: 1px solid rgba(255, 255, 255, 0.55);}
.header{display:flex;justify-content:space-between;width:1400px;margin:0 auto; padding:20px 0; position:relative} 
.logobox{height:60px;overflow:hidden;width:300px;position: relative;}
 
.logobox .logo img{max-width:60px;max-height:60px; margin-right:10px;}
.logobox .logo a{font-size: 24px; font-weight: bold;display: flex;    align-items: center; letter-spacing:2px; color:#fff;height:60px}
.logobox .logo:hover a{color:#fff !important} 

.nav { position: absolute;top:0;right:0px;}
.nav ul{width:1000px;display:flex;justify-content: space-between; height:60px;margin-top:20px}
.nav li {text-align: center;  position:relative;  height:60px;transition: 0.5s;width:124px;   }
.nav li a p{line-height:25px;overflow:hidden;height:25px;padding-top:5px}
.nav li a {font-size:16px;  font-weight:700; display:inline-block; color:#fff;}
.nav li a span {font-size:12px; letter-spacing:2px;display: block; line-height: 25px;color:#999}

 .nav li a:hover p{color:#fff}
 
.zdybanner{background:url(/Template/AreaidUid_YPM_Shop/50/images/bg50.jpg) no-repeat center center;    background-size: cover;    width: 100%;    height:700px; padding-top:250px;color:#fff;}
.zdybanner .content{width:1200px;overflow:hidden}
.zdybanner-left{width:660px; float:left;}
.zdybanner-left h1{ height:60px;display:inline-block; font-size:36px;color:#fff;line-height:60px;overflow:hidden;max-width:600px;margin-top:20px;}
.zdybanner-left .zdywz1{line-height:80px;font-size:40px; letter-spacing:2px;}
.zdybanner-left .zdywz2{line-height:80px;font-size:28px;}

 

.zdybanner-right{width:500px; float:right;}
.zdybanner-right .zdyimgbox{background:#fff;padding:5px; overflow:hidden;height:350px;}
.zdybanner-right .zdyimgbox img{width:100%;height:100%; display:block;transition:all .5s;object-fit:cover;}
 
.zdybanner-tel{margin:100px auto  0; text-align:center; font-size:36px; width:600px;  height:60px;line-height:60px;color:#fff; font-weight:bold; }
.zdybanner-tel .icomoonsz{color:#fff; font-size:36px;}

.zdybanner-left ul{margin-top:20px;}
.liubianxing{width: 50px;height: 55px;background: #fff;position: relative;float:left;margin:10px 20px 0 0;text-align:center; font-size:22px;   font-weight:bold;padding:0 25px;color:#333}
.liubianxing:before{content: "";position: absolute;top: -25px;left: 0;width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 25px solid #fff;}
.liubianxing:after{content: "";position: absolute;bottom: -25px;left: 0;width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 25px solid #fff;}
 

/*特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;} 
 
 
.fullSlide{min-width:1200px;position:relative;height:450px;overflow:hidden; z-index: 2;}
.fullSlide .bd{position:relative;z-index:0;}
.fullSlide .bd ul{width:100%!important;}
.fullSlide .bd li{width:100%!important;height:450px;overflow:hidden;text-align:center;position: relative;}
.fullSlide .bd li a{display:block;height:450px;}
.fullSlide .bd li img {position: absolute;left:50%;margin-left:-960px;top:0;}
.fullSlide .hd{position:absolute;bottom:32px;z-index:99;left:46%;width:200px;}
.fullSlide .hd li{width:15px;height:15px;float:left;margin-right:20px;background:#fff;border-radius: 50%}
.fullSlide .hd li.on {background:#333;}
.prev{position: absolute;left:2%;top:50%; cursor:pointer}
.next{position: absolute;right:2%;top:50%;cursor:pointer}

 


.footWrap{background:#33383c;overflow:hidden;font-family:"Microsoft Yahei";padding:30px 0; position:relative;z-index:1}
.footer{width:1200px;margin: 0 auto; position: relative; line-height:25px; text-align:center; color:#fff}
.footer a{color:#fff;} 
.mobile-fixed,.mobile-footer{display:none;}
 
@media (max-width:768px) {
	  
.header , .content , .footer { width:100%;}
.header{padding:0}

.topWrap{height:60px;padding-top:0; position:relative;background:#0664be}
.header{margin:0;}
.logobox{width:100%;padding:0}
.logobox .logo a{font-size:18px;}
.logobox .logo-info{display:none;}
.buybox{display:none;}
.nav .cur a, .nav li:hover a{ border-bottom:none;background:#fff;}
.logobox .logo img{height:50px;margin:5px;max-width:100%}
	  
	/*头部nav*/
.nav{z-index: 1000;position: fixed;top: 60px;left: -100%;width: 100%;height: 100%;background:url(/Template/AreaidUid_YPM_Shop/50/images/nav_bj.jpg) no-repeat center top;transition: all .36s ease;margin:0; background:#fff;}
.nav ul{float:none;width:100%; display:block}
.nav li{float:none;height:50px; line-height:50px; border-bottom:1px solid #eee;width:100%; text-align:left; text-indent:20px;}
.nav li a{color:#333;padding:0;height:50px;}
 

.m_nav {position:absolute;top:10px;width:40px;height:40px;background:url(/Template/AreaidUid_YPM_Shop/50/images/menu.png) no-repeat center center #333;background-size:25px auto;right:5px;}
.m_menu .m_nav {background:url(/Template/AreaidUid_YPM_Shop/50/images/menu-1.png) no-repeat center center #333;background-size:25px auto;}
.m_menu .nav{left:0;} 

	/*banner*/
.fullSlide{min-width:320px;height:auto;}
.fullSlide .bd li{height:138px;}
.fullSlide .bd li img{width:100%;left:0;margin-left:0;}
.next,.prev{display:none}
.fullSlide .hd{ left:50%;margin-left:-80px; bottom:5px; width:200px;}

.seah_bj,.linkbox{display:none;}

	/*脚部*/
.footWrap{padding:30px 15px; margin-bottom:50px; text-align:justify} 

 
.mobile-fixed,.mobile-footer{display:block;height:50px}
.mobile-footer{position:fixed;bottom:0;z-index:99;left:0;width:100%;background:#33383c;color:#fff;padding:10px 0;border-top:1px solid #fff;}
.mobile-footer a{color:#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/AreaidUid_YPM_Shop/50/images/ft-qq.png) 50% no-repeat}
.mobile-footer li .icon .fa-phone{background:url(/Template/AreaidUid_YPM_Shop/50/images/ft-phone.png) 50% no-repeat}
.mobile-footer li .icon .fa-home{background:url(/Template/AreaidUid_YPM_Shop/50/images/ft-home.png) 50% no-repeat}
.mobile-footer li .icon .fa-duanxin{background:url(/Template/AreaidUid_YPM_Shop/50/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}
 
  }