@charset "utf-8";

html,body{height:100%;}

body{margin:0px auto; font-size:14px; line-height:24px; color:#666666; letter-spacing:0.05em; width:100%; min-width:1200px; 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{  border:none; border:0;  vertical-align:top;}
a{ color:#fff; 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(../../index/images/../images/ico/selectarr.png) no-repeat scroll 95% center transparent;*/
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}
.flexslider .slides img{height: 1002px}
@media(max-width: 996px){
  .flexslider .slides img{height: 260px}
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 3px; height:8px;-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{;height: 100%; z-index:1; position:relative; clear:both; max-width:1245px; margin:0px auto;}
.w1170{ z-index:1; position:relative; clear:both; max-width:1170px; padding:0 15px; margin:0px auto;}
.bg{background: #660624}
/*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:1260px){
.Contain{ margin:0 10px;}
}
@media ( max-width:1024px){
body{ min-width:300px; line-height:24px;letter-spacing:0em;}  
.Contain{max-width:none;}
select,input,textarea,button{ -webkit-appearance: none;}


}

@media(max-width: 1440px){
  .flexslider .slides img{
  height: auto !important
}
}
/*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{/*box-shadow: 2px 2px 10px #333;*//*border:1px solid #999999;*/box-sizing: border-box; z-index:999; position:fixed; left:0; top:0; height:180px; background:rgba(0,0,0,0.4); width:100%; transition: all ease 0.3s;}
.Header .auto{ max-width:1294px; margin:0px auto;}
.Header .Logo{ padding-top:14px; width:230px;position: absolute;top: 25px;left: 70px}
.Header .Logo img{ max-width:100%;}

.searchico { display:none; position:absolute; right:40px; top:10px;}
.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:16px; text-indent:0.5em; float:left;}
.searchbox .btn { height:30px;display: flex;align-items: center;justify-content: center; position:absolute; right:0; top:20px; width:38px; border-radius:0 4px 4px 0; background:#1b1b1b;}
.searchbox .btn img{ width:21px; height:21px;}

.MainNav{ float:left;font-family: "symh";float: right;;margin-right: 158px;margin-top: 30px}
.MainNav li{ float:left; position:relative;}
.MainNav li span a{ z-index:1; position:relative;display:block; text-align:center; color:#fff; padding:0 24px; font-size:19px; 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:19px;}
.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:16px;}.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; }
.openbtn span{ display:block; height:3px; background:#fff; 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;}
.weiixn{position: absolute;right:115px ;top: 50px}
.weiixn i{font-size: 40px;color: #fff;cursor: pointer;}
.weiixn img{display: none;position: absolute;top:43px;right: -32px;z-index: 99999;width: 100px}
.closeTop{right:148px;top: 74px;position: absolute;cursor: pointer;z-index: 999}
.closeTop i{font-size: 30px;color: #fff;font-weight: 100}

@media ( max-width:1280px){
.MainNav li span a{ padding:0 26px;}
.closeTop{right:50px;top: 74px;position: absolute;}
.closeTop i{font-size: 30px;color: #fff;font-weight: 100}

}
@media ( max-width:1180px){
.MainNav li span a{ padding:0 24px;}

}
@media ( max-width:1024px){
.Header{height:80px !important; top:0 !important;}
.Header .Logo{ width:auto; padding-top:9px; height:45px !important;left: 30px;top: 0px}
.Header .Logo img{ width:150px;}
.Header .openbtn{ display:block;top:24px;}
.searchico{ display:block;}
.searchbox{ z-index:100;position:absolute; top:30px; width:100%;top:50px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s;}
.searchbox .input{ font-size:12px; width:98%;}
.searchbox.on{ top:30px;visibility: visible;opacity: 1;filter: alpha(opacity=100);}

.MainNav{ margin-top: 0px;margin-right: 0px;position:fixed; height:100%; overflow-y:auto; z-index:999; width:200px; padding:0; right:-200px;background: #fff;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.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 10px; background:none;}
.MainNav li span a{ font-size:16px; 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:5px;transition: all ease 0.3s;}
.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{font-size:14px; padding-left:15px !important; line-height:32px !important;}
.NavPull dd:hover .sub a{font-size:14px;}
.weiixn{right: 53px;top: 23px}
.weiixn i{font-size:30px }
.weiixn img{top: 30px;right: -37px}
.closeTop{display: none}
}


@media ( max-width:720px){
.Header{height:50px !important; top:0 !important;}
.Header .Logo{ width:auto; padding-top:9px; height:45px !important;left: 10px;top: 4px}
.Header .Logo img{ width:100px;}
.Header .openbtn{ display:block;top:12px;right: 0px}
.MainNav{top:50px;}
.weiixn{right: 43px;top: 11px}
.weiixn img{top:30px;right: -35px}
}
/*Top*/


/*Bottom*/
.Bottom{position: relative;padding-top: 70px;color: #fff;box-sizing: border-box;height: 196px;background:#460d33; font-size:19px;}
.Bottom .botlogin{width: 12%;float: left;padding-top:10px;}
.Bottom .botlogin img{max-width: 100%}
.Bottom ul{width: 73%;margin:0 auto;line-height: 57px}
.Bottom ul li{float: left;}
.Bottom ul li a{color: #fff}
.Bottom ul .line{padding: 0px 30px}
.Bottom .weincc{position: absolute;right: 0px;top:-20px;}

@media ( max-width:1280px){
.sitemap{ padding-left:50px;}
}
@media ( max-width:1024px){
.Bottom ul {font-size: 15px;line-height: 50px}
.Bottom ul .line{padding: 0px 30px;}
}
@media ( max-width:996px){
.Bottom ul .line{padding: 0px 20px;}
}
@media ( max-width:720px){
.Bottom{padding: 0px 5px;height: 50px;line-height: 50px;}
.Bottom ul{width: 100%;line-height: 50px;font-size: 12px}
.Bottom ul li a{cursor: pointer;}
.Bottom ul .line{padding: 0px 5px;}
.Bottom .botlogin{display: none;}
.Bottom .weincc{display: none}
}

/*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);}

.section{ padding-top:47%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}

/*第一屏 s*/
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../../index/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; 
animation-direction:alternate;
animation-timing-function: ease-in-out; 

-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 6px 0 6px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:30px; 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*/


/*第二屏 s*/
.HomeTro{position: relative;width: 100%;background: url('../../index/images/banner_03.jpg') no-repeat center center;padding-top: 35%;background-size: cover;}
.HomeTro .text {width: 15%;color: #fff;position: absolute;top: 37%;right: 26%;line-height: 30px}
@media(max-width: 1680px){
  .HomeTro .text{line-height: 25px;top:24%;}
}
@media(max-width: 1440px){
   .HomeTro .text{line-height: 20px;top:32%;width: 22%;right: 20%}
}
@media(max-width: 1366px){
.HomeTro .text{line-height: 20px;top:32%;width: 22%;right: 20%}
}
@media(max-width: 1024px){
.HomeTro .text{line-height: 20px;top:33%;width: 21%;right: 21%;line-height: 23px;overflow: hidden;text-overflow: ellipsis;word-break: normal;-webkit-line-clamp:4;display: -webkit-box;-webkit-box-orient:vertical}
}
@media(max-width: 720px){
  .HomeTro .text{ -webkit-line-clamp:2;font-size: 12px;top:33%;}
 
}
/*第二屏 end*/

/*第三屏 s*/
.HomePro3{/*padding: 10px 0px;*/width: 100%;background: url('../../index/images/ba3_06.jpg') no-repeat center center;background-size: cover;}
.HomePro3 .tops{padding-top: 103px}
.tops .itss{line-height: 30px;font-size: 17px;color: #fff;width: 41%}
.tops .name{font-size: 30px;color: #fff}
.tops .name img{display: block;margin: 15px 0px 30px 0px}
.polygonList{height: 1600px;position: relative;}
/*.polygonList .item{position: relative;}*/
/*.polygonList .item img{height: 700px;overflow:hidden;clip-path: polygon(0 0,0 73%,27% 100%,27% 27%);transition: 1s clip-path;}
*/
.polygonList .item .itemImg{transform-origin: 0 0;transform: skewY(22deg);position: relative;z-index: 1;height: 600px;overflow: hidden;max-width: 100%}

.polygonList .item1{width: 23% ;height: 720px;position: absolute;left: 0px;top:14%;overflow:hidden;}

.polygonList .item2{width: 23% ;height: 720px;position: absolute;left: 25.5%;top:8%;overflow:hidden;}
.polygonList .item3{width: 23% ;height: 720px;position: absolute;left: 51.3%;top:-2%;overflow:hidden;}
.polygonList .item4{width: 23% ;height: 720px;position: absolute;right:0%;top:14%;overflow:hidden;}
.polygonList .item5{width: 23% ;height: 720px;position: absolute;left: 0px;bottom: 1%;overflow:hidden;}
.polygonList .item6{width: 23% ;height: 720px;position: absolute;left: 25.5%;bottom: 7%;overflow:hidden;}
.polygonList .item7{width: 23% ;height: 720px;position: absolute;left: 51.3%;bottom: 17%;overflow:hidden;}
.polygonList .item8{width: 23% ;height: 720px;position: absolute;right: 0px;bottom: 1%;overflow:hidden;}
.polygonList .men{width: 100%;position: absolute;bottom: -3%;z-index: 3}
.polygonList .men>img{width: 101%;transform: skewY(-10deg)}
.polygonList .men p{position: absolute;bottom: 47%;color: #fff5f0;font-size:23px;transform: rotate(21deg);left: 19%;}
.mesa{box-sizing: border-box;padding:70% 22px 0px 26px;display: none;transform-origin: 0 0;transform: skewY(22deg);width: 100%;height: 80%;background: rgba(0,0,0,.7);position: absolute;z-index: 2;top:0px;}
.mesa p{font-size: 19px;line-height: 40px;transform: skewY(-21deg);color: #fff5f0}
.polygonList .item2 p{bottom: 47%;left: 17%}
.polygonList .item3 p{bottom: 44%;}
.polygonList .item4 p{}
.polygonList .item5 p{bottom: 45%;left: 15%}
.polygonList .item6 p{bottom: 46%;left: 14%}
.polygonList .item7 p{}
.polygonList .item8 p{}
@media(max-width: 1024px){
  .HomePro3 .tops{padding-top: 20px;padding-bottom: 20px}
  .polygonList .men{height: 50px;background: #2f020d;bottom: 15%}
  .polygonList .men p{bottom: 0px;position: relative;text-align: center;line-height: 50px;transform: skew(0deg);;left: 0px}
  .polygonList .men>img{transform: skewY(0deg);}
  .tops .itss{width: 100%}
  .polygonList{height: auto ;text-align: center;}
  .polygonList .itemImg{width: 100%;}
  .polygonList .item1,.polygonList .item2,.polygonList .item3
  ,.polygonList .item4,.polygonList .item5,.polygonList .item6
  ,.polygonList .item7,.polygonList .item8{position: relative;top:0px;left: 0px;margin-bottom: 10px;width: 90%;margin: 0 auto;height: 400px}
  .polygonList .item .itemImg{max-width: 100%;height:300px;clip-path:none;transform: skewY(0deg);}
  .polygonList .men img{display: none}
  .mesa{transform: skewY(0deg);padding: 10% 22px 0px 22px}
  .mesa p{transform: skewY(0deg);}

}
@media(max-width: 720px){
  .HomePro3 .tops{padding-top: 10px;padding-bottom: 20px}
  .tops .name{font-size: 20px}
  .tops .itss{font-size: 15px}
 .polygonList .men p{font-size: 18px}
}
/*第三屏 end*/



/*第四屏 s*/
.HomePro4{;padding: 10px 0px;width: 100%;background: url('../../index/images/bg4_07.jpg') no-repeat center center;padding:70px 0px 150px;background-size: cover;}                                         
.HomePro4 .box{padding-bottom: 100px}
.HomePro4 .lft{z-index: 100;width: 50%;float: left;;position: relative;padding-top:14%;}
.HomePro4 .lft .bottomBg{;background:red;z-index: 9999;position: absolute;bottom: -35px;right: 21%}
.HomePro4 .lft .bottomBg .pre{color: #b5020f;width: 30px;height: 30px;background: #b5020f;border-right: 100%;text-align: center;;line-height: 30px;position: absolute;bottom: -30px;right: 30%}
.HomePro4 .lft .bottomBg .next{color: #b5020f;width: 30px;height: 30px;background: #b5020f;border-right: 100%;text-align: center;;line-height: 30px;position: absolute;bottom: -30px;right: 10%}
.HomePro4 .rig ul li {border-bottom: 1px solid #ab829b;}
.HomePro4 .rig{width: 45%;float: right;margin-left: 5%;padding-top:12%;}
.HomePro4 .rig ul li{padding-top:30px;}
.HomePro4 .rig ul li .tis{background: url('../../index/images/line_13.png') no-repeat left center;vertical-align: top;font-size: 22px;color: #fff;padding-left: 30px}
.HomePro4 .rig ul lrighs img{transform:rotate(180deg);}i:first-child{padding-top: 0px}
.HomePro4 .rig ul li p{color: #fff;font-size: 15px;padding:6px 10px 0px 30px;}
.HomePro4 .rig  .more{width: 176px;float: right;margin-top: 60px}
.HomePro4 .rig  .more .hr{background: #d10000;height: 2px;width: 100%}
.HomePro4 .rig  .more .s{font-size: 20px;color: #fff;text-align: center;line-height: 45px;cursor: pointer;}
.slideshow{position: relative;}
.slideshow a img{width: 96%;box-shadow: 5px 10px 1px #2f020d}
.sildeBot{width: 100%;height: 50px;position: absolute;top:92%;}
.sildeBot .center{color: #fff;background: url(../../index/images/slide_03.jpg ) no-repeat left center;padding: 30px 23px 20px 28px;margin-left: 8%}
.sildeBot .center .date{font-size:48px;color: #fff;float: left;width: 17% }
.sildeBot .center .rs{float: right;width: 73%;margin-right: 10%}
.sildeBot .center .rs .tis{font-size: 22px;padding-top: 3px}
.sildeBot .center .rs .conts{font-size: 14px;padding-top: 10px}
.sildeBot .center .date span{display: block;font-size: 14px;margin-top: 15px}
.sildeBot .righs img{transform:rotate(180deg);}
.sildeBot .lefs{position: absolute;top:50px;}
.sildeBot .righs{position: absolute;top:43px;right: 15px}
@media(max-width: 996px){
  .HomePro4{padding:50px 0px ;} 
  .HomePro4 .rig{padding-top:40%;}
}
@media(max-width: 450px){
  .HomePro4{padding: 0px ;} 
  .HomePro4 .lft{padding-top:0px;}
  .HomePro4 .rig{padding-top:25%;}
  


/*第四屏 end*/

/*第五屏*/

.HomePro5 .orbit-wrapper { position: relative; overflow: visible; width: 515px;height: 300px;}
.HomePro5 .orbit { position: relative; overflow: hidden;}
.HomePro5 .orbit span { display:none;}
.HomePro5 .orbit a img{ position: absolute; display:block;width: 194px; box-shadow: 0 3px 8px rgba(0,0,0,0.5); padding:3px; border:#ccc 1px solid; background:#fff; }
.HomePro5 .orbit-wrapper h4{ display: none; }
.HomePro5 .timer {display: none;}

.HomePro5 .slider-nav { display: block; }
.HomePro5 .slider-nav span { width: 40px; height: 120px;  color: #fff; text-align: center; position: absolute; z-index: 100; top: 110px; cursor: pointer; text-indent:-9999px;}
.HomePro5 .slider-nav span.right { right: 15px; background:url(../../index/images/slider_right.jpg); }
.HomePro5 .slider-nav span.left { left:-50px;background:url(../../index/images/slider_left.jpg); }
.HomePro5 .slider-nav span.right:hover {background:url(../../index/images/slider_right.jpg) bottom; }
.HomePro5 .slider-nav span.left:hover {background:url(../../index/images/slider_left.jpg) bottom; }
.HomePro5 .intros{font-size: 12pt;text-align: center;word-spacing: 10px;color: #fff}
.HomePro5 .tese{font-size: 38px;color: #fff;position: absolute;left: 50%;transform: translate(-50%);top:10%;}
.HomePro5  .tt{font-size: 30px;color: #fff;position: absolute;top:39%}
.HomePro5   .tts{font-size: 12pt;color: #fff;position: absolute;top:45%;}
.HomePro5{width: 100%;background: url('../../index/images/ba5_16.png') no-repeat center center;padding:70px 0px 50px;background-size: cover;}     
  .swiper3D{
    position: relative;
    width: 100%;height: 700px;
    max-width: 1200px;
    margin: 0 auto;
    color: #fff;
}
}
}
}
}
.swiper3D .swiper-wrapper{
    position: absolute;
    left: 0;top: 56px;
    width: 100%;height: 100%;
    z-index: 1;
}
.swiper3D .swiper-slide{
    position: absolute;
    left: 42%;top:35px;
    width: 67%;height:100%;
    margin-left: -25%;
    font-size: 40px;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    cursor: pointer;
    /*下面设置文字居中，可以去掉*/
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media(max-width: 1440px){
  .swiper3D .swiper-slide{
    width: 50%;
    margin-left: -16%
  }
}




.swiper3D-leftbtn,
.swiper3D-rightbtn{
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 40px;height: 80px;
    
    font-weight: bold;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}
.swiper3D-leftbtn i,
.swiper3D-rightbtn i{font-size: 40px;font-weight:100;}
.swiper3D-leftbtn{left: 0px;transform: rotate(90deg);}
.swiper3D-rightbtn{right: 0px;transform: rotate(-90deg)}

/*导航*/

.navbox{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.navbox span{
    display: inline-block;
    width: 30px;height: 30px;
    margin: 5px;
    border-radius: 100%;
    background-color: #00C81B;
    opacity: .7;
    cursor: pointer;
}
.navbox span.active{
    opacity: 1;
}
/*
 *在这里 调整每一个的位置  
 */

/*从左往右 第一个*/
.swiper3D .left{
    opacity: .5;
    transform: translateX(-30%) scale3d(.6,.6,.6) ;
    -webkit-transform: translateX(-30%) scale3d(.6,.6,.6) ;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: 1;
}
/*从左往右 第二个*/
.swiper3D .left-harf{
    opacity: .8;
    transform: translateX(-15%) scale3d(.8,.8,.8) ;
    -webkit-transform: translateX(-15%) scale3d(.8,.8,.8) ;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    z-index: 5;
}
/*从左往右 第三个*/
.swiper3D .front{
    opacity: 1;
    transform: translateX(0) scale3d(1,1,1) ;
    -webkit-transform: translateX(0) scale3d(1,1,1) ;
    z-index: 10;
    background: url(../../index/images/http://test.shwhir.com/hnhy/uploadfiles/2020/07/20200709190157175.png?MDAucG5n) no-repeat center !important;
}
/*从左往右 第四个*/
.swiper3D .right-harf{
    opacity: .8;
    transform: translateX(15%) scale3d(.8,.8,.8) ;
    -webkit-transform: translateX(15%) scale3d(.8,.8,.8) ;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    z-index: 5; 
}
/*从左往右 第五个*/
.swiper3D .right{
    opacity: .5;
    transform: translateX(30%) scale3d(.6,.6,.6) ;
    -webkit-transform: translateX(30%) scale3d(.6,.6,.6) ;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    z-index: 1; 
}
/*5个能看到的以外的 slide 放在最后面*/
.swiper3D .back{
    opacity: 0;
    transform: translateX(0) scale3d(.5,.5,.5) ;
    -webkit-transform: translateX(0) scale3d(.5,.5,.5) ;
    z-index: 1;
}
@media(max-width: 1366px){
 .swiper-slide img{max-width: 70%}
 .HomePro5 .swiper-container{padding:10% 0px 23%;}
 .swiper3D{height: 400px}
 .swiper3D-rightbtn{right: 30px}
/* .swiper3D .swiper-slide{top:50%;}*/

}
@media(max-width: 1024px){
  .swiper3D{height: 230px}
  .swiper-slide img{max-width: 60%}
  .HomePro5{padding: 20px 0px 50px;font-size: 16px;top:14%;}
  .HomePro5 .tese{font-size: 20px;top:16%;}
  .swiper3D-leftbtn,
.swiper3D-rightbtn{
    position: absolute;
    top: 45%;
   height: 80px;
    margin-top:0px;
    width: auto !important;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}
.swiper3D-leftbtn i,
.swiper3D-rightbtn i{font-size: 20px;font-weight:100;}
/*.swiper3D-leftbtn{left: 5px;transform: rotate(90deg);}
.swiper3D-rightbtn{right: 5px;transform: rotate(-90deg)}*/
.HomePro5 .intros{font-size: 16px}
.HomePro5 .tt{font-size: 25px;top:27%;}
}
@media(max-width: 720px){
  .swiper3D .swiper-slide{top:30%;        background-size: contain !important;}
  .swiper3D-rightbtn{right: 0px}
}
@media(max-width: 450px){
  .HomePro5{padding: 10px 0px}
  .HomePro5 .swiper-container{padding: 4% 0px 0px}
  .HomePro5 .tese{font-size: 14px;top:12%;}
  .swiper3D .swiper-slide{top:9%;}
  .HomePro5 .tt{font-size: 14px;top:37%;}
   .HomePro5 .tts{font-size: 10px}
}

/*第五屏end*/

.HomePro6{width: 100%;background: url('../../index/images/../../index/images/bg5_20.png') no-repeat left top;padding:260px 0px 50px;background-size: cover;}
.HomePro6 .les{        margin-top: 56px;width: 70%;box-sizing: border-box;background: url('../../index/images/bgt_21.png') no-repeat center center;padding:10px 30px 50px; }
.HomePro6 .les>ul{width: 80%;margin-left: 5%;height: 48px;background: #a62924;color: #fff;line-height: 48px}
.HomePro6 .les>ul li{float: left;font-size: 18px;text-align: center;width: 23%;padding-left: 20px;box-sizing: border-box;}
.HomePro6 .les .tisss {width: 80%;padding-left: 5%}
.HomePro6 .les .tisss dt ul{position: relative;border-bottom: 1px solid #fff;line-height: 60px;width: 100%;height: 60px;color: #fff}
.HomePro6 .les .tisss dt ul li{min-height: 20px;float: left;font-size: 15px;text-align: center;width: 24%;padding-left: 20px;box-sizing: border-box;}
.HomePro6 .les .tisss dt ul li :nth-child(1){width: 40%}
.HomePro6 .les .tisss .navsss{display: none;color: #fff;padding: 50px 0px 50px 20px;box-sizing: border-box;}
.HomePro6 .les .tisss .navsss .yao{font-size: 20px;font-weight: bolder;padding-bottom: 10px}
.HomePro6 .les .tisss .navsss .lis{line-height: 35px;font-size: 17px}
.HomePro6 .on dt i{transform: rotateX(-180deg);top:5px;}
.HomePro6 .les .tisss dt ul i{position: absolute;;right: 10px}
.rights{top:0px;width: 33%;position:absolute;right: 6%;top:15%;}
.rights img{max-width: 100%}
.rights .picT img{border-top-left-radius: 30px}
.rights .bgs{box-sizing: border-box;padding:10px 30px ;background: url('../../index/images/ico_06.jpg') no-repeat center center;height: 130px;color: #fff}
.rights .ts{font-size: 20px;}
.rights p{font-size: 14px;line-height: 25px;padding-top: 10px}
.its {display: flex;justify-content: space-between;margin-top: 5px}
.bg1{background: url(../../index/images/bg1_03.png) no-repeat left center}
.bg2{background: url(../../index/images/bg2_11.png) no-repeat left center;border-bottom-right-radius:30px;}
.its .listitem{width: 49.5%}
.rights .cons{padding: 10px}
.its .ts ,.bots .ts{color:#fff;font-size: 18px;}
.its p, .bots p{color: #fff;line-height: 26px;font-size: 13px}
.bots{display: flex;justify-content: space-between;}
.bots img{width:47%;}
.HomePro6 .titleTop span{top:-11%;}
@media(max-width: 1440px){
  .HomePro6 .titleTop span{
            top: -10%;
        left: 50%;
    
  }
  .HomePro6{
            width: 100%;
        background: url(../../index/images/../../index/images/bg5_20.png) no-repeat left top;
        padding: 196px 0px 50px;
        background-size: cover;
  }
}

@media(max-width: 1024px){
  .HomePro6 .les{width: 100%}
  .rights{position: relative;width: 100%;display: none}
  .HomePro6 .les>ul{margin-left: 10%}
  .HomePro6 .les .tisss{padding-left: 10%}
  .HomePro6 .les .tisss .navsss{padding: 20px 0px 20px 20px}

}

 



#mapssss{position: absolute;left:0px ;top:0px;width: 49.5%;}
/*首页 end*/


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

.Contains{max-width: 1200px;margin:0 auto;position: relative;}
.contents{padding-top: 70px}
.titleTop span{font-size: 36px;color: #fff;position: absolute;top:13%;left: 50%;transform: translateX(-50%);}
/*.titleTop{position: relative;margin:0 auto;height:118px;width: auto ;background: url('../../index/images/../images/wors_09.png') no-repeat center center;}*/

@media(max-width: 1024px){
  .Contains{padding:0px  15px;}
  .contents{padding:0px 30px;}
  .HomePro4 .rig ul li{padding-top: 10px}
  .HomePro6 .les>ul li{padding-left:10px;}
  .HomePro4 .rig ul li .tis{font-size: 17px}
  .HomePro4 .rig ul li p{font-size: 14px;padding:5px 10px 4px 30px;}
   .HomePro4 .rig .more{margin-top: 30px}
  .HomePro4 .rig .more .s{font-size: 17px}
}

@media(max-width: 996px){

}
@media(max-width: 720px){
.HomePro6 .les>ul li:first-child{width: auto;}
.HomePro6 {padding-top: 10px}
.HomePro6 .les{width: 100%;padding: 0px}
.contents{padding:0px 20px;}
.HomePro6 .les>ul{display: flex;justify-content: space-around;margin-left: 0px;width: 96%}
.HomePro4{/*padding: 70px 0px 20px*/}
.HomePro4 .lft{float: none; width: 96%;margin-left: 4%}
.HomePro6 .les .tisss dt ul{box-sizing: border-box;padding:0px 8px;display: flex;justify-content: space-around;width: 100%;height: 50px;line-height: 50px}
.HomePro4 .rig{float: none;width: 100%;margin-top: 20px;margin-left: 0px}
.HomePro6 .les .tisss{clear: both;padding-left: 0px;width:96%}
.titleTop span{left: 32%}
.HomePro6 .les .tisss dt ul li{font-size: 12px;padding-left: 0px}
.HomePro6 .les .tisss dt ul i{right: -5px}
.HomePro6 .on dt i{top:1px;}
.HomePro6 .les .tisss .navsss .yao{font-size: 14px}
.HomePro6 .les .tisss .navsss .lis{font-size: 12px;line-height: 20px}
.tisss ul li:nth-child(1){width: 100px !important}
.tisss ul li:nth-child(2){width: 130px !important}
.tisss ul li:nth-child(3){width: 10px !important}
.tisss ul li:nth-child(4){width: 100px !important}
}
/*栏目页公用样式 end*//**/

/*关于我们*/
.about{background: #660624;width: 100%}
.picList img{max-width: 100%}
.aboutTop{width: 100%;position: relative;}
.aboutTop a{        width: 230px;
        position: absolute;
        top: 40px;
        left: 70px;}
.bgs{max-width: 100%}
.showNav{ cursor:pointer; width:36px; position:absolute; right:154px; top:60px; z-index:999;}
.showNav span{ display:block; height:1px; background:#fff; margin:7px;transition: all ease 0.3s;}
.aboutWors{background: url('../../index/images/pic_03.png') no-repeat left center; height: 240px;position: absolute;bottom: 8%;left: 19%;width: 360px}
.aboutWors span{position: absolute;font-size: 35px;color: #fff;left: 15%;bottom: 28%}
.aboutContent{background: #660624;color: #fff;padding-bottom: 80px}
.tia{color: #fff;font-size: 14px;line-height: 100px;border-bottom: 1px solid #fff}
.w1200>p{text-indent: 3em;line-height: 30px;font-size: 13px;margin-top: 40px;margin-right: 220px}
.list{margin-top:48px;padding-left:5px }
.list .item .abTop{position: relative;}
.list .item .abTop span{position: absolute;font-size: 22px;left: 30px;top: 34%}
.list .item  .wos{padding: 13px 0px 60px 23px;font-size: 19px}
.pics{display: flex;justify-content: space-between;}
.pics img{width: 50%}
.bottomPic{width: 100%}
@media(max-width: 1024px){
  .pics{display: block;}
  .pics img{width: 100%;margin: 5px auto}
  .aboutTop .logos{position: absolute;top: 5%;left: 5%;height: 40px !important}
  .showNav{ cursor:pointer; width:36px; position:absolute; right:9%; top:8%; z-index:999;}
  .aboutWors{width: 208px;height: 200px;bottom: 0%;left: 19%;background-size:contain;}
  .w1200>p{margin-right: 0px;margin-top: 20px}
  .picList{text-align: center;}
  .tia{line-height: 50px}
  .aboutWors span{font-size: 16px;bottom:32%;left:5%;}
  .list .item .wos{padding: 13px 0px 20px 20px}
}
@media(max-width: 960px){

  .aboutWors{width: 100px;height: 90px;bottom: 0%;left: 6%}
  .aboutWors span{font-size: 10px;bottom: 24%;left: 5%}
  .w1200>p{text-indent: 2em}
  .list {margin-top: 10px}
  .list .item .wos{font-size: 14px;padding: 10px 0px 10px 20px}
  .aboutContent{padding-bottom: 10px}
}
/*关于我们end*/

/*门店风采s*/
.fencais{background: #660624;width: 100%}
.fencai{background: url('../../index/images/fencai_03.png') no-repeat left center; background-size:contain;height: 240px;position: absolute;bottom: 8%;left: 19%;width: 360px}
.fencai span{position: absolute;font-size: 35px;color: #fff;left: 6%;bottom: 28%}
.feicaiList{padding:60px 0px 40px}
.feicaiList .items{transition: all 0.3s;margin-bottom: 22px;box-sizing: border-box;padding: 17px 17px 60px 17px}
.feicaiList .items:hover{box-shadow:0px 7px 17px 0px #3c2983;transform: translateY(-10px);}
.feicaiList .items img{width: 100%;height: 300px}
.feicaiList .items{position: relative;}
.feicaiList .items:nth-child(odd){width: 49.5%;float: left;background: url(../../index/images/feicaibg_03.png) no-repeat left center ;background-size: cover;}
.feicaiList .items:nth-child(even){width: 49.5%;float:right;background: url(../../index/images/feicaibg_03.png) no-repeat left center ;background-size: cover;}
.tros p{font-size: 13px;color: #fff;line-height: 26px;padding-left: 15px}
.tros .name{font-size: 17px;padding:25px 15px;}
@media(max-width: 1024px){
  .fencai span{font-size: 16px;bottom:32%;left:5%;}
  feicaiList .items img{
    height: auto
  }

}
@media(max-width: 960px){
  .fencai{width: 120px;height: 100px;bottom: 0%;left: 6%}
  .fencai span{font-size: 9px;bottom: 24%;left: 5%}
  .feicaiList{padding: 10px 0px 10px}
  .feicaiList .items{padding: 10px}
  .feicaiList .items:nth-child(odd){width: auto;float: none;padding-top: 10px ;margin-bottom: 10px}
  .feicaiList .items:nth-child(even){width: auto;float: none;padding-top: 10px ;margin-bottom: 10px}
  .tros .name{padding:7px 15px;}
}
/*门店风采end*/

/*新闻动态s*/
.News{background: #660624;width: 100%}
.newsWors{background: url('../../index/images/newsti_03.png') no-repeat left center; background-size:contain;height: 240px;position: absolute;bottom: 8%;left: 19%;width: 360px}
.newsWors span{position: absolute;font-size: 35px;color: #fff;left: 6%;bottom: 28%}
.News .HomePro4{background:#660624;padding: 0px}
.News .HomePro4 .contents{padding-top:50px}
.newsList{padding:150px 0px 110px 0px;}
.newsItem{transition: all ease 0.3s;height: 240px;margin-bottom: 60px;box-sizing: border-box;}
.newsItem .imgs{width: 32%;float: left;}
.newsItem .newsright{box-sizing: border-box;width:68%;float: right;padding:46px 0px 50px 65px; }
.newsItem .newsright .date{color: #fff;font-size: 16px;background: none;}
.newsItem .newsright .tis{color: #fff;padding:30px 0px 25px;font-size: 19px;font-weight: bolder;}
.newsItem .newsright a{background: none;cursor: pointer;display: inline-block;height: 42px;line-height: 42px;padding:0px 18px;font-size: 16px;color: #fff;border:1px solid #fff;}
.newsList :nth-child(odd){background: #580312}
.newsList .page{padding-top: 50px;background: none;text-align: center;}
.newsList .page a{background: #660624;border:1px solid #fff;display: inline-block;height: 54px;line-height: 54px;color: #fff;font-size: 16px;text-align: center;padding:0px 27px;;margin-left: 10px}
.newsList .page a:hover{background: #a40000;border: 1px solid transparent}
.newsContent .contents .lft{padding-top:3%;}
.newsContent .contents  .rig{padding-top:0%;}
.contents .slideshow ul li{display: none;}
.contents .slideshow ul li:first-child{display: block;}
@media(max-width: 1024px){
  .newsWors span{font-size: 16px;bottom:32%;left:5%;}
.newsItem .newsright{padding:46px 0px 50px 127px;}
.sildeBot .center{width: 75%;box-sizing: border-box;;padding:30px 0px 25px 5px;margin-left: 11%}
.sildeBot .center .date{font-size: 30px}
.sildeBot .center .rs .tis{font-size: 14px}
.sildeBot .center .rs .conts{font-size: 10px}
.newsList{padding:50px 0px 40px 0px;}
}
@media(max-width: 996px){
  .titleTop span{font-size: 30px;top:13%;}
  .sildeBot .center{padding:30px 0px 25px 55px;}
}

@media(max-width: 720px){

   .sildeBot .center{padding: 20px 0px}
  .sildeBot .center .date{float: none;width: 100%;display: flex;}
  .sildeBot .center .date span{margin-left: 10px;margin-top:0px;}
  .sildeBot .center .rs{float: none;width: 100%}
  .sildeBot .lefs,.sildeBot .righs{width: 30px}
  .sildeBot .lefs img,.sildeBot .righs img{max-width: 100%}
  .sildeBot .center{padding:0px;width: 96%;margin-left: 0px}
  .newsWors{width: 120px;height: 100px;bottom: 0%;left: 6%}
  .newsWors span{font-size: 9px;bottom: 24%;left: 5%}
  .News .HomePro4 .contents{padding-top: 10px}
  .newsItem .imgs{float: none;width: 100%}
  .newsItem .imgs img{max-width: 100%}
  .newsItem .newsright{float: none;width: 100%;padding: 10px 0px 0px 16px}
  .newsList :nth-child(odd){background: none}
  .newsList{padding: 20px 0px 10px 0px}
  .newsItem{height: auto !important;margin-bottom: 20px}
  .newsItem .newsright .date{font-size: 14px}
  .newsItem .newsright .tis{padding: 10px 0px 15px;font-size: 16px}
  .newsItem .newsright a{height: 30px;line-height: 30px;font-size: 14px}
  .newsList .page{padding-top: 20px;}
 .newsList .page a{height: 30px;line-height: 30px;font-size: 12px;padding:0px 10px;margin-left: 0px}
   .sildeBot .lefs{left: -15%;top:22px;}
  .sildeBot .righs{right: -10%;top:15px;}
   .sildeBot .center .rs .tis{font-size: 12px}
   .newsContent .contents  .rig{padding-top:30%;}
   .sildeBot .center .rs .conts{padding-top: 0px}
}
/*新闻动态e*/


/*员工招聘s*/
.appoinWors{background: url('../../index/images/appti_03.png') no-repeat left center; background-size:contain;height: 240px;position: absolute;bottom: 8%;left: 19%;width: 360px}
.appoinWors span{position: absolute;font-size: 35px;color: #fff;left: 6%;bottom: 31%}
.appointmentContent{background: #660624;width: 100%;padding-bottom: 190px}
.appointmentInfo{margin-top: 150px}
.appointmentContent .HomePro6{background: none}
.appointmentContent .HomePro6 .les{width: 77%}
.appointmentInfo .rights{top:-19%;right: 0px}
.appointmentContent .contact{padding-left: 70px;margin-top:100px;}
.appointmentContent .contact p{color: #fff;font-size: 18px;line-height: 28px}
@media(max-width: 1024px){
.appoinWors span{font-size: 20px;bottom:32%;left:5%;}
.appointmentInfo{margin-top:10px}
.appointmentContent{padding-bottom: 20px}
.appointmentContent .contact{padding-left: 0px;}
}
@media(max-width: 720px){
  .appointmentContent .HomePro6 .les{width: 100%}
  .appoinWors{width: 120px;height: 100px;bottom: 0%;left: 6%}
  .appoinWors span{font-size: 9px;bottom: 24%;left: 5%}
  .appointmentContent .contact{margin-top:10px;}
  .appointmentContent .contact p{font-size: 14px;line-height: 20px}
  .appointmentContent .HomePro6{padding-bottom: 10px}

}
/*员工招聘e*/

/*联系我们s*/
.connection {padding-bottom: 190px}
.connectionWors{background: url('../../index/images/conti_03.png') no-repeat left center; background-size:contain;height: 240px;position: absolute;bottom: 8%;left: 19%;width: 360px}
.connectionWors span{position: absolute;font-size: 35px;color: #fff;left: 6%;bottom: 28%}
.location{padding:90px 0px 180px;}
.leftMap{overflow:hidden;width: 75%;padding-top: 60px;float: left;box-sizing: border-box;}
.leftMap p{color: #fff}
.leftMap .title{font-size: 24px;}
.leftMap .tros{font-size: 18px;line-height: 26px;padding-bottom: 45px}
.leftMap .map{position: relative;padding: 20px;background: url(../../index/images/mapbg.jpg) no-repeat left center;background-size: cover;}
.leftMap .small img{margin-top:-70px;}
.locationBot{padding:60px 0px 30px 40px ;position: relative;}
.locationBot .weixin{position: absolute;right: 33px;bottom: 16%;text-align: center;}
.locationBot .weixin p{font-size: 15px;padding:10px 0px;color: #f5f5f5}
.locationBot p{color: #f5f5f5;}
.locationBot .tis{font-size: 16px;line-height: 26px}
.locationBot .place{width: 55%}
.locationBot .phone{color: #f5f5f5;font-size: 26px;font-weight: bolder;padding-bottom: 44px}
.locationBot .place,.locationBot .email{color: #d7ccce;font-size: 19px;line-height: 29px}
.rightpic{float: right;width: 25%}
.rightpic img{display: block;vertical-align: bottom;}
.box img{vertical-align: top; position: absolute;}
.glass{
      width: 100px;
      height: 100px;
    /*  background-color: rgba(255,255,0,0.4);*/
      position: absolute;
      top: 0;
      left: 0;
      cursor: move;
      display: none;
      display: block;
    }
.big{
      width: 400px;
      height: 400px;
      position: absolute;
      top:0;
      left: 360px;
      border:1px solid #ccc;
      overflow: hidden;
      display: none;
      border-radius: 100%;
     /* background: url(../../index/images/../images/cricle_03.png) no-repeat center center;*/
    }

@media(max-width: 1024px){
  .leftMap .small img{margin-top:0px;}
.connectionWors span{font-size: 20px;bottom:32%;left:5%;}
.connectionWors{margin-top:10px}
.connection{padding-bottom: 20px}
.locationBot .place{width: 100%}
.locationBot .weixin {right: 10%;bottom:4%;}

}
@media(max-width: 996px){
.leftMap{float: none;width: 100%}
.rightpic{float: none;width: 100%}
.rightpic img{max-width: 100%;text-align: center;}
.location{padding: 0px 0px 30px}
.leftMap{padding-top: 20px}
.leftMap .title{font-size: 20px}
.leftMap .tros{padding-bottom: 20px;font-size: 16px}
.map img{max-width: 100%}
.locationBot{padding: 20px 0px 30px 40px}
.locationBot .phone{padding-bottom: 15px;font-size: 20px}
.locationBot .place, .locationBot .email{font-size: 16px}
.rightpic {display: flex;justify-content: space-around;margin-top: 20px}
}
@media(max-width: 720px){
  .connectionWors{width: 120px;height: 100px;bottom: 0%;left: 6%}
  .connectionWors span{font-size: 9px;bottom: 24%;left: 5%}
  .rightpic img{height: 200px}
  .locationBot{padding:20px 0px 30px 00px;}
  .leftMap .title{font-size: 18px}
  .locationBot .weixin{position: fixed;;z-index: 9999;right: 0px;top: 50%}
}
/*联系我们e*/

.detailssp{
  padding:30px 200px;
  background: #fff
}
.detailssp h1{text-align: center;        font-size: 32px;color: #333;}
.detailssp .video{width: 100%;margin:0px auto;text-align: center}
.detailssp .video video{width: 70%;margin:0px auto;height: 500px}
.detailssp p{margin:10px auto;}
@media(max-width: 996px){
  .detailssp .video video{width: 100%;height: 300px}
  .detailssp h1{text-align: center;        font-size: 25px;color: #333;line-height: 40px}
}
 @media(max-width: 996px){
   .HomePro6{padding:10px 0px 30px;}
  
    .HomePro6 .titleTop span{
         top: -12%;
        left: 68%;
         font-size:18px;
         display: none
    }
@media(max-width: 720px){
  .HomePro6 .les>ul li{font-size: 12px}
  .HomePro6 .titleTop span{top:1%;text-align: center;display: none;}
  .HomePro6 .titleTop span{
      top: -16%;
      font-size: 20px;
  }