@charset "utf-8";

#header{ height: 130px; position: absolute;   width: 100%; left: 0;  }

#header .main_box{position: relative; z-index: 98;} 

#top_bar{ border-bottom: 1px solid #e7e7e9; height: 55px; line-height: 55px; vertical-align: middle;}

.top_padding{ padding-top: 130px;}

#logo { position: absolute; top: 40px; left: 0; }

#logo a img{ vertical-align:middle;}

/*=================导航=================*/

#nav{position:absolute;top:77px;right:-35px;}

#nav ul{ }

#nav li{display:block;display:inline-block; padding: 0 23px; min-width:30px;position:relative; background: url(../images/line_nav.png) left top no-repeat;}

#nav li:first-child { background: none;}

#nav li .a{display:block;text-align:center; position: relative;  height: 53px;}

#nav li .a h1{line-height: 16px; height: 16px; font-size:16px;color:#fff;  text-align:center;display:block;margin-bottom:5px;position:relative;z-index:2; }

#nav li .a strong{font-size:12px; line-height: 14px; text-transform: uppercase; display:block;color:#bdc0c2;  text-align:center;position:relative;z-index:1}

#nav li .a span{position:absolute;bottom:0;left:0;width:110%;text-align:center}

#nav li .a i{display:block;margin:0 auto;text-align:center;z-index:1;height:3px;width:0;background:#cb0000;overflow: hidden; display: none;}

#nav li.on .a h1{  color: #cb0000;}

#nav li.on i{width:100%;}

#nav li .a:hover i{width:100%;}

#nav li .a:hover h1{ color: #fff;}

#nav li.on .a:hover i{transform:rotateX(0);-webkit-transform:rotateX(0);-moz-transform:rotateX(0)}

#nav.title{position:relative}

#nav .list{width:135px;left:0;max-height:0;position:absolute;top:60px;z-index:0; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}



#nav .list::before{ display: block; position:absolute;top:-10px;right:50%; overflow:hidden;width:0;height:0;border:10px solid #fff;border-color:#fff transparent;border-top:0; margin-right: -9px; content: "";}



#nav .list a{width:135px;height:50px;line-height:50px;text-align:center;color:#222;display:block;font-size:14px;text-decoration:none;opacity:1;background-color:#fff;border-bottom:#e9ecf1 1px solid;-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s}



#nav .list a:hover{color:#cb0000;border-bottom:#cb0000 1px solid;}

#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10; left:-10px; top:40px; opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}



 



/*======================移动端头部======================*/

#m_header{ display: none; height: 50px; position: fixed; left: 0; top: 0; width: 100%; background: #303135; box-shadow: 0 0 3px #999; z-index: 9999;}

#m_logo{ position: absolute; top:0px; left: 10px; }

#m_bnt_top_search{ position: absolute; top: 0; display: block; width: 50px; line-height: 50px; text-align: center; right: 50px; font-size: 2.4rem; color: #1ea78a;}



/*移动端导航*/

#m_bnt_nav{position: absolute;top: 0;right: 0;cursor: pointer;width: 50px;height:50px;background-color:#cb0000;text-align: center; }

#m_bnt_nav .point{display: inline-block;width: 28px;height: 22px;margin-top: 12px;position: relative;}

#m_bnt_nav .point:hover .navbtn,

#m_bnt_nav .point:hover .navbtn::after,

#m_bnt_nav .point:hover .navbtn::before{width: 28px;}

#m_bnt_nav .navbtn{position: absolute;top: 13px;right: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;}

#m_bnt_nav .navbtn::after,

#m_bnt_nav .navbtn::before{position: absolute;right: 0;display: inline-block;width: 28px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;}

#m_bnt_nav .navbtn::after{top: -11px;}

#m_bnt_nav .navbtn::before{top: 10px;}

#m_bnt_nav .point.on .navbtn{background: transparent;}

#m_bnt_nav .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#m_bnt_nav .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

 

#m_nav{position:absolute;top:50px;left:0;display:none;width:100%;z-index:999; }

#m_nav{  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5CB0000', endColorstr='#E5CB0000');background:rgba(203,0,0,0.9);}

#m_nav li{display:block;width:100%; }

#m_nav li .a{display:block;text-align:center;position:relative;height:40px;padding:0 2rem;line-height: 40px;}

#m_nav li .a h1{ display: inline-block; font-size:16px; color:#fff; padding-right: 10px;}

#m_nav li .a strong{ display: inline-block; text-transform:uppercase; font-size:14px; line-height:40px;height:40px;color:#fff; z-index:11; opacity:.8;filter:alpha(opacity=80);}

#m_nav li .a i{opacity:0;filter:alpha(opacity=0); position:absolute;right:0;top:0; text-align:center;z-index:4; color: #fff; font-size: 1.4rem; height:40px; line-height:40px; overflow: hidden;}

#m_nav .on .a{ }

#m_nav .on .a strong{color:#fff}

#m_nav .on.title .a i{ transform:rotate(270deg);-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg);}

#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100);}

#m_nav .title .a {  margin:0 20px;}

#m_nav .title .list{display:none;position:relative; }

#m_nav .title{position:relative}

#m_nav .title .list{position:relative;width:100%;z-index:9}

#m_nav .title .list .box{padding:0 30px 10px 30px;background:#f5f5f5}

#m_nav .title .list a{display:block;font-size:1.4rem;color:#fff;text-align:center;line-height:3rem}





/*================= banner===================*/

#banner { width: 100%;  position: relative; height:800px;overflow: hidden;}

#banner .main_box{ height: 800px;}

#banner .swiper-slide{ display: block; height: 600px; overflow: hidden; text-align:center; height: auto; background:#fff;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;  }

#banner .swiper-slide img{ display: block;   }

#banner .swiper-pagination-bullets{ bottom: 11rem;}

#banner .swiper-pagination-bullet{   background: none; border: none; height: 20px; width: 20px; background: url(../images/icon_bn.png) center no-repeat; opacity:1;filter:alpha(opacity=100);}

#banner .swiper-pagination-bullet-active{ background: url(../images/icon_bn_on.png) center no-repeat;}

#banner .bnt{ position: absolute; top: 50%; width: 60px;  height: 60px;  border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;}

#banner .bnt_prev{left: 40px;  }

#banner .bnt_next{right: 40px; transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg);   } 

#banner .bnt:hover{ color: #cb0000; }

#banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);}







/*================= banner===================*/

.m_top_padding{ margin-top: 50px; display: none;}

#m_banner { display: none; width: 100%;  position: relative;  }

#m_banner  .swiper-slide{ display: block; overflow: hidden; text-align:center; height: auto; background:#fff;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}

