@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; font-family:"微软雅黑"; margin: 0px; padding: 0px;}
a{color:#000000;text-decoration:none;} 
a:link {text-decoration:none;color:#000000;} 
a:active {text-decoration:none;color:#000000;} 
a:hover {text-decoration:none;color:#d80c24;} 
a:visited {text-decoration:none;color:#000000;} 

/*** effect zoom in ***/
.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{ 
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 
/*** effect zoom in ***/

.img-zoom-deg img{ 
transition:All 0.5s ease-in-out; 
-webkit-transition:All 0.4s ease-in-out; 
-moz-transition:All 0.4s ease-in-out; 
-o-transition:All 0.4s ease-in-out; 
} 



.img-zoom-deg:hover img {
-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
transform: rotate(360deg);
} 

.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
} 

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
}



/*导航*/
.nav{ width:100%;  margin: 0px; padding: 0px; background:#004160;} 

.nav_{ width:100%; border-bottom: #1c5c7b 1px solid;}
.nav__{ width: 1280px;margin: 0px auto; padding: 15px 0px;} 
.nav_l{ float:left; width:200px;}
.nav_l img{ width: 100%;} 
.nav_r{ float:right; width:400px; }
.nav_r img{ width: 100%;} 

.nav_menu { width: 1280px;margin: 0px auto;}
.nav_menu ul {}
.nav_menu ul li {float:left; margin-left: 15px; margin-right:35px; padding: 15px 0px;}
.nav_menu ul li:last-child{ margin-right: 0px;} 
.nav_menu ul li > a{ font-size: 14px; font-weight: bold; color: #FFFFFF;} 
.nav_menu ul li > a:hover{ color: #FFAA00;} 

        .nav_menu ul li.drop-menu-effect{} 
        .nav_menu ul li .submenu{display:none;position:absolute;top:160px; left:0; width: 100%; z-index: 99999;}
        .nav_menu ul li.selected .submenu{display:block;}
        
        
        .mj_menu_pro_bg{width:100%; height:450px; background:#004160;}
        .mj_menu_pro_main{width:1100px; margin: 0px auto; padding: 30px 0px;}
        .mj_menu_pro_li{ float:left;}
        
        .mj_menu_li_txt{line-height:22px; }
        .mj_menu_li_txt strong{font-size:14px; color:#FFAA00;}
        .mj_menu_li_txt > a{font-size:12px; color:#FFFFFF;}
        .mj_menu_li_txt > a:hover{color:#FFAA00;}


.main_img{ width: 100%; margin: 0; padding: 0;} 
.main_img img{ width: 100%;display: block; margin: 0 auto; padding: 0;} 




.main_a{width:100%; margin:80px 0px;} 

.main_a_tit{ width: 1280px;margin: 0px auto;}
.main_a_tit h3{ float: left; font-size:36px;} 
.main_a_tit a{ float: right;display: inline-block; margin-top: 12px; color:#000000;font-size:14px; border: #000000 1px solid; padding: 5px 10px; border-radius: 10px;} 
.main_a_tit a:hover{ background: #1c5c7b; color: #FFFFFF;} 

.main_a_{width:1280px; margin:35px auto 10px; border-bottom: #EEEEEE 1px solid; padding-bottom: 20px;} 
.main_a_ ul{ } 
.main_a_ ul li{ float: left; width:380px;margin-right: 70px;  } 
.main_a_ ul li:last-child{ float: right;margin-right: 0px;} 
.main_a_ ul li div.img{ width: 100%; height: 180px; overflow: hidden;} 
.main_a_ ul li div.img img{ width: 100%;} 
.main_a_ ul li div.txt{ width: 100%; margin-top: 20px;} 
.main_a_ ul li div.txt span{display: block;font-size: 14px; color: #CCCCCC; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"} 
.main_a_ ul li div.txt h3{ font-size:20px; margin: 5px 0px; font-weight: bold;} 
.main_a_ ul li div.txt p{color:#999999;font-size: 14px;  line-height: 160%;} 

.main_a__{width:1280px; margin:0px auto;} 
.main_a__ ul{ } 
.main_a__ ul li{ float: left; width:380px;margin-right: 70px;} 
.main_a__ ul li:last-child{ float: right;margin-right: 0px;} 
.main_a__ ul li div{border-bottom: #EEEEEE 1px dashed; padding: 15px 0px;} 
.main_a__ ul li img{width:110px; height: 68px;} 
.main_a__ ul li p{float: right; margin-top: 8px; width: 230px; color:#333333;font-size: 16px;line-height: 160%;} 




.main_b{width:100%; margin: 0; padding: 80px 0px; background: #e5eef6;} 
.main_b_tit{ width: 1280px;margin: 0px auto;}
.main_b_tit h3{ float: left; font-size:36px;} 
.main_b_tit h3 span{ display: inline-block; color: #999999; font-size: 14px; margin-left: 20px; font-weight: normal;} 
.main_b_tit a{ float: right;display: inline-block; margin-top: 12px; color:#000000;font-size:14px; border: #000000 1px solid; padding: 5px 10px; border-radius: 10px;} 
.main_b_tit a:hover{ background: #1c5c7b; color: #FFFFFF;}

.main_b_menu{width: 1280px;margin: 35px auto; background: #FFFFFF; border-radius: 20px; padding:20px 40px; box-sizing: border-box;} 
.main_b_menu ul{} 
.main_b_menu ul li{float: left; width:80px;  text-align: center;}  
.main_b_menu ul li:last-child{ float: right; } 
.main_b_menu ul li div{ height: 50px; width: 50px; background: #1c5c7b; border-radius: 50%; line-height: 50px; margin: 0px auto; text-align: center; padding-top: 10px; box-sizing: border-box;} 
.main_b_menu ul li img{ width: 30px;} 
.main_b_menu ul li p{ text-align: center;font-size: 14px; margin-top: 10px;} 
.main_b_menu ul li:hover div{ background: #d80c24; } 
.main_b_menu ul li:hover p{ color: #d80c24;} 

.silder-box-1{ width:100%; position: relative;} 
.main_b_ { width: 1280px; margin:35px auto 0px; } 
.main_b_ ul{} 
.main_b_ ul li{width:300px; height:650px;background: #FFFFFF;border-radius: 20px; overflow: hidden; padding: 0px 10px;box-sizing: border-box;} 
.main_b_ ul li:first-child{ background:url("/images/03.jpg") no-repeat center top;} 
.main_b_ ul li:nth-child(2){background:url("/images/04.jpg") no-repeat center top;} 
.main_b_ ul li:nth-child(3){background:url("/images/05.jpg") no-repeat center top;} 
.main_b_ ul li:nth-child(4){background:url("/images/06.jpg") no-repeat center top;} 
.main_b_ ul li:nth-child(5){background:url("/images/03.jpg") no-repeat center top;} 
.main_b_ ul li:nth-child(6){background:url("/images/04.jpg") no-repeat center top;} 
.main_b_ ul li:nth-child(7){background:url("/images/05.jpg") no-repeat center top;} 
.main_b_ ul li:nth-child(8){background:url("/images/06.jpg") no-repeat center top;} 
.main_b_ ul li:nth-child(9){background:url("/images/03.jpg") no-repeat center top;} 
.main_b__{} 
.main_b__tit{  padding: 15px 0px 15px 20px; box-sizing: border-box; font-size: 20px; font-weight: bold; color: #000000; } 
.main_b__c{ background: #FFFFFF; padding: 10px; box-sizing: border-box; border-radius: 20px;} 
.main_b_con{ padding:8px 20px;} 
.main_b_con span{display: block; float: left; margin-right: 10px; margin-top: 12px; height: 18px; width: 18px; font-size: 12px; line-height: 18px; text-align: center; background: #EEEEEE;border-radius: 5px;} 
.main_b_con img{ float: left;width: 110px; height: 40px; border: #DDDDDD 1px solid; box-sizing: border-box; padding: 2px; border-radius: 5px;} 
.main_b_con p{ float: left;font-size: 14px; margin-top: 10px; margin-left: 10px;}
.main_b__ .t1 span{ background: #d80c24; color: #FFFFFF;} 
.main_b__ .t2 span{ background: #d80c24; color: #FFFFFF;} 
.main_b__ .t3 span{ background: #d80c24; color: #FFFFFF;} 

.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.btl{  top:45%; left:15%;} 
.silder-button-1.btl{ background: #d80c24;color: #FFFFFF; padding: 20px 10px; box-sizing: border-box; font-size: 20px; border-radius: 10px;} 
.silder-button-1.btl:hover{background: #1c5c7b;} 
.silder-button-1.btr{  top:45%; right:15%;} 
.silder-button-1.btr{ background: #d80c24; color: #FFFFFF; padding: 20px 10px; box-sizing: border-box; font-size: 20px; border-radius: 10px;} 
.silder-button-1.btr:hover{background: #1c5c7b;} 

.main_b_ad{width: 1280px;margin: 35px auto;} 
.main_b_ad ul{} 
.main_b_ad ul li{float: left; width:310px; margin: 0px 12.5px 0px 0px; overflow: hidden;}  
.main_b_ad ul li:last-child{ float: right; margin: 0px 0px 0px 0px;}
.main_b_ad ul li img{ width: 100%; border-radius: 20px;} 






.main_c{width:100%; margin: 80px 0px;} 
.main_c_tit{ width: 1280px;margin: 0px auto;}
.main_c_tit h3{ float: left; font-size:36px;} 
.main_c_tit a{ float: right;display: inline-block; margin-top: 12px; color:#000000;font-size:14px; border: #000000 1px solid; padding: 5px 10px; border-radius: 10px;} 
.main_c_tit a:hover{ background: #1c5c7b; color: #FFFFFF;}

.main_c_ { width: 1280px; margin: 35px auto 0px; } 
.main_c_ ul{} 
.main_c_ ul li{ float: left; width: 245px; height: 330px; margin-right: 13.5px; border-radius: 20px; border: #EEEEEE 1px solid; overflow: hidden; padding: 30px; box-sizing: border-box; } 
.main_c_ ul li:last-child{ float: right; margin-right: 0px;} 
.main_c_ ul li img{ display: block; width: 136px; height: 136px; border-radius: 50%;text-align: center; margin: 0px auto;} 
.main_c_ ul li div{ margin-top: 20px;} 
.main_c_ ul li div h5{ font-size: 14px;}
.main_c_ ul li div em{ display: block; background: #d80c24; height: 2px; width:50px; margin: 15px 0px;}
.main_c_ ul li div p{font-size: 12px; line-height: 155%; }




.main_d{width:100%; padding: 80px 0px;background: #e5eef6;} 
.main_d_tit{ width: 1280px;margin: 0px auto;}
.main_d_tit h3{ float: left; font-size:36px;} 
.main_d_tit a{ float: right;display: inline-block; margin-top: 12px; color:#000000;font-size:14px; border: #000000 1px solid; padding: 5px 10px; border-radius: 10px;} 
.main_d_tit a:hover{ background: #1c5c7b; color: #FFFFFF;}

.main_d_{width:1280px; margin:35px auto 0px;} 
.main_d_ ul{ } 
.main_d_ ul li{ float: left; width:413.33px;margin-right: 20px; } 
.main_d_ ul li:last-child{ float: right;margin-right: 0px;} 
.main_d_ ul li div{width: 100%; background: #FFFFFF;padding: 15px; box-sizing: border-box;margin-bottom: 20px; border-radius: 10px;} 
.main_d_ ul li img{width:130px; height: 95px;} 
.main_d_ ul li p{float: right; width: 220px; color:#333333;font-size: 14px;line-height: 155%; font-weight: bold;} 
.main_d_ ul li p span{ display:block; color:#999999;font-size: 12px; line-height: 150%; margin-top: 10px;font-weight: lighter;} 




/**********************************************202410*******************************************************/






.weizhi{ width: 100%; background: #e5eef6; margin: 0;} 
.weizhi_{width:1280px; margin: 0px auto;}
.us_menu{ float: left; } 
.us_menu ul{} 
.us_menu li{ float: left; } 
.us_menu li a{ display: block; padding: 12px 0px; width: 150px; font-size: 16px; text-align: center;} 
.us_menu li a:hover{background: #d80c24; color: #FFFFFF;} 
.us_menu li a.on{ background: #d80c24; color: #FFFFFF;} 
.us_top{ float: right; padding: 12px 0px;} 
.us_top_{ float: left; padding: 12px 0px;} 


.n_video{ width: 100%; height: 520px; margin: 0; padding: 0; background: url("/images/07.jpg") no-repeat center;} 
.n_video_{width:1280px; margin: 0px auto; padding: 70px 0px; box-sizing: border-box;} 
.n_video_ .fl{float: left; width: 500px; height: 358px; margin-top: 30px; /*background:rgba(28,92,123,0.5);*/} 
.n_video_ .fl h5{ font-size: 22px; line-height: 100%; margin-bottom: 15px;} 
.n_video_ .fl h5 img{ float: left; height: 25px; display: block;  margin: 0px 10px 0px 0px;} 
.n_video_ .fl h2{ font-size: 36px; margin-top: 15px; color: #1c5c7b;} 
.n_video_ .fl ul{ margin-top: 15px; height: 88px; overflow: hidden;} 
.n_video_ .fl ul li{ width: 116px; float: left;margin-right: 10px; margin-bottom: 10px;background: #1c5c7b; color: #FFFFFF; border-radius: 5px; text-align: center; padding: 8px 0px;}
.n_video_ .fl ul li:nth-child(4n){ margin-right: 0px;} 
.n_video_ .fl ul li a{display: block; background: #1c5c7b; color: #FFFFFF; text-align: center;}
.n_video_ .fl ul li a:hover{ background: #d80c24;} 
.n_video_ .fl h6{ font-size: 16px; margin-bottom: 8px;} 
.n_video_ .fl p img{ width: 500px;}
.n_video_ .fr{ float: right;width: 640px; height: 378px;padding:20px; background: #000000; box-sizing: border-box;} 


.con_brand{ margin: 0; width: 100%; background: #e5eef6; padding: 30px 0px;} 
.con_brand .fl{ float: left; width:900px;} 
.con_brand .fr{ float: right; width:350px;} 
.con_brand_{ margin: 0px auto; width: 1280px;} 

.con_brand_list{ background: #FFFFFF; padding: 30px; box-sizing: border-box;} 
.con_brand_list h3{ font-size: 24px; color: #000000; margin-bottom:20px;}
.con_brand_list ul{ margin: 0px ; padding: 0px;} 
.con_brand_list ul li{ float: left; width: 18.75%; margin: 0 1.5% 1.5% 0; background: #FFFFFF;border: #EEEEEE 1px solid; box-sizing: border-box; padding: 10px; border-radius: 10px; } 
.con_brand_list ul li:nth-child(5n){ float: right;margin: 0 0 1.5% 0;} 
.con_brand_list ul li div{  width: 100%; height: 45px; overflow:hidden; background: #FFFFFF;} 
.con_brand_list ul li div img{  width: 100%; height: 100%; } 
.con_brand_list ul li h5{ font-size: 14px; margin: 15px 0px 5px;} 
.con_brand_list ul li h5 span{ display: inline-block; width: 15px; height: 15px; background: #DDDDDD; color: #1c5c7b; font-size: 12px; line-height: 15px; border-radius: 50%; text-align: center; margin-right: 6px;}  
.con_brand_list ul li p{  font-size: 12px; font-weight: lighter; line-height: 150%; color: #999999; height: 55px; overflow: hidden; text-align: justify;} 
.con_brand_list ul li:first-child h5 span{ background: #1c5c7b; color: #FFFFFF;} 
.con_brand_list ul li:nth-child(2) h5 span{ background: #1c5c7b; color: #FFFFFF;} 
.con_brand_list ul li:nth-child(3) h5 span{ background: #1c5c7b; color: #FFFFFF;} 
.con_brand_list ul li:hover{border: #CCCCCC 1px solid; cursor: pointer;box-shadow: 0px 0px 6px 0.5px #CCCCCC;} 

.con_brand_ad{ background: #FFFFFF; padding: 12.5px; box-sizing: border-box;} 
.con_brand_ad ul{ margin: 0px ; padding: 0px;} 
.con_brand_ad ul li{ text-align: center; margin-bottom: 8px;} 
.con_brand_ad ul li img{ width: 100%;} 

.con_brand_news{width:100%; padding: 30px; background: #FFFFFF; box-sizing: border-box;} 
.con_brand_news h3{font-size: 24px; color: #000000; margin-bottom:5px;} 
.con_brand_news ul{ } 
.con_brand_news ul li{ width:100%;} 
.con_brand_news ul li:last-child{ border-bottom: none;} 
.con_brand_news ul li {border-bottom: #EEEEEE 1px dashed; padding: 12px 0px;} 
.con_brand_news ul li img{ float: left;width:95px; height: 65px;} 
.con_brand_news ul li p{float: right; width: 175px; color:#333333;font-size: 14px;line-height: 150%;} 
.con_brand_news ul li a:hover p{ color:#d80c24; } 

.con_brand_hot{width:100%; padding: 30px; background: #FFFFFF; box-sizing: border-box;} 
.con_brand_hot h3{font-size: 24px; color: #000000; margin-bottom:5px;} 
.con_brand_hot ul{ } 
.con_brand_hot ul li{ width:100%;} 
.con_brand_hot ul li:last-child{ border-bottom: none;} 
.con_brand_hot ul li {border-bottom: #EEEEEE 1px dashed; padding: 12px 0px;} 
.con_brand_hot ul li a{ color:#333333;font-size: 14px;line-height: 150%;} 
.con_brand_hot ul li a:hover{color:#d80c24;} 











.con_news{ margin: 0; width: 100%; background: #e5eef6; padding: 5px 0px 80px; } 

.con_news_tit{ width: 1280px;margin: 0px auto;}
.con_news_tit h3{ font-size:36px;} 

.con_news_{ margin: 0px auto 30px; width: 1280px;} 
.con_news_ ul{ margin-bottom: 30px;} 
.con_news_ ul li{ float: left; margin-top: 30px; width: 620px; background: #FFFFFF; padding: 30px 0px;transition:All 0.5s;}
.con_news_ ul li:nth-child(2n){float: right;} 
.con_news_ ul li:hover {box-shadow: 0px 0px 15px 5px #CCCCCC;}
.con_news_ ul li h3{ font-size:20px; padding: 0px 50px; height: 50px;} 
.con_news_ ul li span{display: block; margin: 20px 0px; background: url("/images/08.jpg") no-repeat center; height: 50px; padding:20px 50px 0px; color: #ffc8af; box-sizing: border-box;} 
.con_news_ ul li p{ display: block; line-height: 175%;  font-size: 14px; color: #999999; padding: 0px 50px; height: 65px; box-sizing: border-box;} 
.con_news_ ul li > a{ display: block; font-size: 12px; font-weight: bold;padding: 0px 50px; margin-top: 20px;}


.con_news_m{ margin: 35px auto 0px; width: 1280px;} 
.con_news_m .fl{  float: left; width: 830px; background: #FFFFFF; padding:50px 50px; box-sizing: border-box;} 

.cnews_m_tit{ }
.cnews_m_tit h1{color:#1c5c7b;font-size: 32px; line-height: 150%;}
.cnews_m_info{ color:#999; font-size:14px; text-align:left; padding: 10px 0px;}
.cnews_m_txt{ margin:30px 0px; border:#DDDDDD 1px solid; padding:10px; background:#FDFDFD; font-size:14px; line-height:175%;color:#333333; }


#content_c{margin:20px 0px; font-size:16px; color:#000000; line-height:175%;}
#content_c p{ text-indent:28px; margin:30px 0px; text-align:justify;text-justify:inter-ideograph; }
#content_c p img{ display:block; margin:5px auto; max-width: 800px;}

.cnews_m_next{ font-size:16px; margin:30px 0px; border-top:#DDDDDD 1px dashed; border-bottom:#DDDDDD 1px dashed; padding:20px 0px;} 
.cnews_m_next a{ color:#1c5c7b; font-size:16px;} 
.cnews_m_next a:hover{ color:#d80c24;} 

.cnews_m_about{  margin:0px auto;} 
.cnews_m_about_tit{  font-size:24px; margin-bottom: 10px; font-weight: bold;} 
.cnews_m_about ul li{ padding: 6px 0px;} 
.cnews_m_about ul li a{ font-size:14px; color:#000000;} 
.cnews_m_about ul li a:hover{ color:#1c5c7b;} 


.con_news_m .fr{ width:420px; float:right; background: #FFFFFF; padding: 30px;box-sizing: border-box;} 

.cnews_m_img_tit{  border-top:#1c5c7b 2px solid;  font-size:18px; color:#1c5c7b;font-weight: bold; padding: 15px 0px;} 
.cnews_m_img_tit span { float:right; font-size:12px; font-weight:normal;} 
.cnews_m_img_tit span a{color:#1c5c7b;} 

.cnews_m_img_{ margin:15px 0px; width:330px; padding:15px; background:#FAFAFA; clear: both; height: 70px;}
.cnews_m_img_ .img{ float:left; width:100px;}
.cnews_m_img_ .img img{ width: 100%; height: 70px;} 
.cnews_m_img_ .txt{ float:right; width:210px;}
.cnews_m_img_ .txt p{ font-size:16px; line-height:175%;}


.cnews_m_menu{ margin-top:20px; padding:0px;}
.cnews_m_menu ul{} 
.cnews_m_menu ul li{border-bottom: #EEEEEE 1px dashed; padding: 8px 0px; font-size: 14px; line-height: 155%;}
.cnews_m_menu ul li a{ color:#333333;}
.cnews_m_menu ul li a:hover{ color:#1c5c7b;}





.con_brand_m{  }
.con_brand_m_l{ float:left;}
.con_brand_m_l img{ border:#DDDDDD 1px solid; padding:15px; margin-top:20px;}
.con_brand_m_r{ float:right;} 
.con_brand_m_r ul{}
.con_brand_m_r ul li{  padding:18px 0px; border-bottom: #EEEEEE 1px dashed; font-size: 16px;}
.con_brand_m_r ul li h1{ font-size:16px; color:#d80c24; font-weight:bold;}
.con_brand_m_r ul li p{  color:#1c5c7b; font-size: 14px; margin-top: 5px;}

.con_brand_about{} 
.con_brand_about_tit{  border-top:#1c5c7b 2px solid;  font-size:18px; color:#1c5c7b;font-weight: bold; padding: 15px 0px;} 
.con_brand_about_tit span { float:right; font-size:12px; font-weight:normal;} 
.con_brand_about_tit span a{color:#1c5c7b;} 

.con_brand_about_{ }
.con_brand_about_ ul{} 
.con_brand_about_ ul li{ float: left; margin-bottom: 20px;} 
.con_brand_about_ ul li:nth-child(2n){float: right;} 
.con_brand_about_ ul li img{ width: 150px; height: 55px;border: #EEEEEE 1px solid; padding: 8px;} 
.con_brand_about_ ul li p{ font-size:14px; text-align: center;}







.brand_nav{margin: 0; width: 100%; background: #e5eef6; padding: 30px 0px;} 
.brand_nav_tit{margin: 0px auto; width: 1280px; font-size: 36px;} 

.brand_nav_{margin:50px auto; width: 1280px;  background: #FFFFFF;} 
.brand_nav_l{ float: left; width: 330px; text-align: center; padding: 50px 0px; box-sizing: border-box;}
.brand_nav_l img{ width: 60px;} 
.brand_nav_l h5{ font-size: 24px; margin-top: 10px;} 

.brand_nav_r{ float: right; width: 950px; padding: 50px;box-sizing: border-box;} 
.brand_nav_r ul{} 
.brand_nav_r ul li{ float: left; width: 92px; margin: 0px 2px 2px 0px; background: #FCFCFC; border-radius: 10px;} 
.brand_nav_r ul li:nth-child(2n){ background: #F8F8F8;} 
/*.brand_nav_r ul li:nth-child(2n){ background: #fcfaed;} 
.brand_nav_r ul li:nth-child(3n){ background: #eeecec;} 
.brand_nav_r ul li:nth-child(4n){ background: #efe3e5;}*/
.brand_nav_r ul li a{ display: block; text-align: center; padding: 15px 0px; transition: all 0.6s; font-weight: bold; border-radius: 10px;} 
.brand_nav_r ul li a img{ display: block; margin:0px auto 5px; width: 22px;} 
.brand_nav_r ul li a:hover{ background: #edebe7;} 


/***************************************2024.10**********************************************/


.footer_w{ width: 100%; background: #F2F2F2; margin: 0;} 
.footer_link{ width: 1280px; padding: 20px 0px; margin: 0px auto; font-size: 14px;} 


.rb_link{ width: 100%; background: #F2F2F2; margin: 0;} 
.rb_link_{width: 1280px; padding: 20px 0px; margin: 0px auto; font-size: 14px;} 

.bottom{ width:100%; background:#1c5c7b; margin: 0px; padding:50px 0px 0px;}
.bottom_{ width:1280px; margin:0px auto;}

.bottom_logo{float: left; width: 360px;} 
.bottom_logo h6{ margin-bottom:20px;} 
.bottom_logo h6 img{ width: 150px;} 
.bottom_logo p{ color: #91bace; font-size: 14px; line-height: 160%; text-align: justify;} 

.bottom_l{ float: left; width: 300px; margin: 0 0 0 100px;  border-left: #5c93ae 1px solid;   border-right: #5c93ae 1px solid; padding: 0 10%;} 
.bottom_l ul{} 
.bottom_l ul li{float:left; margin-right: 100px;} 
.bottom_l ul li:last-child{margin-right: 0px;} 
.bottom_l ul li h5{ font-size: 18px; color: #FFFFFF;} 
.bottom_l ul li em{ display: block; height: 1px; width: 30px; background: #FFFFFF; margin: 20px 0px;} 
.bottom_l ul li p a{ display: block; margin:6px 0px; color: #FFFFFF; font-size: 14px;} 
.bottom_l ul li p a:hover{color: #FFCC00;} 

.bottom_r{ float: right; } 
.bottom_r p{ font-size:14px; font-weight: bold; color: #FFFFFF; margin-bottom: 10px;} 
.bottom_r img{ border-radius: 10px;} 

.bottom_b{ width: 100%; margin:50px auto 0px;padding: 30px 0px; text-align: center; font-size: 12px; background: #333333; color: #CCCCCC;text-transform: uppercase;} 
.bottom_b a{ color: #CCCCCC;} 



div.page_in{padding:5px;margin:5px;text-align:center;} 
div.page_in a{border:#CCCCCC 1px solid;padding:8px 15px;margin:1px;color:#666666;text-decoration:none; border-radius: 5px;} 
div.page_in a:hover{color:#FFFFFF;background-color:#1c5c7b;border:#1c5c7b 1px solid;} 
div.page_in a:active{color:#FFFFFF;background-color:#1c5c7b;border:#1c5c7b 1px solid;} 
div.page_in a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#FFFFFF;background-color:#1c5c7b;border:#1c5c7b 1px solid;} 
div.page_in a.curr font{color:#FFFFFF;} 





@media screen and (max-width:768px){

        .nav__{ width: 88%; padding: 10px 0px; text-align: center;} 
        .nav_l{ float:none; width:120px; margin: 0px auto;} 
        .nav_l img{ width: 100%;} 
        .nav_r{ display: none;float:none;} 

        .nav_menu { width: 100%;margin: 0px auto;} 
        .nav_menu > ul {} 
        .nav_menu > ul > li {margin-left: 0px; margin-right:0px; padding:5px 0px; height: 20px; text-align: center; width: 25%; float: left;}
        .nav_menu > ul > li:first-child{ float: left;}
        .nav_menu > ul > li:nth-child(2){ float: left;} 
        .nav_menu > ul > li:nth-child(3){ float: left;} 
        .nav_menu > ul > li:nth-child(4){ float: left;}
        .nav_menu > ul > li:nth-child(5){ float: left;} 
        .nav_menu > ul > li:nth-child(6){ float: left;} 
        .nav_menu > ul > li:nth-child(7){ float: left;} 
        .nav_menu > ul > li:nth-child(8){ float: left;}
        .nav_menu > ul > li:last-child{display: none;} 
        .nav_menu > ul > li > a{ font-size: 1em;  } 
        .nav_menu > ul > li div{ display: none; clear: both;} 
        .nav_menu ul li.selected .submenu{display:none;}
    
    
    
        .main_a{  margin:35px 0px;} 

        .main_a_tit{ width: 88%; }
        .main_a_tit h3{ font-size:1.8em;} 
        .main_a_tit a{ margin-top: 0px; font-size:1em;  padding: 3px 6px; border-radius: 5px;} 

        .main_a_{width:88%; margin:20px auto 10px;padding-bottom: 20px;} 
        .main_a_ ul{ } 
        .main_a_ ul li{ float: none; width:100%;margin-right: 0px; margin-bottom: 20px;} 
        .main_a_ ul li:last-child{ float: none;margin-bottom: 0px;} 
        .main_a_ ul li div.img{  height: auto; } 
        .main_a_ ul li div.img img{   height: 100%;} 
        .main_a_ ul li div.txt{  margin-top: 10px;} 
        .main_a_ ul li div.txt span{ font-size: 1em;} 
        .main_a_ ul li div.txt h3{ font-size:1.2em; margin: 5px 0px;} 
        .main_a_ ul li div.txt p{ font-size: 0.8em;  line-height: 150%;} 

        .main_a__{width:88%; margin:0px auto;} 
        .main_a__ ul{ } 
        .main_a__ ul li{ float: none; width:100%;margin-right: 0px;} 
        .main_a__ ul li:last-child{ float: none;} 
        .main_a__ ul li div{ padding: 10px 0px;} 
        .main_a__ ul li img{width:100px; height: 68px;} 
        .main_a__ ul li p{ margin-top: 5px; width: 180px; font-size: 1.1em;line-height: 150%;} 
    
    
    
    
    
        .main_b{padding: 50px 0px;} 
        .main_b_tit{ width: 88%; }
        .main_b_tit h3{  font-size:1.6em;} 
        .main_b_tit h3 span{ display: block;  font-size: 0.6em; margin-left: 0px; margin-top: 5px;} 
        .main_b_tit a{ margin-top: 10px; font-size:1em;  padding: 3px 6px; border-radius: 5px;} 

        .main_b_menu{width: 88%;margin: 30px auto;  border-radius: 10px; padding:20px 20px; } 
        .main_b_menu ul{} 
        .main_b_menu ul li{float: left; width:25%;  text-align: center; margin-bottom: 3%;}  
        .main_b_menu ul li:nth-child(13){margin-bottom: 0;} 
        .main_b_menu ul li:nth-child(14){margin-bottom: 0;} 
        .main_b_menu ul li:last-child{ float: left; margin-bottom: 0;} 
        .main_b_menu ul li div{ height: 40px; width: 40px;  line-height: 40px;  padding-top: 7px; } 
        .main_b_menu ul li img{ width: 25px;} 
        .main_b_menu ul li p{ font-size: 1em; margin-top: 5px;} 

        .main_b_ { width: 88%; margin:30px auto 0px; } 
        
        .main_b__tit{ font-size: 1.5em; } 

        .silder-button-1.btl{ left:2%;} 
        .silder-button-1.btr{ right:2%;} 

        .main_b_ad{width: 88%;margin: 30px auto 0px;} 
        .main_b_ad ul{} 
        .main_b_ad ul li{ width:49%; margin: 0 0 1% 0;} 
        .main_b_ad ul li:nth-child(2n){float: right;margin: 0 0 1% 0;} 
        .main_b_ad ul li:nth-child(3){margin: 0 0 0 0;} 




        .main_c{  margin: 50px 0px;} 
        .main_c_tit{ width: 88%;} 
        .main_c_tit h3{ font-size:1.8em;} 
        .main_c_tit a{  margin-top: 0px; font-size:1em;  padding: 3px 6px; border-radius: 5px;} 

        .main_c_ { width: 88%; margin: 30px auto 0px; } 
        .main_c_ ul{} 
        .main_c_ ul li{ float: left; width: 48%; height:300px; margin-right: 0px; border-radius: 20px;  padding: 20px; margin-bottom: 4%;} 
        .main_c_ ul li:nth-child(2n){float: right;} 
        .main_c_ ul li:last-child{ display: none;} 
        .main_c_ ul li img{ display: block; width: 100px; height: 100px;  } 
        .main_c_ ul li div{ margin-top: 10px;} 
        .main_c_ ul li div h5{ font-size: 1em; line-height: 125%; text-align: justify;} 
        .main_c_ ul li div em{ margin: 10px 0px;} 
        .main_c_ ul li div p{font-size: 0.8em; line-height: 150%; } 
    
    
    
        .main_d{  padding: 50px 0px; } 
        .main_d_tit{ width: 88%; } 
        .main_d_tit h3{ font-size:1.8em;} 
        .main_d_tit a{  margin-top: 0px; font-size:1em;  padding: 3px 6px; border-radius: 5px;} 

        .main_d_{width:88%; margin:30px auto 0px;} 
        .main_d_ ul{ } 
        .main_d_ ul li{ float: none; width:100%;margin-right: 0px; } 
        .main_d_ ul li:last-child{ float: none;margin-right: 0px;} 
        .main_d_ ul li div{ margin-bottom: 15px; border-radius: 10px;} 
        .main_d_ ul li img{width:90px; height: 78px;} 
        .main_d_ ul li p{ width:180px; font-size: 1em;line-height: 125%;} 
        .main_d_ ul li p span{  font-size: 0.8em; line-height: 150%; margin-top: 5px; } 
    
    
    
    
    
    
/******************内页*******************/
    

    .weizhi_{width:88%;}
    .us_top_{padding: 10px 0px;} 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .brand_nav{ padding: 20px 0px;} 
    .brand_nav_tit{ width: 88%; font-size: 1.8em;} 

    .brand_nav_{margin:30px auto; width: 88%; } 
    .brand_nav_l{ float: none; width: 100%; text-align: center; padding: 20px 0px; }
    .brand_nav_l h5{ font-size:1.6em; margin-top: 5px;} 

    .brand_nav_r{ float: none; width: 100%; padding:20px 20px; } 
    .brand_nav_r ul{} 
    .brand_nav_r ul li{width: 24.4%; margin: 0px 2px 2px 0px; border-radius: 5px;}
    .brand_nav_r ul li:nth-child(4n){ float: right; margin: 0px 0px 2px 0px;} 
    .brand_nav_r ul li a{  padding: 12px 0px; border-radius: 5px;} 
    .brand_nav_r ul li a img{   width: 20px;} 



    .n_video{  height: auto; background-size: cover;} 
    .n_video_{width:88%; padding: 30px 0px; } 
    .n_video_ .fl{float: none; width: 100%; height: auto; margin-top: 0px; /*background:rgba(28,92,123,0.5);*/} 
    .n_video_ .fl h5{ font-size: 1.2em; margin-bottom: 10px;} 
    .n_video_ .fl h5 img{  height: 25px;  margin: 0px 5px 0px 0px;} 
    .n_video_ .fl h2{ font-size: 1.6em; margin-top: 15px;} 
    .n_video_ .fl ul{ margin-top: 5px; height: auto; } 
    .n_video_ .fl ul li{ width: 95px;  margin-right: 5px; margin-bottom: 5px;  padding: 5px 0px;}
    .n_video_ .fl ul li:nth-child(3n){ margin-right: 0px;} 
    .n_video_ .fl ul li:nth-child(4){ margin-right: 5px;} 
    .n_video_ .fl ul li a{display: block; background: #1c5c7b; color: #FFFFFF; text-align: center;}
    .n_video_ .fl ul li a:hover{ background: #d80c24;} 
    .n_video_ .fl h6{ display: none;} 
    .n_video_ .fl p{display: none;}
    .n_video_ .fr{ float: none;width: 100%; height: 180px;padding:5px; margin-top: 20px;} 
    .n_video_ .fr video{ width: 100%; height: 100%;}   



    .con_brand{ margin: 0; width: 100%; background: #e5eef6; padding: 20px 0px;} 
    .con_brand_ .fl{ float: none; width:100%;} 
    .con_brand_ .fr{ float: none; width:100%;} 
    .con_brand_{ width: 88%;} 

    .con_brand_list{ padding: 15px; } 
    .con_brand_list h3{ font-size: 1.2em;  margin-bottom:10px;}
    .con_brand_list ul li{  width:49%; margin: 0 0 1.5% 0; padding: 10px; border-radius: 5px; } 
    .con_brand_list ul li:nth-child(2n){ float: right;margin: 0 0 1.5% 0;} 
    .con_brand_list ul li:nth-child(5){ float: left;margin: 0 0 1.5% 0;} 
    .con_brand_list ul li div{  width: 100%; height: 42px; overflow:hidden; background: #FFFFFF;} 
    .con_brand_list ul li div img{  width: 100%; height: 100%; } 
    .con_brand_list ul li h5{ font-size: 1em; margin: 10px 0px 0px;} 
    .con_brand_list ul li h5 span{  font-size: 0.8em; margin-right: 5px;} 
    .con_brand_list ul li p{ display: none; } 

    .con_brand_ad{ padding: 15px;}
    .con_brand_ad ul li{margin-bottom: 5px;} 


    .con_brand_news{ padding: 15px; } 
    .con_brand_news h3{font-size: 1.2em; margin-bottom:5px;} 
    .con_brand_news ul li { padding: 10px 0px;} 
    .con_brand_news ul li img{  width:95px; height: 65px;} 
    .con_brand_news ul li p{ width: 170px; font-size: 1em; } 

    .con_brand_hot{ padding: 15px; } 
    .con_brand_hot h3{font-size: 1.2em; margin-bottom:5px;} 
    .con_brand_hot ul li { padding: 10px 0px;} 
    .con_brand_hot ul li a{ font-size: 1em; } 

    
    
    
    
    
    .con_news{  padding: 5px 0px 50px; }
    .con_news_tit{ width: 88%; }
    .con_news_tit h3{ font-size:1.5em;}

    .con_news_{  width: 88%;} 
    .con_news_ ul{ margin-bottom:20px;} 
    
    
    
    
    
    
    .con_news_ ul li{ float: none; margin-top: 20px; width: 100%;  padding: 20px 0px; }
    .con_news_ ul li:nth-child(2n){float: none;} 
    .con_news_ ul li:hover {box-shadow: 0px 0px 10px 3px #CCCCCC;}
    .con_news_ ul li h3{ font-size:1.2em; padding: 0px 20px; height: auto; line-height: 125%;} 
    .con_news_ ul li span{  margin: 10px 0px; background-size: cover; height: 28px; padding:10px 20px 0px; } 
    .con_news_ ul li p{ line-height: 150%;  font-size: 0.9em;  padding: 0px 20px; height: auto; } 
    .con_news_ ul li > a{  font-size: 1em;  padding: 0px 20px; margin-top: 10px;}


    .con_news_m{ margin: 10px auto 0px; width: 92%;} 
    
    .con_news_m .fl{  float: none; width: 100%; padding:20px 15px; } 

    .cnews_m_tit{ }
    .cnews_m_tit h1{ font-size: 1.5em; line-height: 125%;}
    .cnews_m_info{  font-size:1em;  padding: 10px 0px;}
    .cnews_m_txt{ margin:20px 0px; font-size:1em; line-height:150%; }


    #content_c{margin:20px 0px; font-size:1em; line-height:150%;}
    #content_c p{ text-indent:2em; margin:20px 0px; }
    #content_c p img{ width: 100%; max-width: 100%;}
    #content_c img{ width: 100%; max-width: 100%;}

    .cnews_m_next{ font-size:1em; margin:20px 0px;   padding:15px 0px;} 
    .cnews_m_next a{ font-size:1em;} 

    .cnews_m_about_tit{  font-size:1.2em; } 
    .cnews_m_about ul li{ padding: 5px 0px;} 
    .cnews_m_about ul li a{ font-size:1em; } 


    .con_news_m .fr{ width:100%; float:none; padding: 15px; } 

    .cnews_m_img_tit{ font-size:1.2em; padding: 12px 0px;} 
    .cnews_m_img_tit span {  font-size:0.8em;} 

    .cnews_m_img_{ margin:10px 0px; width:100%; padding:10px; height: auto;box-sizing: border-box;}
    .cnews_m_img_ .img{ float:left; width:100px;}
    .cnews_m_img_ .txt{ float:right; width:170px;}
    .cnews_m_img_ .txt p{ font-size:1.1em; line-height:125%;}


    .cnews_m_menu{ margin-top:10px; padding:0px;}
    .cnews_m_menu ul{} 
    .cnews_m_menu ul li{ padding: 5px 0px; font-size: 1em; line-height: 150%;}





    .con_brand_m{  }
    .con_brand_m_l{ float:none;}
    .con_brand_m_l img{  margin-top:0px;}
    .con_brand_m_r{ float:none;} 
    .con_brand_m_r ul{}
    .con_brand_m_r ul li{  padding:12px 0px; font-size: 1.2em;}
    .con_brand_m_r ul li h1{ font-size:1em; }
    .con_brand_m_r ul li p{  font-size: 1em; }

    .con_brand_about{} 
    .con_brand_about_tit{ font-size:1.2em; padding: 12px 0px;} 
    .con_brand_about_tit span {  font-size:0.8em;} 

    .con_brand_about_{ }
    .con_brand_about_ ul{} 
    .con_brand_about_ ul li{ width: 48%; margin-bottom: 10px;} 
    .con_brand_about_ ul li:nth-child(2n){float: right;} 
    .con_brand_about_ ul li img{ width: 100%; height: 50px; padding: 5px; box-sizing: border-box;} 
    .con_brand_about_ ul li p{ font-size:1em;  }
    
    
    
    
    
    
    

    
    
    
    
/******************内页*******************/ 
    

    
        .footer_link{ width: 88%; padding: 10px 0px;font-size:0.9em;} 
        .rb_link_{width: 88%; padding: 10px 0px;font-size:0.9em;} 

        .bottom{ padding:30px 0px 0px;}
        .bottom_{ width:88%; }

        .bottom_logo{ width: 180px;} 
        .bottom_logo h6{ margin-bottom:10px;} 
        .bottom_logo h6 img{ width: 120px;} 
        .bottom_logo p{ font-size: 0.8em; line-height: 150%; } 

        .bottom_l{display: none;} 
        .bottom_r{  width: 100px; } 
        .bottom_r p{ font-size:1em; } 
        .bottom_r img{ width: 100%; border-radius: 10px;} 
        .bottom_b{  box-sizing: border-box; line-height: 150%; margin:20px auto 0px;padding:5% 6%; font-size: 0.8em; } 

        div.page_in a{padding:2px 6px;} 
        div.page_in a.curr{padding:2px 6px;margin:1px;} 




}