@charset "utf-8";
/* CSS Document 
 * ver：2.0
 * By：liuyang.
 * ICQ：1845676808
 * Date：2019/10/8
*/

/**common**/
html,body { min-width:1200px; background-color:#f8f8f8;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {padding:0; margin:0; font:14px Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;}
table,td,tr,th{font-size:14px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clear{*zoom:1;}
.clear:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
input[type="text"] {
 -webkit-appearance: none;
}
textarea{
 -webkit-appearance: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #bbb; font-size: 14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #bbb; font-size: 14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #bbb; font-size: 14px;
}  


/**ly_top**/
.ly_top { width:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff;}
.logo_tel { width:1200px; height:100px; overflow:hidden; margin:0 auto; padding:0;}
.logo_tel .ly_logo { width:350px; height:100px; overflow:hidden; margin:0; padding:0; float:left;}
.ly_logo a img { display:block; width:350px; height:100px; margin:0; padding:0;}

.logo_tel .ly_tel { float:right; width:240px; height:60px; margin:20px 0;}
.ly_tel img { display:block; width:60px; height:60px; float:left;}
.ly_tel span { display:inline-block; color:#aaa; font-size:14px; margin:4px 0 2px;}
.ly_tel p { color:#ffa800; font-size:28px; font-weight:bold; font-style:italic;}

.ly_search { width:220px; height:32px; overflow:hidden; margin:4px 0; padding:0; float:right;}
.sc_ipt { width:176px; height:32px; overflow:hidden; margin:0; padding:0; border-radius:2px 0 0 2px; float:left; box-sizing:border-box;}
.sc_ipt input { display:block; width:100%; height:32px; overflow:hidden; line-height:24px; color:#2b2b2b; font-size:14px; margin:0; padding:4px 10px; box-sizing:border-box; outline:none; border:none;}
.sc_btn { width:44px; height:32px; overflow:hidden; margin:0; padding:0; background-color:#ffa800; border-radius:0 2px 2px 0;}
.sc_btn input { display:block; width:44px; height:32px; overflow:hidden; margin:0; padding:0; background:url(/Areas/WebSiteOne/Contents/Shopcss/../images/sc_icon.png) center center no-repeat; outline:none; border:none;}

/**nav**/
.ly_nav { width:100%; height:40px; margin:0 auto; padding:0; background-color:#ba1313;}
.ly_nav .nav_mid { width:1200px; height:40px; margin:0 auto; padding:0;}
.nav_mid ul li { float:left; position:relative;}
.nav_mid ul li a { display:inline-block; height:40px; line-height:40px; color:#fff; font-size:14px; margin:0; padding:0 38px;}
.nav_mid ul li a:hover, .nav_mid ul li a.nav_on { background-color:rgba(0, 0, 0, 0.2); font-weight:bold;}

.navigation ul { position:absolute; left:0; display:none; margin:0; padding:0; list-style:none; z-index: 999; background-color: #ba1313; width:100%;}
.navigation ul li { width:100%; float:left; border-top:none; padding:0!important;}
.navigation ul a { display:block; width:100%; height:40px; line-height: 40px; padding:0!important; color:#fff; font-size: 13px!important; text-align:center; text-decoration:none; border-top:none;}
.navigation ul a:hover { background-color: #4496df;}

.ly_menu { width:100%; height:40px; overflow:hidden; margin:0 auto; padding:0; background-color:#f8f8f8;}
.ly_menu .menu_mid { width:1200px; height:40px; margin:0 auto; padding:0;}
.menu_mid ul li { float:left;}
.menu_mid ul li a { display:inline-block; height:40px; line-height:40px; color:#787878; font-size:12px; margin:0; padding:0 12px;}
.menu_mid ul li a:hover { color:#ba1313; font-weight:bold;}

/**banner**/
.ly_banner { width:1200px; height:360px; overflow:hidden; margin:0 auto; padding:0; background-color:#f8f8f8;}
.swiper-container { width:100%; height:100%;}
.ly_banner .swiper-container .swiper-slide {}
.swiper-pagination-bullet { width:12px; height:12px; opacity:0.5;}
.swiper-pagination-bullet-active { background-color:#fff; opacity:1;}

/**产品展示**/
.ly_title { width:1200px; height:62px; overflow:hidden; line-height:62px; color:#202020; font-size:24px; margin:0 auto; padding:0;}
.ly_prolist { width:1200px; min-height:240px; overflow:hidden; margin:0 auto 20px; padding:0; border-top:1px solid #eee; border-left:1px solid #eee; background-color:#fff; box-sizing:border-box;}
.ly_prolist ul li { width:25%; height:240px; overflow:hidden; margin:0; padding:20px; border-right:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; float:left;}
.ly_prolist ul li .proimg { display:block; width:220px; height:160px; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.ly_prolist ul li .proimg img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.ly_prolist ul li .proname { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#202020; font-size:14px; text-align:center; margin:20px auto 0; padding:0; white-space: nowrap; text-overflow: ellipsis;}
.ly_prolist ul li:hover .proname { color:#ba1313;}

/**底部**/
.ly_foot { width:100%; overflow:hidden; margin:0 auto; padding:40px 0; background-color:#333;}
.ly_foot .ft_main { width:1200px; overflow:hidden; margin:0 auto; padding:0;}
.ft_main .ftl { width:840px; overflow:hidden; margin:0; padding:0 20px;}
.ftl a.ftlogo { display:block; width:350px; height:50px; overflow:hidden; margin:0 0 30px; padding:0;}
.ftl ul { width:840px; overflow:hidden; margin:0; padding:0;}
.ftl ul li { width:50%; overflow:hidden; line-height:24px; color:#787878; font-size:14px; margin:0 0 8px; padding:0 20px 0 26px; position:relative; box-sizing:border-box; float:left;}
.ftl ul li img { display:block; width:20px; height:20px; position:absolute; left:0; top:2px;}

.ft_main .ftr { width:320px; overflow:hidden; margin:0; padding:0;}
.ftr ul li { width:120px; overflow:hidden; margin:0; padding:0 20px; float:left;}
.ftr ul li img { display:block; width:120px; height:120px; overflow:hidden; margin:0 auto 12px; padding:0;}
.ftr ul li p { width:100%; overflow:hidden; margin:0 auto; padding:0; color:#787878; font-size:14px; text-align:center;}

/**nytitle**/
.ny_title { width:100%; overflow:hidden; margin:0 auto 20px; padding:20px 0; border-bottom:1px solid #e0e0e0;}
.ny_title .nytit_mid { width:1200px; height:30px; overflow:hidden; margin:0 auto; padding:0;}
.nytit_mid p { height:30px; overflow:hidden; line-height:30px; color:#2b2b2b; font-size:24px; margin:0; padding:0 0 0 20px; position:relative; box-sizing:border-box; float:left;}
.nytit_mid p img { display:block; width:8px; height:20px; position:absolute; left:0; top:5px;}
.nytit_mid p span { display:inline-block; color:#aaa; font-size:14px; font-weight:normal; margin:0 0 0 12px;}

.nytit_mid .nypos { height:30px; overflow:hidden; line-height:30px; color:#2b2b2b; font-size:14px; float:right;}
.nypos img { display:block; width:20px; height:20px; overflow:hidden; margin:5px 0; padding:0; float:left;}
.nypos a { color:#787878;}
.nypos a:hover { color:#ba1313;}
.nypos span { color:#aaa;}

.ab_con { width:1200px; overflow:hidden; margin:40px auto; padding:0;}
.ab_con p { width:1200px; overflow:hidden; line-height:24px; color:#787878; font-size:14px; text-align:justify; text-indent:2em; margin:0 auto; padding:0;}
.ab_con img { display:block; max-width:100%; margin:20px auto; padding:0;}


/**news**/
.ny_news { width:1200px; overflow:hidden; margin:20px auto; padding:0;}
.ny_news ul li { width:100%; height:80px; overflow:hidden; margin:0 auto 20px; padding:20px 0; border-bottom:1px dashed #e0e0e0; float:left;}

.ny_news ul li .nw_time { width:80px; height:80px; overflow:hidden; margin:0; padding:6px 0; background-color:#f8f8f8; color:#ba1313; box-sizing:border-box;}
.nw_time span { display:block; width:100%; overflow:hidden; margin:0 auto; padding:0; font-size:44px; text-align:center;}
.nw_time em { display:block; width:100%; overflow:hidden; margin:0 auto; padding:0; font-size:12px; font-style:normal; text-align:center;}
.ny_news ul li:hover .nw_time { background-color:#ba1313; color:#fff;}
.ny_news ul li .nw_text { width:1100px; height:80px; overflow:hidden; margin:0; padding:0;}
.ny_news ul li .nw_text a { display:block; width:100%; height:22px; overflow:hidden; line-height:22px; color:#2b2b2b; font-size:16px; white-space: nowrap; text-overflow: ellipsis; margin:0 auto 10px; padding:0;}
.ny_news ul li .nw_text p { width:100%; height:48px; overflow:hidden; line-height:24px; margin:0 auto; padding:0; color:#787878; font-size:14px; text-indent:2em;}
.ny_news ul li:hover .nw_text a { color:#ba1313;}

.ly_page { width:1200px; height:40px; overflow:hidden; margin:0 auto 40px; padding:0; text-align:center;}
.ly_page a { display:inline-block; width:38px; height:38px; overflow:hidden; line-height:38px; color:#a9a9a9; font-size:14px; text-align:center; border:1px solid #e0e0e0; margin:0 4px; padding:0;}
.ly_page a:hover { color:#fff; font-weight:bold; background-color:#ba1313; border:1px solid #ba1313;}
.ly_page a.pg_prev { background:url(/Areas/WebSiteOne/Contents/Shopcss/../images/prev1.png) center center no-repeat;}
.ly_page a.pg_next { background:url(/Areas/WebSiteOne/Contents/Shopcss/../images/next1.png) center center no-repeat;}
.ly_page a.pg_prev:hover { background:#ba1313 url(../images/prev2.png) center center no-repeat;}
.ly_page a.pg_next:hover { background:#ba1313 url(../images/next2.png) center center no-repeat;}

/**contact**/
.ly_contact { width:1200px; overflow:hidden; margin:20px auto 0; padding:0;}
.ly_contact .fzr { width:100%; overflow:hidden; margin:0 auto 20px; padding:0;}
.contact_list { width:100%; overflow:hidden; margin:0 auto; padding:0; box-sizing:border-box;}
.contact_list ul li { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.contact_list ul li dl { display:block; width:100%; overflow:hidden; margin:0 auto; padding:24px 0; background-color:#fff;}
.contact_list ul li dl dd { display:block; width:50%; overflow:hidden; line-height:30px; color:#787878; font-size:14px; margin:0; padding:0 20px; float:left; box-sizing:border-box;}
.contact_list p { width:100%; overflow:hidden; line-height:28px; color:#666; font-size:14px; margin:0 auto; padding:0;}
.contact_list p a { color:#666;}

.ly_msg { width:100%; overflow:hidden; margin:0 auto; padding:24px; background-color:#fff; box-sizing:border-box;}
.ly_msg ul li { width:50%; overflow:hidden; margin:0 0 24px; padding:0 12px; float:left; box-sizing:border-box;}
.ly_msg ul li p { width:100%; overflow:hidden; color:#2b2b2b; font-size:14px; font-weight:bold; margin:0 0 10px; padding:0;}
.ly_msg ul li .msg_ipt { width:100%; height:40px; overflow:hidden; margin:0; padding:0; background-color:#f8f8f8;}
.msg_ipt input { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#787878; font-size:14px; margin:0; padding:0 12px; background-color:#f8f8f8; border:none; outline:none; box-sizing:border-box;}
.msg_ipt select { width:100%; height:40px; overflow:hidden; line-height:40px; color:#787878; font-size:14px; margin:0; padding:0 12px; background-color:#f8f8f8; border:none; outline:none; box-sizing:border-box;}
.ly_msg ul li .msg_area { width:100%; height:160px; overflow:hidden; margin:0; padding:6px 12px; background-color:#f8f8f8; box-sizing:border-box;}
.msg_area textarea { display:block; width:100%; overflow:hidden; line-height:28px; color:#787878; font-size:14px; background-color:#f8f8f8; border:none; outline:none; resize:none;}
.ly_msg ul li .msg_btn { width:100%; height:48px; overflow:hidden; margin:141px 0 0; padding:0;}
.msg_btn input { display:block; width:100%; overflow:hidden; color:#fff; font-size:16px; font-weight:bold; text-align:center; background-color:#fead00; border-radius:2px; border:none; outline:none;}
.msg_btn input { height:48px; line-height:48px;}

/**newdetail**/
.newdetail { width:1200px; overflow:hidden; margin:40px auto; padding:0;}
.detail_title { width:100%; overflow:hidden; line-height:32px; color:#2b2b2b; font-size:24px; font-weight:bold; text-align:center; margin:0 auto; padding:0;}
.detail_time { width:100%; overflow:hidden; color:#a9a9a9; font-size:14px; text-align:center; margin:20px auto; padding:0;}
.detail_con { width:100%; overflow:hidden; margin:0 auto; padding:20px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.detail_con p { width:100%; overflow:hidden; line-height:24px; color:#787878; font-size:14px; text-indent:2em; text-align:justify; margin:20px auto; padding:0;}
.detail_con img { display:block; max-width:100%; height:auto; margin:20px auto; padding:0;}

.prev_next { width:100%; max-width:1200px; height:40px; overflow:hidden; margin:40px auto; padding:0;}
.prev_next ul li { width:50%; height:40px; overflow:hidden; margin:0; padding:0; float:left;}
.prev_next ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#2b2b2b; font-size:14px; white-space:nowrap; text-overflow:ellipsis; text-align:center; margin:0; padding:0; background-color:#fff; box-sizing:border-box;}
.prev_next ul li:nth-child(2) a { border-left:1px solid #f8f8f8;}
.prev_next ul li a:hover { color:#fff; background-color:#ba1313;}

/**ly_products**/
.ly_products { width:1200px; overflow:hidden; margin:40px auto; padding:0;}

.ly_title3 { width:100%; height:40px; overflow:hidden; margin:0 auto 20px; padding:0; background-color:#f8f8f8;}
.ly_title3 p { width:120px; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; text-align:center; background-color:#ba1313; margin:0; padding:0; float:left;}
.ly_title3 a { display:inline-block; height:40px; line-height:40px; color:#aaa; font-size:14px; padding:0 20px; float:right;}
.ly_title3 a:hover { color:#ba1313;}

.ly_productshow { width:1200px; overflow:hidden; margin:0 auto; padding:0;}
.ly_productshow .proshow { width:1200px; overflow:hidden; margin:40px auto; padding:0;}
.proshow .proshowimg { width:628px; height:340px; overflow:hidden; margin:0; padding:0;}
#zSlider{margin:0px auto; width:628px; overflow:hidden;}
#picshow{position:relative;}
#picshow,#picshow_img{width:476px; height:340px; overflow:hidden; float:left;}
#picshow_img li {width:476px; height:340px; overflow:hidden; float:left; display:none; position:relative; background-color:#f8f8f8;}
#picshow_img li img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}

#select_btn { width:142px; height:340px; float:right; display:inline;}
#select_btn li { padding:4px; width:142px; height:108px; border:1px solid #e0e0e0; cursor:pointer; margin-bottom:8px; box-sizing:border-box;}
#select_btn li:hover, #select_btn li.current, #select_btn li.current:hover { border:1px solid #ba1313;}
#select_btn li p { width:100%; height:100%; background-color:#f8f8f8; margin:0; padding:0; position:relative;}
#select_btn li p img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}


.proshow .proshowtext { width:532px; height:340px; overflow:hidden; margin:0; padding:0;}
.proshowtext .proshowname { width:100%; overflow:hidden; margin:0 auto; padding:0; color:#2b2b2b; font-size:24px; font-weight:bold; text-align:justify;}
.proshowtext span { display:block; width:100%; overflow:hidden; margin:20px auto 28px; padding:0; color:#a9a9a9; font-size:14px; text-align:justify;}
.proshowtext p { width:100%; overflow:hidden; line-height:24px; color:#787878; font-size:14px; text-align:justify; margin:28px auto; padding:0;}
.proshowtext p b { display:block; width:100%; overflow:hidden; color:#2b2b2b; font-size:14px; font-weight:bold;}
.proshowtext p font { color:#2b2b2b; font-weight:bold;}
.proshowtext p.proshow_conatct { color:#ba1313; font-weight:bold;}
.proshowtext p.proshow_conatct em { font-size:24px; font-weight:bold; font-style:normal;}

.ly_productshow { width:1200px; overflow:hidden; margin:0 auto; padding:0;}
.ly_productshow .productshow_con { width:100%; overflow:hidden; margin:40px auto; padding:0;}
.productshow_con .productshow_con_tit { height:40px; line-height:40px; color:#2b2b2b; font-size:16px; font-weight:bold; border-bottom:2px solid #ba1313; margin:0; padding:0; float:left;}
.productshow_con .productshow_con_text { width:100%; overflow:hidden; margin:0 auto; padding:29px 19px; border:1px solid #e0e0e0; box-sizing:border-box;}
.productshow_con_text p { width:100%; overflow:hidden; line-height:28px; color:#787878; font-size:14px; text-indent:2em; text-align:justify; margin:0 auto; padding:0;}

.rmpro_tit { height:40px; line-height:40px; color:#2b2b2b; font-size:16px; font-weight:bold; border-bottom:2px solid #ba1313; margin:0 0 20px; padding:0; box-sizing:border-box; float:left;}

.aui-content-box { width:1200px; height:250px; margin:0 auto; padding:0; position:relative;}
.prev, .next { width:40px; height:40px; overflow:hidden; position:absolute; top:105px; z-index:99;}
.prev { left:0;}
.next { right:0;}
.prev a, .next a { display:block; width:40px; height:40px; overflow:hidden; margin:0; padding:0; background-color:rgba(0, 0, 0, 0.5);}
.prev a:hover, .next a:hover { background-color:#ba1313;}
.prev a img, .next a img { display:block; width:40px; height:40px; margin:0 auto; padding:0;}
.aui-content-box-ovf { width:1200px; height:250px; overflow:hidden; margin:0; padding:0; position:relative;}
.aui-content-box-list { width:12000px; height:250px; margin:0; padding:0; position:absolute; left:0; top:0;}
.aui-content-box-list ul li { width:265px; height:239px; overflow:hidden; margin:0 20px 0 0; padding:9px 9px 0 9px; background-color:#fff; border:1px solid #eee; float:left;}
.aui-content-box-list ul li a.pro_img { display:block; width:265px; height:190px; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.aui-content-box-list ul li a.pro_img img { display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.aui-content-box-list ul li a.pro_name { display:block; width:100%; height:48px; overflow:hidden; line-height:48px; color:#2b2b2b; font-size:14px; text-align:center; margin:0 auto; padding:0;}
.aui-content-box-list ul li:hover { border:1px solid #ba1313;}
.aui-content-box-list ul li:hover a.pro_name { color:#ba1313;}


/**nytab**/
.nytab { width:1200px; overflow:hidden; margin:20px auto; padding:0;}
.nytab ul li { float:left; margin:0 10px 0 0;}
.nytab ul li:last-child { margin:0;}
.nytab ul li a { display:inline-block; height:40px; overflow:hidden; line-height:40px; color:#2b2b2b; font-size:16px; margin:0; padding:0 20px; background-color:#f8f8f8;}
.nytab ul li a:hover, .nytab ul li a.nytab_on { color:#fff; background-color:#ba1313;}
.nytab p { width:100%; overflow:hidden; margin:0 auto; padding:20px 0 0;}
.nytab p a { display:inline-block; color:#787878; font-size:12px; margin:0; padding:0 20px;}
.nytab p a:hover, .nytab p a.act { color:#ba1313;}



.sp_btn { width:1200px; height:180px; margin:20px auto; padding:0;}
.sp_btn ul li { width:285px; height:180px; overflow:hidden; margin:0 20px 0 0; padding:0; float:left; position:relative;}
.sp_btn ul li:nth-child(4) { margin:0;}
.sp_btn ul li a.btnimg { display:block; width:285px; height:180px; margin:0; padding:0;}
.sp_btn ul li a.btntext { display:block; width:100%; height:40px; line-height:40px; color:#fff; font-size:16px; text-align:center; margin:0; padding:0; background-color:rgba(0,0,0,0.6); position:absolute; bottom:0; left:0;}