#m_banner  .swiper-slide img{ display: block; width: 100%;  }

#m_banner .swiper-pagination-bullets{ bottom: 2rem;}

#m_banner .swiper-pagination-bullet{  height: 5px; width: 5px; background: none; border: 2px solid #fff;}

#m_banner .bnt{ position: absolute; top: 50%; width: 60px;  height: 60px;  border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;}

#m_banner .bnt{ position: absolute; top: 50%; width: 4rem;  height: 4rem; color: #cb0000; border-radius: 50%; font-size: 4rem; margin-top: -2rem; z-index: 9; cursor: pointer;}

#m_banner .bnt_prev{left: 20px;   }

#m_banner .bnt_next{right: 20px;     } 

#m_banner .bnt:hover{ }

#m_banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);}

 



/*================= index===================*/

#page_index{ width: 1200px; background: #fff; margin: 0 auto; margin-top: -100px; position: relative; z-index: 99;}

#page_index .index_box{ padding: 25px;   }

#page_index .floor{ padding: 4.5% 0;}

.s_title{position:relative;margin-bottom:3%;  position: relative;}

.s_title img{ vertical-align: middle;}

.s_title h1{ display: block;  color: #cb0000; font-size: 3.6rem; font-weight: 700;}

.s_title h2{ display: inline-block; color: #000000; font-size: 2.4rem; font-weight: 400;}

.s_title strong{font-size:2.4rem; color:#cc0001; font-weight: 700; display: inline-block;   text-transform: uppercase;  padding-right: 10px;}

.s_title p{font-size:16px; color:#a3a4a4; text-transform: uppercase; display: block;  }

.s_title .more{   position: absolute; right: 8px; top: 0; font-size:32px;  color:#c3c1c6;   display: block;  	}

.s_title .more:hover{color:#cb0000;  transform:rotate(225deg);-webkit-transform:rotate(225deg); /* Safari and Chrome */-moz-transform:rotate(225deg);}



 /*==============活动=====================*/

#mode_about_link { }

#mode_about_link .j_row{  margin: -7.5px;}

#mode_about_link .j_box{ padding: 7.5px;}

#mode_about_link   a{ display: block;  position: relative;     }

#mode_about_link   a.last{ margin-top: 13px;}

#mode_about_link  .pic_box{  width:100%;  overflow:hidden; position: relative;}

#mode_about_link  .pic_box span{ position: absolute; left: 20px; bottom: 20px; background: #e71f19; width: 98px; height: 28px; line-height: 28px;  font-size:1.2rem;  color:#fff;  display: block; text-align: center;}

#mode_about_link  .pic_box img{ width:100%; display: block;}

#mode_about_link  .text_box{ position: absolute; left: 6%; bottom: 6%; width: 88%;}

#mode_about_link  .text_box h1{  display:block; font-size: 2.4rem; font-weight: 700; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom: 1.5rem;}

#mode_about_link  .text_box .p{font-size:1.4rem; color:#fff; line-height: 24px;  display: block;   }

#mode_about_link   .text_box span{ margin-top: 30px;  width: 135px; height: 38px; line-height: 38px;  font-size:1.2rem;   display: block; text-align: center;background: #cb0000; color: #fff; border: 1px solid #cb0000; }

#mode_about_link   a:hover {   }

#mode_about_link   a:hover span{  }

#mode_about_link  .text_box h1:hover{color: #cb0000; }

 

/*==============搜索=====================*/

#page_index .f2 { margin-top: 4.5%; background: url(../images/bg_f2.jpg) center no-repeat; background-size: 100% 100%;}

#page_index .f2 .content{ width: 90%; margin: 0 auto;}

#page_index .f2 .title{ color: #fff;}

#page_index .f2 .title strong{ font-size: 24px; display: block; text-transform: uppercase; font-weight: 700; margin-bottom: 10px;}

#page_index .f2 .title h2{ font-size: 16px; display: block;} 

#page_index .f2 .bnt_box a{ display: block; padding: 2.5rem 0; margin:0 10%; background: #0054a6;}

#page_index .f2 .bnt_box a img{ display: block; margin: 15px  auto;}

#page_index .f2 .bnt_box a h1{ display: block; text-align: center; font-size: 14px; color: #fff;}

#page_index .f2 .bnt_box li:nth-child(2) a{ background: #00bff3;}

#page_index .f2 .bnt_box li:nth-child(3) a{ background: #ff0000;}

#page_index .f2 .bnt_box a:hover img{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); }



#j_seach_box form{ overflow:hidden; background:#fff; position: relative; width: 100%; height:55px;  margin-top:30px;}

#j_seach_box input[type=text]{border:none; width: 100%; box-sizing: border-box; padding-right: 130px; display:block; height:55px; text-align:left;color:#434343;font-size:14px; line-height:55px;  padding-left: 20px; }

#j_seach_box input[type=text]:focus{text-align:left}

#j_seach_box input[type=submit]{position:absolute;right:0;top:0;padding:0;z-index:2; height:55px;width:110px; border-radius: 0; line-height: 55px; cursor:pointer;border:none; background: #fc4733; font-size: 1.6rem; color: #fff;}

#j_seach_box input[type=submit]:hover{background: #cb0000; }

#j_seach_box form.on{-moz-transform:scale(1);-o-moz-transform:scale(1);-o-moz-transform:scale(1);-webkit-moz-transform:scale(1);transform:scale(1)}



 



/*==============新闻=====================*/

#mode_index_news{margin: 0 -14px 0 -10px;}

#page_index .f3 ul{ margin: 0 -1.5%;}

#page_index .f3 li{ display: block;   float: left;  position: relative;     }

#page_index .f3 li a{ display: block;  position: relative;   margin:0 4.8%; }

#page_index .f3 li .pic_box{  width:100%;  overflow:hidden; position: relative;}

#page_index .f3 li .pic_box span{ position: absolute; left: 20px; bottom: 20px; background: #e71f19; width: 98px; height: 28px; line-height: 28px;  font-size:1.2rem;  color:#fff;  display: block; text-align: center;}

#page_index .f3 li .pic_box img{ width:100%; display: block;}

#page_index .f3 li .text_box{ padding: 6%  5% 0 5%;}

#page_index .f3 li .text_box h1{  display:block; font-size: 1.8rem; color: #373535; line-height: 30px; margin-bottom: 1.5rem;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}

#page_index .f3 li .text_box p{font-size:1.4rem; color:#7f7f7f; line-height: 24px;  display: block;  height: 48px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}

#page_index .f3 li .text_box span{ margin-top: 39px; color: #cb0000; text-decoration: underline;  height: 28px; line-height: 28px;  font-size:1.2rem; display: block; }

#page_index .f3 li a:hover {  }

#page_index .f3 li a:hover .text_box span{ }

#page_index .f3 li .text_box h1:hover{color: #cb0000; }

#page_index .f3.left ul{ margin: 0;}

#page_index .f3 .left li a{ margin: 0%; }

#page_index .f3 .left .pic_box span{   left:10%;   bottom: 185px;}

#page_index .f3 .left .text_box{ position: absolute; left: 0%; bottom: 0%; width: 100%; box-sizing: border-box; padding:20% 10% 30px 10%; padding-top: 20%; background: -moz-linear-gradient(top, rgba(0,0,0,.0)0,  rgba(0,0,0,.6)100%);

background: -webkit-linear-gradient(top,  rgba(0,0,0,.0)0,  rgba(0,0,0,.6)100%);background: -o-linear-gradient(top,  rgba(0,0,0,.0)0,  rgba(0,0,0,.6)100%);}

#page_index .f3 .left .text_box h1{ color: #fff; height: 30px;}

#page_index .f3 .left .text_box p{ color: #fff; height: 48px; overflow: hidden;}

#page_index .f3 .left .text_box span{ color: #fff; margin-top: 3%;}





/*==============活动=====================*/

#page_index .f4{   border-top: 3px solid #f3f3f3; }

#mode_past_active { }

#mode_past_active ul{ margin:-4% -15px; margin-bottom: 0;}

#mode_past_active li{ display: block;   float: left;  position: relative;    }

#mode_past_active li a{ display: block;  position: relative;  background: #f3f3f6; margin: 7% 0; }

#mode_past_active li .pic_box{  overflow:hidden; height:180px}

#mode_past_active li .pic_box img{ width:100%; height:180px; display: block;}

#mode_past_active li .text_box{ padding:3.7%; box-sizing: border-box;}

#mode_past_active li .text_box h1{  display:block; font-size: 1.8rem; color: #404042; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom: 1.5rem;}

#mode_past_active li .text_box strong{font-size:1.4rem; color:#818285; line-height: 24px;  display: block;   }

#mode_past_active li .text_box span{ margin-top: 25px;  width: 98px; height: 28px; line-height: 28px;  font-size:1.2rem; border: 1px solid #cdcdce; color:#6e6b6b;  display: block; text-align: center; }

#mode_past_active li a:hover {  box-shadow: 0 5px 10px #aaa; }

#mode_past_active li a:hover span{ background: #cb0000; color: #fff; border: 1px solid #cb0000;}

#mode_past_active li .text_box h1:hover{color: #cb0000; }



#page_index .f5{ background: #f9f9fa; border: 1px solid #e2e2e3; overflow: hidden; padding:40px 20px;}

#mode_partner .content{ margin: 0 -10px; }

#mode_partner a{ display: block; padding: 0 10px; box-sizing: border-box;}

#mode_partner a img{ display: block; width: 100%;}

#mode_partner a:hover img{ box-shadow: 0 5px 10px #ccc; z-index: 999; margin-top: -10px;}



#page_index .f6{}

#page_index .f6 .ar_article{ text-align: center; color: #6d6e70}

#page_index .f6 .ar_article i{ display: block; height: 2px; width: 85px; background: #2e2e30;   margin: 35px auto;} 

#page_index .f6 .ar_article h2{ font-size: 22px; font-weight: 400; color: #000;}

#page_index .f6 .ar_article p{ color: #6d6e70}

#page_index .f6 .ewm_box{ display: inherit; text-align: center;  }

#page_index .f6 .ewm_box .box{ display: inline-block; margin: 0 10px; text-align: center; }

#page_index .f6 .ewm_box .box img{ display: block; margin: 0 auto; height:120px;}

#page_index .f6 .ewm_box .box span{color:#7f7e7e; font-size:12px; line-height: 30px; text-align: center;}



 

 

/*==============footer=====================*/

#footer{  height: 65px; line-height: 65px; border-top: 1px solid #e9eaee; }

#footer .main_box{ position:relative;}

 

#footer   { font-size: 12px; text-align: center;  color:#7f7e7e; height: 65px; line-height: 65px;   }

#footer   a{color:#7f7e7e;}

#footer a:hover{ color:#cb0000; text-decoration: underline;}

 

  

/*===================内页banner================*/

#n_banner{ display:block; width:100%; height:420px; position: relative; }

#m_n_banner{ position: absolute; left: 0; top: 0;  width: 100%; height: 140px; display: none; background-size: 100% auto; }

#n_banner .main_box{ display: table; height:420px;}

#n_banner .box{ display: table-cell; vertical-align: middle;   overflow:hidden; text-align:center; }

#n_banner h1{ font-size:24px;  color:#fff; display:block; margin-bottom:10px; text-transform:uppercase; }

#n_banner h2{ background: #cb0000;  display:block; width: 20px; height: 3px; margin: 0 auto;}

 

/*==============n_content_left=====================*/

.n_left{ width:260px; float:left;  overflow:hidden; margin-top: 45px;}

.n_nav_box{ background:#fbfbfc; padding:5px 0 20px 0;  border:1px solid #dcdcde;}

#n_nav_title{  padding:25px 30px; }

#n_nav_title strong{ display:block;   color:#cb0000; display:block;   font-size:18px;  text-transform: uppercase; }

#n_nav_titlee span{ display:block; color:#31353a; display:block; font-weight:bold; font-size:18px; } 



/*=================侧导航==================*/

#n_nav{}

#n_nav dt{ position:relative; padding:0 8px; display:block;   height:55px; overflow:hidden;  border-left: 3px solid #fbfbfc;}

#n_nav dt:last-child a{ border: none;}

#n_nav dt a{font-size:16px; padding-left: 20px; color:#30353a; line-height:54px; display:block; border-bottom: 1px solid #dcdcde; position: relative;}

#n_nav dt a i{ opacity:0;filter:alpha(opacity=0);}

#n_nav dt.title i{ position: absolute; right: 20px; top: 2px;  font-size: 24px; color: #30353a; font-style: normal; transform:rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);  opacity:1;filter:alpha(opacity=100);}



#n_nav dt.on{ border-left: 3px solid #cb0000;}

#n_nav dt.on a{ background: #cb0000; color:#fff; border-bottom:3px solid #cb0000;}



#n_nav dt:hover{border-left: 3px solid #cb0000;}

#n_nav dt:hover a{background: #cb0000; color:#fff}



#n_nav dt.title:hover{border-left:3px solid #cb0000; }

#n_nav dt.title:hover i{  color: #fff; }

#n_nav dt.title:hover a{color:#fff;}



#n_nav dt.title.on{ border-left:3px solid #cb0000;}

#n_nav dt.title.on a{  color:#fff;}

#n_nav dt.title.on i{color: #fff;  }



#n_nav dt.title.title_on{border-left:3px solid #cb0000;}

#n_nav dt.title.title_on a{color:#fff; background: #cb0000;}

#n_nav dt.title.title_on i{transform:rotate(0deg);-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); color: #fff;}

#n_nav dt.title_on a,#n_nav dt.title.title_on.on a{ }

#n_nav dd{ padding:10px 0px;  display:none; }



#n_nav dd .box{}

#n_nav dd a{padding-left:10px;line-height:30px;font-size:14px;color:#636060;display:block;height:30px;  padding: 0 35px;}

#n_nav dd a:hover{ color:#cb0000;}

#n_nav dd a.on{ color: #cb0000;}

  

/*==============n_content=====================*/

.n_title{ position:relative; height:50px; line-height:50px; z-index: 2; background: #ededf0;}

.n_title dl{ width: 25%; float: left; position: relative;} 

.n_title dt a{ font-size:14px; text-align: center; display:block; color:#424141; margin-bottom:0px; }

.n_title dl dd{ position: absolute; width: 100%; display: none;   overflow: hidden; background: #fff;}

.n_title dl dd a{font-size:14px;  width: 100%; text-align: center; display: block; olor:#30353a; line-height:50px; display:block; border-bottom: 1px solid #dcdcde; position: relative;}

.n_title dl dd a:hover,.n_title dl dd a.on{ color: #cb0000;}

.n_title dt i{ display: none;  transform:rotate(90deg);-webkit-transform:rotate(90deg); /* Safari and Chrome */-moz-transform:rotate(90deg);}

.n_title dl.title_nav dt i{ display: inline-block;}

.n_title dl:hover dt{background: #cb0000;}

.n_title dl:hover dt a,.n_title dl:hover dt a i{  color: #fff;}

.n_title dl.title_nav:hover dd{ box-shadow: 0 5px 10px #ccc; }



.n_title dt.on{ background: #cb0000; }

.n_title dl dt.on a,.n_title dl dt.on a i{  color: #fff;}



 



#n_main_box #mode_position{line-height: 80px;  }



/*==================分类导航=================*/

#n_sub_nav{ position:relative; display:inherit; text-align:center; margin-top:10px; margin-bottom:40px;}

#n_sub_nav a{ width:100px;  margin:0 5px; display:inline-block; height:30px; line-height:30px; border-radius:0px; background:#fff;   text-align:center; color:#fff; background:#68696b; font-size:14px;}  

#n_sub_nav a:hover{  background:#cb0000;}

#n_sub_nav a.on { background:#cb0000;}





/*==================移动端导航=================*/

#m_n_nav{ background: #373849;  display: none; line-height: 50px; position: relative; z-index: 99; }

#bnt_back{ position:absolute; left: 1rem; top:0;  color: #fff; font-size: 26px;}

#m_n_nav i{}

#m_n_nav h1{ font-size: 18px; color: #fff; text-align: center;}

#bnt_sub_nav{ position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 26px; }

#bnt_sub_nav img{ display: block; height: 15px; }

#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}

#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}

#sub_nav_content ul{ padding:  10px;}

#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}

#sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}

#sub_nav_content ul li.on a{color: #d2b068;}



#sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fff;  border-top:1px solid #e7e7e7; z-index: 999; }

#sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 40px; font-size:14px; font-weight: 400;  }

#sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0;filter:alpha(opacity=0); }

#sub_nav_content dt a{}

#sub_nav_content dt.title{background:#fafafb;}

#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}

#sub_nav_content dt.title_on  { background:#fafafb;}

#sub_nav_content dt.title_on a{ color:#cb0000; border-top:1px solid #fff;}

#sub_nav_content dt.title_on a i{ color: #cb0000;  }

#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}

#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{ color:#cb0000;}

#sub_nav_content dd{  display:none;}

#sub_nav_content dd .box{padding:0px 0px 0px 0px;}

#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}

#sub_nav_content dd a.on{ color:#cb0000}





/*==============n_content=====================*/

#page_inner{ margin-bottom: 60px;}

#n_content{ padding-top: 60px;  min-height: 300px;  }

#n_main_box{   margin-bottom: 60px;}



/*=====================园区概况======================*/

#page_about{}

#page_about .floor1 ul{ margin: 2% auto;}

#page_about .floor2{ padding: 3.5% 0; background: #f7f7f7; margin-top: 4%; margin-bottom: 4%;}

#page_about .floor2 .ar_article{ width: 800px; }

#page_about .floor2 .pic_box{ position: absolute; right: 0; bottom: 0;}

#page_about .floor2 .pic_box .box{ position: absolute; left: -10px; bottom: -12px; width: 100%;  height: 420px; background: #6d6e6e;}

#page_about .floor2 .pic_box img{ position: relative; z-index: 2; width:320px;}

#page_about .floor2 .mark_box{ margin-top: 4%;}

#page_about .floor2 .mark_box .box{ display: inline-block; margin-right: 20px; width: 85px; height: 85px; text-align: center; background: url(../images/bg_about_f2_icon.png) center no-repeat;}

#page_about .floor2 .mark_box .box span{ padding-top: 20px; color: #494949; font-size: 12px; display: block; text-align: center; line-height: 22px;}

#page_about .floor2 .mark_box .box.on{ background: #cb0000;}

#page_about .floor2 .mark_box .box.on span{ color: #fff;}



#page_about .floor3 .ar_article{ width: 680px; float: right; padding-top: 10px;}

#page_about .floor3 .pic_box{ position: relative; float: left;}

#page_about .floor3 .pic_box .box{ position: absolute; left: -1.5%; top: -2.5%; width: 103%;  height: 104%; border: 1px solid #d6d6d6; }

#page_about .floor3 .pic_box img{ position: relative; z-index: 2; display: block; width:500px;}



#num_box{ float: right; margin-top: 40px;}

#num_box td{ padding: 20px 10px; width: 180px; color: #747576; font-size: 14px; text-align: center; line-height: 22px; border: 1px solid #eeeff1; }

#num_box td strong{color: #cb0000; font-size: 28px; padding-right: 5px;  }





/*=====================人物钢厂======================*/

#mode_parson { position: relative; overflow: hidden;}

#mode_parson ul{  margin: -1.5%;  }

#mode_parson li{ display: block;   float: left;  position: relative;    }

#mode_parson li a{ display: block; margin: 6%; position: relative; }

#mode_parson li .pic_box{position: relative; width:100%;  overflow:hidden; background: #f1f1f5; box-sizing: border-box; padding:20% 10%;}

#mode_parson li .pic_box h1{text-align: center; display:block; margin-bottom:15px; font-size: 1.8rem; margin-top: 20px; color: #504e4e; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_parson li .pic_box i{ display: block; height: 2px; width: 15px; background: #cb0000;   margin: 15px auto;}

#mode_parson li .pic_box span{display: block; color: #504e4e; text-align: center; font-size: 14px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }

#mode_parson li .pic_box img{ width:80%; border-radius: 50%; display: block; box-sizing: border-box; margin: 0 auto;}

#mode_parson li .text_box{ position:absolute;  width: 100%; height: 100%; left: 0; top: 0; background:#cb0000; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}

#mode_parson li{}

#mode_parson li .text_box .box{ position: absolute; right: 10%; top: 50%; margin-top: -20px; width: 80%; display:block; text-align: center; }

#mode_parson li .text_box h1{text-align: center; display:block; margin-bottom:15px; font-size: 2.2rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_parson li .text_box h2{display: block; color: #fff; text-align: center; font-size: 12px; margin-bottom:  10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  opacity:.85;filter:alpha(opacity=85);}

#mode_parson li .text_box .p{ font-size: 12px;  max-height: 140px; color: #fff !important;   margin: 0 auto; opacity:.85;filter:alpha(opacity=85); line-height: 28px; overflow: hidden; text-align: center !important;}
#mode_parson li .text_box .p p{ color: #fff !important; padding-bottom: 0 !important; text-align: center !important; line-height: 28px;}





#mode_parson li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); }

#mode_parson li:hover a .text_box .box{  margin-top: -100px; }

#mode_parson li:hover a .pic_box { -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}









/*=========园区荣誉=========*/

#page_honor{}

#page_honor .un_box{ padding-top: 3%; margin-top: 3%; border-top: 2px solid #f3f4f8;}



/*=====================园区荣誉======================*/

#mode_honor { position: relative; overflow: hidden;}

#mode_honor ul{  margin: -2% 0;  }

#mode_honor li{ display: block;   float: left;  position: relative;    }

#mode_honor li a{ display: block; margin: 8%; position: relative; }

#mode_honor li .pic_box{position: relative; width:100%;  overflow:hidden; background: #f1f1f5; box-sizing: border-box; padding: 10%; z-index: 3;}

#mode_honor li .pic_box img{ width:100%; display: block; box-sizing: border-box; border: 5px solid #83342d;}

#mode_honor li .text_box{ position:absolute;  width: 100%; height: 100%; left: 0; top: 0; background:#cb0000; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}

#mode_honor li{}

#mode_honor li .text_box .box{ position: absolute; right: 10%; top: 50%; margin-top: -30px; width: 80%; display:block; text-align: center; }

#mode_honor li .text_box h1{text-align: center; display:block; margin-bottom:15px; font-size: 1.5rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_honor li .text_box span{display: block; height: 1px; width: 20px; background: #fff;   margin: 0 auto;}

#mode_honor li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); }

#mode_honor li a:hover .text_box .box{  margin-top: -18px; }

#mode_honor li a:hover .pic_box{ opacity:0;filter:alpha(opacity=0);}

#mode_honor li a:hover .pic_box .icon{ -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}



#mode_honor .hd{ text-align: center; display: inherit; margin-top: 3rem;}

#mode_honor .bnt{   display:inline-block; font-size: 4rem; color: #737272;  z-index: 9; cursor: pointer;}

#mode_honor .bnt.on{color: #cb0000; }

#mode_honor .bnt_prev{ left:-50px; }

#mode_honor .bnt_next{ right:-50px;} 

#mode_honor .bnt:hover{ color: #cb0000; }

#mode_honor .bnt.off{ opacity:.5;filter:alpha(opacity=50);}



/*=====================人才招聘======================*/

#mode_hr {}

#mode_hr .bd{ display: block; overflow: hidden; }

#mode_hr .bd li .ar_article{padding: 2.5% 1.5%;}

#mode_hr .hd {position: relative; padding: 0 60px; margin:0 -60px; overflow: hidden; padding-bottom: 10px; }

#mode_hr .hd li{background: #ededf0; padding: 3% 0; text-align: center; position: relative;}

#mode_hr .hd li h1{ color: #353535; font-size: 1.8rem; display: block; margin-bottom: 1rem;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin: 0 10px;}

#mode_hr .hd li strong{ color: #626262; font-size: 1.4rem; text-transform: uppercase; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin: 0 10px;}

#mode_hr .hd li.swiper-slide-active{ background: #cb0000;}

#mode_hr .hd li.swiper-slide-active::after{ display: block; content: ""; position: absolute; left: 50%;margin-left: -5px; bottom: -10px; height: 0; width: 0;     overflow: hidden;    border: 10px solid #cb0000;  border-color: #cb0000 transparent;   border-bottom: 0; }

#mode_hr .hd li.swiper-slide-active h1,#mode_hr .hd li.swiper-slide-active strong{ color: #fff;}



#mode_hr .bnt{ position: absolute; top: 0%;  width:60px; line-height: 137px;  box-sizing: border-box; vertical-align: middle;  background: #fff; font-size: 3rem; color: #737272;  z-index: 9; cursor: pointer;}

#mode_hr .bnt.on{color: #cb0000; }

#mode_hr .bnt_prev{ left:0px; }

#mode_hr .bnt_next{ right:0px; text-align: right;} 

#mode_hr .bnt:hover{ color: #cb0000; }

#mode_hr .bnt.off{ opacity:.5;filter:alpha(opacity=50);}

 

/*=====================机构======================*/

#mode_jg .up_box{ border: 1px solid #e1e1e6; padding: 2%; margin-bottom: 2.5%;}

#mode_jg .up_box p:last-child{ padding: 0;}

#mode_jg .title{ margin-bottom: 2rem;}

#mode_jg .title h1{ color: #4c4c4c; font-size: 22px; text-align: center; display: block; margin-bottom: 10px;}

#mode_jg .title span{display: block; height: 2px; width: 20px; background: #cb0000; margin: 0 auto;}



#mode_jg { position: relative; overflow: hidden;}

#mode_jg .content{  margin: 0 -1%;  }

#mode_jg li{ display: block;   float: left;  position: relative;    }

#mode_jg li a{ display: block; margin: 5%; position: relative; }

#mode_jg li .pic_box{position: relative; width:100%;  overflow:hidden; background: #f1f1f5; box-sizing: border-box; }

#mode_jg li .pic_box img{ width:100%; display: block; box-sizing: border-box;  }

#mode_jg li .text_box{ position:absolute;  width: 100%; height: 100%; left: 0; top: 0; background:#cb0000; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}

#mode_jg li{}

#mode_jg li .text_box .box{ position: absolute; right: 10%; top: 50%; margin-top: -30px; width: 80%; display:block; text-align: center; }

#mode_jg li .text_box h1{text-align: center; display:block; margin-bottom:15px; font-size: 1.5rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_jg li .text_box span{display: block; height: 1px; width: 20px; background: #fff;   margin: 0 auto;}

#mode_jg li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); }

#mode_jg li a:hover .text_box .box{  margin-top: -18px; }

#mode_jg li a:hover .pic_box .icon{ -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}



#mode_jg .hd{ text-align: center; display: inherit; margin-top: 3rem;}

#mode_jg .bnt{   display:inline-block; font-size: 4rem; color: #737272;  z-index: 9; cursor: pointer;}

#mode_jg .bnt.on{color: #cb0000; }

#mode_jg .bnt_prev{ left:-50px; }

#mode_jg .bnt_next{ right:-50px;} 

#mode_jg .bnt:hover{ color: #cb0000; }

#mode_jg .bnt.off{ opacity:.5;filter:alpha(opacity=50);}







/*=========机构详情=========*/

#nav_jgxq{margin-bottom: 40px; display: inherit; text-align: center;}

#nav_jgxq a{ display: inline-block; border: 1px solid #d5d5d7; padding: 0 35px; text-align: center; height: 45px; line-height: 45px; font-size: 14px; color: #424141; border-radius: 3px; overflow: hidden; margin: 0 5px;}

#nav_jgxq a.on,#nav_jgxq a:hover{ color: #fff; background: #cb0000; border:1px solid #cb0000;}



#mode_jgxq  li{  border-radius: 0 10px 10px 0; position: relative;  height: 430px;}

#mode_jgxq  li a{ display: block; position: relative;  }

#mode_jgxq  li .pic_box{ float: left; width: 50%; height: 430px; overflow: hidden;}

#mode_jgxq  li img{ display: block; margin: 0 auto; width: 100%;  height: 100%;   }

#mode_jgxq  li .text_box{ width: 50%; float: right; height: 430px; display: table;}

#mode_jgxq  li .text_box .box{ display: table-cell; vertical-align: middle; padding: 0 10.8%;}

#mode_jgxq  li h1{  color: #464646;  font-size: 22px; margin-bottom: 10px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_jgxq  li span{ margin-top: 45px; display: block; width: 125px; height: 33px; line-height: 33px; padding-left: 0px; font-size: 14px; color: #69696b;  border: 1px solid #cacacd; text-align: center;}

#mode_jgxq  li .ar_article p,#mode_jgxq  li .ar_article{ margin-top: 15px; display: block; max-height:112px; line-height: 28px; font-size: 14px; color: #69696b;  display: -webkit-box; overflow: hidden;  }

#mode_jgxq  li:nth-child(2n) .pic_box{float: right;}

#mode_jgxq  li:nth-child(2n) .text_box{float: left;}

#mode_jgxq  li:hover { background: #ededf0;}

#mode_jgxq  li span:hover{  background: #cb0000; border: 1px solid #cb0000;  color: #fff}





#mode_contact .up_box{ margin-bottom: 4.5rem; padding-bottom: 4.5rem; }

#mode_contact .up_box { line-height: 34px;}

#mode_contact .ewm_box{ display: inherit; text-align: center; margin-top: 40px;}

#mode_contact .ewm_box .box{ display: inline-block; margin: 0 20px; text-align: center; }

#mode_contact .ewm_box .box img{ display: block; margin: 0 auto; height: 120px;}

#mode_contact .ewm_box .box span{color:#7f7e7e; font-size:12px; line-height: 30px; text-align: center;}

 

 

/*==============历往活动=====================*/

#n_un_box{ background:#f2f1f4; margin-bottom: -60px; padding: 6rem 0; margin-top: 4rem;}

#n_un_box .title{ margin-bottom: 5rem;}

#n_un_box .title h1{ color: #4c4c4c; font-size: 22px; text-align: center; display: block; margin-bottom: 10px;}

#n_un_box .title2{ margin-bottom: 5rem; position: relative;}

#n_un_box .title2 h1{  display: inline-block; color: #c7000c; font-size: 22px; text-align: left; display: block; }

#n_un_box .title2 .hd{ position: absolute; right: 0; top: 0; margin: 0;}

#n_un_box .title2 .hd .bnt{ font-size: 3rem;}

#n_un_box .title span{display: block; height: 2px; width: 20px; background: #cb0000; margin: 0 auto;}

#n_un_box .hd{  margin-top: 30px; display: inherit; text-align: center;}

#n_un_box .bnt{ position: relative; display:inline-block; font-size: 4rem; color: #737272;  z-index: 9; cursor: pointer;}

#n_un_box .bnt.on{color: #cb0000; }

#n_un_box .bnt_prev{  }

#n_un_box .bnt_next{ } 

#n_un_box .bnt:hover{ color: #cb0000; }

#n_un_box .bnt.off{ opacity:.5;filter:alpha(opacity=50);}





/*==============活动=====================*/

#mode_news { }

#mode_news ul{ margin: -1.5%;}

#mode_news li{ display: block;   float: left;  position: relative;  margin-bottom: 3%; padding-bottom: 0%; border-bottom: 1px solid #e7e7e7;  }

#mode_news li a{ display: block;  position: relative;   margin: 4.8%; }

#mode_news li .pic_box{  width:100%; max-height:365px;  overflow:hidden; position: relative;}

#mode_news li .pic_box span{ position: absolute; left: 20px; bottom: 20px; background: #e71f19; width: 98px; height: 28px; line-height: 28px;  font-size:1.2rem;  color:#fff;  display: block; text-align: center;}

#mode_news li .pic_box img{ width:100%; display: block;}

#mode_news li .text_box{ padding:8% 0%; }

#mode_news li .text_box h1{  display:block; font-size: 1.8rem; color: #373535; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom: 1.5rem;}

#mode_news li .text_box p{font-size:1.4rem; color:#7f7f7f; line-height: 24px;  display: block;   }

#mode_news li .text_box span{ margin-top: 3%;   height: 28px; line-height: 28px;  font-size:1.2rem; color:#6e6b6b;  display: block; }

#mode_news li a:hover {  }

#mode_news li a:hover .text_box span{  color: #cb0000; text-decoration: underline;}

#mode_news li .text_box h1:hover{color: #cb0000; }







/*==============领导关怀=====================*/

#mode_leader {  }

#mode_leader li{ display: block;   position: relative;  margin-bottom: 3rem;  }

#mode_leader li a{ display: block;  position: relative; padding: 10px; margin: 0; box-sizing: border-box; background: #fff;}

#mode_leader li .box{ padding-left: 10px; display: table-cell; vertical-align: middle; }

#mode_leader li .pic_box{   overflow:hidden;  padding: 0;}

#mode_leader li .pic_box img{ width:100%; display: block;}

#mode_leader li .text_box{  box-sizing: border-box; padding: 0 4.5%; display: table; height: 280px;}

#mode_leader li .text_box h1{  display:block; font-size: 2.2rem; margin-bottom: 20px; color: #464646; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_leader li .text_box p{font-size:1.4rem; color:#696969;  display: block;   line-height: 30px;}

#mode_leader li a:hover {   box-shadow: 0 5px 10px #aaa; }

#mode_leader li .text_box h1:hover{color: #cb0000; }



/*==============活动=====================*/

#mode_active { }

#mode_active ul{ margin: -1.5%;}

#mode_active li{ display: block;   float: left;  position: relative;    }

#mode_active li a{ display: block;  position: relative;  background: #f3f3f6; margin: 4.5%; }

#mode_active li .pic_box{  width:100%; height:230px; overflow:hidden;}

#mode_active li .pic_box img{ width:100%; height:230px; display: block;}

#mode_active li .text_box{ padding:8% 7%; }

#mode_active li .text_box h1{  display:block; font-size: 1.8rem; color: #404042; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom: 1.5rem;}

#mode_active li .text_box strong{font-size:1.4rem; color:#818285; line-height: 24px;  display: block;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }

#mode_active li .text_box span{ margin-top: 30px;  width: 98px; height: 28px; line-height: 28px;  font-size:1.2rem; border: 1px solid #cdcdce; color:#6e6b6b;  display: block; text-align: center; }

#mode_active li a:hover {  box-shadow: 0 5px 10px #aaa; }

#mode_active li a:hover span{ background: #cb0000; color: #fff; border: 1px solid #cb0000;}

#mode_active li .text_box h1:hover{color: #cb0000; }

 

/*==============历往活动=====================*/

#mode_active_wq li{ display: block;   float: left;  position: relative;    }

#mode_active_lw li a{ display: block;  position: relative; padding: 10px;  }

#mode_active_lw li .pic_box{  width:100%;  overflow:hidden;}

#mode_active_lw li .pic_box img{ width:100%; display: block;}

#mode_active_lw li .text_box{ padding: 5%;     padding-bottom: 10px; }

#mode_active_lw li .text_box h1{text-align: center; display:block; font-size: 1.5rem; color: #424141; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_active_lw li .text_box span{font-size:4rem; color:#fff;  display: block; text-align: center; margin-bottom: 1.5rem;}

#mode_active_lw li a:hover {  background: #fff; box-shadow: 0 5px 10px #ccc; }

#mode_active_lw li .text_box h1:hover{color: #cb0000; }



/*==============往期活动=====================*/

#mode_active_wq { overflow: hidden;}

#mode_active_wq li{ display: block;   float: left;  position: relative;    }

#mode_active_wq li a{ display: block;  position: relative;  background: #fff;  }

#mode_active_wq li .pic_box{  width:100%;  overflow:hidden;}

#mode_active_wq li .pic_box img{ width:100%; display: block;}

#mode_active_wq li .text_box{ padding:40px 25px; }

#mode_active_wq li .text_box h1{  display:block; font-size: 1.8rem; color: #404042; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom: 1.5rem;}

#mode_active_wq li .text_box strong{font-size:1.4rem; color:#818285; line-height: 24px;  display: block;   }

#mode_active_wq li .text_box span{ margin-top: 30px;  width: 98px; height: 28px; line-height: 28px;  font-size:1.2rem; border: 1px solid #cdcdce; color:#6e6b6b;  display: block; text-align: center; }

#mode_active_wq li a:hover {  box-shadow: 0 5px 10px #aaa; }

#mode_active_wq li a:hover span{ background: #cb0000; color: #fff; border: 1px solid #cb0000;}

#mode_active_wq li .text_box h1:hover{color: #cb0000; }



/*==============历往活动=====================*/

#mode_display { overflow: hidden; padding: 0 10px;}

#mode_display li{ display: block;   float: left;  position: relative;    }

#mode_display li a{ display: block;  position: relative; padding: 10px; margin: 0; box-sizing: border-box; background: #fff; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }

#mode_display li .box{ padding-left: 10px; display: table-cell; vertical-align: middle; }

#mode_display li .pic_box{   overflow:hidden;  padding: 0;}

#mode_display li .pic_box img{ width:100%; display: block;}

#mode_display li .text_box{  box-sizing: border-box; padding: 0 4.5%; display: table; height: 220px;}

#mode_display li .text_box h1{  display:block; font-size: 2.2rem; margin-bottom: 20px; color: #464646; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_display li .text_box p{font-size:1.4rem; color:#696969;  display: block;   line-height: 30px;}

#mode_display li a:hover {   box-shadow: 0 5px 10px #ccc; }

#mode_display li .text_box h1:hover{color: #cb0000; }



/*=========文创街区=========*/

#page_whjq .up_box{ padding-bottom: 20px;}

#page_whjq .up_box .pic_box{ width: 640px;  height: 380px; position: relative;}

#page_whjq .up_box .pic_box img{ width: 630px;  height: 370px; display: block; position: relative; z-index: 2;} 

#page_whjq .up_box .pic_box i{ position: absolute; right: 0; bottom: 0; display: block; height: 120px; width: 200px; background: #cb0000;   margin: 0 auto;}

#page_whjq .up_box:hover .pic_box i{ width: 100%; height: 100%;}

#page_whjq .up_box .text_box{position: absolute; right: 0; top: 65px; width: 620px; box-sizing: border-box;   display: table; height: 280px;}

#page_whjq .up_box .text_box h1{  display:block; font-size: 2.2rem; margin-bottom: 20px; color: #464646; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#page_whjq .up_box .text_box i{ display: block; height: 2px; width: 25px; background: #cb0000;  }

#page_whjq .up_box .text_box .p{padding-top: 20px; }

#page_whjq .up_box .text_box p{ margin-top: 30px; font-size:1.4rem; color:#696969;  display: block;   line-height: 30px;}



 

#mode_whjq{ overflow: hidden;}

#mode_whjq ul{ margin: 0 -35px;}

#mode_whjq li{display: block; float: left; width: 645px; border-bottom: 1px solid #d5d5d5;  padding: 0 30px; padding-bottom: 45px; margin-bottom: 50px; }

#mode_whjq li .pic_box{  width: 645px; height: 365px; overflow: hidden;}

#mode_whjq li a{ display: inherit; text-align: center;}

#mode_whjq li h1{ display: inline-block; position: relative;   text-align: center; margin:20px 30px 0 30px; margin-top: 15px; }

#mode_whjq li h1 strong{ display: inline-block; position: relative; z-index: 2; font-size: 2.2rem; color: #464646; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_whjq li h1::before{content: ""; display: block; position: absolute; bottom: 5px; left: 50%;  z-index: 0; background: #cb0000; width: 0; height: 0px;}

#mode_whjq li:hover h1::before{ width: 100%; margin-left: -50%; height: 7px;}





/*=====================视频中心======================*/

#mode_video ul{ margin: -1.5rem -1rem;   }

#mode_video li{ display: block;   float: left;  position: relative;    }

#mode_video li a{ display: block; margin: 4%; position: relative; }

#mode_video li .pic_box{position: relative; width:100%;  overflow:hidden; }

#mode_video li .pic_box .icon{ position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background: url(../images/icon_play.png) center no-repeat;}

#mode_video li .pic_box img{ width:100%; display: block;}



#mode_video li .text_box{ position:absolute;  width: 100%; height: 100%; left: 0; top: 0; background:#cb0000; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}

#mode_video li{}

#mode_video li .text_box .box{ position: absolute; right: 10%; top: 50%; margin-top: -20px; width: 80%; display:block; text-align: center; }

#mode_video li .text_box h1{text-align: center; display:block; margin-bottom:15px; font-size: 1.6rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_video li .text_box span{font-size:1.2rem; color:#fff;  display: block; text-align: center; width: 78px; height: 23px; line-height: 23px; text-align: center; margin: 0 auto; border-radius: 3px; border: 1px solid rgba(255,255,255,.5); margin-bottom: 1.5rem;}

#mode_video li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); }

#mode_video li a:hover .text_box .box{  margin-top: -50px; }

#mode_video li a:hover .pic_box .icon{ -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}





/*==============视频详情=====================*/

#page_show_video .ar_title h1{ font-size: 23px; color: #424242; font-weight: 400; margin-bottom: 10px; text-align: center; }

#page_show_video .ar_title h2 { text-align: center; }

#page_show_video .ar_title h2 strong{ font-size: 14px; color: #656565; font-weight: 400; text-align: center;}

#page_show_video .ar_article video{ width: 800px; max-width: 90%; margin: 0 auto; display: block; }

#page_show_video  .ar_article{ min-height: 300px;}

 



/*=========新闻详情=========*/

.news_left{ float: left; width: 955px;}

.news_right{ float: right; width: 310px; right: 0;}

.news_right.fix{ position: fixed; right: 50%; margin-right: -680px; top:20px;}





.news_right { position: relative;}

.news_right .title h1{ margin-bottom: 25px; font-size: 18px; display: block; color: #000;}

.news_right ul{ margin: 0;}

.news_right li{ border: none !important; background: #f3f3f7; }

.news_right li a{ padding: 0;}



.news_right #mode_news ul{ margin: 0;}

.news_right #mode_news li{ display: block;   float: none;  position: relative;  margin-bottom: 0; padding-bottom: 0%; border-bottom:none; background: #f3f3f7; }

.news_right #mode_news li a{ display: block;  position: relative;   margin: 0; }

.news_right #mode_news li .pic_box{  width:100%;   overflow:hidden; position: relative;}

.news_right #mode_news li .pic_box span{ position: absolute; left: 20px; bottom: 20px; background: #e71f19; width: 98px; height: 28px; line-height: 28px;  font-size:1.2rem;  color:#fff;  display: block; text-align: center;}

.news_right #mode_news li .pic_box img{ width:100%; display: block;}

.news_right #mode_news li .text_box{ padding:8%; }

.news_right #mode_news li .text_box h1{  display:block; font-size: 1.8rem; color: #373535; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-bottom: 1.5rem;}

.news_right #mode_news li .text_box p{font-size:1.4rem; color:#7f7f7f; line-height: 24px;  display: block;   }

.news_right #mode_news li .text_box span{ margin-top: 3%;   height: 28px; line-height: 28px;  font-size:1.2rem; color:#6e6b6b;  display: block; }

.news_right #mode_news li a:hover {  }

.news_right #mode_news li a:hover .text_box span{  color: #cb0000; text-decoration: underline;}

.news_right #mode_news li .text_box h1:hover{color: #cb0000; }



#right_news{ padding-bottom: 5rem;  overflow: hidden; overflow-x: hidden;}

#right_news .swiper-slide img{ display: block; width: 100%;  }

#right_news .swiper-pagination-bullet{  height: 8px; width: 8px; background: none; border: 1px solid #bdbec0; opacity: 1; }

#right_news .swiper-pagination-bullet-active{ border: 1px solid #cb0000; background: #cb0000; }



/*==============新闻详情=====================*/

.n_article { margin-bottom:0px;  }

.n_article .ar_title{ padding-bottom: 2rem; border-bottom: 3px solid #f0f0f0;  position:relative; }

.n_article .ar_title i{ width: 150px; background: #d42c30; height: 3px; position: absolute; bottom: -3px; left: 0;}

.n_article .ar_title h1{ font-size:22px; margin-bottom:20px;  display:block;    color:#000;}

.n_article .ar_title h2{ font-size:12px;  position:relative;  text-align: left; display:block;  color:#999999; }

.n_article .ar_article{ padding-top:20px; min-height:400px;}



 /*======== 上一篇下一篇 ===========*/

#ar_fot{ margin-top:10px; position:relative; padding:15px 0; border-bottom:1px dashed #e5e5e5;border-top:1px dashed #e5e5e5;}

#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#575859; font-weight:bold;}

#ar_fot h1 a{ font-size:12px; color:#575859; font-weight:normal;}

#ar_fot h1 a:hover{ color:#3c81d1;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}


@media(max-width:768px){ 
	#mode_jg .up_box{ padding:4% 2%}
	#mode_jg .title{ margin-bottom:1.2rem}
	#mode_jg .title h1{ font-size:16px; }
	.ar_article p{ font-size:12px; line-height:26px;}
	#mode_active li .pic_box{  width:100%; height:130px; overflow:hidden;}

#mode_active li .pic_box img{ width:100%; height:130px; display: block;}
}