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

*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; font-family:Microsoft YaHei,Arial,sans-serif; margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6,strong,b{} 
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:#D6000F;} 
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: #D6000F; } 

.nav_{ width:90%; margin:0px auto; padding:20px 0px;} 
.nav_l{ float:left; width:280px;} 
.nav_l img{ display: block; width: 100%; margin: 0px auto;} 


.nav_menu {float: right; margin:8px 0px 0px 0px;} 
.nav_menu ul { margin:0 auto; list-style-type: none; } 
.nav_menu ul li {float:left; position:relative; } 
.nav_menu ul li:first-child{} 
.nav_menu ul li:last-child{} 
.nav_menu ul li a{ font-size: 18px; font-weight: normal;} 
.nav_menu ul li a, .nav_menu ul li a:visited {display:block; box-sizing: border-box; margin: 0px 0px 0px 80px; color: #FFFFFF; transition: all 0.3s;} 
.nav_menu ul li a:hover{ border-bottom:#FFFFFF 3px solid; padding-bottom: 5px;}

.nav_menu ul li ul {display: none;} 
.nav_menu ul li:hover ul {display:block; position:absolute; top:52px; left:0; width:171px;z-index: 999999;} 
.nav_menu ul li:hover ul li a {display:block; color:#FFFFFF;background-color:rgba(0,0,0,0.5);margin-bottom: 1px;} 
.nav_menu ul li:hover ul li a:hover {background:#D6000F; color:#FFFFFF;} 

.nav_r{ float: right; text-align: right;margin:8px 0px 0px 0px;} 
.nav_r i{color: #FFFFFF; font-size: 16px; border: #FFFFFF 1px solid; border-radius: 50%; padding: 5px;} 


/* fullSlide */
.fullSlide {width:100%;position:relative;height:100%;} 
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;} 
.fullSlide .bd ul li{width:100% !important;height:100%;overflow:hidden;text-align:center;} 
.fullSlide .bd ul li a{display:block;height:920px;} 
.fullSlide .bd ul li img{ width: 100%;height:100%; display: block; margin: 0 auto; text-align: center;} 
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:50px;line-height:50px;}
.fullSlide .hd ul{text-align:center;} 
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:5px;overflow:hidden;background:#FFFFFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius: 50%;} 
.fullSlide .hd ul .on{background:#D6000F;} 
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:3%;z-index:1;width:40px;height:60px;background:url(/images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} 
.fullSlide .next{left:auto;right:3%;background-position:-6px -137px;} 


.z_banner{  width:100%;  text-align: center; margin: 0px; padding: 0px; position: relative;} 
.z_banner img{width: 100%; margin: 0px auto; display: block; padding: 0; z-index: 9;} 
.z_banner .txt{ position: absolute; z-index: 9999; text-align: center; width: 100%; top: 50%;} 
.z_banner .txt p{font-size: 50px;  color: #DDDDDD;  text-transform: uppercase; font-weight: lighter; line-height: 100%; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.z_banner .txt h3{font-size: 40px; color: #D6000F;} 


.main_info{ width: 100%; padding: 0px;} 
.main_info_{width: 100%; margin: 0px; background: url("/images/bg01.jpg") no-repeat center; height: 700px; padding: 60px 0px; box-sizing: border-box; overflow: hidden;} 
.main_info_ .fl{ float: left; width: 35%; margin-left: 10%;} 
.main_info_ .fl h5{font-size: 50px;  color: #999999;  text-transform: uppercase; font-weight: lighter; line-height: 100%; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.main_info_ .fl h6{  font-size: 32px; color: #D6000F;} 
.main_info_ .fl em{display: block; height: 2px; width: 100px; background: #D6000F; margin: 35px 0px 50px;} 
.main_info_ .fl h3{  font-size: 28px; line-height: 100%;} 
.main_info_ .fl p{ color: #666666; font-size: 16px; line-height: 175%; margin: 30px 0px; text-align: justify;} 
.main_info_ .fl a{display: block; text-transform: uppercase;font-size: 16px;color: #D6000F;} 
.main_info_ .fl a:hover{color: #000000;} 
.main_info_ .fr{ float: right; width: 50%; margin-top:20px;} 
.main_info_ .fr > img{ width: 100%; height: 100%; object-fit: cover;} 
.main_info .main_info_icon{ width: 100%; margin-top: 0px; background: #D6000F;} 
.main_info .main_info_icon ul{ width: 80%; margin: 0px auto; padding: 50px 0px;} 
.main_info .main_info_icon ul li{ float: left; width:25%; border-left: #FFFFFF 1px solid;text-align: center; box-sizing: border-box;} 
.main_info .main_info_icon ul li:last-child{ float: right; border-right: #FFFFFF 1px solid;} 
.main_info .main_info_icon ul li h5{ font-size: 18px; line-height:100%; color: #FFFFFF; margin-bottom: 10px; font-weight: lighter;} 
.main_info .main_info_icon ul li h5 span{display: inline-block; font-size: 50px;} 
.main_info .main_info_icon ul li p{font-size: 18px; line-height:100%; color: #FFFFFF;} 
.main_info .main_info_icon ul li p span{display: inline-block; font-weight: lighter; font-size: 14px; text-transform: uppercase;} 



.main_menu{ width: 100%; background: url("/images/bg02.jpg") no-repeat center; background-size: cover; padding: 60px 0px 40px; box-sizing: border-box;} 
.main_menu_tit{width:80%; margin: 0px auto; text-align: center;} 
.main_menu_tit p{font-size: 40px; color:#666666;text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.main_menu_tit h5{font-size: 36px; color:#D6000F;} 
.main_menu_{width:80%; margin: 35px auto;} 
.main_menu_ ul{} 
.main_menu_ ul li{ float: left; width: 18.4%; margin: 0 2% 2% 0;background: url("/images/bg03.png") no-repeat center; background-size: cover; padding:20px 0px; box-sizing: border-box; text-align: center; box-shadow: 0px 0px 15px 1px #DDDDDD; border-radius: 10px; overflow: hidden;} 
.main_menu_ ul li:hover{box-shadow: 0px 0px 20px 1px #999999;} 
.main_menu_ ul li:nth-child(5n){ float: right; margin: 0 0 2% 0;} 
.main_menu_ ul li h5{font-size: 22px;color: #D6000F; font-weight: normal; margin-bottom: 5px;} 
.main_menu_ ul li a{display: block; margin: 0px auto;background: url("/images/bg04.png") no-repeat center; height: 37px; line-height: 37px; width: 167px; color: #FFFFFF; font-size: 16px; text-align: left; padding-left: 25px; box-sizing: border-box;} 




.main_pro{ width:100%; background: url("/images/bg05.jpg") no-repeat center; margin:0px auto; padding:60px 0px; box-sizing: border-box;} 
.main_pro_tit{ width:80%; text-align: center; margin: 0px auto;} 
.main_pro_tit p{font-size: 40px; line-height: 100%; color:#666666;text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.main_pro_tit h5{font-size: 36px; color:#D6000F;} 
.main_pro_tit h6{font-size: 26px; color:#000000; margin-top: 30px;} 
.main_pro_tit span{display: block;font-size: 18px; line-height: 100%; color:#666666;text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.silder-box-1{ width:100%; margin: 0px auto; position: relative;} 
.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.btl{left:5%;  top:40%; border: #999999 1px solid; font-size: 20px; width:50px; height: 50px; line-height: 50px; text-align: center;} 
.silder-button-1.btl i{ color: #333333; } 
.silder-button-1.btl:hover{background: #D6000F; color: #FFFFFF;} 
.silder-button-1.btr{right:5%; top:40%; border: #999999 1px solid; font-size: 20px;width:50px;height: 50px; line-height: 50px; text-align: center; } 
.silder-button-1.btr i{ color:#333333; } 
.silder-button-1.btr:hover{background: #D6000F; color: #FFFFFF; } 
.main_pro_{width:80%; margin: 35px auto 0px;} 
.main_pro_ ul{} 
.main_pro_ ul li{width: 365px; height:370px;background: #FFFFFF; padding:15px; box-sizing: border-box; border-radius:10px;text-align: center;overflow: hidden;} 
.main_pro_ ul li div.img-zoom-in{width: 100%; height:275px; overflow: hidden; } 
.main_pro_ ul li div{ text-align: center; margin: 0px auto;} 
.main_pro_ ul li div img{display: block; margin:0px auto; width: 275px; height: 275px;} 
.main_pro_ ul li div h3{font-size: 18px; font-weight: normal; margin-bottom: 5px;} 
.main_pro_ ul li div a{ display: block;font-size: 14px;background: #D6000F; color: #FFFFFF; width:80px; text-align: center; padding: 5px 0px; margin: 0 auto; border-radius: 10px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 

.main_pro_txt{width:80%; margin: 35px auto 0px;} 
.main_pro_txt ul{} 
.main_pro_txt ul li{float: left; margin-right: 100px; width: 300px; height:68px;background: #D6000F; font-size: 28px; color: #FFFFFF; padding:15px 0px; text-align: center;box-sizing: border-box; border-radius:10px; overflow: hidden;} 
.main_pro_txt ul li:last-child{ float: right; margin-right:0px;} 





.main_join{width: 100%; margin:50px 0px; } 
.main_join_tit{width: 80%;   margin: 0px auto; text-align: center;} 
.main_join_tit div p{font-size: 40px; line-height: 100%; color:#666666;text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}
.main_join_tit div h5{font-size: 36px; color:#D6000F;}

.main_join_{width: 80%; margin: 35px auto 0px;} 
.main_join_ ul li{ float: left; text-align: center;} 
.main_join_ ul li:nth-child(2n){ margin: 30px 52px 0px 52px;color:#f1a6ab; font-size: 32px;}
.main_join_ ul li:last-child{ float: right;} 
.main_join_ ul li img{ width: 100px;} 
.main_join_ ul li h5{font-size: 20px; color: #666666;font-weight: lighter;margin-top:10px;} 

.main_join_img{width: 80%; margin: 35px auto 0px;} 
.main_join_img img{ width: 100%;} 








.main_txt{width: 100%; margin: 0px;background:url("/images/bg06.jpg") no-repeat center; padding: 60px 0px; box-sizing: border-box; } 
.main_txt_tit{ text-align: center;}
.main_txt_tit p{font-size: 40px; line-height: 100%; color:#000000;text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}
.main_txt_tit h5{font-size: 36px; color:#000000;}
.main_txt_tit h6{font-size: 40px; color:#D6000F; margin-top: 30px;} 
.main_txt_{width: 80%; margin: 35px auto 0px;} 
.main_txt_ ul li{ float: left; text-align: center; width: 31%; margin-right: 3%;} 
.main_txt_ ul li:last-child{ float: right; margin-right: 0;} 
.main_txt_ .img1{ width: 100%;} 
.main_txt_ .img2{ width: 60px;}
.main_txt_ ul li p{font-size: 28px; font-weight: lighter;color:#666666;} 
.main_txt_txt{ text-align: center;margin-top: 30px;}
.main_txt_txt p{font-size: 40px; color:#D6000F; font-weight:bold;} 





.main_news{ width: 100%; margin: 50px 0px;} 
.main_news_tit{width: 80%;   margin: 0px auto;}
.main_news_tit div{ float: left;}
.main_news_tit div p{font-size: 40px; line-height: 100%; color:#666666;text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}
.main_news_tit div h5{font-size: 36px; color:#000000;}
.main_news_tit a{ display: inline-block;float: right; margin-top: 30px; border: #000000 1px solid; color: #000000; padding: 5px 10px; text-align: center;font-size: 14px;} 
.main_news_tit a:hover{border: #000000 1px solid; color: #FFFFFF; background: #000000;} 

.main_news_list{ width: 80%; margin:30px auto 0px;} 
.main_news_list ul{} 
.main_news_list ul li{ width: 32%; float: left; margin:0 2% 0 0;background: #F5F5F5;  height: 200px;}
.main_news_list ul li:last-child{  float: right;margin:0 0 0 0;} 
.main_news_list ul li h5{font-size:18px; margin-bottom: 10px;} 
.main_news_list ul li p{ font-size: 14px; margin-bottom:8px; line-height: 150%; color: #999999;} 
.main_news_list ul li span{ display: block; color: #999999; margin-top: 20px;} 
.main_news_list ul li a{display: block; width: 100%; height: 100%; padding:35px; box-sizing: border-box;} 
.main_news_list ul li a:hover{ background: #000000;} 
.main_news_list ul li a:hover h5{color: #FFFFFF;} 






/****************************************20250325*************************************************/










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


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

.con_about_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.con_about_tit span{ line-height: 100%; font-size: 36px; color:#CCCCCC; text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.con_about_tit h5{font-size: 36px; color: #000000; margin-bottom:10px;} 
.con_about_tit p{font-size: 28px; color: #000000; } 


.con_about_a{width: 1280px; margin: 20px auto 50px; padding: 30px 0px; background: #D6000F; text-align: center;} 
.con_about_a h3{ color: #FFFFFF; font-size: 32px; margin-bottom: 20px;} 
.con_about_a ul{ } 
.con_about_a ul li{ float: left; width: 32%; text-align: center; margin-right:2%;} 
.con_about_a ul li:last-child{ float: right; margin-right: 0;} 
.con_about_a ul li h5{ font-size: 20px;color: #FFFFFF; } 
.con_about_a ul li h5 span{ display: inline-block; font-size: 60px;} 
.con_about_a ul li p{ color: #FFFFFF; font-size: 18px; line-height: 175%;} 

.con_about_b{ margin: 50px auto 0px; width: 1280px;} 
.con_about_b h3{ color: #000000; font-size: 32px; text-align: center;} 
.con_about_b p{ color: #000000; margin: 30px 0px; line-height: 175%; font-size:18px; text-align: justify;} 

.con_about_c{width: 100%; margin: 50px auto; padding: 60px 0px; background:url("/images/a01.jpg") no-repeat center;}
.con_about_c_{ margin: 0px auto; width: 1280px;text-align: center;}
.con_about_c_ span{ line-height: 100%; font-size: 36px; color:#CCCCCC; text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}
.con_about_c_ h3{ color: #000000; font-size: 36px;} 
.con_about_c_ ul{ margin-top: 30px;} 
.con_about_c_ ul li{ float: left; width: 24%; height:280px; padding-top: 50px; box-sizing: border-box; background: rgba(255,255,255,0.9); text-align: center; margin-right:1.33%;} 
.con_about_c_ ul li:last-child{ float: right; margin-right: 0;} 
.con_about_c_ ul li img{width: 50px;} 
.con_about_c_ ul li h5{ font-size: 22px;color: #D6000F; margin-top: 20px; margin-bottom: 10px;} 
.con_about_c_ ul li p{ color: #000000; font-size: 16px; line-height: 175%;} 

.con_about_d{margin: 50px auto; width:1280px;}
.con_about_d_tit{ margin: 0px auto 30px; width: 1280px;text-align: center;}
.con_about_d_tit span{ line-height: 100%; font-size: 36px; color:#CCCCCC; text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}
.con_about_d_tit h3{ color: #000000; font-size: 36px;} 
.con_about_d img { width: 100%; height: 100%;} 




.con_video{width:1280px; margin: 30px auto;} 
.con_video ul{} 
.con_video ul li{ width: 400px; float: left; margin:0 40px 40px 0;}
.con_video ul li:nth-child(3n){ float: right;margin:0 0 40px 0;}
.con_video ul li p{ padding: 15px 0px;} 
.con_video_{width:100%; height: 260px; overflow: hidden; position: relative;} 
.con_video_ > img{width:100%; height: 260px;position: absolute;z-index: 99;} 
.con_video_ a{display: block; position: absolute; width: 100%; height: 260px; z-index: 999; text-align: center; box-sizing: border-box; padding-top: 100px; font-weight: lighter;} 
.con_video_ a img{ width: 65px; height: 65px;} 
.con_video_ a em{ display: block; margin: 10px auto 0px; background: #FFFFFF; width: 50px; height: 2px;} 

.videolist:hover{ cursor: pointer; }
.videos{ display:none; width: 100%; height: 100%;  background: rgba(0,0,0,0.8); position:fixed; left:0; top:0;z-index:999999; box-sizing: border-box; text-align: center;}
.videos video{ width: 800px; height: 450px; border:#000000 15px solid;background: rgba(0,0,0,0.95);  position: relative;top:50%;transform:translateY(-50%);} 
.vclose { position:absolute;right:27%; top:22%; cursor: pointer; }




.con_pro{ padding: 0; margin: 0; width: 100%;} 

.con_pro_menu{margin: 0; width: 100%; padding:30px 0px 25px; background: #F2F2F2;} 
.con_pro_menu_{ width: 80%; margin: 0 auto;} 
.con_pro_menu_ ul{ } 
.con_pro_menu_ ul li{ float: left; width: 9.77%; margin-right: 0.25%;margin-bottom: 0.25%;} 
.con_pro_menu_ ul li:nth-child(10n){ float: right; margin-right: 0;} 
.con_pro_menu_ ul li a{ display: block; text-align: center; padding: 12px 0px; background: #FFFFFF; font-size: 14px; } 
.con_pro_menu_ ul li a:hover{background: #D6000F;color:#FFFFFF;} 

.con_pro_{ margin: 50px auto; width: 80%;} 
.con_pro_ ul{ } 
.con_pro_ ul li{ float: left; width: 24%;  overflow: hidden; margin-right: 1.33%; margin-bottom: 1.33%; border: #DDDDDD 1px solid; box-sizing: border-box; transition: all 0.6s;} 
.con_pro_ ul li:nth-child(4n){ float: right; margin-right: 0;} 
.con_pro_ ul li img{  width: 100%; height: 360px;object-fit: cover;z-index: 9;} 
.con_pro_ ul li p{  width: 100%;  padding: 15px 0px; text-align: center; color: #000000; font-size:16px; font-weight: bold;} 
.con_pro_ ul li:hover{border: #D6000F 1px solid;} 


.con_pro_m{  padding: 0; margin: 0; width: 100%;} 
.con_pro_m_{width: 1280px; margin: 50px auto; text-align: center;} 
.con_pro_m_ h1{font-size: 36px; padding-bottom: 20px; margin-bottom: 20px; }
.con_pro_m_ img{ width: 360px; height: 360px; object-fit: cover;border: #DDDDDD 1px solid;} 




.con_pro_m_info{width: 1280px; margin: 50px auto;} 
.con_pro_m_info h6{font-size: 24px; padding-top: 30px; margin-bottom: 30px; text-align: center;border-top: #DDDDDD 1px dashed;} 
.con_pro_m_info img{ width: 100%;} 

.con_pro_more{margin: 0; width: 100%; padding:50px 0px; background: #F2F2F2;} 
.con_pro_more_{width: 1280px; margin: 0px auto;} 
.con_pro_more_ h5{  font-size: 24px; margin-bottom: 30px;}
.con_pro_more_ ul{} 
.con_pro_more_ ul li{ float: left; width: 24%;  overflow: hidden; margin-right: 1.33%; margin-bottom: 1.33%;  box-sizing: border-box; transition: all 0.6s; background: #FFFFFF;} 
.con_pro_more_ ul li:nth-child(4n){ float: right; margin-right: 0;} 
.con_pro_more_ ul li img{  width: 100%; height: 100%;object-fit: cover;z-index: 9;} 
.con_pro_more_ ul li p{  width: 100%;  padding: 15px 0px; text-align: center; color: #999999; font-size:16px;} 





.con_join{padding: 0px; margin: 0; width: 100%;} 

.con_join_b{width: 100%; margin: 80px 0px; padding:0px; } 
.con_join_b_tit{ text-align: center;} 
.con_join_b_tit span{ display: block; color: #333333; font-size: 24px; text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.con_join_b_tit h3{color: #000000; font-size: 36px;} 
.con_join_b_{ margin: 50px auto 0px; width: 1280px;} 
.con_join_b_ ul{ } 
.con_join_b_ ul li{ float: left; width: 32.5%; height:280px;margin-right:1.25%;margin-bottom:1.25%;} 
.con_join_b_ ul li:nth-child(3n){ float: right; margin-right: 0;} 
.con_join_b_ ul li:first-child{ background: #F2F2F2; padding: 75px; box-sizing:border-box;} 
.con_join_b_ ul li:nth-child(3){ background: #F2F2F2; padding: 75px; box-sizing:border-box;} 
.con_join_b_ ul li:nth-child(5){ background: #D6000F; padding: 75px; box-sizing:border-box;} 
.con_join_b_ ul li:nth-child(6){ background: #F2F2F2; padding: 75px; box-sizing:border-box;} 
.con_join_b_ ul li:nth-child(7){ background: #F2F2F2; padding: 75px; box-sizing:border-box;} 
.con_join_b_ ul li:nth-child(8){ background: #F2F2F2; padding: 75px; box-sizing:border-box;} 
.con_join_b_ ul li img{width: 100%;height: 100%; object-fit: cover;} 
.con_join_b_ ul li h5{ font-size: 28px;color: #D6000F; margin-bottom: 5px;} 
.con_join_b_ ul li p{ color: #000000; font-size: 20px; line-height: 175%;} 
.con_join_b_ ul li:nth-child(5) h5{ color: #FFFFFF;} 
.con_join_b_ ul li:nth-child(5) p{ color: #FFFFFF;} 



.con_join_g{ width: 100%; margin: 0; background:#F2F2F2; padding:80px 0px;} 
.con_join_g_tit{ text-align: center;} 
.con_join_g_tit span{ display: block; color: #000000; font-size: 24px; text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.con_join_g_tit h3{color: #D6000F; font-size: 36px;} 
.con_join_g_{ width: 660px; margin: 50px auto 0px; text-align: center; } 
.con_join_g_ p{color: #EEEEEE; font-size: 18px; line-height: 175%;} 
.con_join_g_{ width: 1280px; margin: 50px auto 0px; } 
.con_join_g_ ul{} 
.con_join_g_ ul li{ float: left; width: 19%; margin-right: 1.25%;margin-bottom:1.25%; text-align: center;  overflow: hidden;padding: 35px 0px; background: #FFFFFF; box-sizing: border-box;}
.con_join_g_ ul li:nth-child(5n){ float: right; margin-right: 0;} 
.con_join_g_ ul li img{ height: 55px;} 
.con_join_g_ ul li h5{color: #000000; font-size: 18px; margin-top: 10px; line-height: 100%;font-weight: lighter; } 




.con_join_y{ width: 100%; margin: 0px; background: #FAFAFA; padding: 80px 0px;} 
.con_join_z{width:100%; margin: 0px; padding:0px;} 
.con_join_z_{ margin: 0px auto; width: 1280px; border: #DDDDDD 1px solid; padding: 20px; box-sizing: border-box;} 
.con_join_z_01{ font-size: 36px; font-weight: lighter; border-bottom: #DDDDDD 1px dashed; padding:0px 0px 20px 0px; text-align: center;} 
.con_join_z_02{ margin: 15px 0px;} 
.con_join_z_02 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 49.6%; box-sizing: border-box;}
.con_join_z_03{ margin: 15px 0px;} 
.con_join_z_03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 100%; box-sizing: border-box;} 
.con_join_z_04{ margin: 15px 0px;} 
.con_join_z_04 textarea{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 100%; height: 200px; vertical-align: top; box-sizing: border-box;} 
.con_join_z_05{ margin: 30px 0px;text-align: center;box-sizing: border-box;} 
.con_join_z_05 input{ border: none; background: #CF0015; border-radius: 5px; color: #FFFFFF; padding: 10px 0px;width:200px; font-size: 28px; font-weight: bold; } 






.con_news{padding: 0px; margin: 0; width: 100%; border-top: #DDDDDD 1px solid;} 

.con_news_tit{ width: 1280px;  margin: 50px auto 0px; }
.con_news_tit span{display: block;line-height: 100%; font-size: 40px; color:#999999; text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.con_news_tit h3{ color: #000000; font-size: 40px;}


.con_news_{ width: 1280px; margin: 50px auto; } 
.con_news_ ul{} 
.con_news_ ul li{  width: 100%; margin: 25px 0px; }
.con_news_ ul li a{ display: block;padding: 30px;border: #EEEEEE 1px solid; box-sizing: border-box; }
.con_news_ ul li a h2{  font-size: 24px; margin-bottom: 5px;} 
.con_news_ ul li a p{ color: #999999; font-size: 16px; line-height: 175%;margin-bottom: 15px;} 
.con_news_ ul li a span{display: block;color: #999999; font-size: 16px; } 
.con_news_ ul li a:hover{background: #D6000F;border: #D6000F 1px solid;} 

.con_news_ ul li a:hover h2{ color: #FFFFFF;} 
.con_news_ ul li a:hover p{ color: #FFFFFF;} 
.con_news_ ul li a:hover span{ color: #FFFFFF;} 

.con_news_m{padding: 0px; margin: 80px 0px; width: 100%;} 
.con_news_m_tit{ width: 1280px;  margin: 80px auto 0px; border-bottom: #EEEEEE 1px solid; padding-bottom: 30px;}
.con_news_m_tit span{display: block;line-height: 100%; font-size: 60px; color:#CCCCCC; text-transform: uppercase; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.con_news_m_tit h1{ color: #000000; font-size: 36px; margin-top: 10px; margin-bottom: 15px;}
.con_news_m_tit p{color: #999999; font-size:14px;} 
.con_news_m_{ width: 1280px; margin: 30px auto 0px;} 
.con_news_m_ #MyContent p{ font-size: 18px; text-align: justify; line-height: 175%; margin: 25px 0px; color: #000000;} 
.con_news_m_ #MyContent img{ max-width: 900px;}


.con_news_more{border-bottom: #EEEEEE 1px solid;border-top: #EEEEEE 1px solid; padding: 20px 0px;width: 1280px;  margin: 50px auto 0px;} 
.con_news_more h5{ font-size: 24px; margin-bottom: 20px;} 
.con_news_more ul li{ padding: 6px 0px;} 
.con_news_more ul li a{ font-size: 18px; color: #666666;} 
.con_news_more ul li a:hover{color: #D6000F;} 





.con_contact{ margin: 0px; width: 100%; padding: 0px;}

.con_contact_{ margin: 80px auto; width: 1280px;}
.con_contact_ .con_contact_info{} 
.con_contact_ .con_contact_info ul{}
.con_contact_ .con_contact_info ul li:first-child{ width: 100%; background: #F8F8F8; text-align: center; padding: 50px 0px; margin-bottom: 20px;}
.con_contact_ .con_contact_info ul li:first-child img{ width: 128px;}
.con_contact_ .con_contact_info ul li:first-child p{font-size: 20px; color: #666666; margin-top: 20px;} 
.con_contact_ .con_contact_info ul li:first-child h3{font-size: 50px;} 

.con_contact_ .con_contact_info ul li:nth-child(2){ float: left; width: 630px;background: #F8F8F8; text-align: center; padding: 50px 0px; margin-bottom: 20px;} 
.con_contact_ .con_contact_info ul li:nth-child(2) img{ width: 60px;}
.con_contact_ .con_contact_info ul li:nth-child(2) p{font-size: 20px; color: #666666; margin-top: 20px;} 

.con_contact_ .con_contact_info ul li:nth-child(3){ float: right; width: 630px;background: #F8F8F8; text-align: center; padding: 50px 0px; margin-bottom: 20px;} 
.con_contact_ .con_contact_info ul li:nth-child(3) img{ width: 60px;}
.con_contact_ .con_contact_info ul li:nth-child(3) p{font-size: 20px; color: #666666; margin-top: 20px;} 

.con_contact_ .con_contact_info ul li:nth-child(4){ float: left; width: 630px;background: #F8F8F8; text-align: center; padding: 50px 0px;margin-bottom: 20px;} 
.con_contact_ .con_contact_info ul li:nth-child(4) img{ width: 60px;}
.con_contact_ .con_contact_info ul li:nth-child(4) p{font-size: 20px; color: #666666; margin-top: 20px;} 

.con_contact_ .con_contact_info ul li:nth-child(5){ float: right; width: 630px;background: #F8F8F8; text-align: center; padding: 50px 0px; margin-bottom: 20px;} 
.con_contact_ .con_contact_info ul li:nth-child(5) img{ width: 60px;}
.con_contact_ .con_contact_info ul li:nth-child(5) p{font-size: 20px; color: #666666; margin-top: 20px;} 

.con_contact_ .con_contact_info ul li:last-child{ clear: both; width: 100%; padding: 0px;} 


#dituContent{width: 100%; height: 500px;}




/*css black2 style pagination*/
div.black2{padding:10px;margin:10px;text-align:center;}
div.black2 a{border:#CCCCCC 1px solid;padding:5px 10px;margin:1px;color:#666666;text-decoration:none;}
div.black2 a:hover{color:#FFFFFF;background-color:#D6000F;border:#D6000F 1px solid;}
div.black2 a:active{color:#FFFFFF;background-color:#D6000F;border:#D6000F 1px solid;}
div.black2 a.curr{padding:5px 10px;font-weight:bold;margin:1px;color:#FFFFFF;background-color:#D6000F;border:#D6000F 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 






.bottom{ width:100%; background:#e5e5e5; margin: 0px; padding:50px 0px;} 
.bottom_{ width:90%; margin:0px auto;} 

.bottom_logo{float: left; } 
.bottom_logo img{ width: 220px;} 
.bottom_logo p{  font-size: 16px; } 
.bottom_logo h5{ font-size: 18px; color: #000000; margin-top: 20px;} 
.bottom_logo h3{ font-size: 28px; line-height: 100%; margin-top: 15px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 


.bottom_l{ float: right; margin: 0px 80px;} 
.bottom_l ul{} 
.bottom_l ul li{float:left; margin-right: 100px;} 
.bottom_l ul li:last-child{} 
.bottom_l ul li h5{ font-size: 18px; color: #000000; margin-bottom:20px;} 
.bottom_l ul li p a{ display: block; margin:6px 0px; color: #666666; font-size: 14px;} 
.bottom_l ul li p a:hover{color: #D6000F;} 

.bottom_r{ float: right; } 
.bottom_r h5{ font-size: 18px; color: #000000; margin-bottom:20px;} 
.bottom_r img{} 

.bottom_b{ width: 90%; margin:30px auto 0px;padding: 20px 0px 0px; text-align: left; font-size: 14px; border-top: #C5C5C5 1px solid; color: #000000;text-transform: uppercase;} 
.bottom_b a{ color: #000000;} 
.bottom_b a:hover{color: #D6000F;} 


/********************************************自适应*********************************************/


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

    .nav_{ width:96%;}  
    .nav_menu ul li a{ font-size: 16px; } 
    .nav_menu ul li a, .nav_menu ul li a:visited {  margin: 0px 0px 0px 50px; }

    .main_info_{height: auto; padding: 50px 0px 0px; } 
    .main_info_ .fl{ float: left; width: 40%; margin-left: 3.5%;} 
    .main_info_ .fl em{margin: 20px 0px 35px;} 
    .main_info_ .fl h3{  font-size: 22px; } 
    .main_info_ .fl p{  line-height: 155%; margin: 20px 0px; } 
    .main_info .main_info_icon ul{ width:1280px; } 
    
    .main_menu{ height:auto; padding: 50px 0px 20px; } 
    .main_menu_tit{width:1280px; } 
    .main_menu_{width:1280px;} 
    .main_menu_ ul li h5{font-size: 18px;} 
    

    .main_pro{ padding:50px 0px;} 
    .main_pro_tit{ width:1280px;} 
    .silder-button-1.btl{left:2%;} 
    .silder-button-1.btr{right:2%;} 

    .main_pro_{width:1280px;} 
    .main_pro_ ul{} 
    .main_pro_ ul li{width: 310px; height:320px; } 
    .main_pro_ ul li div.img-zoom-in{height:233px; } 
    .main_pro_ ul li div img{  width: 233px; height: 233px;} 

    .main_pro_txt{width:1280px;} 
    .main_pro_txt ul li{margin-right: 26.5px;} 


    .main_join_tit{width:1280px;} 
    .main_join_{width: 1280px; } 
    .main_join_ ul li:nth-child(2n){ margin: 30px 32px 0px 32px;}
    .main_join_img{width: 1280px; }   
    
    
    .main_txt{ padding: 50px 0px; } 
    .main_txt_{width:1280px; } 
    .main_news_tit{width:1280px; }
    .main_news_list{ width:1280px; } 

    
    .con_pro_menu_{ width: 1280px;} 
    .con_pro_{ width:1280px;} 
    .con_pro_ ul li img{ height: 300px;} 
    
    
    .bottom_{ width:96%; margin:0px auto;} 
    .bottom_l{margin: 0px 50px;} 
    .bottom_l ul li{  margin-right: 50px;}
    .bottom_b{ width: 96%;} 
    
    
    
    
 
    
}

@media screen and (max-width: 1700px){
    .fullSlide .bd ul li a{height:780px;} 
} 
@media screen and (max-width: 1500px){
    .fullSlide .bd ul li a{height:680px;} 
} 
@media screen and (max-width: 1400px){
    .fullSlide .bd ul li a{height:620px;} 
} 
@media screen and (max-width: 1300px){
    .fullSlide .bd ul li a{height:580px;} 
} 








.mobile-inner{ display: none;} 
.fullSlide .bd li div.pc{ display: block;} 
.fullSlide .bd li div.mo{ display: none;} 
.hei{ display: none;} 

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

	.nav{ display: none;} 
    .nav_n{display: none;} 
	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 60px;background:#D6000F;}
	.mobile-inner-header .img0 { float: left; margin-top: 5%; margin-left: 3%; width: 45%;} 
	.mobile-inner-header .img0 img{ width:100%;} 
	.mobile-inner-header-icon{float:right; height: 60px;font-size: 25px;text-align: center;width: 60px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;
		-o-transition: background 0.5s;	transition: background 0.5s; position: relative;}
	.mobile-inner-header-icon:hover{ background-color: rgba(255,255,255,0.2);cursor: pointer;}
	.mobile-inner-header-icon span{	position: absolute;	left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.7);width: 25px;height: 2px;background-color: rgba(255,255,255,1);}
	.mobile-inner-header-icon span:nth-child(1){transform: translateY(5px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(2){transform: translateY(-5px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(3){transform: translateY(-15px) rotate(0deg);}
	.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
	.mobile-inner-header-icon-click span:nth-child(2){display: none;}
	.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

	.mobile-inner-nav{background-color: rgba(255,255,255,0.9);width: 100%;position: absolute;top: 60px;left: 0px;	padding-top: 30px;padding-bottom: 50px;display: none;z-index: 9999999;}
	/*.mobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		font-weight:300;
	}
	.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;		animation-name: returnToNormal;}
	.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);	border-bottom: solid 1px rgba(255,255,255,0.2);}*/
	.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;} 
	.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;} 
	.mobile-inner-nav .mobile-inner-list{width : 80%;margin: 0px auto;} 
	.mobile-inner-nav .mobile-inner-list > ul{	list-style: none;margin: 0px;padding: 0px;} 
	.mobile-inner-nav .mobile-inner-list > ul > li{width:100%;-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
	.mobile-inner-nav .mobile-inner-list > ul > li > a{display: block;width:100%;border-bottom: solid 1px rgba(255,255,255,0.5);text-align : left;height:40px;line-height: 40px;padding: 0px;margin: 0px;position: relative;font-size: 1.2em;color: #000000;} 

	.hei{ display: block;height: 60px; width: 100%; background: #F8F8F8;} 

	.fullSlide {} 
	.fullSlide .bd ul li div.pc{ display: none;} 
    .fullSlide .bd ul li div.mo{ display: block;} 
    .fullSlide .bd ul li a{height:180px;} 
	.fullSlide .hd{bottom:10px;left:0;height:10px;line-height:10px;} 
	.fullSlide .hd ul li{width:10px;height:10px;margin:3px;} 
	.toolbar{ display: none;} 
    


    .main_menu{  padding: 30px 0px 20px;} 
    .main_menu_tit{width:90%; } 
    .main_menu_tit p{font-size: 1.2em; } 
    .main_menu_tit h5{font-size: 1.6em; } 
    .main_menu_{width:90%; margin: 20px auto;} 
    .main_menu_ ul{} 
    .main_menu_ ul li{ width: 48%; margin: 0 0 3% 0; padding:15px 0px;} 
    .main_menu_ ul li:nth-child(2n){ float: right; margin: 0 0 3% 0;} 
    .main_menu_ ul li:nth-child(5){ float: left; margin: 0 0 3% 0;} 
    .main_menu_ ul li h5{font-size: 1.2em; } 
    .main_menu_ ul li a{ background-size: cover; height: 28px; line-height: 28px; width: 120px; font-size: 1em;  padding-left: 15px; } 
    
    
    .main_pro{ background-size: cover; padding:30px 0px; } 
    .main_pro_tit{ width:90%; } 
    .main_pro_tit p{font-size: 1.2em; } 
    .main_pro_tit h5{font-size: 1.6em;} 
    .main_pro_tit h6{font-size: 1.2em; margin-top: 20px;} 
    .main_pro_tit span{ font-size: 1em;} 

    .main_pro_{width:90%; margin: 20px auto 0px;} 
    .main_pro_ ul{} 
    .main_pro_ ul li{width: 320px; height:350px; }
    .main_pro_ ul li div h3{font-size: 1.2em; } 
    .main_pro_ ul li div a{ font-size: 1em;} 

    .main_pro_txt{width:90%; margin: 20px auto 0px;} 
    .main_pro_txt ul{} 
    .main_pro_txt ul li{ margin-right:0px; width: 48%; height:50px; font-size: 1.5em; margin-bottom: 10px;} 
    .main_pro_txt ul li:nth-child(2){ float: right;} 

    
    
    
    .main_join{  margin:30px 0px; } 
    .main_join_tit{width: 90%; } 
    .main_join_tit div p{font-size: 1.2em; }
    .main_join_tit div h5{font-size: 1.6em; }

    .main_join_{width: 90%; margin: 20px auto 0px;} 
    .main_join_ ul li{ margin-right: 20px; margin-bottom: 20px;} 
    .main_join_ ul li:nth-child(2n){ display: none;}
    .main_join_ ul li:last-child{ float: left;} 
    .main_join_ ul li img{ width:60px;} 
    .main_join_ ul li h5{font-size: 1.2em;  margin-top: 3px; } 
    .main_join_img{width: 90%; margin:20px auto 0px;} 
    

    .main_txt{ background-size:cover; padding: 30px 0px; } 
    .main_txt_tit p{font-size: 1.2em;}
    .main_txt_tit h5{font-size: 1.6em; }
    .main_txt_tit h6{font-size: 1.2em; margin-top: 20px;} 
    .main_txt_{width: 90%; margin: 20px auto 0px;} 
    .main_txt_ ul li{ float: none;   width: 100%; margin-right: 0; margin-bottom: 10px;} 
    .main_txt_ ul li:last-child{ float: none; margin-right: 0;} 
    .main_txt_ .img2{ width: 50px;}
    .main_txt_ ul li p{font-size: 1em; } 
    .main_txt_txt{ margin-top: 20px;}
    .main_txt_txt p{font-size: 1.2em; } 


    .main_news{margin: 30px 0px;} 
    .main_news_tit{width:90%; }
    .main_news_tit div p{font-size: 0.8em;}
    .main_news_tit div h5{font-size: 1.5em;}
    .main_news_tit a{margin-top: 10px;  font-size: 1em;} 

    .main_news_list{ width: 90%; margin:20px auto 0px;} 
    .main_news_list ul{} 
    .main_news_list ul li{ width:100%; float: none; margin:0 0 2% 0; height: auto;}
    .main_news_list ul li:last-child{  float: none;margin:0 0 0 0;} 
    .main_news_list ul li h5{font-size:1.2em;  } 
    .main_news_list ul li p{ font-size: 0.8em; } 
    .main_news_list ul li span{  margin-top: 10px;} 
    .main_news_list ul li a{ padding:20px; } 
    
    
    

    .z_banner .txt{ top: 30%;} 
    .z_banner .txt p{font-size: 1em;} 
    .z_banner .txt h3{font-size: 1.2em;} 
    
    
    
    
    
    
    .con_about{  padding: 30px 0px 0px;} 

    .con_about_tit{ width: 90%; } 
    .con_about_tit span{ font-size: 1.2em; } 
    .con_about_tit h5{font-size: 1.2em; } 
    .con_about_tit p{font-size: 1.5em; } 

    .con_about_a{width: 90%; margin: 30px auto; padding: 20px 0px; } 
    .con_about_a ul{ } 
    .con_about_a ul li{ float: none; width: 100%;  margin-right:0; margin-bottom: 10px;} 
    .con_about_a ul li:last-child{ float: none; } 
    .con_about_a ul li h5{ font-size: 1.5em; } 
    .con_about_a ul li h5 span{ font-size: 1em;} 
    .con_about_a ul li p{ font-size: 1.2em; line-height: 150%;} 

    .con_about_b{ margin: 30px auto 0px; width: 90%;} 
    .con_about_b p{  margin: 20px 0px; line-height: 150%; font-size:1em; } 
    
    .con_about_c{ margin: 30px auto; padding: 30px 0px; background-size: cover;} 
    .con_about_c_{ width: 90%; }
    .con_about_c_ span{ font-size: 1.2em; } 
    .con_about_c_ h3{ font-size: 1.5em;} 
    .con_about_c_ ul{ margin-top: 20px;} 
    .con_about_c_ ul li{ float: none; width:100%; height:auto; padding-top: 20px; padding-bottom: 20px; margin-bottom: 10px; margin-right:0;} 
    .con_about_c_ ul li:last-child{ float: none;} 
    .con_about_c_ ul li img{width: 50px;} 
    .con_about_c_ ul li h5{ font-size: 1.2em;  margin-top: 10px; margin-bottom:5px;} 
    .con_about_c_ ul li p{ font-size: 1em; line-height: 150%;} 

    .con_about_d{margin:30px auto; width:90%;}
    .con_about_d_tit{ margin: 0px auto 20px; width: 90%; } 
    .con_about_d_tit span{ font-size: 1.2em; }
    .con_about_d_tit h3{font-size: 1.5em;}
    
    
    .con_video{width:90%; margin: 20px auto;} 
	.con_video ul{} 
	.con_video ul li{ width: 100%; float: none; margin:0 0px 10px 0;}
	.con_video ul li:nth-child(3n){ float: none;margin:0 0 10px 0;}
	.con_video_{ height: 160px; } 
	.con_video_ > img{ height: 160px; } 
	.con_video_ a{ height: 160px;  padding-top: 50px;  } 
	.con_video_ a img{ width: 50px; height: 50px;} 



	.videos video{ width: 320px; height: 170px; border:#000000 5px solid;} 
	.vclose { right:5%; top:5%; }

    
    
    

    .con_pro_menu{  padding:30px 0px 25px; } 
    .con_pro_menu_{ width: 90%; margin: 0 auto;} 
    .con_pro_menu_ ul{ } 
    .con_pro_menu_ ul li{ width: 24%; margin-right:1.33%;margin-bottom: 1%;} 
    .con_pro_menu_ ul li:nth-child(4n){ float: right;margin-right: 0;} 
    .con_pro_menu_ ul li:nth-child(10){ float: left; margin-right: 1.33%; } 
    .con_pro_menu_ ul li a{ padding: 8px 0px; font-size: 0.9em; } 

    .con_pro_{ margin: 30px auto; width: 90%;} 
    .con_pro_ ul{ } 
    .con_pro_ ul li{ width: 49%; margin-right: 0; margin-bottom: 2%;} 
    .con_pro_ ul li:nth-child(2n){ float: right; margin-right: 0;} 
    .con_pro_ ul li img{ height: 135px; } 
    .con_pro_ ul li p{  padding: 10px 0px; font-size:1em; } 


    .con_pro_m_{width: 90%; margin: 30px auto; } 
    .con_pro_m_ h1{font-size: 1.6em; padding-bottom: 10px; margin-bottom: 10px; }
    .con_pro_m_ img{ width: 320px; height: 320px;} 


    .con_pro_m_info{width: 90%; margin: 30px auto;} 
    .con_pro_m_info h6{font-size: 1.2em; padding-top: 20px; margin-bottom: 20px; } 

    .con_pro_more{  display: none;} 
    
    
    


    .con_join_b{ margin: 30px 0px; } 
    .con_join_b_tit span{  font-size: 1.2em; } 
    .con_join_b_tit h3{ font-size: 1.5em;} 
    .con_join_b_{ margin: 20px auto 0px; width: 90%;} 
    .con_join_b_ ul{ } 
    .con_join_b_ ul li{ float: none; width:100%; height:auto;margin-right:0;margin-bottom:2%;} 
    .con_join_b_ ul li:nth-child(3n){ float: none; margin-right: 0;} 
    .con_join_b_ ul li:first-child{  padding: 25px; } 
    .con_join_b_ ul li:nth-child(3){ padding: 25px; } 
    .con_join_b_ ul li:nth-child(5){  padding: 25px; } 
    .con_join_b_ ul li:nth-child(6){ padding: 25px; } 
    .con_join_b_ ul li:nth-child(7){  padding: 25px; } 
    .con_join_b_ ul li:nth-child(8){ padding: 25px; } 
    .con_join_b_ ul li h5{ font-size: 1.2em; } 
    .con_join_b_ ul li p{ font-size: 1em; line-height: 150%;} 



    .con_join_g{ padding:30px 0px;} 
    .con_join_g_tit span{ font-size: 1.2em; } 
    .con_join_g_tit h3{ font-size: 1.5em;} 
    .con_join_g_{ width: 660px; margin: 50px auto 0px; text-align: center; } 
    .con_join_g_ p{  font-size: 1em; line-height: 150%;} 
    .con_join_g_{ width: 90%; margin: 20px auto 0px; } 
    .con_join_g_ ul{} 
    .con_join_g_ ul li{ float: left; width: 49%; margin-right: 0;margin-bottom:2%; padding: 20px 0px; }
    .con_join_g_ ul li:nth-child(2n){ float: right; margin-right: 0;} 
    .con_join_g_ ul li:nth-child(5){ float: left; margin-right: 0;} 
    .con_join_g_ ul li img{ height: 55px;} 
    .con_join_g_ ul li h5{ font-size: 1em; margin-top: 6px; } 




    .con_join_y{ padding:30px 0px;} 
    .con_join_z_{  width: 90%; padding: 15px; } 
    .con_join_z_01{ font-size: 1.5em; padding:0px 0px 15px 0px; } 
    .con_join_z_02{ margin: 10px 0px;} 
    .con_join_z_02 input{   padding: 10px; font-size: 1em; width: 100%; margin-bottom: 5px;}
    .con_join_z_03{ margin: 10px 0px;} 
    .con_join_z_03 input{ padding: 10px; font-size: 1em; } 
    .con_join_z_04{ margin: 10px 0px;} 
    .con_join_z_04 textarea{ padding: 10px; font-size: 1em; height: 80px;} 
    .con_join_z_05{ margin: 20px 0px; } 
    .con_join_z_05 input{ width:180px; font-size: 1.2em; } 
    
    
    
    
    

    .con_news_tit{ width: 90%;  margin: 30px auto 0px; }
    .con_news_tit span{ font-size: 1.2em; } 
    .con_news_tit h3{ font-size: 1.5em;}


    .con_news_{ width: 90%; margin: 20px auto; } 
    .con_news_ ul{} 
    .con_news_ ul li{   margin: 20px 0px; }
    .con_news_ ul li a{  padding: 20px; }
    .con_news_ ul li a h2{  font-size: 1.2em; } 
    .con_news_ ul li a p{ font-size: 1em; line-height: 150%;margin-bottom: 10px;} 
    .con_news_ ul li a span{  font-size: 1em; } 


    .con_news_m{  margin: 30px 0px; } 
    .con_news_m_tit{ width: 90%;  margin: 30px auto 0px; padding-bottom: 30px;}
    .con_news_m_tit span{ font-size: 1em; } 
    .con_news_m_tit h1{  font-size: 1.5em; }
    .con_news_m_tit p{ font-size:1em;} 
    .con_news_m_{ width: 90%; margin: 20px auto 0px;} 
    .con_news_m_ #MyContent p{ font-size: 1em; line-height: 150%; margin: 20px 0px; } 
    .con_news_m_ #MyContent img{  width: 100%;}

    .con_news_more{ width: 90%;  margin: 20px auto 0px;} 
    .con_news_more h5{ font-size: 1.2em; margin-bottom: 20px;} 
    .con_news_more ul li a{ font-size: 1em; } 

    
    

    .con_contact_{ margin: 30px auto; width: 90%;}
    .con_contact_ .con_contact_info{} 
    .con_contact_ .con_contact_info ul{}
    .con_contact_ .con_contact_info ul li:first-child{ padding: 20px 0px; margin-bottom: 10px;}
    .con_contact_ .con_contact_info ul li:first-child img{ width: 60px;}
    .con_contact_ .con_contact_info ul li:first-child p{font-size: 1.2em;  margin-top: 10px;} 
    .con_contact_ .con_contact_info ul li:first-child h3{font-size: 1.5em;} 

    .con_contact_ .con_contact_info ul li:nth-child(2){ float: none; width: 100%; padding: 20px 0px; margin-bottom: 10px;} 
    .con_contact_ .con_contact_info ul li:nth-child(2) img{ width: 60px;}
    .con_contact_ .con_contact_info ul li:nth-child(2) p{font-size: 1.2em;  margin-top: 10px;} 

    .con_contact_ .con_contact_info ul li:nth-child(3){ float: none; width: 100%; padding: 20px 0px; margin-bottom: 10px;} 
    .con_contact_ .con_contact_info ul li:nth-child(3) img{ width: 60px;}
    .con_contact_ .con_contact_info ul li:nth-child(3) p{font-size: 1.2em;  margin-top: 10px;} 

    .con_contact_ .con_contact_info ul li:nth-child(4){float: none; width: 100%; padding: 20px 0px; margin-bottom: 10px;} 
    .con_contact_ .con_contact_info ul li:nth-child(4) img{ width: 60px;}
    .con_contact_ .con_contact_info ul li:nth-child(4) p{font-size: 1.2em;  margin-top: 10px;} 

    .con_contact_ .con_contact_info ul li:nth-child(5){ float: none; width: 100%; padding: 20px 0px; margin-bottom: 10px;} 
    .con_contact_ .con_contact_info ul li:nth-child(5) img{ width: 60px;}
    .con_contact_ .con_contact_info ul li:nth-child(5) p{font-size: 1.2em;  margin-top: 10px;} 

    #dituContent{  height: 200px;}
    



    /*css black2 style pagination*/
    div.black2 a{padding:2px 6px; }
    div.black2 a.curr{padding:2px 6px; } 
    
    .bottom{ padding:30px 0px;} 

    .bottom_logo{float: none; text-align: center;} 
    .bottom_logo img{ width:180px;} 
    .bottom_logo p{  font-size: 1em; } 
    .bottom_logo h5{ font-size: 1.2em; margin-top: 10px;} 
    .bottom_logo h3{ font-size: 1.5em;   margin-top: 8px;} 


    .bottom_l{display: none;} 

    .bottom_r{ float: none; margin-top: 20px; text-align: center;} 
    .bottom_r h5{ font-size: 1em;  margin-bottom:10px;} 

    .bottom_b{ margin:20px auto 0px; font-size: 0.9em; } 

    
    

}

@keyframes clickfirst {
  0% {
	  transform: translateY(5px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(-5px) rotate(45deg);
  }
}	

@keyframes clicksecond {
  0% {
	  transform: translateY(-15px) rotate(0deg);
  }

  100% {
    transform: translateY(-5px) rotate(-45deg);
  }
}


@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-15px) rotate(0deg);
  }
}	


@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(5px) rotate(0deg);
  }
}