﻿
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:1.5em; color:#222222; width:100%; min-width:320px; zoom:1; background:#f6f6f6; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i,address{ font-weight:normal; font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#222222; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#cc0000;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder {color: #d1d1d1;}
::-moz-placeholder {color: #d1d1d1;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #d1d1d1;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #d1d1d1;}
.container{ max-width:1100px; min-width:320px; margin:0px auto;}
@media ( max-width:1100px){
.container{ margin:0px 10px;}
}
.relative{ position:relative;}

/*font*/
.f_red{ color:#da251d;}


/*pages*/
.Pages{ padding:0px; zoom:1; overflow:hidden;text-align:center; color:#555; clear:both;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 0px; line-height:28px; border:1px solid #dddddd; border-radius:4px; color:#898989;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; text-align:center; vertical-align:middle; padding:0px 12px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{color:#333;}
.Pages .p_page .num a{ display:inline-block; text-align:center; font-size:14px; margin:0px 2px; vertical-align:middle; color:#898989; width:28px;}
.Pages .p_page .num a:hover{ color:#d42d45;}
.Pages .p_page .num a.a_cur{ background:#d42d45; color:#fff;}
/*pages end*/

@media ( max-width:768px){
.Pages a{line-height:24px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0px 4px;}
.Pages .p_page .num a{width:24px;}
}

/*Top*/
.Header{ background:#f6f6f6;}
.Header .Logo{ text-align:center; padding-top:10px;}
.Header .Search{ position:absolute; right:0px; top:34px; width:150px; height:22px; border:1px solid #cccccc; border-radius:5px; padding:3px 0px 0px 3px; clear:both;}
.Header .Search .input{ float:left; width:126px; height:19px; line-height:19px; background:transparent; border:0px;}

.MainNav{ text-align:center;}
.MainNav li{ display:inline-block; *display:inline; zoom:1; position:relative; z-index:999; position:relative; z-index:999; width:13.5%;}
.MainNav li span a{display:block; color:#222222;line-height:61px;}
.MainNav li span i{ position:absolute; right:28px; top:30px; background:url(../image/navarr1.gif) 0px top no-repeat; width:8px; height:5px; display:block;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;}
.MainNav li span a:hover,.MainNav li span .sele,.MainNav li.onnav span a{color:#e50f2e;}
.MainNav li:hover span  i,.MainNav li.onnav span i,.MainNav li span .sele i{ background:url(../image/navarr01.gif) center center no-repeat;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}
.MainNav h2{ display:none;}

.SubNav{ display:none; position:absolute; top:61px; left:15px; border-radius: 0px 0px 8px 8px; width:125px; text-align:center;background:#e50f2e; z-index:999;}
.SubNav a{ color:#fff; display:block; padding:10px 4px; border-bottom:1px solid #f41939; line-height:12px;}
.SubNav a:hover{ color:#ffcc00; background:#cf0624;}
.SubNav dd:last-child a{ border-bottom:0px;}.SubNav dd:last-child a:hover{ border-radius: 0px 0px 8px 8px;}
.UI-jian{ background:url(../image/navarr1.gif) 0px top no-repeat;}
.UI-jia{ background:url(../image/navarr01.gif) 0px top no-repeat;}
.bg{ left:0px; top:0px; z-index:99; position:fixed; width:100%; height:100%; background:#f7f6f6; display:none;}

@media ( max-width:992px){
.Header .Logo{ float:left; width:30%; padding:5px 0px;}
.MainNav h2{ cursor:pointer; display:block; position:absolute; right:0px; top:50%; margin-top:-14px; z-index:100;}
.MainNav h2 .close{ display:none;}.MainNav h2.on .an{ display:block;}
.MainNav h2.on .close{ display:block;}.MainNav h2.on .an{ display:none;}
.MainNav .pullsub{ display:none; position:absolute; left:0px; top:100%; width:100%; }
.MainNav .pullsub li{ display:block; text-align:left; width:auto; border-bottom:1px solid #ccc; margin-right:10px;}
.MainNav .pullsub li span a{ line-height:32px;}
.MainNav .pullsub li .SubNav{ position:static; width:auto; border-radius:0px;}
.MainNav li span i{right:0px; top:0px; background: url(../image/navarr1.gif) center center no-repeat; width:32px; height:32px;
transition: All 0s ease-in-out;
-webkit-transition: All 0s ease-in-out;
-moz-transition: All 0s ease-in-out;
-o-transition: All 0s ease-in-out;}
.Header .Search{ right:45px; top:50%; margin-top:-12px;}
}

/*Top*/

/*Bottom*/
.Footerbg{ background:#3f434e;}
.Footerbg .Logo{ float:left; background:#d42d45; width:19%; height:230px; margin-right:4%;}
.Footerbg .Logo a{ display:table-cell; vertical-align:middle; height:230px;}
.Footerbg .Logo img{ text-align:center; width:100%; display:block; margin:0px auto;}
.Footerbg .Centernr{ padding:40px 0px 0px 0px; width:48%; float:left; color:#fff;}
.Footerbg .Centernr .link{ padding-left:16px;}
.Footerbg .Centernr .link a{ display:inline-block; color:#fff; margin-right:8px;}
.Footerbg .Centernr .link a:hover{ color:#ffcc00;}
.Footerbg .Centernr .add{ font-size:12px; border:1px dashed #50535d; line-height:21px; padding:7px 14px; margin:3% 0px;}
.Footerbg .Centernr .copyright{ font-size:12px; color:#c1c2c5;}
.Footerbg .Centernr .copyright a{ color:#c1c2c5;}.Footerbg .Centernr .copyright a:hover{ color:#ffcc00;}
.Footerbg .rightnr{ float:right; padding-top:28px;}
.Footerbg .rightnr .tel{ line-height:25px; background:url(../image/tel.png) 0px center no-repeat; padding-left:24px; font-size:12px; color:#cdced1;}
.Footerbg .rightnr .tel strong{ font-size:16px; color:#fff;}
.Footerbg .rightnr .tel strong a{color:#fff;}
.Footerbg .rightnr .ewm{ padding-top:3%; font-size:12px; color:#c1c2c5;}
.Footerbg .rightnr .ewm li{ text-align:center; float:left; width:97px; padding:0px 1px 0px 19px;}
.Footerbg .rightnr .ewm li img{ display:block; border:6px solid #fff; width:85px; height:85px;}

@media ( max-width:992px){
 .Footerbg{ padding:10px 0px;}
 .Footerbg .Logo{ float:none; background:#d42d45; width:auto; height:auto; padding:10px; text-align:center; margin-right:0%;}
 .Footerbg .Logo a{ height:auto; display:block;}
 .Footerbg .Logo img{ width:auto; max-width:60%;}
 .Footerbg .Centernr{ padding:20px 0px 0px 0px; width:auto; float:none;}
 .Footerbg .rightnr { float:none; padding-top:15px;}
}

/*Bottom*/


/*首页*/
.homebg{ background:#fff;}
.HomeBan{ position:relative; height:600px; z-index:0; overflow:hidden; margin-bottom:4%;}
.HomeBan .bd{ position:relative; z-index:0;}
.HomeBan .bd ul{ width:100% !important;}
.HomeBan .bd li{ width:100% !important;  height:600px;}
.HomeBan .bd li a{ height:600px; display:block;}
.HomeBan .hd{width:100%; text-align:center;position:absolute; left:0px;bottom:27px; height:14px;z-index:1000; overflow:hidden;}
.HomeBan .hd ul li{width:14px;height:14px;display:inline-block;*display:inline;*zoom:1;cursor:pointer;margin:0px 5px; background:url(../image/bandot.png) 0px top no-repeat; line-height:999px;}
.HomeBan .hd ul .on{ background:url(../image/bandot.png) -14px top no-repeat;}

.mobile_ban{ position:relative; display:none; margin-bottom:4%;}
.mobile_ban .swiper-pagination-bullet{opacity:1; background:url(../image/bandot.png) 0px top no-repeat; width:14px; height:14px;}
.mobile_ban .swiper-pagination-bullet-active{opacity:1; background:url(../image/bandot.png) -14px top no-repeat;}

@media ( max-width:992px){
 .HomeBan{ display:none;}
 .mobile_ban{ display:block;}
}

/*HOME企业介绍*/
.AboutScroll{ position:relative; width:618px; float:left; margin-bottom:5%; height:502px; overflow:hidden;}
.AboutScroll ul{ overflow:hidden; zoom:1;}
.AboutScroll li{ position:relative; height:502px;}
.AboutScroll li .img{ width:451px; height:400px;}
.AboutScroll li .img img{ display:block; width:451px; height:400px;}
.AboutScroll li .img2{ width:250px; height:340px; position:absolute; right:0px; bottom:0px;}
.AboutScroll li .img2 img{ display:block; width:250px; height:340px;}
.AboutScroll .prev,
.AboutScroll .next{ position:absolute;right:83px; top: 85px; display:block; text-align:center; width:82px; line-height:76px; overflow:hidden;cursor:pointer; border:1px solid #e5e5e5; background:#fff; font-family:"宋体"; font-size:35px; color:#e7e7e7;}
.AboutScroll .next{ right:0px;}
.AboutScroll .prev:hover,.AboutScroll .next:hover{ background:#f7f7f7; color:#b7b7b7;}
.MAboutScroll{ display:none;}
.MAboutScroll .swiper-slide{ width:240px;}

.HomeAbout{ color:#222222;  margin-bottom:5%; width:419px; padding-bottom:85px; float:right; line-height:25px; position:relative; background:url(../image/abouticon.gif) right bottom no-repeat;}
.HomeAbout .Tit-img{ padding-bottom:65px;}
.HomeAbout p{ text-indent:2em;}
.HomeAbout a.detail{ color:#a9a9a9; width:110px; line-height:30px; font-size:12px; padding-left:17px; background:url(../image/detailbg.gif); bottom:0px; left:0px; display:block; position:absolute;}
.HomeAbout a:hover.detail{ color:#cc0000;}

@media ( max-width:1100px){
.AboutScroll{width:578px;}
}
@media ( max-width:1240px){
.AboutScroll{width:558px;}
.AboutScroll li .img{ width:391px; height:347px;}
.AboutScroll li .img img{width:391px; height:347px;}
.HomeAbout{ width:390px;}
}
@media ( max-width:992px){
.AboutScroll{ display:none;}
.MAboutScroll{ display:block; margin-bottom:18px;}
.HomeAbout{width:auto; padding:0px 0px 38px 90px; height:162px; overflow:hidden; float:none; line-height:22px;}
.HomeAbout .Tit-img{ position:absolute; left:0px; top:0px; width:80px;}
.HomeAbout a.detail{left:93px;}
}
@media ( max-width:480px){
.HomeAbout p{ text-indent:2em; line-height:18px; height:156px; overflow:hidden;}
}

/*HOME某某业务*/
.HomeTit{ text-align:center; color:#a3a3a3; text-transform:uppercase; padding-bottom:15px;}
.HomeTit h2{ font-weight:bold; line-height:36px; color:#222222; font-size:22px;}
.HomeBusiness{ background:#f6f6f6; padding:3% 0 4%;}
.HomeBusiness .hd{ padding-bottom:30px; text-align:center;}
.HomeBusiness .hd li{ border:1px solid #e7e7e7; width:138px; line-height:33px; display:inline-block; *display:inline; zoom:1; margin:0px 5px;}
.HomeBusiness .hd li a{ display:block; color:#777777;}
.HomeBusiness .hd li.on a{ background:#e72541; color:#fff;}
.HomeBusiness .hd li.hover a{ background:#e72541; color:#fff;}

.HomeBusiness .swiper-slide{ cursor:pointer; width:240px; position:relative;}
.HomeBusiness .bbox { position:relative;}
.HomeBusiness .swiper-button-prev {background: url(../image/arrows.png) no-repeat left top;position: absolute; z-index:999;left: 10px;
top: 50%;margin-top: -16px;width: 18px;height: 38px;}
.HomeBusiness .swiper-button-next { background: url(../image/arrows.png) no-repeat -18px bottom; position: absolute; z-index:999; right: 10px;
top: 50%; margin-top: -16px; width: 18px; height: 38px;}
.HomeBusiness .swiper-container:hover .swiper-button-prev {background: url(../image/arrows2.png) no-repeat left top; width:30px; height:52px;}
.HomeBusiness .swiper-container:hover .swiper-button-next {background: url(../image/arrows2.png) no-repeat right top; width:30px; height:52px;}

.HomeBusiness .Infobox{ display:none; width:100%; position:absolute; left:0px; top:0px; background: url(../image/filter50.png); height:100%;}
.HomeBusiness .Infobox .box{ padding:0px 19px;}
.HomeBusiness .Infobox .tit{ line-height:21px; padding:24% 0 15%; font-size:18px; color:#fff;}
.HomeBusiness .Infobox .p{ line-height:20px; color:#f3aab1; padding-bottom:15%;}
.HomeBusiness .Infobox .more{ width:123px; line-height:30px; margin:0px auto; color:#fff; text-align:center; border:1px solid #fff; display:block;}

@media ( max-width:480px){
.HomeBusiness .swiper-slide{ width:120px;}
.HomeBusiness .Infobox .tit{ text-align:center; font-size:16px;}
.HomeBusiness .Infobox .p{ line-height:18px; height:40px; margin-bottom:10px; overflow:hidden; font-size:12px;}
.HomeBusiness .Infobox .box{ padding:0px 8px;}
.HomeBusiness .Infobox .more{ width:65px; line-height:25px;}
}

/*HOME某某资讯*/
.HomeNews{ padding-top:3%;}
.HomeNews .swiper-slide:first-child{ margin-left:0px;}
.HomeNews .swiper-slide{ width:250px; position:relative; height:320px; line-height:21px; margin-left:30px;}
.HomeNews .swiper-slide .box{ padding-left:39px;transition: all ease .3s;}
.HomeNews .swiper-slide .box .date{ margin:42px 0px 0px 0px; padding:11px 0px 0px 8px; width:52px; height:49px; border:2px solid #959595; line-height:13px; font-size:12px; color:#666666;}
.HomeNews .swiper-slide .box .date i{ display:block; line-height:24px; color:#333333; font-size:16px;}
.HomeNews .swiper-slide .box .tit{ padding:22px 0px 32px 0px; color:#333333;}
.HomeNews .swiper-slide .box .p{ height:84px; color:#888888; font-size:12px;}
.HomeNews .swiper-slide .box .more{color:#888888; font-size:12px;}
.HomeNews .swiper-slide .img{opacity:0; position:absolute; top:0px; left:0px;transition: all ease .3s; width:100%; text-align:center;}
.HomeNews .swiper-slide .img img{ width:250px; margin:0px auto; height:200px;}

.HomeNews .swiper-slide:hover .img{opacity:1;transition: all ease .3s; position:absolute; top:0px; left:0px;}
.HomeNews .swiper-slide:hover .box{ padding:0px;transition: all ease .3s;}
.HomeNews .swiper-slide:hover .date{ display:none;}
.HomeNews .swiper-slide:hover .info{ background:#e72541; padding:0px; height:120px;transition: all ease .3s; position:absolute; bottom:0px; left:0px; width:100%;}
.HomeNews .swiper-slide:hover .info .tit{ padding:23px 15px 7px 15px; color:#fff;}
.HomeNews .swiper-slide:hover .info .p{ color:#f8cfd2;padding:0px 15px 0px 15px; height:42px; overflow:hidden;}
.HomeNews .swiper-slide:hover .box .more{ display:none;}

.HomeNews .swiper-slide.first .img{opacity:1;transition: all ease .3s; position:absolute; top:0px; left:0px;}
.HomeNews .swiper-slide.first .box{ padding:0px;transition: all ease .3s;}
.HomeNews .swiper-slide.first .date{ display:none;}
.HomeNews .swiper-slide.first .info{ background:#e72541; padding:0px; height:120px;transition: all ease .3s; position:absolute; bottom:0px; left:0px; width:100%;}
.HomeNews .swiper-slide.first .info .tit{ padding:23px 15px 7px 15px; color:#fff;}
.HomeNews .swiper-slide.first .info .p{ color:#f8cfd2;padding:0px 15px 0px 15px; height:42px; overflow:hidden;}
.HomeNews .swiper-slide.first .box .more{ display:none;}

.HomeNews .swiper-pagination{ font-size:12px; line-height:26px; background:url(../image/linebg.gif) 70px top no-repeat; text-align:left; text-indent:6em;}
.swiper-pagination-fraction{ bottom:0px;}
.HomeNews .swiper-wrapper{ margin-bottom:48px;}
.line{ border-top: 1px solid #ededed; height:28px; margin-top:-25px; margin-bottom:3%;}
.HomeNews .swiper-button-prev { z-index:666; display:none;background: url(../image/arrows2.png) no-repeat left top; left:0px;width: 30px;height: 52px;}
.HomeNews .swiper-button-next { z-index:666; display:none; background: url(../image/arrows2.png) no-repeat -30px bottom; right:0px;width: 30px;height: 52px;}
.HomeNews:hover .swiper-button-prev,.HomeNews:hover .swiper-button-next { display:block;}
.HomeNews:hover .swiper-button-disabled{ display:none;}


@media ( max-width:480px){
.HomeNews .swiper-slide{ width:100%; position:relative; height:320px; line-height:21px; margin-left:0px; overflow:hidden;}
.HomeNews .swiper-slide .box{ padding-left:0px;transition: all ease .3s;}
.HomeNews .swiper-slide .box .date{ margin:0px 0px 0px 0px;}
.HomeNews .swiper-slide .img img{ width:100%; height:auto; display:block;}
.HomeNews .swiper-slide .img{opacity:1;transition: all ease .3s; position:absolute; top:0px; left:0px;}
.HomeNews .swiper-slide .box{ padding:0px;transition: all ease .3s;}
.HomeNews .swiper-slide .date{ display:none;}
.HomeNews .swiper-slide .info{ background:#e72541; padding:0px; height:120px;transition: all ease .3s; position:absolute; bottom:0px; left:0px; width:100%;}
.HomeNews .swiper-slide .info .tit{ padding:23px 15px 7px 15px; color:#fff;}
.HomeNews .swiper-slide .info .p{ color:#f8cfd2;padding:0px 15px 0px 15px; height:42px; overflow:hidden;}
.HomeNews .swiper-slide .box .more{ display:none;}
}


/*栏目页*/
.SubPage{ padding:3.3% 0px;height:auto !important; height:280px; min-height:280px; overflow:hidden;}
.SubBan{ position:relative; height:400px; overflow:hidden;}
.SubBan img{ position:absolute; display:block; max-width:none; left:50%; margin-left:-960px;}

.LeftBar{ width:20.5%; float:left;}
.Maincotnent{ width:75.5%; float:right;}
.ColumnName{ border-left:6px solid #e60012; background:#e3e6eb; padding:6% 0 6% 10%; line-height:20px; color:#666666; font-size:12px;}
.ColumnName h2{ color:#e60012; font-size:24px; line-height:28px;}

.MenuList{ margin-top:-215px; position:relative; z-index:1;}
.MenuList li{ text-align:center; line-height:45px; width:11%; float:left;}
.MenuList li a{ display:block; font-size:16px; color:#fff; margin-right:1px; background:#444444;}
.MenuList li a:hover,.MenuList li.onli a{background:#e72541;}
.MenuList li:last-child a{ margin-right:0px;}

.MainContent{ position:relative; height:auto !important; height:300px; min-height:300px; padding-bottom:5%; background:#fff; margin-bottom:3%; border-bottom:1px solid #ececec;}

@media ( max-width:768px){
.SubBan{ position:relative; height:auto; overflow:hidden;}
.SubBan img{ position:static; display:block; max-width:100%; left:0%; margin-left:0px;}
.MenuList{ margin-top:15px;}
.MenuList li{ line-height:35px; width:33.333%; float:left;}
}


/*企业介绍*/
.brandtit{ margin-bottom:32px; padding-left:17px; line-height:45px; background:#ececec; font-size:20px; color:#e72541;}
.brandlist{}
.brandlist ul{ margin-left:-12px;}
.brandlist li{ float:left; width:25%;}
.brandlist li .box{ padding:0px 12px 20px;}
.brandlist li img{ display:block; border:1px solid #eeeeee;}
.video{ width:70%; margin:26px auto; background:#000;cursor:pointer; clear:both; position:relative;}
.video img{ display:block; width:100%;}
a.play{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
a.play span{ background:url(../image/filter50.png); display:block; height:100%; width:100%; left:0px; top:0px; position:absolute;}
a.play i{ display:block; background:url(../image/play.png) center center no-repeat; width:100%; height:100%; position:absolute; left:0px; top:0px;}
a:hover.play i{ background:url(../image/playon.png) center center no-repeat;}

.SubMenu{ position:relative; z-index:1; margin-bottom:20px; background:#fff;}
.SubMenu li{ text-align:center; line-height:40px; width:103px; float:left;}
.SubMenu li a{ display:block; color:#fff; margin-right:1px; background:#444444;}
.SubMenu li a:hover,.SubMenu li a.cur{background:#e72541;}
.SubMenu li:last-child a{ margin-right:0px;}

.wallphoto {display: block;position: relative; padding:3% 0;}
.wall-column {display: block;position: relative;width: 25%;float: left;}
.grid { display: block;padding: 5%;background: white;overflow: hidden;position: relative;}
.grid .img { margin-bottom:5%;}
.grid .img img { display: block; width: 100%;}
.grid .img2 { margin-bottom:5%;}
.grid .img2 img { display:block; margin:0px auto; max-height:178px;}

.grid p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; text-align:center; margin:0px auto;}

.shopmap{ margin:5% 0 0 2%; line-height:20px; float:left; width:734px; position:relative;}
.shopmap a{ cursor:pointer; width:33px; height:40px; position:absolute; display:block;}
.shopmap a#lz{ top:205px; left:301px;}
.shopmap a#bj{ top:196px; left:537px;}
.shopmap a#ty{ top:256px; left:490px;}
.shopmap a#xa{ top:307px; left:442px;}
.shopmap a#cd{ top:384px; left:399px;}
.shopmap a#cq{ top:362px; left:428px;}
.shopmap a#sy{ top:354px; left:482px;}
.shopmap a#wh{ top:364px; left:520px;}
.shopmap a#sh{ top:354px; left:619px;}
.shopmap a#gy{ top:405px; left:480px;}
.shopmap a#km{ top:479px; left:360px;}
.shopmap a#ez{ top:474px; left:448px;}
.shopmap a#sz{ top:485px; left:520px;}
.shopmap .city{ display:none;}
.shopmap .shopbox{ display:none; position:absolute; border-radius:5px; background:#e72541; font-size:16px; color:#fff; width:128px; line-height:29px; padding:7px 0px 7px 22px; bottom:54px; left:-60px;}
.shopmap .arr{ position:absolute; background:url(../image/maparr.png); width:12px; height:7px; display:block; bottom:-7px; left:71px;}
.shopmap a:hover .shopbox{ display:block;}

.remark{padding-top:22px; font-size:18px;}
.remark b{ color:#e72541; font-size:24px; color:#e72541;}
.remark span{ margin-left:10px; display:inline-block;}
.remark .add1{ background:url(../image/add1.png) 0px center no-repeat; padding-left:22px;}
.remark .add2{ background:url(../image/add2.png) 0px center no-repeat; padding-left:22px;}

@media ( max-width:768px){
.video{ width:100%; margin:14px auto;}
.shopmap a{ display:inline; position:static;}
.shopmap .shopbox{ display:block; position:static; width:auto; margin-bottom:10px; line-height:22px; font-size:14px;}
.shopmap .arr{ display:none;}
.shopmap .city{ display:block;}
.grid .img2 img { height:140px;}
}
@media ( max-width:480px){
.brandtit{ margin-bottom:20px; padding-left:17px; line-height:35px; font-size:16px;}
.brandlist ul{ margin-left:-6px;}
.brandlist li .box{ padding:0px 6px 12px;}
.wall-column {display: block;position: relative;width: 50%;float: left;}
.remark{ text-align:left; padding:0px 10px;}
.remark span{ display:block; margin-left:0px; margin-top:10px;}
.grid .img2 img { height:125px;}
}
@media ( max-width:736px){
.shopmap{width:auto; padding:0px 10px;}
}


/*某某造型*/
.newslist{ margin:0px 15px; padding:23px 0px 26px;}
.newslist li{ padding:26px 0px 23px; border-bottom:1px dashed #ececec; position:relative;}
.newslist li .box{ position:relative; padding-right:30px;}
.newslist li .img{ width:16.8%; background:#000; float:left;background-color:#F8F8FF}
.newslist li .info{ width:79%; padding-right:1.5%; float:right;}
.newslist li .info .tit{ font-size:16px; padding:2% 0;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:80%; display:block;}
.newslist li .info .p{ color:#666666; padding-bottom:2%;}
.newslist li .info .date{ color:#999999; font-size:12px; background:url(../image/date.gif) 0px center no-repeat; padding-left:20px;}
.newslist li .more{ width:25px; text-align:center; background: #f2f2f2 url(../image/more1.gif) center center no-repeat; font-size:18px; color:#8a8a8a; height:100%; position:absolute; right:0px; top:0px;}
.newslist li:hover .box{background: #f8f8f8;}
.newslist li:hover .more{background: #e72541 url(../image/more2.gif) center center no-repeat;}

.Titleinfo{ text-align:center; padding:40px 15px 30px 15px; background:url(../image/linebg2.gif) 0px bottom repeat-x;}
.Titleinfo h2{ line-height:32px; padding:5px 0px; font-size:18px; color:#333333;}
.Titleinfo p{ line-height:24px; color:#a4a4a4;}

.PrevNextBox { margin-top:35px; font-size:14px; border-top:1px solid #eeeeee; padding:16px 15px 0px 15px; line-height:28px; position:relative;}
.PrevNextBox h1{ text-align:right; padding-top:4%; font-weight:normal;}
.PrevNextBox h1 a{ display:inline-block; width:97px; font-size:14px; line-height:32px; text-align:center; color:#fff; background:#e81727;}
.PrevNextBox b{ float:left;}
.PrevNextBox a{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:80%;}
.PrevNextBox a.none{ cursor:default;}
.PrevNextBox a.none:hover{ color:#333;}

@media ( max-width:480px){
.newslist{ margin:0px 10px; padding-top:23px;}
.newslist li{ padding:15px 0px 15px;}
.newslist li .info .tit{ font-size:14px; padding-top:0%;}
.newslist li .info .p{ font-size:12px; line-height:18px;}
.newslist li .box{ padding-right:0px;}
.newslist li .more{ display:none;}
.newslist li:hover .box{background: none;}
}
@media ( max-width:768px){
.newslist li .img{ width:22%; background:#000; float:left;}
.newslist li .info{ width:73%; padding-right:1.5%; float:right;}

}


.Scale-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}


/*关于我们*/
.SinglePage{word-wrap:break-word; clear:both; overflow:hidden; padding:4% 17px 0; line-height:1.8em;}
.Contactus{ padding:20px 0 4%;}
.Contactus .item{ width:30%; padding:0 1.5%; text-align:center; float:left;}
.Contactus .item .icon{ width:50%; margin:0px auto;}
.Contactus .item dt{ font-size:16px; line-height:46px;}
.Contactus .item dd{ color:#7e7e7e; line-height:25px;}
.ewm { text-align:center; padding-top:31px;}
.ewm li{ display:inline-block; *display:inline; zoom:1; width:15%; line-height:16px; vertical-align:top;}
.ewm li span{ display:block; margin-bottom:12px;}

@media ( max-width:768px){
.ewm li{ display:block; width:30%; padding:0 1.5%; float:left;}
}
@media ( max-width:480px){
.Contactus .item{ width:auto; padding:0 0%; text-align:center; float:none;}
.SinglePage{padding-left:10px;padding-right:10px;}
}

/*18-03-15*/
.MapSelect{border:1px solid #e3e3e3; width:294px; float:right; padding:18px 10px 28px; margin:5% 2% 0 0; height:324px;}
.MapSelect dl dd{height:45px; line-height:45px; font-size:16px; color:#222222; margin-bottom:12px;}
.MapSelect dl dd .select{border:1px solid #e9e9e9; height:43px; line-height:43px; padding-left:20px; font-size:14px; color:#666666; margin-left:10px; width:215px;}
.MapSelect .con{margin:13px 0px 0px; height:193px; overflow-y:scroll;}
.MapSelect .con li{font-size:14px; color:#222222; line-height:25px; margin-bottom:24px;}
.MapSelect .con li h3{font-size:16px; color:#e72541; line-height:28px; font-weight:bold;}


@media ( max-width:998px){
.MapSelect{width:714px; margin:2% auto 0; float:none;}
.shopmap{width:734px; margin:2% auto 0; float:none;}
.MapSelect dl dd .select{width:50%;}
}

@media ( max-width:768px){
.MapSelect{width:94%;}
.shopmap{width:96%;}
}

@media ( max-width:480px){
.MapSelect{width:90%;}
}
