@charset "utf-8";

html,body{height:100%;}

body{padding:70px 0 0 0; margin:0px auto; font-size:14px; line-height:24px; color:#666666; letter-spacing:0.05em; width:100%; min-width:1300px; zoom:1;font-family:"syrh","Microsoft YaHei",Arial,Helvetica,sans-serif,Arial;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:"syrh","Microsoft YaHei",Arial,Helvetica,sans-serif,Arial;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
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,fxigcaption,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:#000; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#ed2a33;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	/*background: url(../images/ico/selectarr.png) no-repeat scroll 95% center transparent;*/
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #aaaaaa;}
::-webkit-scrollbar-track{
            background-color: #aaaaaa;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #333;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #aaaaaa;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ z-index:1; position:relative; clear:both; max-width:1300px; margin:0px auto;}
.w1170{ z-index:1; position:relative; clear:both; max-width:1170px; padding:0 15px; margin:0px auto;}

/*font*/
.f_red{ color:#ec1b24;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

@media ( max-width:1360px){
.Contain{ margin:0 15px;}
}
@media ( max-width:1024px){
body{ min-width:300px; font-size:12px; line-height:22px; padding-top:45px;letter-spacing:0em;}	
.Contain{max-width:none;}
select,input,textarea,button{ -webkit-appearance: none;}
}

/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#919191; clear:both; line-height:34px; font-size:18px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 5px; color:#919191;}
.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; vertical-align:middle; padding:0 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:#ff6700;}
.Pages .p_page .num a{vertical-align:middle; width:34px; border:1px solid #cccccc; border-radius:5px; color:#999999;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#ff6700; border:1px solid #ff6700; color:#fff;}

@media ( max-width:768px){
.Pages{ line-height:24px;font-size:14px;}
.Pages a{ margin:0 2px;}
.Pages .p_page .num a{width:24px;}
.Pages .p_page .num{ margin:0 5px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 4px;}
}
/*pages end*/
/*pages end*/


/*Top*/
.homecss{ padding-top:0 !important;}
.Header{ z-index:999; position:fixed; left:0; top:0; height:70px; background:rgba(0,0,0,0.7); width:100%; transition: all ease 0.3s;}
.Header .auto{ max-width:1294px; margin:0px auto;}
.Header .Logo{ padding-top:14px; float:left; width:133px;}
.Header .Logo img{ width:70px;}

.searchico { display:none; position:absolute; right:40px; top:10px;}
.searchico img{ width:21px; height:21px; max-width:none;}
.searchbox{ float:right; padding-top:20px; position:relative;transition: all ease 0.3s;}
.searchbox .input{width:130px; height:30px; line-height:30px; border-radius:4px 0 0 4px; margin-right:38px; background:#fff; font-size:12px; text-indent:0.8em; float:left;}
.searchbox .btn { height:30px;display: flex;align-items: center;justify-content: center; position:absolute; right:0; top:20px; padding:0 8px; border-radius:0 4px 4px 0; background:#1b1b1b;}
.searchbox .btn img{ width:21px; height:21px; max-width:none;}

.MainNav{ float:left;font-family: "symh";}
.MainNav li{ float:left; position:relative;}
.MainNav li span a{ z-index:1; position:relative;display:block; text-align:center; color:#fff; padding:0 35px; font-size:14px; height:70px; line-height:70px; transition: all ease 0.3s;}
.MainNav li span em{ z-index:1; position:relative;}
.MainNav .bg{ position:absolute; left:50%; bottom:0px; height:100%; background:#fff;width:0%; z-index:0;transition: all ease 0.3s;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#1a1a1a;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}

.NavPull{display:none; position:absolute; text-align:center; line-height:50px; top:70px; left:0;width:100%; background:#fff;}
.NavPull.null{background:none; padding:0;}
.NavPull .sub{ position:absolute; left:100%; width:150px; padding-left:8px; top:100px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s;}
.NavPull a{ display:block; color:#1a1a1a; background:#fff; font-size:14px;}
.NavPull a:hover{ color:#ed6d00;}
.NavPull dd:hover a{ color:#ed6d00;}
.NavPull dd:hover .sub{ top:0;visibility: visible;opacity: 1;filter: alpha(opacity=100); z-index:100;}
.NavPull dd:hover .sub a{color:#1a1a1a; font-size:12px;}.NavPull dd:hover .sub a:hover{color:#ed6d00;}

.openbtn{ cursor:pointer; display:none;width:32px; position:absolute; right:12px; top:9px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:0; display:none;background: rgba(0,0,0,0.5);}
.openbtn span{ display:block; height:3px; background:#ed6d00; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:1280px){
.MainNav li span a{ padding:0 26px;}
}
@media ( max-width:1180px){
.MainNav li span a{ padding:0 24px;}
}
@media ( max-width:1085px){
.MainNav li span a{ padding:0 19px;}
}
@media ( max-width:1024px){
.Header{height:45px !important; top:0 !important;}
.Header .Logo{ width:auto; padding-top:9px; height:45px !important;}
.Header .Logo img{ width:45px;}
.Header .openbtn{ display:block;}
.searchico{ display:block;}
.searchbox{ z-index:100;position:absolute; top:30px; width:100%;top:80px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.15); padding-top:0;}
.searchbox .input{ font-size:12px; width:98%; margin-right:0;}
.searchbox.on{ top:50px;visibility: visible;opacity: 1;filter: alpha(opacity=100);}
.searchbox .btn { top:0;}

.MainNav{ position:fixed; overflow-y:auto; z-index:999; width:100px; padding:0; right:-100px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav ul{ margin-top:0px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0; background:none;}
.MainNav li span a{text-align:left; height:auto; display:block; line-height:40px; height:auto; padding-left:5px;  border:0; color:#1a1a1a;}
.MainNav .bg{ display:none}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:0px; top:9px;transition: all ease 0.3s;}
.MainNav .arr .iconfont{ font-size:16px;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}

.NavPull{ position:static; line-height:30px; text-align:left;}
.NavPull dd{ position:relative;}
.NavPull .sub{ position:absolute; left:100%; width:150px; padding-left:8px; top:100px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s;}
.NavPull a{padding-left:15px !important; line-height:32px !important;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#f8f8f8; font-size:13px;}
.sitemap{ padding:67px 0 67px 104px;}
.sitemap dl{ width:16.6666%; float:left;}
.sitemap dl dt{font-family: "symh"; color:#5c6670; position:relative;}
.sitemap dl dd{color:#5c6670; opacity:0.6;}.sitemap dl dd a{color:#5c6670;}.sitemap dl dd a:hover{color:#ed6d00;}
.sitemap dl dt .arr{ display:none;width:100%; position:absolute; left:0; top:0; height:100%;}
.sitemap dl dt .iconfont{ font-size:19px;right:5px; top:2px; position:absolute;transition: all ease 0.3s;}
.sitemap dl.on .iconfont{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.copyrights{ display:; text-align:center; color:#bdbdbd; opacity:0.8; background:#000000;}
.copyrights p{padding:20px 15px;}
.copyrights a{color:#bdbdbd;}.copyright a:hover{color:#ffcc00;}
.copyrights span{ display:inline-block; margin-left:50px;}
.totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; position:fixed; right:2%; bottom:8%; z-index:99; width:50px; height:50px; line-height:50px; background:#ed6d00; color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}
.totop .iconfont { font-size:14px;}
.homecss .Footer{ background:#0c0d22;}
.homecss .sitemap dl dt{ color:#fff;}
.homecss .sitemap dl dd{color:#5c6670; opacity:1;}.homecss .sitemap dl dd a{color:#5c6670;}.homecss .sitemap dl dd a:hover{color:#ed6d00;}

@media ( max-width:1280px){
.sitemap{ padding-left:50px;}
}
@media ( max-width:1024px){
.sitemap{ padding:20px 0; display:none;}
.sitemap dl{ width:auto !important; float:none !important; height:auto; min-height:20px; margin:0; border-bottom:1px solid #eee; padding:0 !important;}
.sitemap dl .sub{ display:none; padding-bottom:8px;}
.sitemap dl dt{ padding:4px 0;}
.sitemap dl dt .arr{ display:block;}
.sitemap dl.hotline{ border-bottom:0;}
.copyrights{ display:block;}
.copyrights p{padding:15px;}
.copyrights span{ margin-left:30px;}
.totop{width:35px; height:35px; line-height:35px;}
}

/*Bottom*/


/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}

/*第一屏 s*/
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides img{
animation:mymove 3.5s infinite;
-webkit-animation:mymove 3.5s infinite; /*Safari and Chrome*/
animation-direction:alternate;/*轮流反向播放动画。*/
animation-timing-function: ease-in-out; /*动画的速度曲线*/
/* Safari 和 Chrome */
-webkit-animation:mymove 3.5s infinite;
-webkit-animation-direction:alternate;/*轮流反向播放动画。*/
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
@keyframes mymove
{
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.1);
  }
  100%{
    transform: scale(1);
  }
}
            
@-webkit-keyframes mymove /*Safari and Chrome*/
{
  0%{
    transform: scale(1);
  }
  50%{
    transform: scale(1.1);
  }
  100%{
    transform: scale(1);
  }
}
.HomeBan .flex-control-nav{bottom:5%; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 4px 0 4px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:22px; height:2px; background:#d1d3d3; border-radius:0;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#df001f;}
.HomeBan .flex-direction-nav a { display:none; opacity: 0; background:rgba(255,255,255,0.2);color:#000; width:54px; height:54px; line-height:54px; font-family:"宋体"; font-size:40px;}
.HomeBan .flex-direction-nav a:hover { background:#fff; box-shadow:0 0 5px #ddd; color:#ffcb06;}
.HomeBan .flex-direction-nav .flex-prev {left:-50px;}
.HomeBan .flex-direction-nav .flex-next {right:-50px;}
.HomeBan:hover .flex-direction-nav .flex-prev { opacity:1; left:8%;}
.HomeBan:hover .flex-direction-nav .flex-next { opacity:1; right:8%;}

@media ( max-width:1024px){
.section{background-attachment:scroll;}
}
/*第一屏 end*/

.section{ overflow:hidden; padding:90px 0; background:#05113a; color:#fff;}
.section .proimg{ width:55%; float:right; text-align:center;}
.section .proimg img{transition: all ease 0.3s;}
.section .proimg:hover img{-webkit-transform: translate3d(0, -6px, 0);transform: translate3d(0, -6px, 0);}
.section .info{ width:41%; float:left; padding:90px 0 0 0;}
.section .tag{ line-height:30px; width:90px; text-align:center; color:#fff; font-size:18px; border-radius:15px; background:url(../images/tagbg.jpg);}
.section .ti{ line-height:56px; font-size:46px;font-family: "symh"; margin:33px 0 19px;}
.section a{ color:#fff;}.section a:hover{ color:#ed6d00;}
.section .txt{ line-height:24px; font-size:14px; opacity:0.8; height:193px;}
.section .more{font-size:24px; display:block; width:223px; line-height:54px; text-align:center; border-radius:5px; background:url(../images/morebg.gif) center top repeat-y;}

.section:nth-child(even){background:#0c0d22;}
.section:nth-child(even) .proimg{ float:left;}
.section:nth-child(even) .info{ float:right;}

.Parts{ padding:85px 0 107px;}
.Parts .tithead{ text-align:center; margin-bottom:84px;}
.PartsScoll{ margin:0 133px;}
.PartsScoll .slides li{ width:25%; float:left; text-align:center;}
.PartsScoll .slides .box{ margin:0 23px 0 22px;color:#666666; padding-top:28px; height:422px; background:#fff;}
.PartsScoll .slides .imgbox{padding-top:327px; margin-bottom:29px;}
.PartsScoll .slides .imgbox span{ background-size:contain;}
.PartsScoll .slides .ti{ height:52px; padding:0 10px; font-size:18px; letter-spacing:0em; color:#000000; line-height:26px;display: flex;align-items: center;justify-content: center;}
.PartsScoll .flex-direction-nav a {width:65px; height:120px; border-radius:0; margin-top:-50px; text-indent:0em; font-size:0;}
.PartsScoll .flex-direction-nav .flex-prev {left:-85px; background:url(../images/arrleft.png); background-size:contain;}
.PartsScoll .flex-direction-nav .flex-next {right:-85px; background:url(../images/arrright.png); background-size:contain;}
.PartsScoll .slides li:hover .ti{ color:#ed6d00;}
@media ( max-width:1024px){
.section{padding:40px 0;}
.section .info{padding:30px 0 0 0;}
.section .ti{ line-height:36px; font-size:24px; margin:12px 0 12px;}
.section .txt{ height:auto; margin-bottom:15px;}
.section .more{font-size:18px; width:150px; line-height:36px;}
.Parts{ padding:40px 0 40px;}
.Parts .tithead{ width:240px; margin:0px auto 40px;}
.PartsScoll .slides .ti{ font-size:16px;}
.PartsScoll .slides .box{ margin:0 15px 0 15px; padding-top:15px; height:330px;}
.PartsScoll .slides .imgbox{padding-top:227px;}
.PartsScoll .flex-direction-nav a {width:40px; height:74px;}
}
@media ( max-width:768px){
.section{padding:25px 0;}
.section .proimg{ float:none; width:80%; margin:0px auto}
.section .info{ width:auto; float:none; padding:20px 0;}
.section .tag{ font-size:15px;}
.section .ti{ font-size:15px; line-height:24px;}
.section .txt{ font-size:12px; line-height:20px;}
.section .more{ width:90px; font-size:12px; line-height:28px;}
.Parts .tithead{ width:180px; margin-bottom:30px;}
.PartsScoll{ margin:0 10px;}
.PartsScoll .slides .ti{ font-size:14px; line-height:24px;}
.PartsScoll .slides .imgbox{ margin-bottom:5px;}
.PartsScoll .slides .box { height:304px;}
.PartsScoll .flex-direction-nav .flex-prev {left:-15px;}
.PartsScoll .flex-direction-nav .flex-next {right:-15px;}
.PartsScoll .flex-direction-nav a {width:22px; height:41px;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubBan{}
.SubPage{ height:auto !important;min-height:300px; height:300px;margin-top:70px;padding-bottom:55px;}

.SubMenu{font-family: "symh"; width:150px; position:absolute; z-index:999; left:50%; top:0; margin-left:-815px; background:#f6f6f6;transition: all ease 0.3s;}
.SubMenu li{ text-align:center; line-height:70px;}
.SubMenu li span a{ display:block; color:#282828; position:relative;}
.SubMenu li span i{ display:inline-block; vertical-align:middle; margin-left:7px; background:url(../images/selectarr.png); width:13px; height:11px;
dis-moz-transform: translate(0, 0) rotate(-90deg);transition: all ease 0.3s;
-ms-transform: translate(0, 0) rotate(-90deg);
-o-transform: translate(0, 0) rotate(-90deg);
transform: translate(0, 0) rotate(-90deg);
}
.SubMenu li span a:hover,.SubMenu li.active span a{ color:#494949; background:#bfbfbf;}
.SubMenu li ul { display:none;}
.SubMenu li ul a{ display:block;}
.SubMenu li ul a:hover,.SubMenu li ul li.active a{ color:#ff0000; background:#bfbfbf;}
.SubMenu li.active span i{
dis-moz-transform: translate(0, 0) rotate(0);
-ms-transform: translate(0, 0) rotate(0);
-o-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0);}

.SubMenu.wedding_fix{position:fixed; margin-top:10px;}

.menuopen,.menuclose{ display:none; cursor:pointer; color:#fff; position:fixed; left:0; top:10%; z-index:99; text-align:center; background:#ed6d00; width:30px; padding:10px 0; border-radius:0px 10px 10px 0;}
.menuopen img,.menuclose img{ display:block; margin:0px auto 5px;}
.menuopen span,.menuclose span{ display:block; width:20px; margin:0px auto; line-height:15px;}
.menuclose{ display:block; margin-left:-200px;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; font-size:19px; line-height:26px; color:#8d8d8d;}
.Newsinfo .SinglePage{/* width:80%; */margin:0px auto;}
.Tits{ clear:both; padding:22px 0 15px; font-size:19px;line-height:34px; color:#000000;font-family: "symh";}
.Tits span{ display:inline-block; border-bottom:2px solid #a3a3a3;}
.Tits2{ padding:57px 0 19px; font-size:19px;line-height:34px; color:#000000;font-family: "symh";}
#service1 .Tits2{ padding-top:0 !important;}

@media ( max-width:1440px){
.SubMenu{ margin-left:-720px;}
}
@media ( max-width:1366px){
.SubMenu{ margin-left:-682px;}
}

@media ( max-width:1024px){
.SubPage{margin-top:25px;padding-bottom:25px;}

.SinglePage{line-height:24px; font-size:14px;}
.Newsinfo .SinglePage{ width:auto;}

.Tits{ font-size:16px; padding-bottom:10px;}
.Tits2{ padding:20px 0 0px; font-size:16px;}

.SubPage.fw .Position,.SubPage.fw .SubMenu{ display:none;}

.menuopen{ display:block;}
.SubMenu {  box-shadow:0 0 10px rgba(0,0,0,0.2); width:110px; top:45px; position:fixed !important; left:0 !important; margin:0; margin-left:-250px;}
.SubMenu li{ width:auto; float:none; line-height:40px;}
.SubMenu li span a{font-size:14px;}
.SubMenu.wedding_fix{ margin-left:-250px;}
.SubMenu li span i{  background:url(../images/selectarr2.png); width:8px; height:7px;}

}

/*栏目页公用样式 end*/


/*防伪查询 s*/
.Fwsearch{ background:#6c6b6c; background-position:center center; background-repeat:no-repeat; background-size:cover;font-family: "symh";}
.Fwsearch .auto{ position:relative; max-width:1206px; padding:0 15px; height:700px; margin:0px auto; color:#fff;}
.Fwsearch .auto .ti{ line-height:45px; font-size:48px; text-align:center; padding:215px 0 70px;}
.searchs{ background:#fff; max-width:560px; margin:0px auto; border-radius:5px; position:relative;overflow: hidden;}
.searchs input{ width:100%; height:43px; line-height:43px; text-indent:1em; color:#000; font-size:16px;font-family: "symh";}
.searchs .btn{ cursor:pointer; background:none; position:absolute; right:44px; top:11px;}
.searchs .btn img{ width:22px; height:22px;}
.Fwsearch .copyright{ font-size:19px; position:absolute; left:0; bottom:61px;}
.Fwsearch .copyright a{ display:inline-block; text-decoration:underline; margin-left:5px; color:#00eaff;}
.Fwsearch .copyright a:hover{ text-decoration:none;}
.fwcx .copyrights{display:none;}

.Appbox{ background:url(../images/appbg.jpg) center top no-repeat; background-size:cover; color:#fff; position:absolute; left:0; top:0; width:100%; height:100%;display:flex;justify-content:center;align-items:center;flex-direction: column; z-index:10;}
.Appbox .logo{ font-size:30px; line-height:56px; height:164px; margin-bottom:84px; padding-left:216px; position:relative;display:flex;justify-content:center;flex-direction: column;}
.Appbox .logo h2{ font-size:46px;font-family: "symh"; font-weight:normal;}
.Appbox .logo .ico{ position:absolute; left:0; top:0; width:164px;}
.Appbox .btn { width:768px; text-align:center; font-size:16px;}
.Appbox .btn li{ vertical-align:top; width:40%; display:inline-block;*display:inline;zoom:1;}
.Appbox .btn li span{ display:block; opacity:0.7; line-height:26px; padding-top:15px;}
.Appbox .btn li a{ display: flex;
      align-items: center;
      justify-content: center; color:#fff;  margin:0px auto; border:1px solid #fff; width:187px; line-height:54px; font-size:31px;}
.Appbox .btn li a i{ display:inline-block; border:1px solid #fff; width:26px; height:26px; vertical-align:middle; margin-right:10px; background:url(../images/arr.png) center center no-repeat; border-radius:50%;}
.Appbox .btn li a:hover,.Appbox .btn li a:hover i { border:1px solid #ed6d00; color:#ed6d00;}
.ewmbox{ display:none; z-index:500; left:50%; top:50%; margin:-130px 0 0 -130px; position:fixed; width:220px; padding:20px; text-align:center; border:1px solid #eee; background:#fff;}
.ewmbox a.close{ position:absolute; right:-1px; top:-26px; width:25px; height:25px; background:#999 url(../images/close.png) center center no-repeat;}
.ewmbg{ background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; height:100%; width:100%; z-index:100; display:none;}

@media ( max-width:1024px){
.Fwsearch{ position:relative; height:100%;}
.Fwsearch .auto{ height:auto; padding:50px 15px;}
.Fwsearch .copyright{ position:static; font-size:14px; display:none;}
.Fwsearch .auto .ti{ font-size:20px; padding:80px 0 10px;}
.searchs input{ font-size:12px; height:35px; line-height:35px;}
.searchs{ margin-bottom:50px;}
.searchs .btn{right:10px; top:6px;}
.fwcx{ padding-top:0;}
.fwcx .copyrights{display:block; position:fixed; bottom:0; left:0; width:100%;}
}
@media ( max-width:768px){
.Appbox .logo{ margin-bottom:38px; padding-left:66px; height:58px; font-size:15px; line-height:30px;}
.Appbox .logo .ico{ width:55px;}
.Appbox .logo h2{ font-size:23px;}
.Appbox .btn { width:90%; font-size:14px; padding-bottom:15%;}
.Appbox .btn li{ width:46%;}
.Appbox .btn li a{ font-size:18px; width:100px; line-height:35px;}
.Appbox .btn li a i{ width:18px; height:18px; margin-right:12px;background:url(../images/arr2.png) center center no-repeat;}
.Appbox .btn li span{padding-top:5px; font-size:12px;}

}


/*查找网点 s*/
.webtop{ height:500px; background-position:center center; background-repeat:no-repeat; background-size:cover;font-family: "symh";}
.webtop .ti{ text-align:center; color:#fff; padding:107px 0 73px; line-height:30px;}
.webtop .ti span{ display:block; line-height:46px; font-size:48px; margin-bottom:31px;}
.webtop .ti em{ display:block; opacity:0.6; line-height:30px; font-size:32px;}

.Addsearch{ padding:13px 0 12px 24px; font-size:19px; background:#f8f8f8; line-height:45px; color:#000000; margin-bottom:70px;}
.Addsearch .add{ float:left; padding-left:36px; position:relative;}
.Addsearch .ico{ position:absolute; left:0; top:5px;}
.Addsearch .select{ padding-left:40px; float:left;}
.Addsearch .select select{width:150px; height:45px; text-indent:1em; color:#8d8d8d; border:0; font-size:19px;background: #fff url(../images/selectarr.png) no-repeat scroll 90% center;}

.SearchLeft{ width:367px; float:left;}
.SearchLeft li{ margin-bottom:30px; font-size:19px; padding:0 0 3px 39px; position:relative;font-family: "symh"; line-height:18px; border-bottom:1px solid #e8e8e8;}
.SearchLeft li .num{ position:absolute; left:0; top:7px; text-align:center; color:#ff6700; width:26px; line-height:26px; border-radius:50%; border:1px solid #ff6b06;}
.SearchLeft li .company{ color:#000000;}
.SearchLeft li .add{ color:#8d8d8d; padding-top:7px; height:36px; font-size:16px;font-family: "syrh";}
.SearchLeft ul{ height:auto !important; height:501px; min-height:501px;}
.SearchLeft .Pages{ zoom:1; overflow:hidden;text-align:center; color:#8d8d8d; clear:both; position:relative; line-height:17px;}
.SearchLeft .Pages a{ color:#8d8d8d;}.SearchLeft .Page a:hover{ color:#000;}
.SearchLeft .Pages a.a_prev{ position:absolute; left:0; top:0;}
.SearchLeft .Pages a.a_next{ position:absolute; right:0; top:0;}

.Map{ width:776px; float:right; border:1px solid #e60012;}

@media ( max-width:1024px){
.webtop{ height:auto; padding:0 15px 40px;}
.webtop .searchs{ margin-bottom:0;}
.webtop .ti{padding:45px 0 20px; line-height:30px;}
.webtop .ti span{font-size:20px; margin-bottom:0; line-height:30px;}
.webtop .ti em{font-size:16px;}
.Addsearch{ padding-left:10px; font-size:14px; line-height:24px; margin-bottom:20px;}
.Addsearch .add{ float:none; margin-bottom:8px; padding-left:25px;}
.Addsearch .ico{ width:20px; top:0px;}
.Addsearch .select{ padding:0 1%; float:none; display:inline-block;*display:inline;zoom:1; width:29.5%;}
.Addsearch .select select{ width:100%; font-size:12px; height:30px; background-image:url(../images/selectarr2.png);}

.SearchLeft{ width:auto; float:none; padding-bottom:20px;}
.SearchLeft li{ margin-bottom:15px; font-size:14px; padding:0 0 12px 30px;}
.SearchLeft li .add{ height:auto; font-size:12px; padding-top:2px;}
.SearchLeft ul{height:100px; min-height:100px;}
.SearchLeft li .num{ font-size:14px; width:20px; line-height:20px;}

.Map{ width:auto; float:none;}
}


/*产品大全 s*/
.bodybg{ background:url(../images/bg.jpg);}
.ProList{font-family: "symh"; margin:0 0 2% -2.5%;}
.ProList li{ text-align:center; background: #fcfcfc url(../images/probg.jpg) 0px bottom repeat-x; border-radius:5px; width:22.5%; float:left; margin:0 0 2.5% 2.5%;transition: all ease 0.3s;}
.ProList .box{ padding:10px 10px 0; position:relative;}
.ProList .box .ico{ display:none; position:absolute; left:0; top:0; width:100%;}
.ProList .img{ background:#fff; padding:4px; box-shadow:0 0 8px rgba(77,77,77,0.45);}
.ProList .img span{ display:block; background-position:center center; background-repeat:no-repeat; background-size:contain; padding-top:100%;}
.ProList .tit{ padding:15px 0 14px; font-size:16px; color:#4d4d4d;}

.Proinfo{ max-width:750px; padding:87px 15px 0; margin:0px auto;}
#bigpro{ border:1px solid #cccccc; margin-bottom:25px;}
#bigpro .slides li{ position:relative;}
#bigpro .slides .btn{ position:absolute; left:0; bottom:71px; text-align:center; width:100%; z-index:10;}
#bigpro .slides .btn a{ vertical-align:middle; margin:0 16px 0 17px; width:76px; height:76px; border:1px solid #fff; border-radius:50%; background:rgba(0,0,0,0.25); display:none;}
#bigpro .slides .btn a.play{ display:inline-block;}
#bigpro .slides .btn a:hover{background:rgba(0,0,0,0.5);}
#bigpro .slides .btn a img{ width:76px; height:76px;}

#bigpro .imgbox{ padding-top:100%;}
#bigpro .video{ padding-top:100%; display:none;}
#bigpro .video video{ width:100%; position:absolute; left:0; top:0; height:100%; background:#000;}
#bigpro .slides .puse{ position:absolute; z-index:10; width:100%; height:100%; left:0; top:0; display:none;}
#bigpro .slides .puse span{ position:absolute; left:0; top:0; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
#bigpro .slides .puse a{ display:inline-block; width:76px; height:76px; border:1px solid #fff; border-radius:50%; background:rgba(0,0,0,0.25);}
#bigpro .slides .puse a:hover{background:rgba(0,0,0,0.5);}

#bigpro .imgbox span{ background-size:contain;}
#bigpro .flex-direction-nav{ display:none;}
#smallpro{ position:relative; border:1px solid #cccccc; height:66px; background:#fff; padding:12px 0 0 21px;}
#smallpro .btn{ position:absolute; right:27px; top:11px;}
#smallpro .box{ width:400px; padding:0 40px;}
#smallpro .slides li{ cursor:pointer;}
#smallpro .slides li.flex-active-slide .imgbox{ border:2px solid #e53e41; width:50px; height:50px;}
#smallpro .imgbox{ height:52px; width:52px; margin:0 12px 0 13px; border:1px solid #f5f5f5;}
#smallpro .imgbox span{ background-size:contain;}
#smallpro .flex-direction-nav a{ width:20px; height:45px; text-indent:999em;}
#smallpro .flex-direction-nav .flex-prev{ background:url(../images/left.png) center center no-repeat; left:0;}
#smallpro .flex-direction-nav .flex-next{ background:url(../images/right.png) center center no-repeat; right:0;}
#smallpro  .flex-direction-nav .flex-disabled{ opacity:1 !important;}

@media ( max-width:1024px){
.ProList .tit{font-size:14px;}
.Proinfo{ padding-top:30px;}
}
@media ( max-width:768px){
.ProList li{ width:30.833333%;}
}
@media ( max-width:748px){
#smallpro{ position:relative; border:1px solid #cccccc; height:66px; background:#fff; padding:12px 0 0 21px;}
#smallpro{ height:130px; padding-left:15px; padding-right:15px;}
#smallpro .box{ width:auto; padding:0 40px;}
#smallpro .imgbox{margin:0 5px 0 5px;}
#smallpro .btn{ position:static; text-align:center; padding-top:10px;}
#bigpro .slides .btn a{ margin:0 10px 0 10px; width:45px; height:45px;}
#bigpro .slides .btn a img{ width:45px; height:45px;}
}
@media ( max-width:580px){
.ProList li{ width:47.5%;}
}


/*玩家论坛 s*/
.NewsList{ padding-bottom:3%;}
.NewsList li{ margin-bottom:30px; height:219px; padding:49px 0 0 487px; position:relative;transition: all ease 0.3s;}
.NewsList .box{ padding:0 50px 0 150px; position:relative;}
.NewsList .imgbox{ position:absolute; left:0; top:0; width:436px; padding-top:268px;}
.NewsList .date{ position:absolute; left:0; top:0; text-align:center; width:116px; height:116px; font-size:16px; font-family:Arial, Helvetica, sans-serif;display:flex;justify-content:center;align-items:center;flex-direction: column;transition: all ease 0.3s; background:#f3f3f3;}
.NewsList .date i{ display:block; margin:0px auto 10px; width:20px; height:12px; border-bottom:2px solid #cccccc;}
.NewsList .date em{ font-size:20px;}
.NewsList .tit{ line-height:20px; font-size:16px; color:#333333; padding-bottom:24px; margin-bottom:18px; border-bottom:1px solid #c2c2c2;}
.NewsList .p{-webkit-line-clamp: 3; height:72px; margin-bottom:15px; color:#666666;}
.NewsList .more{ background:url(../images/moer.png) center center no-repeat; width:22px; height:17px;}
.NewsList li:hover{ background:#f3f3f3;}
.NewsList li:hover .date{ background:#ed6d00; color:#fff;}
.NewsList li:hover .date i{ border-bottom:2px solid #fff;}
.NewsList li:hover .more{ background:url(../images/moer2.png) center center no-repeat;}

.PhotoList{ margin:0 0 2% -18px;}
.PhotoList li{ width:25%; float:left;}
.PhotoList li .box{ border:1px solid #dddddd; margin:0 0 18px 18px; padding:10px;transition: all ease 0.3s;}
.PhotoList li .imgbox{ padding-top:70%;}
.PhotoList li .num{ position:absolute; z-index:2; right:0; bottom:0; padding:0 6px; background:rgba(0,0,0,0.6); color:#fff;}
.PhotoList li .num img{ display:inline-block; vertical-align:middle; margin-right:4px;}
.PhotoList li .tit{ margin:5px 0 8px;}
.PhotoList li .other{ height:24px; color:#999999; font-size:12px;}
.PhotoList li .other span{ float:right;}
.PhotoList li .other i{ color:#ff3333;}
.PhotoList li .play{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.PhotoList li .play i{ width:60px; height:60px; display:inline-block; background:rgba(0,0,0,0.3); border-radius:50%;}

.videobox{ width:80%; margin:0px auto 12px;}
.videobox video{ background:#000; width:100%;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom:18px;}
.Titleinfo .tits{font-size:28px; color:#010101; line-height:53px;}
.Titleinfo .date{padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}

.PrevNextBox {margin:50px 0 0 0;position:relative; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:49.1%; line-height:60px; height:60px;overflow:hidden; background:#f7f7f7; position:relative;}
.PrevNextBox dl span{ padding-left:97px; position:relative; display:block;}
.PrevNextBox dl span em{ font-weight:bold; position:absolute; left:33px; top:0px; color:#000000;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#666666;}
.PrevNextBox dl:hover{background:#ed6d00; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl:hover span em{color:#fff;}
.PrevNextBox dl a.none{color:#999;}

.Messagebox { clear:both; padding-top:5%;}
.Messagebox .num{ padding-bottom:26px; line-height:35px; color:#5c6670; font-size:18px;}
.Messagebox .num i{ margin-left:17px;}
.Messagebox .msg{ padding:0 98px 43px 104px; position:relative;}
.Messagebox .msg .logo{ border:1px solid #bfbfbf; border-radius:5px; position:absolute; left:0; top:0;display: flex;align-items: center;justify-content: center; height:76px; overflow:hidden;}
.Messagebox .msg .logo img{ width:90px;border-radius:5px;}
.Messagebox .msg .textarea{ border:1px solid #bfbfbf; border-radius:5px; background:#f7f7f7; padding:10px; margin-bottom:10px;}
.Messagebox .msg .textarea textarea{ width:100%; height:50px;}
.Messagebox .msg .btn{ color:#fff; position:absolute; right:0; top:0; border:1px solid #bfbfbf; border-radius:5px; font-size:20px; line-height:28px; background:url(../images/sendbtn.jpg) 0px top repeat-y; width:78px;height:78px; cursor:pointer;}
.Messagebox .msg .head{ cursor:pointer; border-radius:5px; border:1px solid #bfbfbf; color:#a9adb2; width:81px; line-height:30px;  text-align:center;}
.Messagebox .msg .head img{ display:inline-block; width:24px; height:24px; vertical-align:middle;margin:-2px 5px 0 0;}

.Messagebox .msglist{}
.Messagebox .msglist .item{ position:relative; border-top:2px solid #f1f3f7; margin:0 0 0 104px; padding:31px 0 39px; font-size:18px; line-height:32px;}
.Messagebox .msglist .item .head{ border-radius:50%; position:absolute; top:49px; left:-104px;}
.Messagebox .msglist .item .head img{width:90px; height:90px;}
.Messagebox .msglist .item .name{ line-height:52px; color:#5c6670;}
.Messagebox .msglist .item .info{color:#585858;}
.Messagebox .msglist .item .other{color:#a9adb2;}
.Messagebox .msglist .item .other i{ display:inline-block; margin-right:26px;}
.Messagebox .msglist .item .other img{ display:inline-block; vertical-align:middle; width:18px; height:18px; margin-right:2px;}
.Messagebox .msglist .item .other .zan{ cursor:pointer;}
.Messagebox .msglist .item .other a{ color:#a9adb2;}.Messagebox .msglist .item .other a:hover{ color:#e16a11;}
.Messagebox .msglist .item .hfbox{ margin-top:14px; padding-left:44px; position:relative;}
.Messagebox .msglist .item .hfbox .name{ line-height:37px; color:#000000;}
.Messagebox .msglist .item .hfbox .name span.xm{ display:inline-block; color:#5c6670; margin-right:26px;}
.Messagebox .msglist .item .hfbox .name span.info2{ display:inline-block;}
.Messagebox .msglist .item .hfbox .head{ top:4px; left:0;}
.Messagebox .msglist .item .hfbox .head img{ width:32px; height:32px;}

.Proimgs{ padding:0 100px 50px; position:relative;}
.Proimgs .imgbox{ padding-top:67%;}
.Proimgs .imgbox span{ background-size:contain;}
.Proimgs  .flex-direction-nav a{ font-size:100px; top:38%;font-weight:normal; width:80px; height:100px; text-align:center; line-height:100px;}
.Proimgs  .flex-direction-nav .flex-prev{ left:-80px;}
.Proimgs  .flex-direction-nav .flex-next{ right:-80px;}
.Proimgs .flex-control-nav{ bottom:-45px;}

@media ( max-width:1024px){
.NewsList li{ height:164px; padding:20px 0 0 320px;}
.NewsList .imgbox{width:300px; padding-top:184px;}
.NewsList .box{ padding:0 10px 0 110px;}
.NewsList .date{width:90px; height:90px; font-size:16px;}
.NewsList .date em{ font-size:22px;}
.NewsList .tit{ font-size:16px; padding-bottom:10px;}
.Proimgs{ padding:0 50px 50px;}
.Proimgs  .flex-direction-nav .flex-prev{ left:0;}
.Proimgs  .flex-direction-nav .flex-next{ right:0;}
}
@media ( max-width:768px){
.NewsList li{ height:auto; padding:0; margin-bottom:15px;}
.NewsList .imgbox{ position:relative; width:auto; padding-top:60%; margin-bottom:10px;}
.NewsList .date{width:60px; height:60px; font-size:14px;}
.NewsList .date em{ font-size:19px;}
.NewsList .date i{ margin-bottom:0; height:2px;}
.NewsList .box{ padding-left:72px;}
.NewsList .tit{ font-size:15px; padding-bottom:10px; margin-bottom:10px;}
.NewsList .p{ margin-bottom:5px;}

.PhotoList li{ width:33.333%;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:11px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:18px; line-height:24px; padding:8px 0 0px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:30px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; float:none !important; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:65px;}
.PrevNextBox dl span em{left:10px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:11px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:18px; line-height:24px; padding:8px 0 0px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:30px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; float:none !important; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:65px;}
.PrevNextBox dl span em{left:10px;}
.Proimgs{ padding:0 0px 40px;}
.Proimgs .flex-direction-nav a{ font-size:34px; width:40px; height:40px; line-height:40px; top:45%;}
.Proimgs .flex-control-nav li{ margin:0 2px;}
.Proimgs .flex-control-paging li a{ width:5px; height:5px;}
}

@media ( max-width:640px){
.PhotoList{ margin-left:-10px;}
.PhotoList li{ width:50%;}
.PhotoList li .box{margin:0 0 10px 10px;}

.PhotoList li .play i{ width:40px; height:40px;}

.Messagebox .msg{ padding:0 58px 20px 59px; position:relative;}
.Messagebox .msg .logo img{ width:50px;}
.Messagebox .msg .btn{ width:50px; font-size:12px;}
.Messagebox .msglist .item{margin:0 0 0 30px; padding:10px 0 15px; font-size:14px; line-height:24px;}
.Messagebox .msglist .item .head{ top:15px; left:-40px;}
.Messagebox .msglist .item .head img{width:35px; height:35px;}
.Messagebox .msglist .item .name{ line-height:30px;}
.Messagebox .msglist .item .other i{ margin-right:14px;}
.Messagebox .msglist .item .other span{ display:inline-block;}
.Messagebox .msglist .item .hfbox .name{ line-height:24px;}
}

/*20210512*/
.proInfoimg{max-width:800px;margin:0 auto;margin-top:20px;}
.proInfoimg img{display:block;margin:0 auto;}

  /* 自定义弹窗样式 */
.custom-modal {
    display: none; /* 默认隐藏 */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
}

.custom-modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 30px 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 320px;
    border-radius: 5px;
    font-size: 18px;
}

.custom-modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.custom-modal-close:hover,
.custom-modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
@media screen and (min-width:769px){
  .ewmbox {
    margin: -260px 0 0 -260px;
    width: 500px;
    height: 500px;
}
.ewmbox img{
  width: 100%;
}
}

.goback_57{position:absolute;right:3%;top:3%;}
.goback_57 a{display:flex;align-items: center;justify-content: center;height:32px;border-radius:3px;border:1px solid #fff;padding:0 20px;color:#fff;}
.goback_57 a i{display:block;width:7px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform: rotate(45deg);margin-right:10px;}
.goback_57 a:hover{background:#ed6d00;color:#fff;border:1px solid #ed6d00;}
.goback_57 a:hover i{border-left:2px solid #fff;border-bottom:2px solid #fff;}