@charset "utf-8";
*{ outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html{ font:normal 100% "Microsoft YaHei";  -webkit-text-size-adjust:100% }
body{ padding:0px; margin:0px auto; font-size:100%; color:#666; background-color:#fff; min-width:320px; max-width:1080px;-webkit-text-size-adjust:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*取出点击出现半透明的灰色背景*/-webkit-user-select: none;  /*控制内容的可选择性*/-ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
p{ margin:0;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; margin:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
ol, ul,li,dl,dd { list-style:none; }
table { border-collapse:collapse; border-spacing:0 }
table td{border-collapse:collapse;}
em{font-style:normal;}
select,input,textarea{ font-size:100%; color:#666;font-family:"Microsoft YaHei"; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus { color:#333;outline:none; -moz-outline:none;}
a:active{ color:#333 }
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

.Contain{ padding:2%;/* min-height:200px;*/}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; line-height:1.8;}
@media (max-width:480px){
.SinglePage{ font-size:80%;}
}

/*top.html*/
.Top{position:relative;z-index:50;background: #fff; }
.Top img{ max-width:192px; width:100%;}
.Top .logo{text-align:center; display:none;}
.Top .back{position:absolute;width:50px; top:0;height:100%; background-position: center center; background-repeat:no-repeat;background-size:auto 53%;left:0; background-image:url(../images/top_back.png);}
@media (max-width:480px){
.Top .back{ width:40px;}
}


/*栏目名称*/
.ColumnName{ text-align:center; color:#f9bf00; font-size:200%; line-height:90px;  font-weight:bold; }
@media (max-width:480px){
.ColumnName{ font-size:120%;line-height:50px;}
}
@media (max-width:320px){
.ColumnName{ font-size:100%;line-height:40px;}
}
/*栏目名称 End*/
.homeBody .ColumnName{ display:none;}
.homeBody .Top .logo{ display:block;}
@media (max-width:480px){
.homeBody .Top .logo img{ height:50px; width:auto;}
}


.Menu{ position:fixed; left:-100%; top:0; width:100%; height:100%; overflow:auto; background:url(../images/nav_bg.jpg) no-repeat center top; z-index:200; background-size:cover; font-size:180%;}
.Menu .close{ height:65px; background:url(../images/close.png) no-repeat center top; background-size:auto 100%; margin-top:10%; margin-bottom:2%;}
.Menu ul{ margin:0 10%;}
.Menu ul li ul{ margin:0;}
.Menu li{ border-bottom:1px solid #c6c2b3; text-align:center;}
.Menu li ul{ border-top:1px solid #c6c2b3; display:none;}
.Menu li a{display:block; padding:4% 0;}
.Menu li ul li a{ color:#999;}
@media (max-width:320px){
.Menu{ font-size:100%;}
.Menu .close{ height:40px;}
}

/*top.html*/


/*Bottom end*/

.Bottom nav{ overflow:hidden; clear:both; padding:1% 0;background: #0073e0;}
.Bottom nav li{ float:left; width:50%;text-align:center; position:relative;}
.Bottom nav li::before{ position:absolute; right:0; width:1px; height:50%; top: 25%; background-color:#0057a1; content:''; box-shadow:2px 0 0 #2696f0;}
.Bottom nav li:last-child::before{ display:none;}
.Bottom nav li a{ display:block; color:#fff;padding:5% 0 5% 25%; background-repeat:no-repeat; background-position: 30% center; background-size:15% auto; font-size:250%; }
.Bottom nav li:nth-child(1) a{background-image:url(../images/b1.png); }
.Bottom nav li:nth-child(2) a{background-image:url(../images/b2.png);}

.EwmShow{ position:fixed; background:rgba(0,0,0,0.5); left:0; top:0; width:100%; height:100%;z-index:200; display:none;}
.EwmShow div{background:#fff; position:absolute; left:50%;width:300px; margin-left:-150px; top:15%; text-align:center; padding:20px 0; border-radius:10px;}
.EwmShow div img{ width:80%;}
.EwmShow div span{ width:30px; height:30px; position:absolute; right:-15px; top:-15px; background:url(../images/close.png) no-repeat #fff; background-size:cover; border-radius:50%;}
@media (max-width:768px){
.EwmShow div{	width:200px; margin-left:-100px;}
.Bottom nav li a{ font-size:180%;}
}
@media (max-width:640px){
.Bottom nav li a{ font-size:100%;}
}
@media (max-width:480px){
.Bottom nav li a{ font-size:90%;}
.Bottom .copyright{ font-size:80%;}
}
@media (max-width:320px){
.Bottom nav li a{ font-size:80%;}
.Bottom .copyright{ font-size:75%;}
}
/*Bottom end*/

/*二级菜单*/
.Nav{clear:both; overflow:hidden;}
.Nav dd{ width:33.333333%; float:left; border-bottom:4px solid #fff; font-size:180%; text-align:center; position:relative;}
.Nav dd::before{ position:absolute; content:''; right:0; top:0; width:4px; background-color:#fff; height:100%;}
.Nav dd:nth-child(3n)::before{ display:none;}
.Nav dd a{ display:block; padding:5% 0;background-color:#ccc; font-weight:bold;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.Nav dd a.aon{ background-color:#5f5727; color:#fff;}
@media (max-width:768px){
.Nav{ font-size:90%;}
}
@media (max-width:640px){
.Nav{ font-size:65%;}
.Nav dd{border-bottom-width:3px;}
.Nav dd::before{width:3px;}
}
@media (max-width:480px){
.Nav{ font-size:60%;}
}
@media (max-width:320px){
.Nav{ font-size:50%;}
.Nav dd{border-bottom-width:2px;}
.Nav dd::before{width:2px;}
}
/*二级菜单 end*/

#column{ background:#eee; padding:2% 3%; color:#f9bf00; font-size:200%; font-weight:bold;}
@media (max-width:480px){
#column{ font-size:16px;}
}
@media (max-width:320px){
#column{ font-size:13px;}
}

/*banner*/
.banner{ margin:0px; padding:0px; position:relative; z-index:0;}
.banner img{ width:100%;}
.banner li{ position:relative; text-align:center; line-height:0px; vertical-align:middle !important;}
.banner .hd{ position:absolute; width:100%; text-align:center; z-index:10; bottom:1%;}
.banner .hd a{ width:20px; height:20px; border-radius:50%; display:inline-block; background-color:#fff; margin:0 3px; }
.banner .hd a.on{ background-color:#f8bd00;}
@media (max-width:480px){
.banner .hd a{ width:12px; height:12px; }
}
/*banner end*/
.pageban img{ width:100%;}

/*新闻列表*/
.news_list{}
.news_list li{ overflow:hidden; clear:both;position:relative; margin-bottom:2%; border-bottom:1px dashed #cfcfcf; padding-bottom:2%;}
.news_list li:last-child{  border-bottom:0;}
.news_list li .pic{ float:left; width:20%;}
.news_list li .pic img{ width:100%; border-radius:50%;}
.news_list li .txt{ float:right; width:78%}
.news_list li h1{ font-size:125%; margin:1% 0; font-weight:bold;}
.news_list li h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news_list li p{ font-size:115%; line-height:1.7; margin-bottom:1%;}
.news_list li time{ color:#999;}
@media (max-width:768px){
.news_list{ font-size:90%;}
}
@media (max-width:640px){
.news_list{ font-size:70%;}
.news_list li p{ line-height:16px; height:32px; overflow:hidden;}
}
@media (max-width:480px){
.news_list{ font-size:60%;}
}

/*新闻列表 end*/

/*解决方案*/
.solution_list{}
.solution_list li{ overflow:hidden; clear:both;position:relative; margin-bottom:2%; border-bottom:1px dashed #cfcfcf; padding-bottom:2%;}
.solution_list li:last-child{  border-bottom:0;}
.solution_list li .pic{ float:left; width:30%;}
.solution_list li .pic img{ width:100%;}
.solution_list li .txt{ float:right; width:68%}
.solution_list li h1{ font-size:125%; margin:1% 0; font-weight:bold;}
.solution_list li h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.solution_list li p{ font-size:115%; line-height:1.7; margin-bottom:1%;}
@media (max-width:768px){
.solution_list{ font-size:90%;}
}
@media (max-width:640px){
.solution_list{ font-size:70%;}
.solution_list li p{ line-height:16px; height:32px; overflow:hidden;}
}
@media (max-width:480px){
.solution_list{ font-size:60%;}
.solution_list li p{ height:16px;}
}

/*解决方案 end*/
/*pages*/
.Pages{ padding:2% 0; text-align:center;zoom:1; overflow:hidden;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .p_page em,
.Pages .a_first,
.Pages .a_end{ display:none;}
.Pages a{margin:0px 2%;}
/*pages end*/
/*详细页 end*/
.detail{ text-align:center; padding:2% 0;}
.detail a,.info-back a,.Pages a.a_prev,.Pages a.a_next{ display:inline-block; border-radius:10px; border:1px solid #e2e2e2; padding:1% 7%; color:#000;
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.info-back{ text-align:center; padding:4% 0;}
.info-title{font-size:125%; margin:1% 0;color:#000; text-align:center; padding-top:3%; padding-bottom:2%;}
.info-date{ border-bottom:1px solid #ccc;color:#999;  padding-bottom:2%;text-align:center; margin-bottom:5%;}
.info-pn span{ display:block; padding-bottom:1%;}
.info-pn span a{color:#999; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
@media (max-width:480px){
.info-title{ font-size:100%;}
.info-date,
.detail a,
.Pages a,
.info-pn{ font-size:80%;}
}
/*详细页 end*/

/*产品中心*/
.product-list{ overflow:hidden; clear:both;}
.product-list li{ float:left; width:50%; padding:0 2% 3%; margin-bottom:5%; border-bottom:1px solid #d9d8da; text-align:center;}
.product-list li h1{ line-height:3; font-size:113%; font-weight:normal;}
.product-list li h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product-list li div{ padding:0 5%; position:relative;}
.product-list li div a{ width:86%; height:86%; position:absolute; left:7%; top:7%; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.product-list li img{ width:100%; border:1px solid #dadada; padding:2%;}
@media (max-width:480px){
.product-list li h1{ font-size:80%; }
}
/*产品中心 end*/

.swiper-car .swiper-wrapper{height:50px !important;}
.swiper-car{ background-color:#0073e0; color:#fff; margin-bottom:20px;}
.swiper-car .active{ background-color:#ffba00;}
.swiper-car .swiper-slide{ text-align:center; height:50px !important; line-height:50px; cursor:pointer;}

.swiper-car .arrow-right,
.swiper-car .arrow-left{position:absolute; right:0px;background: url(../images/arrow.png) no-repeat center center; background-size:auto 20px;  width:30px; height:100%; z-index:10; cursor:pointer;}

@media (max-width:480px)
{
.swiper-car{ font-size:14px;}
.swiper-car .arrow-right{ right:-5px;}
}
@media (max-width:320px)
{
.swiper-car{ font-size:12px;}
}
/*产品中心 end*/
/*案例*/
.case-list li{ float:left; width:50%;  padding:2%;}
.case-list li div{border:1px solid #eee; padding:2%; text-align:center;}
.case-list li h1{ padding:2%;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case-list li:nth-child(2n+1){ clear:left;}
.case-list li img{ width:100%;}
@media (max-width:320px)
{
.case-list li{ font-size:12px;}
}

.caseShowInfo{ display:none; top:0; position:fixed; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:100;}
.caseShowInfo .main{ position:absolute; width:80%; padding:3%; max-height:80%; overflow-y:auto;overflow-x:hidden; top:10%; left:10%; background:#fff; border-radius:5px;}
.caseShowInfo .colse{ z-index:10; background:url(../images/close.png) no-repeat #f9bf00; background-size:cover; width:50px; height:50px; overflow:hidden; line-height:150px; border-radius:50%; position:absolute; right:7%; top:8%;}
@media (max-width:480px)
{
.caseShowInfo .colse{width:30px; height:30px;}
}
/*案例 end*/

/*HOME*/
.h-menu{ overflow:hidden; clear:both; padding:5% 4%;}
.h-menu li{ float:left; width:20%; text-align:center; font-size:150%;}
.h-menu li img{ width:85%; max-width:170px; margin-bottom:5%;border-radius:50%;}
.h-menu li a{ color:#565656;display:block;}
.h-nav{ overflow:hidden; clear:both;}
.h-nav li{ float:left; width:33.33%;}
.h-nav li img{ width:100%;}
@media (max-width:768px){
	
}
@media (max-width:640px){
.h-menu li{font-size:120%;}	
}
@media (max-width:480px){
.h-menu li{font-size:90%;}	
}
@media (max-width:320px){
.h-menu li{font-size:75%;-webkit-transform: scale(0.9);}	
}
/*HOME end*/

/*map*/
#allmap{ margin-top:2%; }
.map{font-size:150%;}
.map .text{ width:100%; border:1px solid #aaaaaa; Border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;-o-border-radius:5px; background:#f9f9f9;-moz-box-shadow:5px 5px 10px 3px #e5e5e5 inset;-webit-box-shadow:5px 5px 10px 3px #e5e5e5 inset;box-shadow:5px 5px 10px 3px #e5e5e5 inset;padding:2% 1%; }
.map .btn{ width:100%; border:1px solid #fff; Border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;-o-border-radius:8px; -moz-box-shadow:5px 5px 10px 3px #e5e5e5 inset;-webit-box-shadow:5px 5px 10px 3px #e5e5e5;box-shadow:5px 5px 10px 3px #e5e5e5; padding:2% 0; text-align:center;background:-moz-linear-gradient(top, #fdfdfd, #e5e5e5); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #e5e5e5));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e5e5e5', GradientType='0');  cursor:pointer;}
@media (max-width:480px){
.map{font-size:100%;}
}
@media (max-width:320px){
.map{font-size:90%;}
}
/*map end*/

.h-news{padding:2%; }
.h-news ol {padding:2%; background-color:#eee;}
.h-news ol  div{ position:relative;}
.h-news img{ width:100%;}
.h-news ol  div a{ display:block;}
.h-news ol  div span{ position:absolute; bottom:0; height:50px; overflow:hidden; line-height:50px; color:#fff; text-align:center; left:0; width:100%; background:rgba(0,0,0,0.5);}
.h-news li{ clear:both; overflow:hidden; border-bottom:1px dashed #ccc; padding:3% 2%;}
.h-news li:last-child{ border-bottom:0;}
.h-news li .pic{ width:15%; float:right; margin-left:2%;}
.h-news li .pic img{ border-radius:50%;}
.h-news li h1{ font-size:150%; padding-top:5%;} 
.h-news li h1 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
@media (max-width:480px){
.h-news li h1{font-size:16px;}
}
@media (max-width:320px){
.h-news ol  div span{font-size:14px; height:40px; line-height:40px;}
.h-news li h1{font-size:14px;}
}


/*连锁分店*/

.search{ padding:2% 0; overflow:hidden;}
.search p{ float:left; font-size:14px; color:#000; font-weight:bold; line-height:31px;}
.search select{ float:left; margin:0 5%; padding:4px 0; width:50%; padding-left:10px; border:1px solid #a4a1a2; font-size:14px; color:#000; }
.search a.search_ok{ white-space:nowrap; display:block; float:left; color:#fff; font-size:14px; background:url(../images/red_bg.jpg) left top repeat-x; width:67px; height:31px; line-height:31px;}
.search .search_ok span{  background:url(../images/search2.png) 10px center no-repeat; padding-left:31px; width:36px; display:block; height:31px;}
.mapBox{ position:relative;}
.map{text-align:center;}
.map img{}

.storePopBg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.storePopBg .storePopLayout .storePopContent{ color:#fff; font-size:16px; width:80%; margin:0 auto; padding-top:30%;}
.storePopBg .storePopLayout li{ overflow:hidden;}
.storePopBg .storePopLayout li .Ti{ width:56px; float:left; text-align:right;}
.storePopBg .storePopLayout li .cont{ float:left;}
.storePopBg .storePopClose{ position:absolute; width:60px; height:60px; right:0; top:0;}
.storePopBg .storePopClose a{ font-size:60px; display:block; width:60px; height:60px; line-height:60px; color:#fff; font-weight:lighter; font-family:'微软雅黑'; text-align:center;}

.table_person { background-color:#13a7f1; width:100%; height:32px; color:#fff; line-height:32px; text-align:center;}

.position_list ul{ width:100%;background-color:#d4edf9; margin:5px 0;}
.position_list ul li.li_list{ overflow:hidden; height:32px; line-height:32px; cursor:pointer;}
.position_list ul li.li_list span,.table_person span{ display:block; float:left; text-align:center; font-size:14px; color:#666; width:20%;}
.position_list ul li.li_detail{position:relative; padding-bottom:34px; display:none;}
.position_list ul li.li_detail .p_detail{margin:25px 0 0 33px; font-size:14px; color:#999;}
.position_list ul li.li_detail .do_it{ position:absolute; bottom:13px; right:13px; display:block; height:31px; width:67px; line-height:31px; text-align:center; background:url(../images/red_bg.jpg) left top repeat-x; color:#fff;}

.person_form{ margin-top:46px;}
.person_form table th{ font-size:14px; color:#666; text-align:right; padding-bottom:20px;}
.person_form table td{ padding-bottom:20px;}
.person_form table td .input{ width:300px; height:30px; line-height:30px; padding:0 5px; border:1px solid #ddd;}
.person_form table td input{ margin-left:10px;}
.person_form table td .submit_btn{ height:31px; width:100px; background:url(../images/red_bg.jpg) left top repeat-x; color:#fff; line-height:31px; text-align:center; margin-bottom:30px; cursor:pointer; border:none;}

.form_table{ width:100%;}
.form_table td{ padding:2% 0;}
.form_table td.td_name{ text-align:right; white-space:nowrap;}
.form_table .text{ width:90%; padding:2% 5px; border:1px solid #ddd;}
.form_table .form_err{ color:#F00}
.form_table .btn{height:31px; width:100px; background:url(../images/red_bg.jpg) left top repeat-x; color:#fff; line-height:31px; text-align:center; margin-bottom:30px; cursor:pointer; border:none;}

.Streamflows{}
.Streamflows li{ overflow:hidden; clear:both;}
.Streamflows li:first-child{ padding-left:0;}
.Streamflows li .Ti{ font-size:14px; color:#000; line-height:31px; font-weight:bold;}
.Streamflows li input{ margin:0;}
.Streamflows li .SearchBox input{ width:70%;}
.Streamflows li .SearchBox .search_ok{ float:left; margin-left:10px;}
.Streamflows li .input input{ width:100%;}
@media (max-width:480px){
.Streamflows li{ float:none;}
}


.vip_search{overflow:hidden;}
.vip_search p{  font-size:14px; color:#000; font-weight:bold; line-height:31px;}
.vip_search input{ float:left; height:31px; line-height:31px; width:70%; padding-left:10px; border:1px solid #a4a1a2; font-size:14px; color:#000; }
.vip_search a.search_ok{ white-space:nowrap; display:block; float:left; color:#fff; font-size:14px; background:url(../images/red_bg.jpg) left top repeat-x; width:67px; height:31px; line-height:31px;}
.vip_search .search_ok span{  background:url(../images/search2.png) 10px center no-repeat; padding-left:31px; width:36px; display:block; height:31px;}
.vip_box{width:100%;  padding:5% 0;}
.table_vip {width:100%; margin:0 auto;}
.table_vip thead tr td{ background-color:#13a7f1; border-right:1px solid #fff; width:33.2%; height:32px; color:#fff; line-height:32px; text-align:center;}
.table_vip thead tr td.td_position{ background-color:#0f92d3;}
.table_vip tbody tr td{text-align:center;height:32px; line-height:32px; background-color:#d4edf9; border-top:5px solid #fff; color:#666; font-size:14px; }

/*供应商流量查询*/
.table_gongyingshang{ width:100%;}
.table_gongyingshang thead tr td{ background-color:#13a7f1; border-right:1px solid #fff; width:16.5%; height:32px; color:#fff; line-height:32px; text-align:center;}
.table_gongyingshang tbody tr td{text-align:center;height:32px; line-height:32px; background-color:#d4edf9; border-top:5px solid #fff; color:#666; font-size:14px; }

.ul_sitemap li{ border-bottom:dotted 1px #eee; padding:2% 0;}
.ul_sitemap strong{ display:block;}