@charset "utf-8";
/*初始化样式*/
body{ margin:0px; padding:0px; margin:0px auto; zoom:1;

/*设置字体*/
font-size:14px;
line-height:24px;
font-family:Arial,"微软雅黑","宋体";
color:#333;
overflow-x:hidden;
/*设置宽度*/
width:100%; 
min-width:1200px;
}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
.ul,.ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
input:focus { outline: none;}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/}

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} 
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}

img{ border:none; border:0; vertical-align:baseline;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#333;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}
/*初始化样式*/

/*页面框架结构*/
.WarpBox{width: 1220px;margin: 0 auto;position: relative;}
.Content{padding: 35px 0;min-height: 200px;margin: auto;}
.school .SinglePage{ width:670px; margin: 0 auto }
.SinglePage{ /*单片*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;margin:auto;}
.SinglePage img{max-width: 100%;}
.Current{ /*当前位置*/float: right;line-height: 44px;color: #585858;padding-left: 40px;background: url(../images/cur_bg_20.png) left center no-repeat;}
.Current a{color: #585858;}
.Current em{font-weight:bold;font-style: normal;}
.MuneCur{/*overflow: hidden;*/padding: 10px 0;border-bottom: 1px solid #e5e5e5;height: 44px}

/*SildeBar*/
.SildeBar{float: left;}
.MenuList .ul li{float: left;margin-right: 30px; position: relative; padding-bottom: 40px}
.MenuList .ul li a{display: block;padding: 10px 25px;overflow: hidden;background: #fff;font-size: 15px;}
.MenuList .ul li.onmenu a,
.MenuList .ul li:hover a{background: #6c216d;color: #fff;}
.MenuList .ul li:hover dl{ display: block; }
.MenuList .ul li dl{ display: none; position: absolute; top:44px; left:0px; z-index: 1}
/*SildeBar*/

/* 首页banner */
.HomeBan{overflow: hidden;position: relative;}
/*.HomeBan .bd li a{display: block;height: 550px;overflow: hidden;background-position: center;background-repeat: no-repeat;}*/
.HomeBan .bd ul{ margin: 0 auto;}
.HomeBan .hd{z-index: 99;position: absolute;width: 100%;text-align: center;bottom: 20px;}
.HomeBan .hd li{background: url(../images/tab_20.png) no-repeat;display: inline-block;width: 16px;height: 16px;display: inline-block;margin: 0 4px;cursor: pointer;}
.HomeBan .hd li:hover,
.HomeBan .hd li.on{background: url(../images/tab_on_20.png) no-repeat;}
.HomeBan img{width: 100%;}

/*内页Banner*/
.BanBox{height: 380px;background-position: top center;background-repeat: no-repeat;}
.BanBox2{height: 525px;position: relative;}

/*分页*/
.Pages{text-align: center;color: #333;font-size: 12px;}
.Pages a.a_first,
.Pages a.a_end{display: none;}

.Pages a{display: inline-block;color: #333;width:15px;margin: 0 5px;padding: 0 5px;height: 25px;line-height: 25px;background: url(../images/page_bg3_20.png) center no-repeat;}
.Pages b{font-weight: normal;}
.Pages em{font-style: normal;}
.Pages .i_button{position: relative;top:8px;left: 8px;width: 50px;height: 25px;background: url(../images/page_bg1_20.png) center no-repeat;}
.Pages .i_text{margin: 0 5px;color: #333;width: 15px;height: 25px;background: url(../images/page_bg2_20.png) center no-repeat;text-align: center;padding: 0 5px;}
.Pages .p_page{margin:0 10px;}

.Pages a.a_prev,
.Pages a.a_next{width: 40px;background: url(../images/page_bg4_20.png) center no-repeat;}

.Pages a.a_cur{color: #fff;background: url(../images/page_bg33_20.png) center no-repeat;}
.Pages a.a_prev:hover,
.Pages a.a_next:hover{color: #fff;background: url(../images/page_bg44_20.png) center no-repeat;}

/*分页*/

/*Top*/
.Top{}
.Top .Logo{float: left;width: 200px;height:60px;margin-top: 23.5px;}
.Top .Logo img{width: 100%;height: 100%;display: block;}
.Top .TopRight{float: right;text-align: right;margin-top: 15px;}
.Top .TopLink{float: right;margin-right: 30px;height: 30px;line-height: 30px;}
.Top .TopLink a{display: inline-block;padding-left: 19px;height: 24px;line-height: 24px;content: #666;}
.Top .TopLink a.LinkSC{background: url(../images/ico_sc_20.png) left center no-repeat;}
.Top .TopLink a.LinkGC{background: url(../images/ico_gc_20.png) left center no-repeat;}
.Top .TopLink a.LinkWB{background: url(../images/ico_wb_20.png) left center no-repeat;}
.Top .TopLink a.LinkWX{background: url(../images/ico_wx_20.png) left center no-repeat;position:relative;}
.Top .TopLink a.LinkWX picture{z-index: 2;display: none;background: #fff;padding: 10px;width: 120px;height: 120px;position: absolute;left: 50%;margin-left: -71px;top:30px;border: 1px solid #d8d8d8;}
.Top .TopLink a.LinkWX picture img{display: block;width: 100%;height: 100%;}
.Top .TopLink a.LinkWX:hover picture{display: block;}
.Top .TopLink em{display: inline-block;margin: 0 15px;}

.Top .SearchBox{margin-bottom: 15px;float: right;width: 189px;height: 30px;background: url(../images/search_bg_20.png) center no-repeat;}
.Top .SearchBox input{width: 127px;padding:0 5px 0 15px;height: 30px;line-height: 30px;float: left;}
.Top .SearchBox .btn{display: block;float: right;height: 30px;width: 42px;}

.MainNav{clear: both;position:relative;}
.MainNav:before{display: block;width: 30px;height: 47px;content: '';background: url(../images/nav_bg_20.png) center no-repeat;left: -30px;top: 0;position: absolute;}
.MainNav:after{display: block;width: 355px;height: 47px;content: '';background:#6c216d;right:-335px;top: 0;position: absolute;}
.MainNav ul li{float:left;}

.MainNav ul li#nav30{display: none;}

.MainNav ul li>a{display: block;width: 102px;height: 47px;line-height: 47px;color: #fff;font-size: 15px;background: #6c216d;text-align: center;}
.MainNav ul li:hover>a,
.MainNav ul li.onnav>a{color: #f8b61c;}
.MainNav ul li dl.SubNav{display: none;z-index: 1000;text-align: center;position: absolute;right: 0;top: 47px;padding: 35px 0 15px;width:1200px;background: url(../images/sub_bg_20.png) repeat;}
.MainNav ul li dl.SubNav:before{display: block;width: 360px;height: 100%;content: '';background: url(../images/sub_bg_20.png) repeat;left:-360px;top: 0;position: absolute;}
.MainNav ul li dl.SubNav:after{display: block;width: 360px;height: 100%;content: '';background: url(../images/sub_bg_20.png) repeat;right:-360px;top: 0;position: absolute;}
.MainNav ul li dl dd picture{display: block;width: 180px;height: 119px;overflow: hidden;}

#nav10 .SubNav dd{ float: left; margin:0px 10px 0px 0px !important;}
#nav10 .SubNav dd picture{width:162px !important;}
#nav10 .SubNav dd.last{margin-right:0px !important}

.MainNav ul li dl dd picture img{display: block;width: 100%;height: 100%;}
.MainNav ul li dl dd{display: inline-block;margin: 0 8px;}
.MainNav ul li dl dd span{display: block;line-height:50px;height: 50px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
/*Top*/

/*Bottom*/
.Bottom1{color: #8d8d8d;border-top: 2px solid #7a377b;padding: 35px 0;}
.Bottom1 a{color: #8d8d8d;}
.Bottom1 dl{float: left;width:91px; margin-right: 20px;}
.Bottom1 dl dt{color: #333;font-size: 15px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #7a377b;}
.Bottom1 dl dt a{color: #333;}
.Bottom1 dl.dl{}

.Bottom1 .BotNav{float: left;width: 1000px;}
.Bottom1 .TelBox{float: right;}
.Bottom1 .TelBox .div1{font-size: 22px;color: #333;line-height: 24px;margin-bottom: 5px;}
.Bottom1 .TelBox .div2{font-size: 28px;color: #7a377b;font-weight:bold;line-height: 30px;margin-bottom: 15px;}
.Bottom1 .TelBox .div3{background: #fff;padding: 10px;width: 120px;height: 120px;border: 1px solid #d8d8d8;}
.Bottom1 .TelBox .div3 img{display: block;width: 100%;height: 100%;}

.Bottom .Copyright{float: right;}
.Bottom .BottomLinks{float: left;}

.Bottom2{padding: 15px 0;background: #7a377b;color: #eee;font-size: 13px;}
.Bottom2 a{color: #eee;}
.Bottom2 .BottomLinks .LinkWX{position: relative;}
.Bottom2 .BottomLinks .LinkWX picture{z-index: 2;display: none;background: #fff;padding: 10px;width: 120px;height: 120px;position: absolute;left: 50%;margin-left: -71px;bottom:30px;border: 1px solid #d8d8d8;}
.Bottom2 .BottomLinks .LinkWX picture img{display: block;width: 100%;height: 100%;}
.Bottom2 .BottomLinks .LinkWX:hover picture{display: block;}

/*Bottom*/

/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

/*最新动态*/
.NewsList{overflow: hidden;}
.NewsList .ul li a{display: block;overflow: hidden;border: 1px solid #ededed;margin-bottom: 40px;}
.NewsList .ul li picture{display: block;width: 340px;height: 230px;overflow:hidden;float: left;}
.NewsList .ul li picture img{display: block;width: 100%;height: 100%;}
.NewsList .ul li .Txt{overflow: hidden; float: right;  width: 65%;padding-right: 45px;height: 230px;}
.NewsList .ul li .div1{font-size: 16px;color: #494949;margin:40px 0 20px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.NewsList .ul li a:hover .div1{ color:#7a377b; }
.NewsList .ul li .div2{color: #999;max-height: 72px;overflow: hidden;margin-bottom: 20px;}
.NewsList .ul li time{color: #494949;display: block;text-align: right;overflow: hidden;}

.NewsInfo{overflow: hidden; width: 850px; margin: 0 auto;}
.NewsInfo .NewsTitle{font-size: 18px;color: #494949;margin-bottom: 25px;line-height: 20px;text-align: center;}
.NewsInfo .NewsTime{color: #494949;text-align: right;}
.NewsInfo .NewsTime span{background: url(../images/hits_20.png) left center no-repeat;padding-left: 30px;display: inline-block;margin-right: 20px;}
.NewsInfo .NewsTxt{color: #000;padding: 30px 0;overflow: hidden;text-align:left;margin-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
.NewsInfo .PrevNextBox{text-align: center;position: relative;}
.NewsInfo .NewsBack a{display: inline-block;width: 113px;height: 25px;background: url(../images/back_bg_20.png) center no-repeat; background-size:100% 100%;}
.NewsInfo dl.prev{position: absolute;top: 0;left: 0;display:block;float: left;width:91px;height: 25px;}
.NewsInfo dl.next{position: absolute;top: 0;right: 0;display:block;float: right;width:91px;height: 25px;}
.NewsInfo dl{background: url(../images/none_bg_20.png) center no-repeat; background-size:100% 100%;}
.NewsInfo dl a{display: block;height: 100%;}
.NewsInfo dl.prev a{background: url(../images/prev_bg_20.png) center no-repeat; background-size:100% 100%;}
.NewsInfo dl.next a{background: url(../images/next_bg_20.png) center no-repeat; background-size:100% 100%;}

/*广告大片*/
.VideoList{overflow: hidden;}
.VideoList .ul{overflow: hidden;margin-bottom: 20px;}
.VideoList .ul li{width: 33.3333%;float: left;}
.VideoList .ul li picture{cursor: pointer;display: block;width: 360px;height: 270px;overflow: hidden;position: relative;margin: 0 auto;}
.VideoList .ul li picture img{display: block;width: 100%;height: 100%;}
.VideoList .ul li span{display: block;width: 360px;margin: 0 auto;height: 40px;text-align: center;line-height:40px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}

/*反馈*/
.form_err{color:red;position: relative;top: 3px;margin-right: 5px;}
.form_table2{max-width: 600px;margin: 40px auto 30px;}
.form_table2 .text{height: 40px;line-height: 40px;border: 1px solid #7a377b;width:420px;padding: 0 10px;}
.form_table2 .textarea{padding: 10px;line-height: 20px;height: 160px;}
.form_table2 .Tt{vertical-align: top;line-height: 40px;}
.form_table2 td{padding-bottom: 20px;}
.form_table2 .btn{width: 148px;color: #fff;height: 39px;line-height: 39px;text-align: center;background: url(../images/btn_bg_20.jpg) center no-repeat;margin-right: 10px;cursor: pointer;}

/*招聘*/
.JobSearch{width: 896px;height: 54px;background: url(../images/search_bg2_20.png) center no-repeat;margin:0 auto 35px;}
.JobSearch input{width: 766px;height: 54px;line-height: 54px;float: left;padding:0 20px;}
.JobSearch .btn{width: 90px;height: 54px;display: block;float: right;}
.JobList{overflow:hidden;}
.JobList .TopTt{height: 45px;line-height: 45px;background: #7a377b;color: #fff;}
.JobList .TopTt .span{display: block;width: 20%;float: left;text-align: center;}
.JobList .ul{overflow: hidden;margin-bottom: 35px;}
.JobList .ul li{border-left: 1px solid #fff;border-right: 1px solid #fff;cursor: pointer;color: #494949;border-bottom: 1px solid #e5e5e5;height: 60px;line-height: 60px;overflow: hidden;}
.JobList .ul li.ODD{border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.JobList .ul li .span{display: block;width: 18%;float: left;text-align: center;padding:0 1%;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.JobList .ul li .span2{width: 118px;padding: 0 60px;background: url(../images/span_bg_20.png) 200px center no-repeat;}
.JobList .ul li.on .span2{background: url(../images/span_bg2_20.png) 200px center no-repeat;}
.JobList .ul li a{color: #494949;}
.JobList .ul .Txt{display: none;padding: 25px 60px;overflow: hidden;color: #999;border-bottom: 1px solid #e5e5e5;}
.JobList .ul .Txt .div1{width: 75px;float: left;}
.JobList .ul .Txt .div2{margin-left: 75px;}

.JobInfo{overflow: hidden;}
.JobInfo .Tt{font-size: 16px;color: #494949;margin-bottom: 20px;}
.JobInfo .Info{color: #494949;margin-bottom: 10px;overflow: hidden;border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
.JobInfo .Info .div1{float: left;width: 30%;overflow: hidden;margin-right: 4%;}
.JobInfo .Info .div2{float: left;width: 30%;overflow: hidden;text-align: center;margin-right: 4%;}
.JobInfo .Info .div3{float: left;width: 30%;overflow: hidden;text-align: right;}
.JobInfo .Info2{color: #999;padding:10px 0 40px;overflow: hidden;}
.JobInfo .Info2 .div0{margin-bottom: 20px;}
.JobInfo .Info2 .div0 .div1{width: 75px;float: left;}
.JobInfo .Info2 .div0 .div2{margin-left: 75px;}

.FormBox{border: 1px solid #e5e5e5;padding: 35px 0;clear:both;}
.FormBox .Tips{font-size: 16px;text-align: center;color: #494949;margin-bottom: 10px;}
.FormBox .BTN{text-align: center;}
.FormBox .BTN .btn{width: 148px;color: #fff;height: 39px;line-height: 39px;text-align: center;background: url(../images/btn_bg_20.jpg) center no-repeat;margin:20px auto;cursor: pointer;}
.FormBox .text{width: 330px;padding: 0 10px;border: 1px solid #e5e5e5;height: 40px;line-height: 40px;}
.FormBox td{position: relative;padding: 15px;}
.FormBox .file{filter:alpha(opacity=0);opacity: 0;position: absolute;left: 15px;top: 15px;width: 350px;height: 40px;line-height: 40px;}
.FormBox .form_table{width: 1155px;margin: 0 auto;}

/*经销网络*/
.NetWork{}
.NetWork .MapBox{width: 878px;height: 725px;margin: 0 auto 65px;background: url(../images/map_bg_20.png) top left no-repeat;position: relative;}
.NetWork .MapBox .ul li a{display: block;width: 60px;height: 20px;line-height: 20px; font-size: 14px; font-weight: bold;}
.NetWork .MapBox .ul li.on a{color: #7A377B;}
.NetWork .MapBox .ul li{position: absolute;}
.NetWork .MapBox .ul li#area1{left: 640px;top: 260px;}
.NetWork .MapBox .ul li#area2{left: 760px;top: 440px;}
.NetWork .MapBox .ul li#area3{left: 670px;top: 285px;}
.NetWork .MapBox .ul li#area4{left: 515px;top: 482px;}
.NetWork .MapBox .ul li#area5{left: 730px;top: 482px;}
.NetWork .MapBox .ul li#area6{left: 615px;top: 602px;}
.NetWork .MapBox .ul li#area7{left: 724px;top: 403px;}
.NetWork .MapBox .ul li#area8{left: 627px;top: 316px;}
.NetWork .MapBox .ul li#area9{left: 574px;top: 340px;}
.NetWork .MapBox .ul li#area10{left: 419px;top: 474px;}
.NetWork .MapBox .ul li#area11{left: 600px;top: 396px;}
.NetWork .MapBox .ul li#area12{left: 732px;top: 227px;}
.NetWork .MapBox .ul li#area13{left: 777px;top: 179px;}
.NetWork .MapBox .ul li#area14{left: 770px;top: 110px;}
.NetWork .MapBox .ul li#area15{left: 671px;top: 347px;}
.NetWork .MapBox .ul li#area16{left: 673px;top: 440px;}
.NetWork .MapBox .ul li#area17{left: 702px;top: 549px;}
.NetWork .MapBox .ul li#area18{left: 592px;top: 462px;}
.NetWork .MapBox .ul li#area19{left: 576px;top: 529px;}
.NetWork .MapBox .ul li#area20{left: 553px;top: 699px;}
.NetWork .MapBox .ul li#area21{left: 650px;top: 520px;}
.NetWork .MapBox .ul li#area22{left: 492px;top: 549px;}
.NetWork .MapBox .ul li#area23{left: 396px;top: 591px;}
.NetWork .MapBox .ul li#area24{left: 520px;top: 400px;}
.NetWork .MapBox .ul li#area25{left: 448px;top: 385px;}
.NetWork .MapBox .ul li#area26{left: 527px;top: 612px;}
.NetWork .MapBox .ul li#area27{left: 475px;top: 338px;}
.NetWork .MapBox .ul li#area28{left: 312px;top: 357px;}
.NetWork .MapBox .ul li#area29{left: 162px;top: 253px;}
.NetWork .MapBox .ul li#area30{left: 184px;top: 436px;}
.NetWork .MapBox .ul li#area31{left: 489px;top: 268px;}
.NetWork .MapBox .ul li#area32{left: 640px;top: 260px;display: none;}
.NetWork .MapBox .ul li#area33{left: 640px;top: 260px;display: none;}
.NetWork .MapBox .ul li#area34{left: 752px;top: 592px;}

.NetWork .WorkList .ul{overflow: hidden;margin-bottom: 35px;}
.NetWork .WorkList .TopTt{height: 45px;line-height: 45px;background: #7a377b;color: #fff;}
.NetWork .WorkList .span{display: block;float: left;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.NetWork .WorkList .span1{width: 200px;padding-left:80px;}
.NetWork .WorkList .span2{width: 600px;padding-left: 38px;}
.NetWork .WorkList .span3{width: 200px;padding-left:80px;}
.NetWork .WorkList .ul li{border-left: 1px solid #fff;border-right: 1px solid #fff;color: #494949;border-bottom: 1px solid #e5e5e5;height: 60px;line-height: 60px;overflow: hidden;}
.NetWork .WorkList .ul li.ODD{border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.NetWork .WorkList .Tishiwz{ width: 100%; text-align: center; font-size: 16px; color:#7a377b;  margin-bottom:20px;}

/*新品发布*/
.BanBox2{ position: relative; }
.banlink{ display: block; position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10}
.TxtBox{z-index: 2;position: absolute;width: 270px;height: 400px;padding: 40px 45px;text-align: center;background: url(../images/sub_bg_20.png) repeat;left: 0;top: 78px;overflow: hidden;}
.TxtBox .div1{color: #333;font-size: 26px;padding-bottom: 20px;}
.TxtBox .span{display: block;margin: 0 auto 25px;background: #6c216d;height: 2px;width: 55px;}
.TxtBox .div2{text-align: left;color: #666;line-height: 30px;height: 270px;margin-bottom: 20px;overflow: hidden;}
.TxtBox .div3 span{display: block;width: 120px;height: 36px;background: url(../images/txt_more_20.png) center no-repeat;margin: 0 auto;}
.ProMenu{ z-index:12; width: 100%; min-height: 70px; padding-top:25px; background-color:#FFF; overflow: hidden;}
.ProMenu .ul li{float: left; width:170px;border-right: 1px solid #fff;text-align: center;}
.ProMenu .ul li img{ max-width:100%; max-height:70px;}
.ProMenu .ul li a{display: block; color: #fff;font-size: 18px;}
.ProMenu .ul li a p{ margin:0; color: #212324; padding-bottom:10px; }
.ProMenu .ul li.onmenu a,
.ProMenu .ul li a:hover{background: #FFF;color: #f8b61c;}
.ProMenu .ul li.onmenu a p,
.ProMenu .ul li a:hover p{ color: #f8b61c; }

.NewProduct{}
.NewProduct .TopUl{padding: 80px 0 45px;overflow: hidden;}
.NewProduct .TopUl li{width:20%;float: left;text-align: center;}
.NewProduct .TopUl li a{display: block;overflow: hidden;width: 146px;margin: 0 auto;}
.NewProduct .TopUl li i{display: block;width: 70px;height: 70px;padding: 38px;overflow: hidden;background: url(../images/pro_icobg_20.png) center no-repeat;}
.NewProduct .TopUl li i img{display: block;width: 70px;height: 70px;}
.NewProduct .TopUl li i .icon2{display: none;}
.NewProduct .TopUl li span{font-size: 16px;display: block;height: 55px;line-height: 55px;color: #333;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.NewProduct .TopUl li:hover a i,
.NewProduct .TopUl li.on i{background: url(../images/pro_icobg2_20.png) center no-repeat;}
.NewProduct .TopUl li:hover .icon2{ display: block; }
.NewProduct .TopUl li:hover .icon1{ display: none; }
.NewProduct .TopUl li.on .icon1{ display: none !important }
.NewProduct .TopUl li.on .icon2{ display: block !important }
.CategoryInfo{background: url(../images/car_bg_20.png) repeat;overflow: hidden;padding: 75px 0 0;}
.CategoryInfo .CategoryTxt{text-align: center;width: 800px;padding:30px 45px;overflow: hidden;background: #f5f5f5;border: 1px solid #e9e9e9;margin: 0 auto 70px;}
.CategoryInfo .CategoryTxt .div1{font-size: 24px;color: #333;margin-bottom: 10px;line-height: 26px;}
.CategoryInfo .CategoryTxt .span{display: block;width: 48px;height: 2px;margin: 0 auto 10px;background: #e9e9e9;}
.CategoryInfo .CategoryTxt .div2{color: #999;font-size: 18px;}
.CategoryInfo .PicBox{position: relative;height: 670px;}
.CategoryInfo .PicBox img{display: block;width: 100%;height: 100%;}
.CategoryInfo .PicBox .Txt{z-index: 2;position: absolute;left:0;top: 50%;width: 195px;padding: 0 20px;height: 170px;text-align: center;margin-top: -85px;background: url(../images/pro_bg_20.png) center no-repeat; }
.CategoryInfo .PicBox .Txt .div1{font-size:24px;color: #333;line-height: 26px;margin-top: 50px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.CategoryInfo .PicBox .Txt .div2{color: #999;margin-bottom: 5px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.CategoryInfo .PicBox .Txt .span{display: block;width: 48px;height: 2px;margin: 0 auto 10px;background: #e9e9e9;}

.CateList{padding: 100px 0 60px;overflow: hidden;}
.CateList .ul{width: 1300px;}
.CateList .ul li{width: 385px;height: 460.6px;position: relative;float: left;margin-right: 22.5px;margin-bottom: 22.5px;text-align: center;}
.CateList .ul li a{display: block;overflow: hidden;}
.CateList .ul li picture{display: block;width: 100%;height: 100%;overflow: hidden;}
.CateList .ul li picture img{display: block;width: 100%;height: 100%;}
.CateList .ul li span{display: block;position: absolute;left: 0;bottom: 0;width: 90%;padding: 0 5%;height: 50px;line-height: 50px;background: url(../images/sub_bg_20.png) repeat;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}


.ProductList{overflow: hidden;}
.ProductList .ul{width: 1300px;}
.ProductList .ul li{width: 375px;position: relative;float: left;margin-right: 37.5px;margin-bottom: 37.5px;}
.ProductList .ul li a{display: block;overflow: hidden;}
.ProductList .ul li picture{display: block;width: 100%;height: 280px;overflow: hidden;}
.ProductList .ul li picture img{display: block;width: 100%;height: 100%; transition:.5s;}
.ProductList .ul li picture:hover img{transform: scale(1.08);}
.ProductList .ul li span{font-size: 18px;color: #333;display: block;border-top: none;width:293px;padding:0 55px 0 25px;height:75px;
    line-height: 75px;background: url(../images/pro_morebg_20.png) 338px center no-repeat;}

/*搜索中心*/
.TitleList .ul{margin-bottom: 35px;overflow: hidden;}
.TitleList .ul li a{display: block;border-bottom: 1px dashed #ccc;height: 40px;line-height: 40px;}
.TitleList .ul li span{display: block;width: 70%;float: left;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.TitleList .ul li time{display: block;float: right;}

/*首页*/
.HomeBody{background:url(../images/body_bg_20.png) top center no-repeat;}

.HomePage .HomeName{margin-bottom: 30px;}
.HomePage .HomeName .div1{font-size: 28px;color: #555;line-height: 30px;}
.HomePage .HomeName .div2{font-size: 48px;color: #2c363f;line-height: 50px;text-transform: uppercase;}
.HomePage .HomeName .div3{width: 33px;display: inline-block;height:3px;background: #7a377b;}

.HomePage1{margin-top: 20px; }
.MobilePro{ display: none; }
.ProBox{overflow: hidden; position: relative;}
.ProBox .tempWrap{overflow: visible!important;}
.ProBox .bd{width: 1200px;/*width: 900px;*//*margin-left: -556px;*/margin-left: -609px;left: 50%;position: relative;}
.ProBox .bd li a{display: block;overflow: hidden; position: relative;}
.ProBox .bd li{float: left;margin: 0 10px;}
.ProBox .bd li picture{display: block;width:1200px;position:relative;height: 630px;overflow: hidden;}
.ProBox .bd li picture img{display: block;width:100%;left: 0;top: 0;position: absolute; height:650px;transition:1.5s;width: 1200px;}
.ProBox .bd li picture:hover img{transform: scale(1.08);}

.ProBox .hd{position: relative;}
.ProBox .hd li{float: left;cursor: pointer;padding: 4px;background: #fff;width: 175px!important;}
.ProBox .hd li picture{display: block;float: left;width: 175px;position:relative;height: 0;padding-bottom:57.27%;overflow: hidden;}

.bann ul li{width: 1200px;float: left;}
.bann ul li img{width: 1200px;height: 650px;}
.ProBox .hd li picture img{display: block;width: 100%;min-height:100%;left: 0;top: 0;position: absolute; height:100px;}
.ProBox .hd li .Txt{margin-left: 200px;color: #fff;display: none;}
.ProBox .hd li .Txt .div1{font-size: 18px;padding-right: 15px;margin-top: 30px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.ProBox .hd li .Txt .div2{font-size: 12px;padding-right: 15px;line-height: 18px;text-transform: uppercase;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.ProBox .hd li .Txt .div3{width: 36px;height: 2px;background: #fff;margin-top: 10px;}
.ProBox .hd li.on .Txt{display: block;}
.ProBox .hd li.on{background: #7a377b;width: 360px!important;}
.ProBox .hd li.on picture{padding-bottom: 27.78%;}
.ProBox .add_next,
.ProBox .add_prev{z-index: 99;display: block;width: 50px;height: 40px;top: 50%;margin-top: -20px;position: absolute;}
.ProBox .add_prev{left: 0;background: url(../images/h1_left_20.png) center no-repeat;}
.ProBox .add_next{right: 0;background: url(../images/h1_right_20.png) center no-repeat;}
.ProBox .add_prev:hover{background: url(../images/h1_left2_19.png) center no-repeat;}
.ProBox .add_next:hover{background: url(../images/h1_right2_20.png) center no-repeat;}
.ProBox .hd_bd{width:900px;margin:15px auto 0;overflow: hidden; }



.ProBox .bd .add_prev{ background-image:url(../images/zuo.png);position: absolute; left:30px; width:50px;height:50px; border-radius: 50%;}
.ProBox .bd .add_next{ background-image:url(../images/you.png); position: absolute; right:20px;height:50px;  border-radius: 50%;}
.ProBox .bd .add_prev,.ProBox .bd .add_next{ background-position: center; background-repeat: no-repeat; z-index: 10;top:50%; margin-top:-45px;}
/*.ProBox .bd .add_prev{position: absolute; left: 50%; width:100%; margin-left: -150%; background: none; top: 0; height: 100%;}
.ProBox .bd .add_next{position: absolute; left: 50%; width: 100%; margin-left: 50%; background: none; top: 0; height: 100%;}*/
.ProBox .bd .add_prev div,
.ProBox .bd .add_next div{ position:absolute; height:630px; width:1920px; top:-270px;}
.ProBox .bd .add_prev div{ right:-59px;}
.ProBox .bd .add_next div{ left:-63px;}
@media screen and (max-width:1366px){
    .ProBox .bd .add_prev{ left: -8%;}
    .ProBox .bd .add_next{ right: -8%;}
.ProBox .bd .add_prev div{ right:-48px;}
.ProBox .bd .add_next div{ left:-48px;}
}

.H_proBox .bd .add_prev{position: absolute; background: none; left:50%; margin-left: -100%; top:0; width:50%;height:100%; }
.H_proBox .bd .add_next{position: absolute; background: none; width:50%;top:0;height:100%; left: 50%; margin-left: 50%;}
.H_proBox .bd .add_prev,.ProBox .bd .add_next{z-index: 10 }
/*手机首页产品*/
@media screen and (max-width:640px){
.HomePage1 .ProBox{ display:none; }
.HomePage1.HomePage002 .ProBox{ display:block; }
.MobilePro{ display: block; position: relative; overflow: visible; padding:0 3%;}
.MobilePro .Mobilebd ul{ margin: 0 auto;}
.MobilePro .Mobilebd li{ margin:0 5px; }
.MobilePro .Mobilebd li a{ display: block;height: auto; overflow: hidden;background-position: center;background-repeat: no-repeat;}
.MobilePro .hd{ z-index: 99; width: 100%;text-align: center; overflow: hidden; margin:20px 0 10px;}
.MobilePro .hd li{background:#ccc; width:13px;height:13px; border-radius:50%; display: inline-block; margin: 0 4px;cursor: pointer;}
.MobilePro .hd li:hover,
.MobilePro .hd li.on{background:#7a377b;}

.Mobilebd .detail a.tit{ position: relative; display: inline-block; padding-bottom: 4%; margin-bottom: 6.6%; font-size: 20px; line-height:2; color: #333}
.Mobilebd .detail p{ margin:0; height:50px; overflow: hidden; }
.Mobilebd .detail a.tit:after{ content: ""; display: inline-block; position: absolute; left: 50%; bottom: 0; width: 40px; height: 1px; background: #ddd; margin-left: -20px;}
.Mobilebd .detail a.btn{ display: inline-block; width: 46.5%; border: 1px solid #c9c9c9; margin-top: 13%; font-size: 14px; line-height: 40px; color: #999; -webkit-transition: all 0.8s; transition: all 0.8s;}
.Mobilebd .detail{width: calc(86% - 2px); padding: 6% 7% 9%; border: 1px solid #c9c9c9; border-top: 0; text-align: center; background: #fff;}

}

/*股票信息*/
.fl{ float:left;}
.GU a{ padding:0 66px;}
.stock{ padding-top:30px;}
.subStocl01{ height:64px; border-bottom:1px solid #ccc;}
.stockName{ height:64px; text-align:center; width:183px; background:#6c216d; font-size:14px; line-height:20px; color:#fff; padding-top:9px; float:left; margin-right:13px;}
.stockSelf{ background:url(../images/hsh182_20.jpg) no-repeat; width:93px; height:31px; line-height:31px; color:#fff; text-indent:39px; font-size:14px; color:#fff; float:left; margin:13px 11px 0 0; cursor:pointer;}
.stockRing{ background:url(../images/hsh183_20.jpg) no-repeat; width:31px; height:31px; float:left; margin:13px 14px 0 0; cursor:pointer;}
.StockRest{ height:31px; line-height:31px; float:left; background:url(../images/hsh184_20.jpg) left center no-repeat; font-size:14px; padding-left:23px; margin-top:13px; position:relative;}
.StockRest a{ color:#b1020c;}
.StockRest a:hover{ text-decoration:underline;}
.StockHow{ float:right; width:119px; height:28px; border:1px solid #f2f2f2; background:#b1020c; margin-top:12px; padding:1px; font-size:13px; color:#fff; line-height:28px;}
.StockHow span{ display:inline-block; background:#fff; color:#b1020c; width:37px; height:28px; text-align:center;}
.StockHow em{ padding-left:10px;}
.subStock02_L{ float:left; width:183px; padding-top:10px;}
.subStock02_L p.p01{font-size:30px; font-weight:bold; color:#6c216d; text-align:center;}
.subStock02_L p.p01 img{ margin-left:15px; position:relative; top:2px;}
.subStock02_L p.p02{ text-align:center; font-size:15px; color:#6c216d; padding-top:5px;}
.subStock02_L p.p03{ text-align:center; color:#333;}
.subStock02Ul{ padding-left:17px; font-size:14px; color:#333; overflow:hidden; width:535px; margin-bottom:2px;}
.subStock02Ul li{ float:left; white-space: nowrap; width:25%;}
.subStock02 div.fl{ padding-top:11px;}




.HomePage2{margin-top: 75px;overflow: hidden;}
.HomePage2 .HomeName{text-align: right;}
.HomePage2 .ul{width: 1300px;}
.HomePage2 .ul li a{display: block;overflow: hidden;}
.HomePage2 .ul li{width: 365px;overflow: hidden;float: left;margin-right: 52.5px;background: #fff; margin-bottom: 20px;}
.HomePage2 .ul li picture{display: block;width: 100%;overflow: hidden;height: 245px;}
.HomePage2 .ul li picture img{display: block;width: 100%;height: 100%;}
.HomePage2 .ul li .Txt{border: 1px solid #ededed;border-top: none;padding: 20px 25px;}
.HomePage2 .ul li .div1{font-size: 16px;color: #494949;width: 95%;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.HomePage2 .ul li time{display: block;font-size: 12px;color: #acacac;}
.HomePage2 .ul li .div2{color: #999;margin: 15px 0 20px;height: 48px;overflow: hidden;line-height:24px}
.HomePage2 .ul li .div3{width: 63px;height:5px;background: url(../images/h2_morebg_20.png) left center no-repeat;}
.HomePage2 .ul li .TxtLine{height: 2px;background: none;}
.HomePage2 .ul li:hover .Txt{border-color: #7a377b;}
.HomePage2 .ul li:hover .TxtLine{background: #7a377b;}

.HomePage3{margin-top: 75px;overflow: hidden;}
.wap_HomePage3{ display:none;}
.HomePage3 .ul li a{display: block;overflow: hidden;}
.HomePage3 .ul li{width: 390px;height: 215px;overflow: hidden;position:relative;float: left;margin-right: 15px;}
.HomePage3 .ul li.List3{margin-right: 0;}
.HomePage3 .ul li picture{display: block;width: 100%;overflow: hidden;height: 215px;}
.HomePage3 .ul li picture img{display: block;width: 100%;height: 100%;}
.HomePage3 .ul li .Txt{text-align: center;color: #fff;font-size: 20px;width: 390px;height: 215px;overflow: hidden;position:absolute;left: 0;top: 0;z-index: 2px;background: url(../images/black_bg20_20.png) repeat;}
.HomePage3 .ul li .Txt .div1{width: 80%;margin: 65px auto 15px;line-height: 40px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.HomePage3 .ul li .Txt .div1 span{display: inline-block;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.HomePage3 .ul li .Txt .div2{width: 34px;height: 34px;background: url(../images/h3_bg_20.png) center no-repeat;margin: 0 auto;}
.HomePage3 .ul li:hover .Txt{display: none;}

.HomePage4 .ul{overflow: hidden;padding:35px 0;border: 1px solid #dedede;background: #fff;margin: 40px auto;}
.HomePage4 .ul li a{display: block;overflow: hidden;}
.HomePage4 .ul li{width: 25%;float: left;overflow: hidden;height: 73px;position: relative;}
.HomePage4 .ul li:before{position: absolute;right: 0;top: 0;width: 1px;height: 73px;display: block;background: url(../images/h4_bg_20.png) repeat;content: '';}
.HomePage4 .ul li.Last:before{display: none;}
.HomePage4 .ul li picture{display: block;width:73px;overflow: hidden;height: 73px;margin: 0 0 0 40px;float: left;}
.HomePage4 .ul li picture img{display: block;width: 100%;height: 100%;}
.HomePage4 .ul li .Txt{margin-left: 130px;height: 73px;overflow: hidden;}
.HomePage4 .ul li .Txt .div1{padding-right: 20px;color: #333;font-size: 18px;line-height: 30px;margin-top: 13px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.HomePage4 .ul li .Txt .div2{padding-right: 20px;color: #a3a3a3;font-size: 12px;line-height: 16px;text-transform: uppercase;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}

/*浮窗*/
.float a:hover .bigimg{display: block;}
.bigimg {position: relative;display: none;}
.bigimg img {border: 0;width: 524px;text-align: center;position: absolute;top:-130px;z-index: 20;margin-top: -305px;margin-left: 22%;}
.float{top:704px;position:absolute; width:222px; overflow:hidden; float: left;}
.float_left{ left:0px;}
.float_con{ overflow:hidden;}
.float_con a{text-decoration:none;}
.float_close{height:24px;line-height:24px;display:block;font-size:13px;color:#555555; text-decoration:none;}
.phone-img {display: none;}

/*悬浮*/
.XfBox{position: fixed;right: 1%;top: 15%;width: 64px;z-index: 999;}
.XfBox a{display: block;width: 64px;height: 64px;margin-bottom: 1px;background-color: #cdcdcd;background-repeat: no-repeat;background-position: center;}
.XfBox a:hover{background-color: #7a377b;}
.XfBox a.XfBoxA1{background-color: #7a377b;background-image: url(../images/fx_ico1_20.png);}
.XfBox a.XfBoxA2{background-image: url(../images/fx_ico2_20.png);}
.XfBox a.XfBoxA3{background-image: url(../images/fx_ico3_20.png);}
.XfBox a.XfBoxA33{background-image: url(../images/fx_ico33_20.png);}
.XfBox a.XfBoxA4{background-image: url(../images/fx_ico4_20.png);}
.XfBox a.XfBoxA5{background-image: url(../images/fx_ico6_20.png);}
.XfBox a.XfBoxA6{background-image: url(../images/fx_ico7_20.png);}
.XfBox a.XfBoxA7{background-image: url(../images/fx_ico8_20.png);}
.XfBox a.BackTop{background-image: url(../images/fx_ico5_20.png);}
.XfBox a.XfBoxA3{position: relative;}
.XfBox a.XfBoxA3 picture{z-index: 2;display: none;background: #7a377b;padding:5px;width:100px;height:100px;position: absolute;left:-112px;top:0;}
.XfBox a.XfBoxA3 picture img{display: block;width: 100%;height: 100%;}
.XfBox a.XfBoxA3:hover picture,.XfBox a.XfBoxA6:hover .XfTel{display: block;}
.XfBox a.XfBoxA33 picture{width: 120px;height: 160px;left:-132px;}


.XfBox .XfTel{ display: none; margin-left: -142px; font-size: 18px; background: #7a377b; width: 140px; text-align: center; color: #FFF; padding: 8px 0; }



.PdfList{ overflow:hidden;}
.PdfList .ul{ width:1240px; margin:0 -20px;}
.PdfList .ul li{ float:left; width:270px; margin:20px;}
.PdfList .ul li a{ display:block;}
.PdfList .ul li .pic,
.PdfList .ul li .pic img{ display:block; width:270px; height:350px;}
.PdfList .ul li .dot{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; font-size:14px; line-height:30px;}


.proContent{ min-height:600px}
.proContent img{ max-width:100%; vertical-align:bottom;}


.pro_title{text-align: center; font-size: 24px; color: #6C216D; height: 30px; line-height: 30px; background: url(../images/pro_line_20.png) 50% 50% no-repeat; margin-bottom: 26px;}
.proT_list{width: 590px; position: relative; margin-bottom: 40px;}
.proT_list ul{margin-right: -20px;}
.proT_list ul li{width: 590px; height: 290px; margin-bottom: 20px; background: #f8f8f8; margin-left: 610px; overflow: hidden;}
.proT_list ul li.top{position: absolute; top: 0; left: -610px; width: 590px; height: 600px;}
.proT_list ul li.top a .pic img{width: 590px; height: 600px;}
.proT_list ul li a .pic img{display: block; width: 590px; height: 290px; }
.proT_list ul li img{transition:.5s;}
.proT_list ul li .pic:hover img{transform: scale(1.08);}


.brandHistory {position: relative; overflow: hidden; padding-top: 75px;}
.brandHistoryDate {position: relative;padding-bottom: 25px;overflow: hidden;z-index: 3;}
.brandHistoryDate li {margin-bottom: -25px;background: url(../images/icon11_20.png) center no-repeat;}
.brandHistoryDate .historyBox {width: 530px;height: 230px;box-sizing: border-box;background-color: #FFF;padding: 35px;border-radius: 8px;box-shadow: 0 0 5px #EEE;overflow: hidden;}
.brandHistoryDate li.odd .historyBox {float: left;}
.brandHistoryDate .historyBox .img { float: left; width:190px; overflow: hidden;}
.brandHistoryDate .historyBox .img img {max-width: 100%; transition:1.5s;}
.brandHistoryDate .historyBox .img:hover img{transform: scale(1.08);}
.brandHistoryDate .historyBox .info {padding-top: 15px;margin-left: 220px;}
.brandHistoryDate .historyBox h6 {font-size: 24px;color: #000;margin: 10px;}
.brandHistoryDate .historyBox .p {font-size: 15px;line-height: 22px;color: #6E6E6E;min-height:85px;overflow: hidden;}
.clear:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' ';}

.brandHistoryDate li.on {background-image: url(../images/icon10_20.png);}
.brandHistoryDate li.even .historyBox {float: right;}
.brandHistory:before {content: '';display: block;position: absolute;width: 11px;height: 6px;top: 0;left: 50%;margin-left: -5px;background: url(../images/arrow2_20.png) center no-repeat;z-index: 2;}
.brandHistory:after {content: '';display: block;position: absolute;width: 2px;height: 100%;top: 0;left: 50%;margin-left: -1px;background: url(../images/line1_20.png) center repeat-y;z-index: 1;}
.brand_w{background: #F1F2F3;}
.brandHistoryDate li:hover{}

.honor .ul li span{ background: none; height: 50px; line-height: 50px; text-align: center;}



.welfare{overflow: hidden;}
.welfare .ul li{border-bottom: 1px solid #ededed; margin: 30px 0;}
.welfare .ul li a{display: block;overflow: hidden;margin-bottom: 40px;}
.welfare .ul li picture{display: block;width: 340px;height: 230px;overflow:hidden;float: left;}
.welfare .ul li picture img{display: block;width: 100%;height: 100%;}
.welfare .ul li .Txt{margin-left: 385px;overflow: hidden;padding-right: 45px;height: 230px;}
.welfare .ul li .div1{font-size: 16px;color: #494949;margin:40px 0 20px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.welfare .ul li .div2{color: #999;max-height: 72px;overflow: hidden;margin-bottom: 20px;}
.welfare .ul li time{color: #494949;display: block;text-align: right;overflow: hidden;}


.new_pro{text-align: center;}



.mainwrap{ max-width: 960px; margin:30px auto; }
.mainwrap .netTab{ width:100%; margin:0 auto; }
.mainwrap .netTab .trblue{ background-color: #26A9E1; width: 100%;}
.mainwrap .netTab td{ text-align: center; padding: 10px 0; border-right: 2px #fff solid; font-size: 12px;}
.mainwrap .netTab .trblue td{ color: #fff; font-size: 16px;}
.mainwrap .netTab .span_star { display: inline-block; vertical-align: text-top; margin-right: 10px; width: 90px; height: 17px; background: url(../images/other002109-star_20.png) no-repeat left bottom;}
.mainwrap .netTab .s5{display: inline-block; vertical-align: text-top; margin-right: 10px; width: 90px; height: 17px; background: url(../images/other002109-star_20.png) no-repeat; background-position:0 -68px;}
.mainwrap .netTab .s4{display: inline-block; vertical-align: text-top; margin-right: 10px; width: 90px; height: 17px; background: url(../images/other002109-star_20.png) no-repeat; background-position:0 -51px;}
.mainwrap .netTab .s3{display: inline-block; vertical-align: text-top; margin-right: 10px; width: 90px; height: 17px; background: url(../images/other002109-star_20.png) no-repeat; background-position:0 -34px;}
.mainwrap .netTab .s2{display: inline-block; vertical-align: text-top; margin-right: 10px; width: 90px; height: 17px; background: url(../images/other002109-star_20.png) no-repeat; background-position:0 -17px;}
.mainwrap .netTab .s1{display: inline-block; vertical-align: text-top; margin-right: 10px; width: 90px; height: 17px; background: url(../images/other002109-star_20.png) no-repeat; background-position:left top;}
.mainwrap .netTab .name{ font-size: 14px; width: 30%;}
.mainwrap .netTab a{ color: #219AD1; text-decoration: underline;}
.mainwrap .netTab .zhengshu .certBtn.look .on,.mainwrap .netTab .zhengshu .certBtn .off{ display: none; }
.mainwrap .netTab .zhengshu .certBtn .on,.mainwrap .netTab .zhengshu .certBtn.look .off{ display: block; }
.mainwrap .netTab .certshow{ position: relative; background-color: #F8F7F3; text-align: center; display: none; padding: 20px 0;}
.mainwrap .netTab .hidetr .info{ display: none; text-align: left; max-width: 472px; margin: 10px auto;}
.mainwrap .netTab .certshow img{ display: inline;}
.mainwrap .netTab .certshow a.checkshow{ position: absolute; bottom: 5%; right: 10%; width: 100px; background: url(../images/check_20.png) no-repeat 0 0; padding-left: 30px; text-align: left; line-height: 150%;}
.mainwrap .netTab .hidetr td{padding:0;}
.mainwrap .netTab .trgrey{ background:#F0EFEB; }
.mainwrap .netTab .trgrey.Backgro{ background:#fff; }
.mainwrap .netTab td.site{ width:25%; padding:0 1%;word-wrap:break-word;word-break:break-all;}


@media screen and (max-width:640px){
.mainwrap .netTabBox{ width:100%; overflow:auto;}
.mainwrap .netTab td{ white-space:nowrap; padding:10px;}
.mainwrap .netTab .name{ font-size: 12px; width: 65%;}
.mainwrap .netTab .hidetr .info{ display: block; }
.mainwrap .netTab .certshow{ padding: 10px 10px 60px 10px;}
.mainwrap .netTab .certshow a.checkshow{ bottom: -5px; right: 0; width: 200px; text-align: center; line-height: 210%; left: 0; margin: 20px auto; height: 34px;}
.mainwrap .netTab td.site{ width:200px; white-space: normal;}
.mainwrap .netTab td.site a{ width:200px;display: block;}
.proContent video{width:100%;}

}

/*手机端头部*/
.mobile_top{display: none;position: relative; background-color: #fff;}
.mobile_top .logo{padding:2px 75px 2px 5px; overflow: hidden; height: 50px; }
.mobile_top .logo a{display:block;float: left;height:44px;margin-top:10px;}
.mobile_top .logo img{height: 30px;}
.mobile_top .btn_nav{position:absolute; right:10px; top:40%; margin-top: -6px; width:22px;height:22px;}
.mobile_top .btn_nav a{ display:block;}
.mobile_top .btn_nav1{position:absolute; right:50px; top: 40%; margin-top: -6px; width:22px;height:22px;}
.mobile_top .btn_nav1 a{ display:block;}
.mobile_top .btn_back{position:absolute; left:4%; top: 27%;display: block;width: 6%;display: none;}
.mob_nav{position:absolute; right:0%; z-index:99; width:40%; top:100%; height: 100%; display: none;}
.mob_nav li{ width:100%;}
.mob_nav li a{display: block;font-size: 16px; line-height: 3.2em;text-indent:10px;color: #fff; font-weight: bold;margin-top: 1px;}
.mob_nav li a:hover{color: #864362;}
.mob_nav li ul{display: none;}
.mob_nav li ul.subnav li a{font-size:1.8em; margin-top: 0px; background-color: #864362; line-height: 2.4em; background-image: none;}
.mob_nav li ul.subnav li a:hover{background-color: #fff; color: #864362; background-image: none;}
.weather{ float:right; line-height:50px;}
.mobile_s{width: 45%; position: absolute; right: 0; top: 67px; z-index: 99999; background: #fff; display: none;}
.mobile_s a{ color: #6D216E;}
.mobile_s .mobile_link{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 10%; height: 40px; line-height: 40px; border-top: 1px solid #f3f3f3;font-size: 16px;}

.mobile_s1{width: 45%; position: absolute; right: 0; top: 67px; z-index: 100; background: #7a377b; display: none;}
.mobile_s1 a{ color: #fff;}
.mobile_s1 .mobile_link{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
    padding-left: 10%; height: 40px; line-height: 40px; border-top: 1px solid #f3f3f3;}
.mobile_s1 .mobile_link1{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
    padding-left: 10%; height: 40px; line-height: 40px; border-top: 1px solid #f3f3f3;}
.mobile_s1 dl{display: none;}
.mobile_s1 dl .XfTel{ color:#fff; padding:5px 0 5px 25px}
.mobile_s dl{display: none;background: #fff; }
.mobile_s dl dd {border-top: 1px solid #f3f3f3; font-size: 14px;}
.mobile_s dl dd a{padding-left: 10%; display: block; color:rgba(150, 60, 160, 0.9); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 30px; line-height: 30px;}


.H_banPic{display: none;}

.pro_phone{width: 96%; background: #7a377b; padding: 2%; margin-top: 2%; display: none;}
.ProBox .bd li .pro_phone picture {display: block;float: left;width: 50%;position: relative;height: 0;padding-bottom: 27.27%;overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center center; background-size:cover;}
.pro_phone picture img {display: block;width: 100%;min-height: 100%;left: 0;top: 0;position: absolute;height: 100px;}
.pro_phone  .Txt {margin-left: 200px;color: #fff;}
.pro_phone .Txt .div1 {font-size: 18px;padding-right: 15px;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.pro_phone .Txt .div3 {width: 36px;height: 2px;background: #fff;margin-top: 10px;}

.H_newsList2{ display: none;}
.BanBox1{ display: none;}
.BanBox1 img{ width: 100%;}
.fancybox-inner{width: 100%!important;text-align: center;background: #000;overflow: auto!important;}
.VIDEO{display: none;text-align: center;position: relative;}
.VIDEO video{max-width: 100%!important;max-height: 100%!important;}


.ppjs-ban img{display:none;} 

@media screen and (max-width:640px)
{
	.float {width: 120px;top: 80%;float: right;right: 0;}
	.float_con a{padding-top: 20px;}
	.bigimg {display: none !important;}
	.pc-img{display: none;}
	.phone-img {display: block;}
    .BanBox{ display: none;}
    .BanBox2{display: block;}
    .ProMenu{display: block; background: none;padding-top:0;}
    .H_newsList1{ display: none;}
    .H_newsList2{display: block; overflow: hidden; padding: 0 3%;}
    
    .BanBox1{ display: block;}
    .pro_phone .Txt .div1{ margin-top:0;}
    .HomePage .HomeName{ margin-bottom:10px;}
    .HomePage3{ margin-top:20px;}

    .brandHistoryDate .historyBox .p{text-align: left;}

    .proContent .mindiv{ background-size: 150% !important;}

    .conbox1 .inline-title{  position: initial !important;border-bottom: 1px solid #ccc;display: block;}
    .info_201707121711 p{margin: 0!important;line-height: 35px!important;}

.SingleMain .des .tit{text-align: center;}

body{width: 100%; min-width:inherit;}    
img{max-width: 100%;}
.Top{display: none;}
.mobile_top{display: block;position: relative;left: 0;top: 0;background: none;width: 100%;z-index: 99;}
.mobile_top1{display: block;position: absolute;left: 0;top: 0;background: none;width: 100%;z-index: 99;}
.H_banPic{display: block; width: 100%;height:auto} 
.PC_banPic{display: none;}   
.ProBox .bd{width: 100%;}
.WarpBox{width: 100%; padding:0%; text-align:center;}
.HomeBan{overflow: visible;}    
.HomeBan .hd{bottom: 0;}
.HomeBan .hd li{width: 10px;height: 10px;background-size: 10px 10px!important;}
.HomePage .HomeName .div1{font-size: 12px; line-height: 20px;}    
.HomePage .HomeName .div2{font-size: 16px; line-height: 20px;}



.H_proBox .bd .add_prev, .ProBox .bd .add_next{display: none;}
.ProBox .bd .add_prev, .ProBox .bd .add_next{display: none;}   

.ProBox .add_prev2 { left:10px; background-image: url(../images/arrowl_20.png);}
.ProBox .add_next2 { right:10px; background-image: url(../images/arrowr_20.png);}
    .ProBox .bd .add_prev2, .ProBox .bd .add_next2 
    {
        position:absolute;
    background-color: #7a377b;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10;
    top: 50%;
    right:10px;
    width: 20px;
    height: 50px;
    margin-top: -45px;
}

.bx-wrapper{position: relative;}
.bx-controls-direction{height: 0;}
.bx-controls-direction a{z-index: 99;display:block;width: 20px;height: 40px;text-indent: -99em;overflow: hidden;position: absolute;top: 50%;margin-top: -20px;}
.bx-controls-direction a.bx-prev{background:#7a377b url(../images/arrowl_20.png) no-repeat center;left: 2%;background-size: 15px auto;}
.bx-controls-direction a.bx-next{background:#7a377b url(../images/arrowr_20.png) no-repeat center;right: 2%;background-size: 15px auto;}



.HomePage1{margin-top: 20px;}    
.ProBox .bd li picture{width: 100%;}
    
.ProBox .bd{margin-left: 0; left: 0;}

.ProBox .bd li{margin: 0; width: 100%;}
.ProBox .bd li picture{height: auto; padding-bottom: 57%;}
.pro_phone{ margin-top:0;}
.ProBox .bd li picture img{height: auto;}
.HomeBan .bd li a{height: auto;} 
.ProBox .hd{display: none;}
.pro_phone{display: block;} 

.HomePage2 .HomeName{ text-align:center;}

.HomePage3{ display:none;}
.HomePage3 .ul li.List1 picture{ height:120px;}
.HomePage3 .ul li.List2 picture{ height:120px;}
.HomePage3 .ul li.List3 picture{ height:120px;}
    
.HomePage3 .ul li .Txt span{ font-size:14px;}
.HomePage3 .ul li .Txt .div1{ margin: 20px auto 15px;}
.HomePage3 .ul li.List1{width: 33.3%; margin-right: 0; height:120px;}   
.HomePage3 .ul li.List2{width: 33.3%; margin-right: 0; height:120px;}   
.HomePage3 .ul li.List3{width: 33.3%; margin-right: 0;height:120px;}    
.HomePage3 .ul li .Txt{width: 100%; height:120px;}

.wap_HomePage3{ display:block;}
.wap_HomePage3 .ul{overflow: hidden;padding:35px 0;background: #fff;}
.wap_HomePage3 .ul li a{display: block;overflow: hidden;}
.wap_HomePage3 .ul li{ margin: 0; width: 21%; padding: 0 2%; height: auto;display: inline-block; vertical-align: top; position:relative;}
.wap_HomePage3 .ul li:before{position: absolute;right: 0;top: 0;width: 1px;height: 73px;display: block;background: url(../images/h4_bg_20.png) repeat;content: '';}
.wap_HomePage3 .ul li.Last:before{display: none;}
.wap_HomePage3 .ul li picture{display: block;margin: 0; width: 100%; height: 100%;}
.wap_HomePage3 .ul li picture img{width: 80%; display: inline-block;height:auto;}
.wap_HomePage3 .ul li .Txt{float: left; width: 100%; margin-left: 0; font-size: 12px; text-align: center; height:auto;}
.wap_HomePage3 .ul li .Txt .div1{color: #333;font-size: 12px;line-height: 30px;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;}
.wap_HomePage3 .ul li:last-child:before{ display:none;}



.HomePage2 .ul li .div1{overflow: hidden; text-overflow: initial; -o-text-overflow: initial;white-space: inherit;text-align: left;}

.SingleMain .cip img{width: 50%! important;  margin: 0 auto;}
      
.HomePage2{margin-top: 20px;}
.HomePage2 .ul{width: 100%;}
.HomePage2 .ul li{width: 100%; margin-right: 0; padding: 15px 0; margin-bottom:0;}    
.HomePage2 .ul li picture{height: auto;width: 38%; float: left;}  
.HomePage2 .ul li .Txt{ width:58%; border: none; float:right;padding: 0;}  
.HomePage2 .ul li time{ text-align:left;}
.HomePage2 .ul li .div2{ text-align:left; text-indent:0; display:none;}
.HomePage2 .ul li .div3{ margin-top:5px;}
 
.XfBox{display: none;}
.Bottom1 .BotNav{width: 100%;}
    
    
.HomePage4 .ul li picture{margin: 0; width: 100%; height:100%;}    
.HomePage4 .ul li picture img{height: auto;width: 80%; display: inline-block;}
.HomePage4 .ul li{margin: 0; width: 21%; padding: 0 2%; height: auto;}      
.HomePage4 .ul li .Txt{float: left; width: 100%; margin-left: 0; font-size: 12px; text-align: center; height:auto;}
.pro_phone .Txt .div1{padding-right:0;}
.HomePage4 .ul li .Txt .div1{padding-right: 0; font-size: 12px; margin-top: 0; }
.HomePage4 .ul li .Txt .div2{padding-right: 0; font-size: 12px; display:none;}

.Bottom1{ padding:20px 0;}
.Bottom1 .BotNav{display: none;}
    
.Bottom1 .TelBox{text-align: center; width: 100%; overflow:hidden;}
.Bottom1 .TelBox .txt{ display: inline-block;  vertical-align: middle;}
.Bottom1 .TelBox .div3{ width: 90px;  height: 90px; padding: 5px;    display: inline-block; vertical-align: middle; margin-left: 8%;}
    
    .ProBox .bd li .pro_phone picture{ display:none;}
    .pro_phone .Txt{ text-align:center; margin-left:0;}
    .pro_phone .Txt .div3{ margin:0 auto; margin-top:10px;}
    
    .Bottom1 .TelBox .div1{ font-size:16px;}
    .Bottom1 .TelBox .div2{ font-size:18px;}
    

.Content{max-width: 96%; padding: 0 2%;}
.SildeBar{float: none; width: 100%; overflow: hidden;}
.BanBox{padding-bottom: 30%; height: auto; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;}
.MuneCur{height: auto; overflow: hidden; padding-bottom: 20px;}
.Current_wap{ display:none;}
.MenuList .ul li{height: 30px; line-height: 30px; padding-bottom: 10px; margin-right: 0; width: 33.33%; text-align: center;}
.MenuList .ul li a{padding: 0;}
.Current{float: left; line-height: 30px; font-size: 13px; display:none;}

.ppjs-ban {    background: none!important;}
.ppjs-ban img{display: block;} 
   
.SinglePage p{width: 100%!important;}
.SinglePage img{ /*height: 185px!important;*/}
.Content .container{width: 96%!important; padding: 0 2%!important;}
.img_20190322{ height: auto!important; background: none!important;}
.img_20190322 img{ display: block!important;}
.inline-title h2{font-size: 24px!important;}

.SingleMain .des .tit{font-size: 20px!important; margin-top:0!important; margin-top:-15px!important;}
.SingleMain .pic{width: 100%!important;}
.SingleMain .des{width: 100%!important; padding: 0!important;}
.SingleMain .pic img{padding-left: 0!important;}
.divCenteredBg {background-position: center top!important; padding-top: 12%;}
    
 .brandHistoryDate .historyBox .img { margin-right: 5%;}  
    
.brandHistory{padding: 20px 0;}
.brandHistory:before{display: none;}
.brandHistory:after{display: none;}
.brandHistoryDate li{background: none; margin: 20px 0 0 0;}  
.brandHistoryDate .historyBox{width: 100%; padding: 2%; height: auto;}
.brandHistoryDate .historyBox .info{margin-left: 0; overflow: auto; padding-top: 0;}
.brandHistoryDate .MsoNormal{margin: 0;}
.ProductList .ul li{width: 49%; margin: 0 1%;}
.ProductList .ul{width: 100%;}
.ProductList .ul li picture{height: auto;/* padding-top: 60%;*/}    
.honor .ul li span{width: 100%; font-size: 14px; text-align: center;}
.honor .ul li picture{ padding-top: 60%;}    

.VideoList .ul li{width: 48%; margin: 1%;}
.VideoList .ul li picture{width: 100%; height: auto;}
.VideoList .ul li span{width: 100%;}
   
.NewsList .ul li a{margin: 10px 0 0 0;border: none;}
.NewsList .ul li picture{width: 40%; height: auto; }
.NewsList .ul li .div1{margin:0;}
.NewsList .ul li .div2{font-size: 12px; line-height: 18px;margin-bottom: 10px; height: 33px;}
.NewsList .ul li .Txt{     width: 53%;padding-right: 2%; height: auto;}
.NewsList .ul li time{font-size: 12px; text-align:left;}
   
   

.NewsInfo{width: 100%;}    
.NewsInfo .NewsTitle{margin:20px 0 0 0; font-size: 18px;}
.NewsInfo .NewsTime{text-align: center; color: #ccc;}
.NewsInfo .NewsTxt{ padding-top:0;}
    
.PdfList .ul{width: 100%;}  
.PdfList .ul{margin: 0;}
.PdfList .ul li{width: 48%; margin: 1%;}
.PdfList .ul li .pic, .PdfList .ul li .pic img{width: 100%; height: auto;}
     
.BanBox2{position: relative; padding-bottom:35%; background-size: 129%;background-position: center top;}
.BanBox2 .WarpBox{padding-top: 35%; height: auto; position: relative; z-index: 10; }    
.ProMenu{position: static; height: auto; overflow: hidden;}    
.ProMenu .ul li a{ color:#000;}
.pro_title{margin-top: 10%;font-size: 18px;}
.ProMenu .ul li{width:25%; border: none;}
.ProMenu .ul li a{ font-size: 14px; }
.ProMenu .ul li a img{ display: block;}
    
    
.proT_list{width: 100%;}
.proT_list ul{margin: 0;}
.proT_list ul li.top{margin-left: 0; width: 50%; height: auto; position: static; left: 0;}
.proT_list ul li.top a .pic img{width: 100%; height: auto;}
.proT_list ul li{width: 47%; margin: 0 1%; height: auto; float: left; margin-bottom:18px;}
.proT_list ul li a .pic img{width: 100%; height: auto;}
.ProductList .ul li span{height: 30px; line-height: 30px; width:100%; font-size: 12px; padding: 0;}

.ProductList .ul li{margin: 0.5%;}
    
.proContent div{width: 100%!important; min-width: 100%!important; height: auto!important;}    
.mapBox .mapList li div a{font-size: 16px;}
    
.map .mapPaged{height: 40px;}
.map .mapPaged a{height: 40px;}
.mapPaged a.prev{background-image: url(../images/mapprev_wap_20.png) !important;}
.mapPaged a.next{background-image: url(../images/mapnext2_wap_20.png) !important;}
    
.form_table2 .Tt{width: 30%;}
.form_table2 .text{width: 90%;}
.form_table2 .btn{width: 42%;}    
    
.MenuList .ul li dl{display: none;}
.MenuList .ul li:hover dl{display: none;}
    
.Pages{padding: 20px 0;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .num{ display: none;}
    
.proContent{padding-bottom: 0!important; }
.proContent .div1{background-repeat: no-repeat; background-position: center center; background-size:cover; padding-bottom: 50%;}
.proContent .div2{background-repeat: no-repeat; background-position: center center; background-size:contain; padding-bottom: 50%;background-position:center 66%!important;  padding-bottom: 20px;}
.proContent .div3{background-repeat: no-repeat; background-position: center center; background-size:cover; padding-bottom: 50%; overflow: hidden;}
.proContent .div4{ padding-bottom: 10%;overflow: hidden; background-image: none !important;}
.proContent .div5{background-repeat: no-repeat; background-position: center center; background-size:cover; padding-bottom: 50%;}
.proContent .info1_text1{padding-top: 0px!important; font-size: 12px!important; text-align: right;padding-right:20px;}
.proContent .info1_text2{font-size: 12px!important;padding-top: 0px!important; text-align: right; color: #fff!important;padding-right:20px}
.info1_con .info1_t{padding-top: 10%!important; color: #fff!important;font-size: 22px!important; line-height: 30px!important; text-align:right; padding-right:20px;}

    
.proContent .info2_t{font-weight: bold!important;padding-top: 0!important; font-size: 18px!important; padding-bottom: 0!important;}
.info2_text{font-size: 14px!important; padding-bottom:25%;}
.info2_con{padding-top: 10%!important;}
.proContent .div3 .info3_title1{line-height: 24px!important; font-size: 20px!important; padding: 20px 0 10px 0!important;font-weight: bold!important;}
    
    
.proContent .div3 .info3_title2{font-size: 14px!important;}
.proContent .div4 .info4_title1{padding: 20px 0 0 0!important; font-size: 20px!important;line-height: 24px!important; font-weight: bold!important;}
.proContent .div4 .info4_con1{padding-top:20px!important;}
.proContent .div5 .info5_t1{padding: 20px 0 0 0!important; font-size: 20px!important;line-height: 24px!important;font-weight: bold!important;}
.info_0621151{overflow-x: auto;padding-bottom: 0!important;}
.info_0621151 table{width: 1200px!important;}
.info_0621151 .title{padding-top: 0!important;}
.img_07202006{ width:65px;}


}

.H_newsList1 .prev {
    width: 40px;
    height: 60px;
    position: absolute;
    left: -70px;
    top: 50%;
    margin-top: -22px;
    background: url(../images/arrowl_20.png) 0 0 no-repeat;
}
.H_newsList1 .next {
    width: 40px;
    height: 60px;
    position: absolute;
    right: -70px;
    top: 50%;
    margin-top: -22px;
    background: url(../images/arrowr_20.png) 0 0 no-repeat;
}


.ADDNEWMORE{float: right;display: block;margin-top: 20px;margin-right: 10px;font-size: 16px;color: #7a377b;}
.ADDNEWMORE:hover{color: #f8b61c;}


@media screen and (max-width: 640px){
.tupian{width: 100%!important;}
.divCenteredBg{padding-top: 0;background-size: cover!important;}
.divCenteredBg .concenter{ padding:60px 2% 0!important; width:96%!important;}
.PROINFO .mobile_top{position: relative;}
.ADDS{font-size: 24px!important;}
.span_fl{float: left; width: 28%;}
.ADDNEWMORE{ margin-top:10px; margin-bottom:10px;}
.span_fr { float:right; width: 72%;}
}

.proContent_wap{ display:none;}
@media screen and (max-width: 640px){
.ProBox .bd li{ position:relative; overflow:hidden;}
.pro_phone{ position:absolute; width:100%; left:0; bottom:0; z-index:55; background:rgba(122, 55, 123, 0.5);}
.proContent_pc{ display:none;}
.proContent_wap{ display:block;}
}