﻿*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑"; }
a{ color:#333; text-decoration:none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -mos-transition: all 0.3s;  }
a:hover{color:#b63733;text-decoration:none;}
h1,h2,h3,h4,h5,h6{ margin: 0;font-weight:normal;}
hr{ border:none;}
.clear{ clear:both;}
.w1200{ padding: 0;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.row{ margin: 0px;}

/* 常量设置 */
.w1200 {
	width:1200px;
	 margin: 0px auto;
}




/*页面布局*/
.pageMain {margin-left: 242px;}
.pageContentWrapper {position: relative;z-index: 10;background-color: #fff;}
.channel_content {padding: 40px 0;min-height: 300px;}
.channel_content.pro_list {padding-top: 0;}



/*导航*/
.nav_logo{position: absolute; top: 3%; left: 0px; z-index: 222;width:100%; height:auto; text-align: center;}
.nav_logo img{width:188px; height:auto;}
.header_lx{ margin:5vh auto;width:110px; height: 35px;}
.shouji{position: relative;float:left;  width:30px; height: 30px; text-align: center; background: url(/templates/zdl/images/icon_1.png) no-repeat center}
.weixin{position: relative;float:left;  width:30px; height: 30px; text-align: center;  background: url(/templates/zdl/images/icon_2.png) no-repeat center; margin: 0px 10px;}
.ditu{position: relative;float:left;  width:30px; height: 30px; text-align: center;  background: url(/templates/zdl/images/icon_3.png) no-repeat center}
.ditu a{width:100%; height:100%; display:block;}
.weixin div img,.shouji div img{ position: absolute; top:30px; left:0px; z-index: 999; display: none;width:100px; height: 100px;}
.weixin:hover img,.shouji:hover img{display: block;}
.header_dh{width:160px; height: auto; overflow: hidden; text-align: center; margin: 0px auto;}
.header_dh p{font-size: 15px; color: #4d4d4d; background: url(/templates/zdl/images/ICON_4.png) no-repeat left center; padding-left: 30px; height: 40px; line-height: 40px; }
.header_dh span{font-size: 20px; color: #b63733; font-weight:bold; }
.header_phone{width:100%; height: auto; overflow: hidden; position: absolute; bottom:50px; left:0}



/*网站侧导航*/
.page_header{position:fixed;top:0;left:0;z-index:20;width:242px;height:100%;background:#fff;box-shadow:1px 0 2px 0 rgba(0,0,0,.3)}
.x_slide_bar{width:100%; height: 100%}
.x_slide_bar,.x_slide_bar .nav_wrapper{height:100%}
.x_slide_bar .inav{position:relative;padding:240px 0 0;width:100%;height:100%;background:#fff}
.x_slide_bar .inav li{color:#4d4d4d;font-size:16px; cursor:pointer;transition:all .5s ease}
.has_sec_ul{padding:0 65px;}
.x_slide_bar .inav li.active a.nav{color:#c7a686}
.x_slide_bar .inav li i{color:#b63733; font-size:28px; margin-right: 10px; float: left;}
.x_slide_bar .inav li a.nav{display:block;line-height: 55px; }

.x_slide_bar .inav .nav_img{position:absolute;top:0;left:100px;z-index:-2;visibility:hidden;width:156px;height:930px;background:rgba(0,0,0,.4);opacity:0}
.x_slide_bar .inav li:hover .nav_img{left:242px;z-index:-1;visibility:visible;opacity:1;-webkit-transition:all ease .5s;transition:all ease .5s}
.x_slide_bar .lang{position:absolute;bottom:0;width:100%;height:120px;background-color:#fd961e}
.x_slide_bar .inav li:hover .nav{;color:#c7a686}
.x_slide_bar .inav li:hover .x_slide_bar .inav li>a{color:#fff}
.x_slide_bar .inav .nav_img .nav_ul1{padding-top:63%}
.nav_ul1 li a{display:block;padding:13px 0 13px 18px;border-bottom:1px solid #ccc;color:#fff}
.x_slide_bar.inav{left:-200px;transition:all .5s ease}
.x_slide_bar.inav.show{left:60px}
.x_slide_bar .link_list{margin:0 auto 10px;max-width:98px;border-top:rgba(255,255,255,.2) 1px solid;text-align:center}
.x_slide_bar .link{position:relative;display:block;height:26px;border-bottom:rgba(255,255,255,.2) 1px solid;color:#3d2306;font-size:12px;line-height:26px}
.x_slide_bar .link:hover{color:#fff;color:rgba(255,255,255,.6)}
.x_slide_bar .link:after{position:absolute;right:50%;bottom:50%;display:block;margin-right:-35px;margin-bottom:-5px;width:5px;height:5px;background:url(/templates/zdl/images/lang01_1.png) center center no-repeat;content:''}
.x_slide_bar .link span{position:relative;display:inline-block}
.x_slide_bar .link_en span{padding-left:20px}
.x_slide_bar .link_en span:before{position:absolute;top:50%;left:0;display:block;margin-top:-8px;width:13px;height:13px;background:url(/templates/zdl/images/lang02_1.png) center center no-repeat;content:''}
.bdsharebuttonbox.share_sidebar{text-align:center}
.bdshare-button-style1-16.share_sidebar .bds_more,.bdshare-button-style1-16.share_sidebar a{float:none;display:inline-block;margin:5px 6px;padding:0;width:27px;height:27px;background:url(/templates/zdl/images/share_sidebar_1.png) 0 0 no-repeat}
.bdshare-button-style1-16.share_sidebar .bds_more{background-position:-35px 0}
.bdshare-button-style1-16.share_sidebar .bds_weixin{background-position:-70px 0}
.bdshare_popup_box{display:none!important}





/*中间内容*/
/*banner图*/
.index_banner{ position: relative; width:100%; height:auto }
.index_banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.index_banner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:25px; z-index:1;  margin-right: -58px;}
.index_banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.index_banner .slideBox .hd ul li{ float:left; margin-right:15px;  width:15px; height:15px;  border-radius:50%; border:1px solid #b63733; cursor:pointer; }
.index_banner .slideBox .hd ul li.on{ background:#b63733;}
.index_banner .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.index_banner .slideBox .bd ul{height: 100%;width:100%}
.index_banner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.index_banner .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.index_banner .slideBox .bd img{ width:100%; height:100%; display:block;  }



/*分类*/
.index_fenlei{width:100%; height: auto; padding: 0px 1.5%; padding-top: 30px; overflow: hidden}
.index_fenlei li{width:23.5%; height: auto; float: left; margin-right:2%; overflow: hidden; border-radius: 10px;}
.index_fenlei li:last-child{margin-right: 0}
.index_fenlei li img{width:100%; height: 100%; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);
	-webkit-transform: all 1s ease 0s; border-radius: 10px;}
.index_fenlei li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_fenlei li:hover{margin-top: -10px;  transition: .6s; }


/*关于我们*/
.index_about{width:100%; height: auto; overflow: hidden; margin-top: 70px;}
.index_about .w1200{padding: 0px 2% 0 5%}
.index_about_left{width:43%; height: auto; overflow: hidden; float: right; padding-top: 20px;}
.index_about_left h4{font-size: 20px; color:#4d4d4d; line-height: 40px; margin-bottom: 10px;}
.index_about_left .in_abxx{width:100%; height: 85px; overflow: hidden; font-size: 14px; color: #4d4d4d; line-height: 28px;}
.index_about_left .about_more{width:164px; height: 36px; border: 1px solid #bebebe; text-align: center; line-height: 36px; font-size:14px; color: #4d4d4d; display: block; border-radius:25px; margin-top: 40px;}
.index_about_left .about_more:hover{background: #a1d034; color: #fff; border:1px solid #a1d034}
.index_about_right{width:43%; height: 300px; float: left}
.index_about_right .slideBox{ width:100%; height:300px; overflow:hidden; position:relative; }
.index_about_right .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1;  }
.index_about_right .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.index_about_right .slideBox .hd ul li{ float:left; margin-right:15px;  width:12px; height:12px;  border-radius:50%;  background: #fff; cursor:pointer; }
.index_about_right .slideBox .hd ul li.on{ background:#b63733;}
.index_about_right .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.index_about_right .slideBox .bd ul{height: 100%;width:100%}
.index_about_right .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.index_about_right .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.index_about_right .slideBox .bd img{ width:100%; height:100%; display:block; border-radius: 5px;  }



/*产品*/
.index_product{width:100%; height: 560px; background: #f7f7f7; margin-top: 80px; padding-top: 80px;}
.index_product_title{width:100%; height: auto; text-align: center}
.t_tile{width:100%; height: 40px; line-height: 40px; font-size: 46px; color: #e5e5e5; font-weight: bold; position: relative}
.t_tile h3{font-size: 24px; color: #b63733; font-weight: bold; position: absolute; top:0; left:50%; margin-left: -48px;}
.index_product_title p{font-size: 16px; color: #777777; line-height: 40px; margin: 5px 0}

.pro_pic{width:100%; height:180px;  overflow: hidden; position: relative;display: flex; align-items: center;}
.pro_pic img{width:auto; height: auto; transition: all 0.5s; align-items: center; margin: 0px auto; max-width:100%}
.pro_info{width:100%; height:60px;}
.pro_info h3{font-size: 18px; color: #4d4d4d;  text-overflow: ellipsis; overflow: hidden;  white-space: nowrap; width:100%; height: 30px; 
	line-height: 30px; text-align: center}
.pro_info p{width:100%; height: 20px; line-height: 20px; font-size: 14px; color: #4d4d4d;text-transform:Uppercase; text-align: center }
.multiple-items{margin-top: 25px;}
.multiple-items .pro_time{width:100%; height:260px;  display: block; padding: 0px 13px;}
.multiple-items a{width:100%; height: 100%;  display: block;  background: #fff;}
.multiple-items .pro_time:hover a{background: url(/templates/zdl/images/p_bjs.jpg) repeat center}
.multiple-items .pro_time:hover img{transform: scale(1.1);}
.multiple-items .pro_time:hover h3,.multiple-items .pro_time:hover p{color:#fff}

.slick-prev {float: left; background: url(/templates/zdl/images/p_left.png) no-repeat; left:-60px;}
.slick-next { float: right; background: url(/templates/zdl/images/p_right.png) no-repeat; right:-60px;}
.Box .Box_con .btnl:hover{background: url(/templates/zdl/images/p_hleft.png) no-repeat;}
.Box .Box_con .btnr:hover{background: url(/templates/zdl/images/p_hright.png) no-repeat}




/*合作*/
.index_hezuo{width:100%; height: auto; overflow: hidden; margin-top: 80px;}
.index_hezuo ul{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.index_hezuo ul li{width:25%; height: 160px; float: left; overflow: hidden}
.index_hezuo ul li img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.h_leftxx,.h_rightxx{ padding:36px 22px 0;}
.index_hezuo ul li i{width:100%; height: 23px; display: block}
.h_left{background: url(/templates/zdl/images/p_jt.png) no-repeat}
.h_leftxx span{font-size: 20px; color: #4d4d4d; text-align: right; display: block; line-height: 40px;}
.h_leftxx p{font-size:18px; color: #4d4d4d; text-align: right}
.h_right{background: url(/templates/zdl/images/p_rjt.png) no-repeat right;}
.h_rightxx span{font-size: 20px; color: #4d4d4d;  display: block; line-height: 40px;}
.h_rightxx p{font-size: 18px; color: #4d4d4d;}
.index_hezuo ul li:hover span,.index_hezuo ul li:hover p{color:#b63733}
.index_hezuo ul li:hover .h_left{background: url(/templates/zdl/images/p_hjt.png) no-repeat}
.index_hezuo ul li:hover .h_right{background: url(/templates/zdl/images/p_hrjt.png) no-repeat right}
.index_hezuo ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}


/*优势*/
.index_youshi{width:100%; height: 675px; background: #f7f7f7; padding: 70px 0 ; margin-top: 70px;}
.index_youshi ul{width:100%; height: auto; margin-top: 50px;}
.index_youshi ul li{width:23%; height: 360px; border: 1px solid #e5e5e5; background: #fff; float: left; margin-right: 2.6%; text-align: center;   transition: .6s;}
.index_youshi ul li:last-child{margin-right:0 }
.index_youshi ul li h4{font-size: 20px; color: #4d4d4d; line-height: 40px;}
.index_youshi ul li span{width:40px; height: 5px; background: #a1d034; display: block; border-radius: 5px; margin: 20px auto;}
.index_youshi ul li p{width:100%; height: auto; overflow: hidden; line-height: 26px; font-size: 14px; color: #777777;}
.index_youshi ul li i{width:80px; height: 80px; display: block; margin: 38px auto 10px}
.ys_1{background: url(/templates/zdl/images/ys_1.png) no-repeat center}
.ys_2{background: url(/templates/zdl/images/ys_2.png) no-repeat center}
.ys_3{background: url(/templates/zdl/images/ys_3.png) no-repeat center}
.ys_4{background: url(/templates/zdl/images/ys_4.png) no-repeat center}
.index_youshi ul li:hover h4,.index_youshi ul li:hover p{color:#fff}
.index_youshi ul li:hover span{background: #fff}
.index_youshi ul li:hover{background: #a1d034; border: 1px solid #a1d034; margin-top: -10px;}
.index_youshi ul li:hover .ys_1{background: url(/templates/zdl/images/ys_h1.png) no-repeat center}
.index_youshi ul li:hover .ys_2{background: url(/templates/zdl/images/ys_h2.png) no-repeat center}
.index_youshi ul li:hover .ys_3{background: url(/templates/zdl/images/ys_h3.png) no-repeat center}
.index_youshi ul li:hover .ys_4{background: url(/templates/zdl/images/ys_h4.png) no-repeat center}



/*加盟服务*/
.index_join{width:100%; height:780px; background: url(/templates/zdl/images/join_bjs.jpg) no-repeat center; padding-top: 80px;  background-attachment: fixed;     background-size: cover;}
.index_join_p{width:50%; height: 237px; float: left; overflow: hidden}
.index_join_p img{width:100%; height: 100%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_join_l{width:25%; height:237px; background: rgba(255,255,255,0.9); padding: 30px 27px 0; float: left}
.index_join_l h3,.index_join_r h3{font-size: 20px; color: #4d4d4d; font-weight: bold;}
.index_join_l span,.index_join_r span{width:34px; height: 1px; background: #bdbcbc; display: block; margin: 15px 0}
.index_join_l p,.index_join_r p{width:100%; height: auto; line-height: 28px; font-size: 14px; color: #777777}
.index_join_r{width:25%; height:237px; background: rgba(247,247,247,0.8); padding: 30px 27px 0; float: left}
.index_join_p:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_join .index_product_title{margin-bottom: 36px;}


/*pc新闻*/
.index_news{ overflow: hidden; padding-top: 60px;width:100%;  background: #f7f7f7; padding-bottom: 80px;}
.index_news ul{width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.index_news ul li{width:100%; height: 130px;; margin-bottom: 2px; background: #fff; padding: 12px 7% 12px 8%}
.index_news ul li .in_npic{width:150px; height: 100%; float: left; opacity: 0}
.index_news ul li .in_npic img{width:100%; height: 100%; display: block}
.in_news_t{width:13%; float: left; text-align: right; margin-top:12px; margin-left:2%;}
.in_news_t p{font-size:36px; color: #4d4d4d; display: block}
.in_news_t span{font-size: 18px; color: #4d4d4d}
.in_news_x{width:56%;  height: 100%; float: left; margin-left: 48px; margin-top:12px;}
.in_news_x h3{width:100%; height: 30px; line-height: 30px; font-size: 18px; color: #4d4d4d; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_news_x p{width:100%; height: 50px; line-height: 25px; font-size: 14px; color: #777777;   word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;}
.n_jian{width:18px; height: 32px; float: right; margin-top: 32px; opacity: 0}
.index_news ul li:hover{background: url(/templates/zdl/images/p_bjs.jpg) repeat}
.index_news ul li:hover p,.index_news ul li:hover span,.index_news ul li:hover h3{color:#fff;}
.index_news ul li:hover .in_npic,.index_news ul li:hover .n_jian{opacity: 1}
.index_news ul li:hover .in_news_t{ margin-left: 0;}



/*联系*/
.inex_contact{width:100%; height: auto; overflow: hidden; padding: 70px 0}
.inex_contact ul{width:100%; height: auto; }
.inex_contact ul li{width:30%; height: 198px; background: #f7f7f7; border-bottom: 4px solid #b63733; text-align: center; margin-right:5%; float: left; padding-top: 32px; transition: .6s;}
.inex_contact ul li:last-child{margin-right: 0}
.inex_contact ul li span{font-size: 14px; color: #777777;}
.inex_contact ul li hr{width:36px; height: 1px; background: #d6d6d6; border-top: 1px solid #d6d6d6;  display: block; margin: 10px auto}
.inex_contact ul li p{width:100%; height: auto; font-size: 16px; color: #4d4d4d; margin-top: 15px;}
.inex_contact ul li em{width:100%; height: 50px; display: block}
.c_1{background: url(/templates/zdl/images/c_1.png) no-repeat center}
.c_2{background: url(/templates/zdl/images/c_2.png) no-repeat center}
.c_3{background: url(/templates/zdl/images/c_3.png) no-repeat center}
.inex_contact ul li:hover .c_1{background: url(/templates/zdl/images/c_h1.png) no-repeat center}
.inex_contact ul li:hover .c_2{background: url(/templates/zdl/images/c_h2.png) no-repeat center}
.inex_contact ul li:hover .c_3{background: url(/templates/zdl/images/c_h3.png) no-repeat center}
.inex_contact ul li:hover{margin-top: -20px;   transition: .6s;}



/*底部*/
.index_kuaijie{width:100%; height:73px; line-height:60px; background: url(/templates/zdl/images/kj_bjs.png) no-repeat center; overflow: hidden; position: relative}
.index_kuaijie a{float: left; width:auto; text-align: center; font-size: 14px; color: #ffffff; margin: 0px 10px;}
.index_kuaijie p{font-size: 14px; color: #ffffff; float: left; padding-right: 10px;}
.index_kuaijie a:hover{color:#404040}

.footer{width:100%; height: 228px; background: #404040; padding-top: 45px; margin-top: -13px;}
.f_logo{width:315px; height: 108px; float: left; margin-top: 10px;}
.f_logo img{width:100%}
.footer_top_right{width:260px; height:auto;  display: block; overflow: hidden; float: left; margin-left: 68px;}
.footer_img{width:120px; height: auto; overflow: hidden; float: left}
.footer_img div{width:120px; height: 120px; background: url(/templates/zdl/images/pic_bj.png) no-repeat center; padding: 15px;}
.footer_img div img{width:100%; height:100%;}
.footer_img p{width:100%; height:35px; line-height:35px; font-size:14px;  color: #ffffff; }
.ft_1{background: url(/templates/zdl/images/f_sj.png) no-repeat 10px center; padding-left: 30px;}
.ft_2{background: url(/templates/zdl/images/f_wx.png) no-repeat 10px center; padding-left: 35px;}
.img_right{float: right!important}
.footer_nav{width:475px; height: 100px; float: right; padding-left: 50px; background: url(/templates/zdl/images/fxs.jpg) no-repeat left center; margin-top: 13px; padding-top: 8px;}
.footer_nav ul{width:100%; height: auto; overflow: hidden}
.footer_nav ul li{width:60px; height: 100px; float: left}
.footer_nav ul li span{width:10px; height: 10px; background: #fff; display: block; border-radius: 50%; float: left; margin-right: 10px; margin-top: 20px;}
.footer_nav ul li p{font-size: 14px; color: #fff; float: left; writing-mode:tb-rl; letter-spacing:2px}
.footer_ban{width:100%; height:52px; line-height:52px; background: #333333}
.footer_zhichi{width:auto; height:100%;  float: right}
.footer_zhichi p{ width: auto; float: left; margin-left: 20px;  font-size: 14px; color:#fff;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(/templates/zdl/images/vl.png) no-repeat; margin-top:15px; margin-right: 10px;}
.footer_zhichi .js{width:121px;height: 18px; background: url(/templates/zdl/images/wl.png) no-repeat; margin-top:15px; }
.footer_zhichi .pt:hover{background: url(/templates/zdl/images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(/templates/zdl/images/ws_hover.png) no-repeat} 
.footer_zhichi span{float: left; font-size: 12px; color: #fff;}
.footer_zhichi i{ float: left;}
.f_brq{width:auto;height:100%; font-size: 12px; color:#fff; float: left}
.f_brq a{margin-left: 15px; color: #fff; }
.f_brq a:hover{color:#b63733!important}
.f_gan{width:300px;margin:0 auto; padding:10px 0; float: left; margin-left: 10px;}
.f_gan a{height:20px;line-height:20px; color:#fff; font-size: 12px; width: 100%;}


/*内页banner*/
.ny_banner{width:100%; height: auto; overflow: hidden}
.ny_banner img{width:100%; height: auto}

/*内页标题*/
.ny_title{width:100%; height: 82px; line-height: 82px; }
.ny_title h3{ font-size: 24px; color: #b63733; font-weight: bold; float: left;}
.ny_title_left{float: left; font-size:14px; color: #4d4d4d; margin-left: 10px;}
.ny_title_left span{color: #4d4d4d;}
.ny_title ul{width:auto; height: 100%; float: right}
.ny_title ul li{ width: auto; height: 100%; float: left;  padding: 0px 10px;}
.ny_title ul li a{font-size: 16px; color: #4d4d4d;}
.ny_title ul li:hover{border-bottom: 1px solid #b63733}
.ny_title ul li.active{border-bottom: 1px solid #b63733}


/*内页产品*/
.ny_product{width:100%; height: auto; overflow: hidden; padding: 80px 0; background: #f7f7f7;}
.ny_product ul{width:100%; height: auto; overflow: hidden}
.ny_product ul li{width:18%; height: 260px; float: left; margin-right:2.5%; margin-bottom:30px; background: #fff}
.ny_product ul li:nth-child(5n){margin-right: 0;}
.ny_product ul li:hover{background: url(/templates/zdl/images/p_bjs.jpg) repeat;}
.ny_product ul li:hover p,.ny_product ul li:hover h3{color:#fff}
.pro_xx{display: none;}
.ny_pro_tan{width:100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; top:0; left:0; display: none; z-index:99}
.ny_pro_tan_xx{width:960px; height: 440px; position:fixed; top:50%; left:50%; margin-top:-220px; margin-left: -480px; background: #f7f7f7; padding: 30px; }
.close{width:30px; height: 30px; position: absolute; top:30px; right:30px;}
.ny_pro_pic{width:480px; height: 100%; background: #fff; display: flex; align-items: center; float: left}
.ny_pro_pic img{align-items: center; margin: 0px auto;  width: auto;}
.ny_pro_xx{width:310px; height:100%; float: left; margin-left: 40px; padding-top: 80px; }
.ny_pro_xx h3{font-size: 20px; color: #4d4d4d; line-height: 28px; margin-bottom:20px;}
.ny_pro_zi{width:100%; height: 230px; overflow:hidden; font-size: 14px; color: #4d4d4d; line-height: 28px;}






/*内页底下*/
.f-ct{width:1200px;margin:0 auto; font-size:14px; color:#666;  line-height:24px; margin-top:30px;}
.f-cl:after{display:block;content:".";height:0;visibility:hidden;overflow:hidden;clear:both}
.m-crm{margin-left:15px;color:#999;font-size:12px;font-weight:400}
.m-crm a{margin:0 3px;color:#999;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.m-crm a:hover{color:#333;text-decoration:underline}
.p-tit ul{float:right}
.p-ct{line-height:26px;padding:50px 0 60px;color:#666;font-size:14px; overflow:hidden; width: 100%;}
.p_case{padding:50px 0 60px;color:#666;font-size:14px;}
.p-ct .index_wen_1{width:100%;margin-top: 20px}
.p-ct .tit{margin-bottom:25px;text-align:center}
.p-ct .tit h2{color:#333;font-size:30px}
.p-ct .tit p{line-height:26px;margin-top:20px;color:#999;font-size:16px}
.p-bd img{max-width:100%;}


/*新闻*/
.new-list{margin-top:-10px; margin-bottom: 15px;}
.new-list li{height:200px;padding:18px 20px;border-top:1px solid #fff;border-bottom:1px solid #ebebeb}
.new-list li:hover{background:#f2f2f2;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.new-list li:hover h3{color:#6ba833}
.new-list li:hover .more{color:#6ba833;border:1px solid #6ba833}
.new-list .f-imgfd-img{width:272px;height:100%;margin-right:30px;overflow:hidden; float:left;}
.new-list .f-imgfd-img img{width:100%; height: 100%;}
.new-list li .f-imgfd-li{width:auto;height:100%; margin-left:302px}
.new-list h3{margin-bottom:15px;color:#333;font-size:24px}
.new-list .time{color:#999;}
.new-list .more{display:block;width:140px;height:34px;line-height:34px;color:#999;text-align:center;border:1px solid #999; display: block; margin-top: 8px;}
.f-xx{width:100%; height: 46px; overflow: hidden; margin-bottom:6px; color:#666}



/*联系我们*/
.m-cot{ height: auto; overflow: hidden; margin-top: 30px;}
.m-cot h3{font-size:24px}
.m-cot h3 i{display:block;width:120px;height:3px;margin:25px 0 10px;background:#666}
.m-cot ul{float:left;width:700px}
.m-cot ul li{float:left;margin-right:50px}
.m-cot ul li div{line-height:30px}
.m-cot .ewm{float:right;margin-top:20px; margin-left: 15px;}
.m-cot .ewm img{width:110px;height:110px;border:1px solid #ddd; padding:5px;}
.m-cot .ewm p{text-align:center}
.iw_poi_title{color:#C52;font-size:14px;font-weight:700;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.keyword_light{margin-bottom:30px}
#newsfoot tr>td:first-child{padding-left:10px;font-size:14px;color:#555}
#newsfoot tr>td:first-child>a{color:#000}
#newsfoot tr>td:last-child{position:relative;top:4px;left:0px}
.proname{padding:20px 0 5px 0}


/*视频弹出css*/
.dlg-video { display: none;position: fixed; top: 0; left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);  z-index: 99;}
.video-show{display:none;position:fixed;top:50%;left:50%;width:580px;height:430px;margin-top:-215px;margin-left:-290px;z-index:999}
.video-show p{height:30px;line-height:30px;padding-left:10px;color:#fff;font-size:14px;background:#333}
.video-show p a{float:right;width:30px;height:30px;background:no-repeat url(/templates/zdl/images/close.png) 5px 5px}


/*体系搜搜*/
.ny_serach{margin-top:20px; overflow:hidden; width:100%; height:auto;}
.distpicker{width:330px; height:auto; float:left;}
.distpicker .form-group{width:150px; height:35px; border:1px solid #ddd; border-radius:10px; float:left; margin-right:10px;}
.form-group select{width:100%;  height:100%; border:0px;  border-radius:10px;}
.form-shai{width:400px; float:left;}
.form-shai input[type="text"]{ width:246px;  height:35px; border:1px solid #ddd; border-radius:5px; padding-left:10px; float:left;}
.form-shai input[type="submit"]{width: 54px; height: 34px; background-color: #083A4F; color: #fff; line-height: 34px;
    display: block; text-align: center; border-radius: 5px; border:0px; margin-left:10px; float:left;}

	
/*门店*/
.img-list li{float:left;margin:0 1.3% 20px 0; width:24%;}
.img-list li:nth-child(4n){margin-right:0px;}
.img-list li a{display:block;width:100%;height:100%;overflow:hidden}
.img-list li a div{width:100%;overflow: hidden;}
.img-list li a img{width:100%;transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.img-list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.img-list li p{height:30px;line-height:30px;text-align:center;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s; color:#666; height:35px; line-height:35px;}
.img-list li:hover p{color:#231815}
.img-lists li{float:left;height: 230px;margin:0 20px 20px 0;}
.img-lists li a{display:block;width:280px;height:100%;overflow:hidden}
.img-lists li a div{width:100%;height: 200px;overflow: hidden;}
.img-lists li a img{width:100%;height:100%;    transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.img-lists li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.img-lists li p{height:30px;line-height:30px;text-align:center;color:#666}
.img-list li:hover p{color:#231815}






@media screen and (max-width:1600px){
	.w1200{width:1200px;}
	
}

@media screen and (max-width:1440px){
	.header_phone{bottom:20px;}
	.nav_logo img{width:120px}
	.x_slide_bar .inav{padding: 128px 0 0}
	.x_slide_bar .inav li a.nav{line-height: 45px}
	.nav_logo{top:1%}
	.header_lx{margin: 2vh auto}
	.w1200{width:94%}
	.f_logo{width:280px; height: auto}
	.footer_top_right{margin-left: 50px;}
	.slick-next{right:-30px;}
	.slick-prev{left:-30px;}
	.weixin div img, .shouji div img{width:82px; height: 82px;}
}

@media screen and (max-width:1400px){
	.footer_top_right{margin-left:30px;}
	
}


@media screen and (max-width:1366px){
	.index_news ul li{padding: 12px 40px 12px 40px}
	.f_logo{width:245px; margin-top: 20px;}
	.footer_nav{height:84px; margin-top: 20px; width:448px; padding-left:28px;}
	.footer_top_right{margin-left: 33px;}
	.f_brq{font-size: 12px;}
}

@media screen and (max-width:1280px){
	.footer_nav{padding-left:20px; width:407px;}
	.footer_top_right{margin-left:20px}
	.footer_nav ul li{width:50px;}
	
}


@media screen and (max-height:580px){
	.header_dh{display:none;}
}




  /* i i s 7 . c o m */