.couple {width:140px; }
.couple  img{width:100%; }
.main_hidden{
display:none;
}
/*公用样式*/
.main {
 width: 100%;
 height: 100vh;
 margin-bottom: 0;
 overflow: hidden;
}
.Img_top img{ width: 100%; }
.mr25{margin:0 25px;}
.mr50{margin:50px 0px;}
.linkmap{ display:none;}
.main_content{ width: 1292px; margin:50px auto}
.border{ border:1px solid #d2d2d2;}
.position{ position:relative; overflow:hidden}
.W890{ _width:890px;*width:890px;}
.W588 { width:588px;}
.W288{ width:288px;}
.W300{ width:300px;}
.H322{ height:322px;}
.H527{ height:527px;}
.H298{ height:117px}
/*标题*/
.title_head{ padding:22px 0 12px 20px}
.more{ width:81px; height:24px; display:block; color:#fff !important; font-size:12px; line-height:24px; text-align:center; position:absolute; left:20px; bottom:25px}
.more:hover{ color:#fff; opacity:0.8;transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
.small_banner{ width:288px; height:auto;}
.small_banner:hover{ opacity:0.8;transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
/*颜色*/
.green{ background:#64b301}
.green:hover{ _background:#95DA3F;*background:#95DA3F}
.blue{background:#66ccff; left: 146px;  bottom: 30px;}
.blue:hover{_background:#92D5F7;*background:#92D5F7}
.khaki{background:#cfa972}
.khaki:hover{_background:#D8BA8F;*background:#D8BA8F}
.red{ background:#ff6666}
.red:hover{_background:#FB7D7D;*background:#FB7D7D}
.yellow{ background:#ffc051}
.yellow:hover{_background:#FFD07C;*background:#FFD07C}
/*栏目列表*/
.column_list li{ background:none; line-height:32px; float:left; width:33.3%; padding-left:0;}
.column_list li a{font-size:16px;}
.column_list{ padding:12px 20px; _position:relative; _zoom:1;*position:relative;*zoom:1}
 .fixed_right {
 position: fixed;
 right: 0;
 bottom: 0;
 }

 .fixed_right>img {
 width: 300px;
 }
 .fixed_right span {
 position: absolute;
 right: 10px;
 top: 10px;
 cursor: pointer;
 }
/*banner样式*/
.banner{ position:relative; margin:0 auto; overflow:hidden; height:350px;_width:100%; _zoom:1}
.swiper-container{ height:350px;}
.pagination{bottom: 20px;position: absolute;right: 50%;z-index: 9;margin-left: 25px;}
.pagination span{background: #125f89;float: left;height: 12px;margin-right: 5px;text-indent: -9999px;width: 12px; border-radius:50%;}
.pagination span.swiper-active-switch{ background:#c8ecff}
.sw{ display:block; width:100%; height:350px;}
.sw img{ position:relative; margin-left:-960px; left:50%;_zoom:1;}
.swiper-slide-active{ z-index:100; position:relative;_zoom:1}
/*ie6 banner*/
.banner{ _display:none}
.ie_banner{ display:none;_display:block !important}
.ie_banner a{ background:url(/Content/Areas/Common/images/main/banner1.jpg) no-repeat  center center; display:block; width:100%; height:350px;}

/*大众版首页新改版 2020/07/07*/
.header_new{display:block;}
.main_wrapper{
 background: rgba(27, 25, 25, 0.1);
 width: 100%;
 height: 100vh;
 position: relative;
}
.video_wrapper{
   position: absolute;
 z-index: -1;
width:100%;
}

.con_text{
  position: absolute;
  top: 40%;
  left: 50%;
  transform:translateX(-50%);
  text-align: center;
}
.wrap_main .footer {
 padding: 5px 0 25px 0;
}
.footer .footer_advise {
 display: block;
}
.footer .advise_p{
 font-family: 楷体;
 font-size: 21px;
 font-weight: 600;
 font-stretch: normal;
 line-height: 46px;
 letter-spacing: 1px;
 color: #9c0909;
 text-align: center;
}
.footer .advise_p a{
 display: inline-block;
 background: #9f9fa0;
 padding: 0 5px;
 border-radius: 10px;
 color: #9c0909;
 margin-left: 10px;
 line-height: 28px;
}

.con_text .text_top{font-size: 48px;color: #24a7e1;text-align-last: justify;text-align: justify;font-weight: 600;}
.con_text .text_top span{color: #24a7e1;}
.con_text .text_btm{font-size: 16px;color: #24a7e1;text-align:center;margin-top: 15px;}
/*.con_btn{width: 212px;height: 48px;background:url(/Sites/Uploaded/UserUpLoad/20200708/20200708094107.png)no-repeat 100% 100%;margin: 25px auto 0;color: #fff;font-size: 22px;line-height: 48px;padding-left: 36px;text-align: left;box-sizing: border-box;}
*/
.con_btn{width: 212px;height: 48px;border:2px solid #24a7e1;position: relative;margin: 25px auto 0;color: #24a7e1;font-size: 22px;line-height: 44px;padding-left: 60px;text-align: left;box-sizing: border-box;}
.con_btn img{position: absolute;left:170px;top: 50%;width: 64px;transform:translateY(-50%);transition:all 0.5s;}
.con_btn:hover img{left:190px;}
.menu_wrapper{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 118px;
  background:#24a7e1;
}
.menu_ul{
  width: 1100px;
  margin: 0 auto;
}
.menu_ul .menu_li{
  float: left;
  width: 12.5%;
  height: 118px;
  box-sizing: border-box;
  position: relative;
}
.menu_li::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  width: 10px;
  height: 10px;
  display: none;
  background: url(/Sites/Uploaded/UserUpLoad/20200708/20200708105448.png)no-repeat;
  background-size: 100%;
}

.menu_li a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color:#fff;
  font-size: 16px;
  font-weight: 600;
  padding-top: 80px;
  box-sizing: border-box;
}
.menu_li:hover a{
  color: #333;
}
.menu_li:hover::after{
  display: block;
}
.menu_ul .menu_li1{background:url(/Sites/Uploaded/UserUpLoad/20200707/20200707183229.png)no-repeat center 20px;background-size: 30%;}
.menu_ul .menu_li2{background:url(/Sites/Uploaded/UserUpLoad/20200707/20200707183438.png)no-repeat center 20px;background-size: 24%;}
.menu_ul .menu_li3{background:url(/Sites/Uploaded/UserUpLoad/20200707/20200707183518.png)no-repeat center 20px;}
.menu_ul .menu_li4{background:url(/Sites/Uploaded/UserUpLoad/20200707/20200707183551.png)no-repeat center 20px;background-size: 21%;}
.menu_ul .menu_li5{background:url(/Sites/Uploaded/UserUpLoad/20200707/20200707183634.png)no-repeat center 20px;background-size: 34%;}
.menu_ul .menu_li6{background: url(/Sites/Uploaded/UserUpLoad/20200707/20200707183709.png)no-repeat center 24px;background-size: 35%;}
li.menu_li.menu_li7 {
 background: url(/Sites/Uploaded/UserUpLoad/20210618/20210618141304.png)no-repeat center 24px;
 background-size: 28%;
}
li.menu_li.menu_li8 {
 background: url(/Sites/Uploaded/UserUpLoad/20250213/20250213162434.png)no-repeat center 24px;
 background-size: 35%;
}



.menu_ul .menu_li1:hover{background:#fff url(/Sites/Uploaded/UserUpLoad/20200707/20200707183419.png)no-repeat center 20px;background-size: 30%;}
.menu_ul .menu_li2:hover{background:#fff url(/Sites/Uploaded/UserUpLoad/20200707/20200707183456.png)no-repeat center 20px;background-size: 24%;}
.menu_ul .menu_li3:hover{background:#fff url(/Sites/Uploaded/UserUpLoad/20200707/20200707183533.png)no-repeat center 20px;}
.menu_ul .menu_li4:hover{background:#fff url(/Sites/Uploaded/UserUpLoad/20200707/20200707183614.png)no-repeat center 20px;background-size: 21%;}
.menu_ul .menu_li5:hover{background:#fff url(/Sites/Uploaded/UserUpLoad/20200707/20200707183650.png)no-repeat center 20px;background-size: 34%;}
.menu_ul .menu_li6:hover{background:#fff url(/Sites/Uploaded/UserUpLoad/20200707/20200707183722.png)no-repeat center 24px;background-size: 35%;}
li.menu_li.menu_li7:hover {
 background: #fff url(/Sites/Uploaded/UserUpLoad/20210618/20210618141418.png)no-repeat center 24px;
 background-size: 28%;
}
li.menu_li.menu_li8:hover {
 background: #fff url(/Sites/Uploaded/UserUpLoad/20250213/20250213162517.png)no-repeat center 24px;
 background-size: 35%;
}


/*大众版首页新改版 2020/07/07*/

@media only screen and (max-width: 1400px)
{
  .con_text .text_top{font-size: 34px;}
.main{
  height: 100%;
  }
  .mkeContentBox{
 padding-top:0px;
}
}
@media only screen and (max-width: 1200px)
{
.banner{ width:1200px}
  }
@media only screen and (max-width: 1024px)
{
.banner{ width:100%}  
.main_content{ width:100%; overflow:hidden} 
.pagination{ right:43%}
.W588{ width:471px;}
.W288{ width:229px;}
.W300{ width:298px}
.search_Box .all li span{ margin:0 8px}
.search_Box .searchtxt{ width:176px;}
.column_list li{ height:36px; overflow:hidden;}
.Min_con1 .column_list{ padding:18px 83px 32px 20px}
.Min_con2 .small_banner{ width:100%;}
}
@media only screen and (max-width: 768px){
.couple{ display:none; }
.Img_top{display:block;}
#img{display:none;}
.W588{ width:49%}
.W288{ width:49%;}
.W300{ width:100%; margin-top:10px;}
.H527{ height:auto;}
.mr10{ margin-right:1%;}
.small_banner{ width:100%;}
.pagination{ right:5%;} 
.banner{ height:140px}
.swiper-container{ height:140px;}
.sw{height:140px; }
.sw img{ position:static; margin-left:0;height:140px; }
.main_content{ width:100%; padding:0 10px; box-sizing:border-box;margin: 10px 0;}
.mr25 {
 margin: 15px 0;
}
.mr50 {
 margin: 15px 0;
}
.Min_con,.mid_box{width:100%;}
.Min_con4{ display:none;}
.Min_con1 .column_list{ padding:18px 20px 32px 20px}
.Min_con2 .more{ display:none;}
.Min_con3,.Min_con5{ height:352px;}
.Min_con6 .small_banner{ display:none;}
.Min_con7 { display:none;}
.phone{ width:46%; margin:0 2%; box-sizing:border-box; float:left; border-bottom:none}
.menu_ul{
  width: 100%;
}
.con_text{
  width: 90%;
}

  }


@media only screen and (max-width: 640px)
{
.con_text .text_top {
 font-size: 20px;
 text-align-last: inherit;
 text-align: center;
}
.Min_con8 a img{display:block;width:100%;}
.banner{ height:117px}
.swiper-container{ height:117px;}
.sw{height:117px;}
.sw img{height:117px; }
.W588{ width:100%}
.W288{ width:100%;}
.H322{ height:auto;}
.mr10{ margin-right:0;}
.Min_con3,.Min_con5{ height:auto;}
.column_list{ margin-bottom:45px;}
.Min_con2,.Min_con5{ margin-top:10px;}
.Min_con2 .more{ display:block;}
.Min_con5 .column_list li.last{ float:left;}
.main_content{ width:100%; padding:0 10px; box-sizing:border-box;margin: 10px 0;}
.mr25 {
 margin: 15px 0;
}
.mr50 {
 margin: 15px 0;
}
.Min_con,.mid_box{width:100%;}
  } 
@media only screen and (max-width: 560px)
{
.menu_wrapper{
  height: auto;
  } 
  .menu_ul .menu_li{
 width: 33.3%;
 border: 1px solid #fff;
  }
.video_wrapper{
  display:none;
}
.video_wrapper video{
  display:none !important;
}
video#officialVideo::-webkit-media-controls-enclosure
{
 display:none !important;
}
}
@media only screen and (max-width: 375px)
{
.banner{ height:68px}
.swiper-container{ height:68px;}
.sw{height:68px;} 
.sw img{height:68px; }
  }