@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; 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:#e62129;} 
a:visited {text-decoration:none;color:#000000;} 
.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; 
}

/*导航*/
.nav{ width:100%; background: #FFFFFF;}
.nav_{ width:88%; margin:0px auto;}
.nav_l{ float:left; width: 180px; margin-top:25px;}
.nav_l img{ width: 100%;} 

.nav_r{ float:right;  margin-top:25px; text-align: right;}
.nav_r p{font-size: 16px; font-weight: normal;} 
.nav_r span{font-size: 28px; font-weight: normal; color: #333333; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.nav_menu {float: right; margin-right: 50px;}
.nav_menu ul {}
.nav_menu ul li {float:left; }
.nav_menu ul li a {display:block; text-align:center; padding:40px; font-size:18px;color: #000000;}
.nav_menu ul li a:hover{ background: #e62129;color: #FFFFFF;} 


/* make the dropdown ul invisible */
.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:#e62129; color:#000000;}
/* make the dropdown ul invisible */


/* 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:auto;} 
.fullSlide .bd ul li img{ width: 100%;height:100%;} 
.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:#CF0015;}
.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;} 
.z_banner img{width: 100%; margin: 0px auto; display: block; padding: 0;} 
/* fullSlide */








/* 首页 */

.main_about{} 
.main_about_{width:1280px; margin: 60px auto 20px;} 

.main_about_left{width: 650px;float: left;} 
.main_about_right{ float: right; width: 550px; margin-top: 25px;} 

.main_about_left > h5{margin: 0px;color: #F2F2F2; font-size:80px; font-weight: bold; line-height: 100%;} 
.main_about_left .tit{margin:0px; padding-bottom: 15px; border-bottom: #CCCCCC 1px solid;} 
.main_about_left .tit p{ float: left; font-size: 28px; font-weight: bold;} 
.main_about_left .tit span{ float: right;display: block;margin-top:10px;} 
.main_about_left .tit span a{ background: #e62129; padding: 5px 10px; font-size: 14px; color: #FFFFFF;} 
.main_about_left .tit span a:hover{ background: #000000;} 
.main_about_left > p{margin: 30px 0px; font-size: 16px; line-height: 175%; text-align: justify; color: #333333;} 

.main_about_int{width: 100%; background:#333333;} 
.main_about_int_{width:100%; margin: 30px auto; position: relative;} 
.main_about_int_ ul{} 
.main_about_int_ ul li{ float: left; width: 25%; padding: 20px 0px 30px; text-align: center; border-right: #666666 1px solid;box-sizing: border-box;} 
.main_about_int_ ul li:last-child{border-right: none; padding-right: 0px;} 
.main_about_int_ ul li div{color: #FFFFFF; font-size: 14px;} 
.main_about_int_ ul li div span{ display: inline-block; font-weight: bold; font-size: 30px;} 
.main_about_int_ ul li p{font-size: 14px;color: #CCCCCC;} 
.main_about_right .img-zoom-in{width: 100%; height: 550px; overflow: hidden;} 
.main_about_right img{ width: 100%; height: 100%; object-fit: cover;} 
.main_about_list{ margin-bottom: 30px;} 
.main_about_list ul{} 
.main_about_list ul li{ float: left; margin:  0px 25px 0px 0px; } 
.main_about_list ul li:last-child{ float: right;margin:  0px 0px 0px 0px;} 
.main_about_list ul li a{ display: block; font-size: 14px;color: #333333;border: #CCCCCC 1px solid; padding: 8px 30px;} 
.main_about_list ul li a:hover{background: #e62129;color: #FFFFFF;} 



.main_video{ width: 1280px; margin: 30px auto 0px;} 
.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: #e62129; padding: 2px 5px; font-size: 12px; color: #FFFFFF; } 
.main_video_tit span a:hover{ background: #000000;} 
.main_video_{ width: 100%;} 




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

.main_pro_tit > p{ float: left; font-size: 28px; font-weight: bold; line-height: 100%;} 
.main_pro_tit .card{ float: right;} 
.main_pro_tit .card .card1{ float: left; margin-right: 20px;} 
.main_pro_tit .card .card2{ float: left; margin-right: 20px; } 
.main_pro_tit .card .card3{ float: left; margin-right: 20px; } 
.main_pro_tit .card .card4{ float: right; } 

.main_pro_tit .card span{ display: block; float: left; background:#e62129; 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; text-transform: uppercase;} 
.main_pro_tit .card p a{ display: block; padding: 0px 10px;} 
.main_pro_tit .card p a:hover{background:#e62129; color: #FFFFFF; } 
.main_pro_tit .card p:hover{border: #e62129 1px solid;} 


.main_pro_con{margin:50px auto; width: 1280px;} 
.main_pro_con ul{} 
.main_pro_con ul li{ float: left;} 
.main_pro_con ul li p{ text-transform: uppercase;} 
.main_pro_con ul li img{ width: 100%; height: 100%; object-fit: cover;} 
.main_pro_con ul li:first-child{width: 240px; height: 240px; 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: 400px; height: 240px; overflow: hidden;} 
.main_pro_con ul li:nth-child(2) img{ width: 100%; height: 100%; object-fit: cover;} 
.main_pro_con ul li:nth-child(3){width: 240px; height: 240px; 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: 400px; height: 240px;overflow: hidden;} 
.main_pro_con ul li:nth-child(5){ width: 400px; height: 360px;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: #e62129; 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: #e62129; 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: 520px; height: 360px; overflow: hidden;} 
.main_pro_con ul li:last-child{width: 360px; height: 360px; overflow: hidden;} 


.main_pro_txt{margin:0px auto; width: 1280px;} 
.main_pro_txt > h5{ color:#e62129; 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: 150px; box-sizing: border-box; text-align: center; margin-right: 11.25px;} 
.main_pro_txt ul li:last-child{ float: right; margin-right: 0px;} 
.main_pro_txt ul li:hover{ background: #e62129;border: #e62129 1px solid;} 
.main_pro_txt ul li img{width: 50px;} 
.main_pro_txt ul li p{ font-size: 14px; color: #FFFFFF;} 
.main_pro_txt ul li:hover p{color: #FFFFFF;} 
.main_pro_txt ul li:hover span{color: #FFFFFF;} 



.main_img{width: 1280px; margin: 60px auto;} 
.main_img h3{font-size: 32px;  color: #333333; margin-bottom: 30px; line-height: 100%;} 
.main_img_ img{ width: 100%;} 



.main_join{width:100%; margin:0px auto;background: url("/images/bg02.jpg") no-repeat center; height:590px;} 
.main_join_{ width: 1280px; margin: 0px auto; padding: 50px 0px;} 
.main_join_ .main_join_tit{ margin-bottom: 30px;} 
.main_join_ .main_join_tit h3{ float: left;font-size: 32px; color: #FFFFFF; } 
.main_join_ .main_join_tit p{ float: right; margin-top: 10px;} 
.main_join_ .main_join_tit p a{ display: block;color: #FFFFFF; font-size: 12px;background: #e62129;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: 55px; width: 390px;} 
.main_join_ ul li:last-child{float: right; margin-right: 0px;} 
.main_join_ ul li img{ display: block; width: 100%;}
.main_join_ ul li div{ padding: 20px;} 
.main_join_ ul li div p{color: #FFFFFF; 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: #FFFFFF;} 
.main_join_ ul li:hover{background: #e62129;} 
.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_meiti{margin: 50px auto; width:1280px;} 
.main_meiti_{width:100%; margin-bottom: 30px;} 
.main_meiti_ p{font-size: 32px; font-weight: bold; color: #333333;} 
.main_meiti_ span{font-size: 12px;color: #999999;text-transform: uppercase;} 
.main_meiti img{ width: 100%;} 




.main_news{width: 1280px; margin: 60px auto 30px;} 
.main_news_tit{ margin-bottom: 30px;} 
.main_news_tit p{font-size: 32px; font-weight: bold; color: #333333;} 
.main_news_tit span{font-size: 12px;color: #999999;text-transform: uppercase;} 

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

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




/* 首页 */







/******************************************************2025********************************************************/



/*内页*/
.weizhi{ background: #EEEEEE;  width: 100%;} 
.weizhi_{width:1280px; margin: 0px auto; } 
.us_menu{ float: left;} 
.us_menu ul{} 
.us_menu li{ float: left;border-left: #DDDDDD 1px solid;} 
.us_menu li:last-child{border-right: #DDDDDD 1px solid;} 
.us_menu li a{ display: block; padding: 25px 35px; font-size: 18px; color: #000000;} 
.us_menu li a:hover{background: #e62129; color: #FFFFFF;} 
.us_menu li a.on{ background: #e62129; color: #FFFFFF;} 
.us_top{ float: right; padding: 25px 0px;  font-size: 14px; color: #999999;} 
.us_top a{ color: #999999;} 


/*公司简介*/

.main_about_a{width: 100%; padding: 0px; margin: 60px 0px;} 
.main_about_a_{width:1280px; margin: 0px auto;} 
.main_about_a_ h2{ font-size: 36px; color: #e62129;} 
.main_about_a_ p{ font-size: 16px; line-height: 175%; text-align: justify; margin: 30px 0px;} 


.main_about_b{width: 100%; padding: 60px 0px; margin: 0px; background: #F2F2F2;} 
.main_about_b_{width:1280px; margin: 0px auto;} 
.main_about_b_ .fl{ float: left; width: 45%; height: 433px;} 
.main_about_b_ .fl img{ width: 100%; height: 100%; object-fit: cover;} 
.main_about_b_ .fr{ float: right; width: 45%;} 
.main_about_b_ .fr ul{} 
.main_about_b_ .fr ul li{ padding: 25px 0px; border-top: #CCCCCC 1px solid; box-sizing: border-box;} 
.main_about_b_ .fr ul li:last-child{ border-bottom:#CCCCCC 1px solid;} 
.main_about_b_ .fr ul li p{ font-size: 20px;color: #e62129;} 
.main_about_b_ .fr ul li strong{ display: block; font-size: 16px; margin-bottom: 10px;} 


.main_about_c{width:1280px; margin: 60px auto;} 
.main_about_c .txt{width:100%; margin: 50px auto 0px;} 
.main_about_c .txt h5{font-size: 24px; color: #e62129; margin-bottom: 10px;} 
.main_about_c .txt p{font-size: 16px; line-height: 175%; text-align: justify;} 
.main_about_c .img{ width:100%; margin: 20px auto 0px;} 
.main_about_c .img img{ width: 100%;} 



.main_about_d{width:100%; margin: 0px;  background:#F2F2F2; padding: 60px 0px;} 
.main_about_d .tit{width:1280px; margin: 0px auto;font-size: 36px;color: #e62129; font-weight: bold;} 
.main_about_d_{width:1280px; margin: 35px auto 0px;} 
.main_about_d_ ul{} 
.main_about_d_ ul li{ float: left; width: 160px; margin-right: 60px;} 
.main_about_d_ ul li:last-child{ float: right; margin-right: 0px;} 
.main_about_d_ ul li h5{color: #e62129; font-size: 24px; margin-bottom: 10px;} 
.main_about_d_ ul li p{ font-size: 14px; color: #000000; line-height: 150%; text-align: justify;} 






/*.honor_list{ margin: 35px auto; width: 1238px;} 
.honor_list ul {} 
.honor_list ul li{ margin: 20px 18px; float: left; width: 373px; background: #FFFFFF;border: #EEEEEE 1px solid;} 
.honor_list ul li:hover{ box-shadow: 0px 0px 15px 2px #DDDDDD;} 
.honor_list ul li div{ padding: 15px 0px; box-sizing: border-box; text-align: center; height: 230px;} 
.honor_list ul li img { max-height: 230px;} 
.honor_list ul li p { text-align: center; color: #999999; font-size: 12px; font-weight: lighter; line-height: 175%; padding: 20px 0px; border-top: #EEEEEE 1px solid; margin-top: 30px;} 
.honor_list ul li p strong{color: #333333; font-size: 16px; font-weight: lighter;} */


.con_pro{width: 100%; background: #FAFAFA; padding: 3% 0;} 


.con_pro_list{width: 1280px; margin: 30px auto 50px;} 
.con_pro_list h3{font-size: 36px;color: #e62129;} 
.con_pro_list h3 span{ display: inline-block; font-weight: lighter; margin-left: 30px; font-size: 18px; color: #999999; text-transform: uppercase;} 
.con_pro_list ul{ margin-top: 20px;}
.con_pro_list ul li{ width: 310px; height: 310px; float: left;margin-right: 13px; margin-bottom: 13px; position: relative; overflow: hidden;} 
.con_pro_list ul li:nth-child(4n){ float: right; margin-right: 0px;} 
.con_pro_list ul li img{position: absolute; z-index: 9; width: 100%; height: 100%;} 
.con_pro_list ul li a{position: absolute;display: block;z-index: 99;width: 100%; height: 100%; bottom: -310px; background: rgba(0,0,0,0.5); text-align: center; padding: 120px 50px 0px; box-sizing: border-box; font-size: 18px; color: #FFFFFF; transition: all 0.6s;} 
.con_pro_list ul li:hover a{ bottom: 0; } 
.con_pro_list > a{ display: inline-block; width: 180px; background: #CCCCCC; color: #000000; font-size: 20px; text-align: center; padding: 15px 0px; margin-top: 20px;} 
.con_pro_list > a:hover{background: #e62129; color: #FFFFFF;} 


.con_pro_{ width: 1280px; margin: 0px auto;} 
.con_pro_ ul{ margin-top: 20px;}
.con_pro_ ul li{ width: 425px; height: 425px; float: left;margin-right:2.5px; margin-bottom:2.5px; position: relative; overflow: hidden;} 
.con_pro_ ul li:nth-child(3n){ float: right; margin-right: 0px;} 
.con_pro_ ul li img{position: absolute; z-index: 9; width: 100%; height: 100%;} 
.con_pro_ ul li a{position: absolute;display: block;z-index: 99;width: 100%; bottom: 0; text-align: center; padding: 20px 50px 20px; box-sizing: border-box; font-size: 18px; color: #999999; transition: all 0.6s;} 
.con_pro_ ul li:hover a{ height: 100%; background: rgba(0,0,0,0.5); padding: 200px 50px 0px;color: #FFFFFF;} 



.con_pro_m{width: 100%; background: #F8F8F8; padding: 2% 0;} 
.con_pro_m_{ width: 1280px; margin: 30px auto; text-align: center;} 
.con_pro_m_ h1{ margin-top: 30px;} 





.con_news{width: 1280px; margin:50px auto;}
.con_news_{} 
.con_news_ ul{} 
.con_news_ ul li{ padding:50px 0px; border-bottom: #EEEEEE 1px solid;} 
.con_news_ ul li:first-child{border-top: #EEEEEE 1px solid;} 
.con_news_ ul li:hover {}

.con_news_ ul li div.fl{ float: left; width: 30%; overflow: hidden; height: 280px;} 
.con_news_ ul li div.fl img{ width: 100%;height: 280px;} 
.con_news_ ul li div.fr{float: left; width: 50%; height: 280px; overflow: hidden;padding: 50px; box-sizing: border-box;} 

.con_news_ ul li div.fr em{  color: #e62129; font-size: 18px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; font-style: normal;} 
.con_news_ ul li div.fr h3{ margin: 25px 0px 10px;} 
.con_news_ ul li div.fr h3 a{ font-size: 20px;} 
.con_news_ ul li div.fr p{  font-size: 14px;line-height: 175%;  color: #999999;} 

.con_news_ ul li div.fc{ float: right; margin-top: 5%;} 
.con_news_ ul li div.fc a i{  font-size: 12px; transition: all 0.6s;border: #DDDDDD 1px solid; border-radius: 50%; height: 80px; width: 80px; box-sizing: border-box; padding:33px 0px; text-align: center;} 
.con_news_ ul li div.fc a:hover i{border: #e62129 1px solid;  background: #e62129; color: #FFFFFF; } 





.con_news_m{ width: 1280px; margin: 0px auto;}

.con_news_m .fl{ width: 850px; float: left; border-right: #EEEEEE 1px solid; box-sizing: border-box; padding-right: 5%; box-sizing: border-box;} 
.con_news_m .fl .fl_tit{ margin-bottom: 35px;} 
.con_news_m .fl .fl_tit h1{ font-size: 36px; line-height: 125%;} 
.con_news_m .fl p{ font-size: 16px; text-align: justify; line-height: 175%; margin-bottom: 35px;} 
.con_news_m .fl img{ display: block; margin: 35px auto; max-width: 750px;} 

.con_news_m .fr{ width:350px; float: right;} 
.con_news_m .fr h2{ font-size:40px; line-height: 100%; margin-bottom: 30px;} 
.con_news_m .fr > p{ font-size: 14px; margin: 5px 0px;} 
.con_news_m .fr h5{ margin: 80px 0px 18px;font-size: 20px;} 
.con_news_m .fr ul{} 
.con_news_m .fr ul li{ padding: 18px 0px; border-bottom: #EEEEEE 1px dashed;} 
.con_news_m .fr ul li:first-child{border-top: #EEEEEE 1px solid;} 
.con_news_m .fr ul li a{ font-size: 16px; line-height: 175%; color: #666666;} 
.con_news_m .fr ul li span{ display: block;color: #CCCCCC; font-size: 14px;margin-top: 10px;} 



/*内页-新闻*/





/*内页-加盟*/

/*.con_join_a{ width: 100%; margin: 0px;background:url("../images/bg03.jpg") no-repeat center; padding: 130px 0px 0px; box-sizing: border-box; height: 750px;} 
.con_join_a_{ width: 1280px; margin:0px auto;} 
.con_join_a_c{ width: 800px;} 
.con_join_a_c span{ display: block; text-transform: uppercase;font-size: 30px; color: #CCCCCC; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}  
.con_join_a_c h3{ color: #e62129; font-size: 36px; margin-bottom: 50px;} 
.con_join_a_c h6{ color: #000000; font-size: 20px; margin:20px 0px 5px;} 
.con_join_a_c p{ color: #666666; font-size:16px; line-height: 175%;} */


.con_join_b{ width: 100%; margin: 60px 0px;} 
.con_join_b_{ width: 1280px; margin:0px auto; text-align: center;} 
.con_join_b_ span{ display: block; text-transform: uppercase;font-size: 30px; color: #CCCCCC; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}  
.con_join_b_ h3{ color: #e62129; font-size: 36px;} 
.con_join_b_ p{ color: #000000; font-size:24px;margin:10px 0px 30px; font-weight: bold;} 
.con_join_b_ img{ width: 100%;} 



.con_join_c{ width: 100%; margin: 0px;background:#F8F8F8; padding: 60px 0px;} 
.con_join_c_tit{ width: 1280px; margin:0px auto 50px; text-align: center;} 
.con_join_c_tit span{ display: block; text-transform: uppercase;font-size: 30px; color: #CCCCCC; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}  
.con_join_c_tit h3{ color: #e62129; font-size: 36px;} 
.con_join_c_tit p{ color: #000000; font-size:24px;margin:10px 0px 0px; font-weight: bold;} 
.con_join_c_{ width: 1280px; margin:0px auto;} 
.con_join_c_ .fl{ float: left; width: 640px; height: 385px; padding: 50px; box-sizing: border-box; background: #FFFFFF;} 
.con_join_c_ .fr{ float: right; width: 640px; height: 385px;} 
.con_join_c_ .fz{ float: left; width: 640px; height: 385px;} 
.con_join_c_ .fc{ float: right; width: 640px; height: 385px; padding: 50px; box-sizing: border-box; background: #FFFFFF;} 
.con_join_c_ span{ display: block; text-transform: uppercase;font-size: 20px; color: #CCCCCC; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}  
.con_join_c_ h3{ color: #e62129; font-size: 28px;} 
.con_join_c_ h6{ color: #000000; font-size: 20px; margin: 20px 0px 12px;} 
.con_join_c_ p{ color: #999999; font-size: 16px; line-height: 150%; text-align: justify;} 
.con_join_c_ img{ width: 100%; height: 100%; display: block; object-fit: cover;} 





.con_join_d{ width: 1280px; margin:60px auto; text-align: center;} 
.con_join_d span{ display: block; text-transform: uppercase;font-size: 30px; color: #CCCCCC; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}  
.con_join_d h3{ color: #e62129; font-size: 36px;} 
.con_join_d p{ color: #000000; font-size:24px;margin:10px 0px 0px; font-weight: bold;} 
.con_join_d ul{ margin-top: 30px;} 
.con_join_d ul li{ float: left; width:252px; margin: 0px 5px 0px 0px; text-align: center; padding: 35px 20px; box-sizing: border-box; background: #FAFAFA;} 
.con_join_d ul li:last-child{ float: right; margin: 0px 0px 0px 0px;} 
.con_join_d ul li h5{ font-size: 20px; margin: 20px 0px 20px;color: #e62129;} 
.con_join_d ul li p{  font-size:16px; color: #999999; font-weight: normal; line-height: 150%;} 
.con_join_d ul li img{height: 65px; margin: 0px auto;}
.con_join_d ul li:hover{ background: #F2F2F2;} 





.con_join_z{ margin: 80px 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%; 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; font-family: "微软雅黑";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: #e62129; border-radius: 5px; color: #FFFFFF; padding: 15px;width:300px; font-size: 28px; font-weight: bold; } 

/*内页-加盟*/

.con_contact{  width:1280px; margin:80px auto; } 
.con_contact .fl{ float: left; width: 35%;} 
.con_contact .fl ul{} 
.con_contact .fl ul li{  padding: 20px 0px;  border-bottom: #EEEEEE 1px solid;} 
.con_contact .fl ul li:first-child{ border-bottom:none; margin-bottom:20px;} 
.con_contact .fl ul li h2{ font-size:24px;} 
.con_contact .fl ul li h2 span{ font-size: 14px; text-transform: uppercase; color: #999999; display: block; margin-top: 5px;} 
.con_contact .fl ul li p{ font-size:16px; line-height: 175%;} 
.con_contact .fl ul li p span{font-size: 14px; text-transform: uppercase; color: #999999; display: block; margin-top: 5px; line-height: 125%;} 
.con_contact .fr{ float: right; width: 55%;} 
.con_contact  #dituContent{ width: 100%; height: 600px;} 



/*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:#e62129;border:#e62129 1px solid;}
div.black2 a:active{color:#FFFFFF;background-color:#e62129;border:#e62129 1px solid;}
div.black2 a.curr{padding:5px 10px;font-weight:bold;margin:1px;color:#FFFFFF;background-color:#e62129;border:#e62129 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 

.fenye{padding:10px;margin:10px;text-align:center;}
.fenye a{border:#CCCCCC 1px solid;padding:5px 10px;margin:1px;color:#666666;text-decoration:none;}
.fenye a:hover{color:#FFFFFF;background-color:#e62129;border:#e62129 1px solid;}
.fenye a:active{color:#FFFFFF;background-color:#e62129;border:#e62129 1px solid;}
.fenye a.curr{padding:5px 10px;font-weight:bold;margin:1px;color:#FFFFFF;background-color:#e62129;border:#e62129 1px solid;} 
.fenye a.curr font{ color: #FFFFFF;} 

/* 内页 */






.bottom{ width:100%; height:auto; background:#333333; margin:0px;} 
.bottom_{ width:100%; margin:0; background: #e62129;} 
.bottom_ .con{width:1280px; margin:0 auto; background: #000000;} 
.bottom_l{ float:left; } 
.bottom_l ul{} 
.bottom_l ul li{ float: left;} 
.bottom_l ul li a{ display: block; width: 120px; padding: 20px 0px; text-align: center;color: #999999; font-size: 14px;} 
.bottom_l ul li a:hover{ background: #e62129;color: #FFFFFF;} 

.bottom_r{ float:right; padding: 20px 0px;} 
.bottom_r i{ display: inline-block; margin:0px 10px; font-size: 18px; color: #999999;} 

.bottom_info{width:1280px; margin: 0px auto;padding: 50px 0px;} 
.bottom_info .fl{ float: left;} 
.bottom_info .fl h5{ color: #FFFFFF; font-size: 24px;}
.bottom_info .fl h5 span{display: inline-block;color: #CCCCCC; font-size: 16px;font-weight: lighter;}
.bottom_info .fl p{color: #999999; font-size: 12px; text-transform: uppercase; margin-top: 10px;} 
.bottom_info .fl h2{color: #FFFFFF; font-size: 36px; margin: 20px 0px 10px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.bottom_info .fl h6{color: #999999; font-size: 12px; text-transform: uppercase;font-weight: lighter;} 
.bottom_info .fl h6 a{ color: #999999;} 
.bottom_info .fl h6 a:hover{color: #FFFFFF;} 

.bottom_info .fr{ float: right; width: 133px; text-align: right;} 
.bottom_info .fr img{ } 

@media screen and (max-width: 1700px){
    .nav_{ width:90%;}
    .nav_menu ul li a { padding:40px 35px;}
}
@media screen and (max-width: 1500px){
    .nav_{ width:92%;}
    .nav_menu ul li a { padding:40px 30px;}
} 
@media screen and (max-width: 1400px){
    .nav_{ width:96%;}
    .nav_menu ul li a { padding:40px 25px;}
}


.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;} 
	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 60px;background:#FCFCFC;}
	.mobile-inner-header .img0 { float: left; margin-top: 3%; margin-left: 3%; width: 35%;} 
	.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(230,33,41,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 {height:230px;background: #000000;} 
	.fullSlide .bd li div.pc{ display: none;}
    .fullSlide .bd li div.mo{ display: block;}
    .fullSlide .bd li a{height:230px;}
	.fullSlide .bd li{ background-size: cover;height:230px;} 
	.fullSlide .bd li img{ width: 100%;} 
	.fullSlide .hd{bottom:10px;left:0;height:30px;line-height:30px;}
	.fullSlide .hd ul li{width:10px;height:10px;margin:3px;}
	.toolbar{ display: none;}
    
    
    
    
    
    .main_about{} 
    .main_about_{width:88%; margin: 30px auto 10px;} 

    .main_about_left{width: 100%;float: none;}
    .main_about_right{ float: none; width: 100%; margin-top: 20px;} 

    .main_about_left > h5{ font-size:2em; } 
    .main_about_left .tit{ } 
    .main_about_left .tit p{ font-size: 1.5em; } 
    .main_about_left .tit span{ margin-top:5px;} 
    .main_about_left .tit span a{  padding: 5px 5px; font-size: 1em; } 
    .main_about_left > p{margin: 20px 0px; font-size: 0.9em; line-height: 150%;} 

    .main_about_int_{  margin: 20px auto; } 
    .main_about_int_ ul{} 
    .main_about_int_ ul li{ width:50%; padding: 10px 0px 20px;} 
    .main_about_int_ ul li:nth-child(2){border-right: none; padding-right: 0px;} 
    .main_about_int_ ul li div{ font-size: 1em;} 
    .main_about_int_ ul li div span{ font-size: 1.2em;} 
    .main_about_int_ ul li p{font-size: 1em;color: #CCCCCC;} 
    .main_about_right .img-zoom-in{  height: auto; } 
    .main_about_list{ display: none;} 

    
    
    
    .main_video{ width: 88%; margin: 20px auto 0px;} 
    .main_video_tit{ padding-bottom: 0px;} 
    .main_video_tit p{ float: none; font-size: 1.2em;} 
    .main_video_tit span{  } 
    .main_video_tit span a{  font-size: 0.8em; } 
    .main_video_ img{ width: 100%;} 

    
    
    
    
    
    .main_pro{ background: #F2F2F2; margin: 20px 0px 20px; padding:20px 0px;  } 
    .main_pro_tit{  width: 88%;} 

    .main_pro_tit > p{ float: none; font-size: 1.5em;} 
    .main_pro_tit .card{ float: none;} 
    .main_pro_tit .card .card1{ float: left; width: 48.5%; margin-right: 5px; margin-top: 5px;} 
    .main_pro_tit .card .card2{ float: right; width: 48.5%;  margin-right: 0px; margin-top: 5px;} 
    .main_pro_tit .card .card3{ float: left; width: 48.5%;  margin-right: 5px; margin-top: 5px;} 
    .main_pro_tit .card .card4{ float: right; width: 48.5%;  margin-top: 5px;} 

    .main_pro_tit .card span{  padding: 3px 5px;} 
    .main_pro_tit .card p{ font-size: 0.6em; width:105px;} 
    .main_pro_tit .card p a{  padding: 0px 5px;} 



    .main_pro_con{margin:20px auto; width: 88%;} 
    .main_pro_con ul{} 
    .main_pro_con ul li{ float: none;} 
    .main_pro_con ul li:first-child{width: 100%; height: auto;   padding:20px; } 
    .main_pro_con ul li:first-child p{font-size: 1.6em;} 
    .main_pro_con ul li:first-child a{ font-size: 1.2em; margin-top: 10px;} 
    .main_pro_con ul li:nth-child(2){ width: 100%; height: auto; } 
    .main_pro_con ul li:nth-child(3){width: 100%; height: auto;  padding:20px; } 
    .main_pro_con ul li:nth-child(3) p{font-size: 1.6em;} 
    .main_pro_con ul li:nth-child(3) a{font-size: 1.2em; margin-top: 10px;} 
    .main_pro_con ul li:nth-child(4){width: 100%; height: auto; } 
    .main_pro_con ul li:nth-child(5){ width: 100%; height: auto;  padding:20px; } 
    .main_pro_con ul li:nth-child(5) p{font-size: 1.6em;} 
    .main_pro_con ul li:nth-child(5) em{ margin: 10px 0px;} 
    .main_pro_con ul li:nth-child(5) h3{ font-size: 1.6em;} 
    .main_pro_con ul li:nth-child(5) h5{ line-height: 150%; font-size: 1em; } 
    .main_pro_con ul li:nth-child(5) a{ font-size: 1.2em;  margin-top: 10px; } 
    .main_pro_con ul li:nth-child(6){width: 100%; height: auto;  } 
    .main_pro_con ul li:last-child{width: 100%; height: auto; } 

    .main_pro_txt{ display: none;} 

    .main_img{width: 88%; margin: 30px auto;} 
    .main_img h3{font-size: 1.5em; margin-bottom:15px; } 
    
    
    
    

    .main_join{ background-size: cover;height:auto;} 
    .main_join_{ width: 88%; padding: 30px 0px;} 
    .main_join_ .main_join_tit{ margin-bottom:20px;} 
    .main_join_ .main_join_tit h3{  font-size: 1.5em;  } 
    .main_join_ .main_join_tit p{  margin-top: 5px;} 
    .main_join_ .main_join_tit p a{ font-size: 0.8em; width: 50px;} 

    .main_join_ ul li{ float: none; margin-right: 0px; width: 100%;} 
    .main_join_ ul li:last-child{float: none; margin-right: 0px;} 
    .main_join_ ul li div p{ font-size: 1.2em;} 
    .main_join_ ul li div span{ font-size: 1em; } 
    .main_join_ ul li div a{ font-size: 1.2em;  margin-top: 10px; } 



    .main_meiti{margin: 30px auto; width:88%;} 
    .main_meiti_{ margin-bottom: 10px;} 
    .main_meiti_ p{font-size: 1.5em;  } 
    .main_meiti_ span{font-size: 0.8em; } 




    .main_news{width: 88%; margin: 30px auto 10px;} 
    .main_news_tit{ margin-bottom: 20px;} 
    .main_news_tit p{font-size: 1.5em;  } 
    .main_news_tit span{font-size: 1em;} 

    .main_news_fl{ width: 100%; height: 180px;  float: none; } 
    .main_news_fl div{ } 
    .main_news_fl div p{ margin-bottom: 5px; font-size: 1em;} 
    .main_news_fl div span{ display: none;} 

    .main_news_fr{ float: none; width: 100%;} 

    .main_news_fr ul li{ margin: 10px 0px 5px 0px; } 
    .main_news_fr ul li img{ width: 100px; height: 75px; } 
    .main_news_fr ul li div{   width: 200px;} 
    .main_news_fr ul li div em{ margin-bottom: 5px; font-size: 1em;} 
    .main_news_fr ul li div p{ font-size: 1em; } 
    .main_news_fr ul li div span{ display: none;} 
    
    
    
    


    /*内页*/
    .weizhi_{width:88%; } 
    .us_menu li a{ padding: 8px 5px; font-size: 0.8em;  } 
    .us_menu li a:hover{background: #e62129; color: #FFFFFF;} 
    .us_menu li a.on{ background: #e62129; color: #FFFFFF;} 
    .us_top{ padding: 8px 0px;  font-size: 0.6em; } 


    /*公司简介*/

    .main_about_a{ margin: 30px 0px;} 
    .main_about_a_{width:88%; } 
    .main_about_a_ h2{ font-size: 1.5em; } 
    .main_about_a_ p{ font-size: 0.9em; line-height: 150%; margin: 20px 0px;} 


    .main_about_b{ padding: 30px 0px;} 
    .main_about_b_{width:88%; } 
    .main_about_b_ .fl{ float: none; width: 100%; height: auto;} 
    .main_about_b_ .fr{ float: none; width: 100%;} 
    .main_about_b_ .fr ul{} 
    .main_about_b_ .fr ul li{ padding:12px 0px; } 
    .main_about_b_ .fr ul li p{ font-size: 1.2em; } 
    .main_about_b_ .fr ul li strong{font-size: 1em; } 


    .main_about_c{width:88%; margin: 30px auto;} 
    .main_about_c .txt{  margin: 20px auto 0px;} 
    .main_about_c .txt h5{font-size: 1.2em; margin-bottom:5px;} 
    .main_about_c .txt p{font-size: 1em; line-height: 150%; } 
    .main_about_c .img{ width:100%; margin: 20px auto 0px;} 
    .main_about_c .img img{ width: 100%;} 



    .main_about_d{  padding: 30px 0px;} 
    .main_about_d .tit{width:88%;  font-size: 1.5em; } 
    .main_about_d_{width:88%; margin: 20px auto 0px;} 
    .main_about_d_ ul{} 
    .main_about_d_ ul li{ float: none; width: 100%; margin-right: 0px;margin-bottom: 5px;} 
    .main_about_d_ ul li:last-child{ float: none; margin-right: 0px;} 
    .main_about_d_ ul li h5{ font-size: 1.2em; margin-bottom: 5px;} 
    .main_about_d_ ul li p{ font-size: 1em; } 
    
    
    
    
    
    
    
    .con_pro{  padding: 3% 0;} 


    .con_pro_list{width: 88%; margin: 20px auto 30px;} 
    .con_pro_list h3{font-size: 1.5em; } 
    .con_pro_list h3 span{  margin-left: 10px; font-size: 0.6em; } 
    .con_pro_list ul li{ width: 49%; height: 150px;  margin-right: 0px; margin-bottom: 5px; } 
    .con_pro_list ul li:nth-child(2n){ float: right; margin-right: 0px;} 
    .con_pro_list ul li a{bottom: -150px; padding: 35px 20px 0px;  font-size: 1em; } 
    .con_pro_list > a{  width: 120px; font-size: 1em; padding: 10px 0px; margin-top: 10px;} 

    .con_pro_{ width: 88%; } 

    .con_pro_ ul li{ width: 49%; height: 150px;  margin-right:0px; margin-bottom:5px; } 
    .con_pro_ ul li:nth-child(2n){ float: right; margin-right: 0px;} 
    .con_pro_ ul li:nth-child(3){ float: left; margin-right: 0px;} 
    .con_pro_ ul li:nth-child(9){ float: left; margin-right: 0px;} 
    .con_pro_ ul li:nth-child(15){ float: left; margin-right: 0px;} 
    .con_pro_ ul li:nth-child(21){ float: left; margin-right: 0px;} 
    .con_pro_ ul li:nth-child(27){ float: left; margin-right: 0px;} 
    .con_pro_ ul li a{padding: 10px 20px 10px;  font-size: 1em; } 
    .con_pro_ ul li:hover a{  padding: 50px 20px 0px; } 



    .con_pro_m_{ width: 88%; } 
    .con_pro_m_ h1{ margin-top: 20px;} 
    .con_pro_m_ img{ width: 100%; height: 300px;} 
    
    
    
    
    
    
    .con_join_b{  margin: 30px 0px;} 
    .con_join_b_{ width: 88%; } 
    .con_join_b_ span{  font-size: 1.8em; }  
    .con_join_b_ h3{  font-size: 1.6em;} 
    .con_join_b_ p{ font-size:1.2em;margin:5px 0px 20px; } 



    .con_join_c{  padding: 30px 0px;} 
    .con_join_c_tit{ width: 88%; margin:0px auto 30px; } 
    .con_join_c_tit span{ font-size: 1.8em;}  
    .con_join_c_tit h3{  font-size: 1.6em;} 
    .con_join_c_tit p{font-size:1.2em;margin:15px 0px 0px; } 
    .con_join_c_{ width: 88%;  margin: 10px auto;} 
    .con_join_c_ .fl{ float: none; width: 100%; height: auto; padding: 20px; } 
    .con_join_c_ .fr{ float: none; width: 100%; height: auto;} 
    .con_join_c_ .fz{ float: none; width: 100%; height: auto;} 
    .con_join_c_ .fc{ float: none; width: 100%; height: auto; padding: 20px; } 
    .con_join_c_ span{ font-size: 1.2em;  }  
    .con_join_c_ h3{ font-size: 1.5em;} 
    .con_join_c_ h6{ font-size: 1.1em; margin: 10px 0px 6px;} 
    .con_join_c_ p{  font-size: 0.9em; } 





    .con_join_d{ width: 88%; margin:30px auto; } 
    .con_join_d span{ font-size: 1.8em;}  
    .con_join_d h3{font-size: 1.6em;} 
    .con_join_d p{ font-size:1.2em;margin:10px 0px 0px; } 
    .con_join_d ul{ margin-top: 20px;} 
    .con_join_d ul li{ float: none; width:100%; margin: 0px 0px 5px 0px;  padding: 20px 20px; } 
    .con_join_d ul li:last-child{ float: none; margin: 0px 0px 0px 0px;} 
    .con_join_d ul li h5{ font-size: 1.2em; margin: 10px 0px 10px; } 
    .con_join_d ul li p{  font-size:1em; } 
    .con_join_d ul li img{height: 50px; }




    .con_join_z{ margin: 30px auto; width: 88%; padding: 10px; } 
    .con_join_z_01{ font-size: 1.5em; padding:0px 0px 10px 0px; } 
    .con_join_z_02{ margin: 10px 0px;} 
    .con_join_z_03{ margin: 10px 0px;} 
    .con_join_z_04{ margin: 10px 0px;} 

    .con_join_z_05{ margin: 20px 0px; } 
    .con_join_z_05 input{  width:160px; font-size: 1.5em; } 
    
    
    
    
    
    
    
    
    
    .con_news{width: 88%; margin:30px auto;}
    .con_news_ ul li{ padding:20px 0px; } 


    .con_news_ ul li div.fl{ float: none; width: 100%;  height: auto;} 
    .con_news_ ul li div.fl img{ width: 100%;height: 100%;} 
    .con_news_ ul li div.fr{float: none; width: 100%; height: auto; padding: 20px 0px; } 

    .con_news_ ul li div.fr em{  font-size: 1em;  } 
    .con_news_ ul li div.fr h3{ margin: 15px 0px 5px;} 
    .con_news_ ul li div.fr h3 a{ font-size: 1.2em;} 
    .con_news_ ul li div.fr p{  font-size: 0.8em;line-height: 150%;} 

    .con_news_ ul li div.fc{display: none;} 





    .con_news_m{ width:100%; }

    .con_news_m .fl{ width: 100%; float: none; border-right:none;  padding-right:0; } 
    .con_news_m .fl .fl_tit{ margin-bottom: 20px;} 
    .con_news_m .fl .fl_tit h1{ font-size: 1.5em; } 
    .con_news_m .fl p{ font-size: 1em;  line-height: 155%; margin-bottom: 25px;} 
    .con_news_m .fl img{ width: 100%; margin: 20px auto; max-width: 100%;} 

    .con_news_m .fr{ width:100%; float: none;} 
    .con_news_m .fr h2{ font-size:1.2em; margin-bottom: 20px;} 
    .con_news_m .fr > p{ font-size: 1em; } 
    .con_news_m .fr h5{ margin: 30px 0px 8px;font-size: 1.2em;} 
    .con_news_m .fr ul{} 
    .con_news_m .fr ul li{ padding: 8px 0px; } 
    .con_news_m .fr ul li a{ font-size: 1em; line-height: 150%; } 
    .con_news_m .fr ul li span{ font-size: 1em;margin-top: 5px;} 

    
    
    
    
    
    
    .con_contact{  width:88%; margin:30px auto; } 
    .con_contact .fl{ float: none; width: 100%;} 
    .con_contact .fl ul{} 
    .con_contact .fl ul li{  padding: 15px 0px; } 
    .con_contact .fl ul li:first-child{ border-bottom:none; margin-bottom:15px;} 
    .con_contact .fl ul li h2{ font-size:1.2em;} 
    .con_contact .fl ul li h2 span{ font-size: 1em; } 
    .con_contact .fl ul li p{ font-size:1em; line-height: 150%;} 
    .con_contact .fl ul li p span{font-size: 1em; } 
    .con_contact .fr{ float: none; width: 100%;} 
    .con_contact  #dituContent{ width: 100%; height: 200px;} 



    /*css black2 style pagination*/
    div.black2{padding:5px;margin:5px; }
    div.black2 a{ padding:2px 6px; }
    div.black2 a.curr{ padding:2px 6px;} 

    

    
    
    
    
    
    
    
    
    
    
    .bottom_{ display: none;} 

    .bottom_info{width:88%; padding: 30px 0px;} 
    .bottom_info .fl{ float: none;} 
    .bottom_info .fl h5{ font-size: 1.2em;}
    .bottom_info .fl h5 span{ font-size: 0.9em; }
    .bottom_info .fl p{ font-size: 0.8em;  margin-top: 5px;} 
    .bottom_info .fl h2{ font-size: 1.8em; margin: 10px 0px 5px;} 
    .bottom_info .fl h6{ font-size: 0.9em;  } 

    .bottom_info .fr{ float: none; width: 50%; text-align: center; margin:25px auto 0px;} 
    .bottom_info .fr img{  width: 120px;}   
    
    
    
    
    


}

@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);
  }
}