@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; font-size: 14px;} 
a{color:#666666;text-decoration:none;}  
a:link {text-decoration:none;color:#333333;} 
a:active {text-decoration:none;color:#333333;} 
a:hover {text-decoration:none;color:#ed6d00;} 
a:visited {text-decoration:none;color:#333333;} 
.cle{ height: 0px; clear: both;} 

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



.main_about_index{width:1200px; margin: 80px auto;} 
.main_about_left{width: 635px;float: left;} 
.main_about_right{ float: right; width: 500px; margin-top: 28px;} 

.main_about_con_t1{margin: 0px;color: #F2F2F2; font-size: 92px; font-weight: bold;} 
.main_about_con_t2{margin: 5px 0px; padding-bottom: 15px; border-bottom: #CCCCCC 1px solid;} 
.main_about_con_t2 p{ float: left; font-size: 20px;} 
.main_about_con_t2 span{ float: right;display: block; margin-top:5px;} 
.main_about_con_t2 span a{ display: block; background: #ed6d00; padding: 2px 5px; font-size: 12px; color: #FFFFFF; } 
.main_about_con_t2 span a:hover{ background: #000000;} 

.main_about_con_t3{margin: 30px 0px; line-height: 175%; text-align: justify; color: #666666;} 


.main_int{width: 100%; background:#333333; height: 105px;} 
.main_int_{width:100%; margin: 30px auto; position: relative;} 
.main_int_ ul{} 
.main_int_ ul li{ float: left; margin:  20px 0px 0px 38px; text-align: center; border-right: #666666 1px solid; padding-right: 35px;} 
.main_int_ ul li:last-child{border-right: none; padding-right: 0px;} 
.main_int_ ul li div{color: #ed6d00; font-size: 28px; font-weight: bold;} 
.main_int_ ul li p{font-size: 12px;color: #CCCCCC;} 

.main_about_right_list{ margin-bottom: 26px;} 
.main_about_right_list ul{} 
.main_about_right_list ul li{ float: left; margin:  0px 30.5px 25px 0px; } 
.main_about_right_list ul li:last-child{ float: right;margin:  0px 0px 25px 0px;} 
.main_about_right_list ul li a{ display: block; font-size: 14px;color: #333333;border: #CCCCCC 1px solid; padding: 5px 22px;} 
.main_about_right_list ul li a:hover{border: #ed6d00 1px solid;color: #FFFFFF; background: #ed6d00;} 
.main_video{ width: 1200px; margin: 60px auto 20px;} 
.main_video_tit{margin: 5px 0px; padding-bottom: 15px;} 
.main_video_tit p{ float: left; font-size: 20px;} 
.main_video_tit span{ float: right;display: block; margin-top:5px;} 
.main_video_tit span a{ display: block; background: #ed6d00; padding: 2px 5px; font-size: 12px; color: #FFFFFF; } 
.main_video_tit span a:hover{ background: #000000;} 




.main_pro{ width: 100%; background: url("/images/nbg01.jpg") no-repeat center bottom; margin: 0px 0px 80px; padding:60px 0px; height:1000px; box-sizing: border-box;} 
.main_pro_tit{margin:0px auto; width: 1200px;} 

.main_pro_tit > p{ float: left; font-size: 20px;} 
.main_pro_tit .card{ float: right;} 
.main_pro_tit .card .card1{ float: left; width: 180px;} 
.main_pro_tit .card .card2{ float: left; width: 200px;} 
.main_pro_tit .card .card3{ float: right; width: 205px;} 

.main_pro_tit .card span{ display: block; float: left; background:#ed6d00; height: 30px; box-sizing: border-box; padding: 3px 10px;} 
.main_pro_tit .card span img{ height: 25px;} 
.main_pro_tit .card p{ float: left; font-size: 12px; border: #333333 1px solid; border-left: none;height: 30px; line-height:28px; box-sizing: border-box;} 
.main_pro_tit .card p a{ display: block; padding: 0px 10px;} 
.main_pro_tit .card p a:hover{background:#ed6d00; color: #FFFFFF; } 
.main_pro_tit .card p:hover{border: #ed6d00 1px solid;} 


.main_pro_con{margin:50px auto; width: 1200px;} 
.main_pro_con ul{} 
.main_pro_con ul li{ float: left;} 
.main_pro_con ul li:first-child{width: 227px; height: 230px; background: #EEEEEE; padding:30px; box-sizing: border-box;} 
.main_pro_con ul li:first-child p{font-size: 20px;} 
.main_pro_con ul li:first-child a{ font-size: 24px; display: block; margin-top: 50px;} 
.main_pro_con ul li:nth-child(2){ width: 373px; height: 230px; overflow: hidden;} 
.main_pro_con ul li:nth-child(3){width: 227px; height: 230px; background: #EEEEEE; padding:30px; box-sizing: border-box;} 
.main_pro_con ul li:nth-child(3) p{font-size: 20px;} 
.main_pro_con ul li:nth-child(3) a{ font-size: 24px; display: block; margin-top: 50px;} 
.main_pro_con ul li:nth-child(4){width: 373px; height: 230px;overflow: hidden;} 
.main_pro_con ul li:nth-child(5){ width: 370px; height: 322px;background: #FFFFFF; padding:30px; box-sizing: border-box;} 
.main_pro_con ul li:nth-child(5) p{font-size: 20px;} 
.main_pro_con ul li:nth-child(5) em{ display: block; width: 60px; height: 2px; background: #ed6d00; margin: 20px 0px;} 
.main_pro_con ul li:nth-child(5) h3{ margin-bottom: 5px; font-size: 26px;color: #333333; font-weight: normal;} 
.main_pro_con ul li:nth-child(5) h5{font-weight: normal; line-height: 175%; font-size: 16px; color: #999999;} 
.main_pro_con ul li:nth-child(5) a{ font-size: 12px; display: block; margin-top: 50px;background: #ed6d00; padding: 5px 10px; text-align: center; width: 80px; color: #FFFFFF;} 
.main_pro_con ul li:nth-child(5) a:hover{ background: #333333;} 
.main_pro_con ul li:nth-child(6){width: 493px; height: 322px; overflow: hidden;} 
.main_pro_con ul li:last-child{width: 337px; height: 322px; overflow: hidden;} 


.main_pro_txt{margin:0px auto; width: 1200px;} 
.main_pro_txt > h5{ color:#ed6d00; font-size: 22px;} 
.main_pro_txt ul{ margin-top: 30px;} 
.main_pro_txt ul li{ border: #999999 1px solid; padding: 15px 0px; float: left; width: 160px; box-sizing: border-box; text-align: center; margin-right: 13.25px;} 
.main_pro_txt ul li:last-child{ float: right; margin-right: 0px;} 
.main_pro_txt ul li:hover{ background: #ed6d00;border: #ed6d00 1px solid;} 
.main_pro_txt ul li img{ } 
.main_pro_txt ul li div{ } 
.main_pro_txt ul li div p{ font-size: 18px; color: #EEEEEE;} 
.main_pro_txt ul li div span{ font-size: 12px; color: #999999;} 
.main_pro_txt ul li:hover p{color: #FFFFFF;} 
.main_pro_txt ul li:hover span{color: #FFFFFF;} 


.main_info_a{margin: 50px auto; width: 1200px; } 
.main_info_a > h3{ margin-bottom: 20px; font-size: 24px; font-weight: normal;} 
.main_info_a_{width:1200px; margin:0px auto; position: relative;background: url(/images/nbg07.jpg) no-repeat center; height:660px;} 
.main_info_01{ position: absolute; margin: 50px 0px 0px 50px; font-size: 22px; font-weight: normal; color: #0d2b6f;} 
.main_info_01 h5{color: #ed6d00; font-size: 22px;} 
.main_info_01 em{display: block; width: 30px; height: 2px; background: #ed6d00; margin: 20px 0px;} 
.main_info_01 p{ color: #CCCCCC; font-size: 12px;} 
.main_info_02{ position: absolute; margin: 260px 0px 0px 50px;} 
.main_info_02 h5{color: #FFFFFF; font-size: 18px;background: #ed6d00;text-align: center; padding: 5px 0px; width: 120px;border-radius: 5px;} 
.main_info_02 p{ color: #333333; font-size: 16px; margin: 3px 0px;} 
.main_info_02 span{ color: #999999; font-size: 12px; text-transform: uppercase; display: block;transform:scale(0.75,0.75); margin-left: -55px;} 
.main_info_03{ position: absolute; margin: 350px 0px 0px 50px;} 
.main_info_03 h5{color: #FFFFFF; font-size: 18px;background: #ed6d00;text-align: center; padding: 5px 0px; width: 120px; border-radius: 5px;} 
.main_info_03 p{ color: #333333; font-size: 16px; margin: 3px 0px;} 
.main_info_03 span{ color: #999999; font-size: 12px; text-transform: uppercase; display: block;transform:scale(0.75,0.75); margin-left: -55px;} 
.main_info_04{ position: absolute; margin: 440px 0px 0px 50px;} 
.main_info_04 h5{color: #FFFFFF; font-size: 18px;background: #ed6d00;text-align: center; padding: 5px 0px; width: 120px;border-radius: 5px;} 
.main_info_04 p{ color: #333333; font-size: 16px; margin: 3px 0px;} 
.main_info_04 span{ color: #999999; font-size: 12px; text-transform: uppercase; display: block;transform:scale(0.75,0.75); margin-left: -55px;} 
.main_info_05{ position: absolute; margin: 530px 0px 0px 50px;} 
.main_info_05 h5{color: #FFFFFF; font-size: 18px;background: #ed6d00;text-align: center; padding: 5px 0px; width: 120px;border-radius: 5px;} 
.main_info_05 p{ color: #333333; font-size: 16px; margin: 3px 0px;} 
.main_info_05 span{ color: #999999; font-size: 12px; text-transform: uppercase; display: block;transform:scale(0.75,0.75); margin-left: -55px;} 
.main_info_a_c{ margin: 15px auto;} 
.main_info_a_c ul{} 
.main_info_a_c ul li{ float: left; width: 390px; height: 300px; overflow: hidden; margin-right: 15px;} 
.main_info_a_c ul li:last-child{ float: right; margin-right: 0px;} 





.main_join{width:100%; margin:0px auto;background: url(/images/nbg08.jpg) no-repeat center; height:650px;} 
.main_join_{ width: 1200px; margin: 0px auto; padding: 70px 0px;}
.main_join_ .main_join_tit{ margin-bottom: 30px;} 
.main_join_ .main_join_tit h3{ float: left;font-size: 24px; font-weight: normal;color: #FFFFFF; } 
.main_join_ .main_join_tit p{ float: right; margin-top: 5px;} 
.main_join_ .main_join_tit p a{ display: block;color: #FFFFFF; font-size: 12px;background: #ed6d00;text-align: center; padding: 5px 0px; width: 80px;} 
.main_join_ .main_join_tit p a:hover{background: #333333;} 
.main_join_ ul{} 
.main_join_ ul li{background: #454545; float: left; margin-right: 22.5px; width: 385px;} 
.main_join_ ul li:last-child{float: right; margin-right: 0px;} 
.main_join_ ul li img{ display: block;}
.main_join_ ul li div{ padding: 20px;} 
.main_join_ ul li div p{color: #ed6d00; font-size: 22px; font-weight: bold; margin-bottom: 5px;} 
.main_join_ ul li div span{ display: block;font-size: 12px;text-transform: uppercase; color:#999999;} 
.main_join_ ul li div a{ font-size: 20px; display: block; margin-top: 20px;color:#999999;} 
.main_join_ ul li:hover{background: #ed6d00;} 
.main_join_ ul li:hover div p{ color: #FFFFFF;} 
.main_join_ ul li:hover div span{ color: #FFFFFF;} 
.main_join_ ul li:hover div a{ color: #FFFFFF;} 






.main_info_b{margin: 50px auto; width:1200px;} 
.main_info_b_{width:1200px; margin:0px auto; position: relative;} 
.main_info_b_1{ margin: 0px auto 20px;width:1200px;} 
.main_info_b_1 p{font-size: 26px; font-weight: bold; color: #333333;} 
.main_info_b_1 span{font-size: 12px;color: #999999;text-transform: uppercase;} 













/******************************************************2022********************************************************/








.main9a_{width: 1200px; margin: 30px auto 50px;} 
.main9a_top{ width: 590px; height: 390px; overflow: hidden; float: left; position: relative;}
.main9a_top img{ position: absolute; width: 590px; height: 390px; z-index: 99; display: block; border: none;} 
.main9a_top div{ position: absolute; z-index: 999; bottom: 0;background: rgba(0,0,0,0.75); padding: 15px; box-sizing: border-box;width: 590px;} 
.main9a_top div p{ margin-bottom: 10px; color: #e6a77b; font-size: 16px;} 
.main9a_top div span{ color: #DDDDDD; font-size: 12px; line-height: 150%;} 

.main9a_list{ float: right; width: 580px;} 
.main9a_list ul{ margin: 0px; padding: 0px;} 
.main9a_list ul li{ margin: 0px 0px 30px 0px; padding: 0px;} 

.main9a_list ul li img{ width: 170px; height: 110px; float: left;} 
.main9a_list ul li div{ float: right; text-align: left; width: 390px;} 
.main9a_list ul li div em{ display: block; margin-bottom: 10px; font-style: normal; font-size: 18px;} 
.main9a_list ul li div p{ margin: 0px 0px 5px 0px; font-size: 16px; color: #000000;box-sizing: border-box;} 
.main9a_list ul li div p a{ color: #0d2b6f;} 
.main9a_list ul li div span{ display: block;font-size: 12px; color: #666666; line-height: 175%;} 


/*.main9a_list ul li:hover em{ border-bottom: #e6a77b 1px solid; color: #e6a77b;} */