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

@font-face {
/* font-test*/
font-family: ali-r;
src:url('/fonts/AlibabaPuHuiTi-3-55-Regular.ttf');
}

@font-face {
/* font-test*/
font-family: ali-b;
src:url('/fonts/AlibabaPuHuiTi-3-85-Bold.ttf');
}

*{ margin:0; padding:0;} 
body{ font-size:14px; font-family: ali-r; margin: 0; padding: 0;} 

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

body img { border: none; max-width: 100%;}
video { height: 100%; width: 100%; }
hr { margin: 0;  border-color: #e8e8e8; }
ul, ol, li { margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6 {font-family: ali-b;line-height: 100%;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {  color: inherit; }
p{ margin: 0; padding: 0; line-height: 175%;}
/*** 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: #e50012; } 

.nav_{ width:90%; margin:0px auto; padding: 15px 0px;} 
.nav_l{ float:left; width:220px;} 
.nav_l img{width: 100%;} 

.nav_menu {float: right; margin:20px 0px 0px 0px;} 
.nav_menu ul { margin:0 auto; list-style-type: none;} 
.nav_menu ul li {float:left;} 
.nav_menu ul li:first-child{} 
.nav_menu ul li:last-child{} 
.nav_menu ul li a{display:block; margin: 0px 0px 0px 60px;color: #FFFFFF; font-size: 16px; transition: all 0.25s;}
.nav_menu ul li a:hover{ border-bottom: #FFFFFF 2px solid; padding-bottom: 10px;color: #FFFFFF;} 
.nav_menu ul li a.this{ border-bottom: #FFFFFF 2px solid; padding-bottom: 10px;color: #FFFFFF;} 

.subMenu{display: none;position: absolute;top: 100px;left: 0;width: 100%; height: auto;background: rgba(255,255,255,1); z-index: 99999;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0px 30px;text-align: center;line-height:60px;color: #000000;}
.subMenu>ul>li>a:hover{color:#FFFFFF; background: #e50012;}



/* fullSlide */ 
.fullSlide {width:100%;position:relative;height:auto;} 
.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:732px;overflow:hidden;text-align:center;} 
.fullSlide .bd ul li a{display:block;}
.fullSlide .bd ul li img{ width: 100%;} 
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;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:80px;height:3px;margin:5px;overflow:hidden;background:#FFFFFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#e50012;} 
.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{ left:0px; top:0px; width:100%; height:100%; margin: 0px; padding: 0px;} 
.z_banner img{ width:100%; } 





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

.main_about_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.main_about_tit h3{ font-size:40px;  color: #e50012;} 
.main_about_tit img{ display: block; margin: 15px auto 10px;}  
.main_about_tit h6{ font-size: 36px; color: #CCCCCC; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"} 

.main_about_{ width: 1280px; margin: 50px auto 0px;} 
.main_about_left{ float: left; width: 420px; box-sizing: border-box;} 
.main_about_left h2{ font-size: 26px; color: #e50012; padding: 18px 0px; margin: 18px 0px 25px;border-top: #DDDDDD 1px solid; border-bottom: #DDDDDD 1px solid; } 
.main_about_left h5{ font-size: 16px;  color: #000000; margin:0px 0px 20px;} 
.main_about_left p{color: #333333; font-size: 14px; margin:0px; line-height: 200%; text-align: justify;} 
.main_about_left a{ display: block; margin-top: 50px; color: #333333; font-size: 14px; text-transform: uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"} 

.main_about_right{ float: right; width:680px; } 
.main_about_right img{ width: 100%; object-fit: cover; margin-top: 20px;} 
.main_about_data{margin:0px auto;width: 100%;} 
.main_about_data ul{} 
.main_about_data ul li{ float: left; margin-right:100px; text-align: center;} 
.main_about_data ul li:last-child{ float: right; margin-right: 0;} 
.main_about_data ul li h6{ font-size: 14px; color: #999999; line-height: 125%;} 
.main_about_data ul li h6 strong{ font-size: 32px;  color: #e50012; } 
.main_about_data ul li p{ color: #999999; font-size: 14px; margin-top:5px; } 

.main_about_info{width: 100%; background:#e50012; padding: 35px 0px; margin-top: 50px;} 
.main_about_info_{width: 1280px; margin: 0px auto;} 
.main_about_info_ ul{} 
.main_about_info_ ul li{ float: left; margin-right:118px; text-align: center;} 
.main_about_info_ ul li:last-child{ float: right; margin-right: 0;} 
.main_about_info_ ul li p{ margin-top: 15px; font-size: 18px; color: #FFFFFF;} 




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

.main_pro_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.main_pro_tit h3{ font-size:40px;  color: #e50012;} 
.main_pro_tit img{ display: block; margin: 15px auto 10px;}  
.main_pro_tit h6{ font-size: 36px; color: #CCCCCC; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"} 

.main_pro_ {width:1280px; margin: 50px auto 0px;} 
.main_pro_ .fl { float: left; width:240px;}
.main_pro_ .fl h3{ width: 100%; background: #e50012; color: #FFFFFF; font-size: 18px;  padding: 20px 0px 20px 50px; box-sizing: border-box;} 
.main_pro_ .fl ul{} 
.main_pro_ .fl ul li{ width: 100%;  margin-bottom: 1px;} 
.main_pro_ .fl ul li a{ display: block;background: #F6F6F6; color: #000000; font-size: 16px;  padding: 15px 0px 15px 50px;box-sizing: border-box;} 
.main_pro_ .fl ul li a:hover{background: #e50012; color: #FFFFFF;} 

.main_pro_ .fr{float: right;;width:1000px;} 
.main_pro_ .fr ul {} 
.main_pro_ .fr ul li{ float: left; width: 32%; height: 339px; margin-right: 2%; margin-bottom: 2%; overflow: hidden; border: #EEEEEE 1px solid;box-sizing: border-box;} 
.main_pro_ .fr ul li:nth-child(3n){ float: right; margin-right: 0;} 
.main_pro_ .fr ul li img{width: 100%; height: 280px; object-fit: cover;} 
.main_pro_ .fr ul li p{ color: #999999; text-align: center; margin-top: 8px;} 
.main_pro_ .fr ul li:hover{ border: #e50012 1px solid; box-shadow: 0px 0px 5px 1px #e50012;} 









.main_join{ width: 100%; margin:0px; padding:80px 0px;background:#F6F6F6;} 

.main_join_tit{ width: 1280px; margin: 0px auto 50px; text-align: center;} 
.main_join_tit h3{ font-size:40px;  color: #e50012;} 
.main_join_tit img{ display: block; margin: 15px auto 10px;} 
.main_join_tit h6{ font-size: 36px; color: #CCCCCC; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"} 

.main_join_{margin:0px auto;width: 1280px;} 
.main_join_ .fl{ float: left; width:640px;height: 365px; background: #FFFFFF;  padding: 60px; box-sizing: border-box;} 
.main_join_ .fl h3{ font-size: 36px; color: #e50012; line-height: 150%;} 
.main_join_ .fl h5{ font-size: 24px;color: #000000; font-weight: lighter; margin-top: 5px;} 
.main_join_ .fl p{ font-size: 16px; color: #333333; margin-top: 30px;} 
.main_join_ .fl:hover{background: #e50012;} 
.main_join_ .fl:hover h3{color: #FFFFFF; }
.main_join_ .fl:hover h5{color: #FFFFFF; }
.main_join_ .fl:hover p{color: #FFFFFF; }
.main_join_ .fr{ float: right; width: 640px;height: 365px; overflow: hidden;} 
.main_join_ .fr img{ width: 100%; height: 100%;} 

.main_join_ .fc{ float: left; width: 640px;height: 365px; overflow: hidden;} 
.main_join_ .fc img{ width: 100%; height: 100%;} 
.main_join_ .fz{ float: right; width:640px;height: 365px; background: #FFFFFF;  padding: 60px; box-sizing: border-box; text-align: right;} 
.main_join_ .fz h3{ font-size: 36px; color: #e50012; line-height: 150%;} 
.main_join_ .fz h5{ font-size: 24px;color: #000000; font-weight: lighter; margin-top: 5px;} 
.main_join_ .fz p{ font-size: 16px; color: #333333; margin-top: 30px;} 
.main_join_ .fz:hover{background: #e50012;} 
.main_join_ .fz:hover h3{color: #FFFFFF; }
.main_join_ .fz:hover h5{color: #FFFFFF; }
.main_join_ .fz:hover p{color: #FFFFFF; }






.main_good{ width: 100%; margin: 0px; background: url("/images/bg01.jpg") no-repeat center top; padding: 80px 0px; box-sizing: border-box;} 
.main_good_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.main_good_tit h3{ font-size:40px;  color: #FFFFFF;} 
.main_good_tit img{ display: block; margin: 15px auto 10px;} 
.main_good_tit h6{ font-size: 36px; color: #EEEEEE; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"} 
.main_good_{ width: 1280px; margin: 50px auto 0px;} 
.main_good_  h5{ font-size: 24px; color: #e50012; text-align: center; margin: 30px 0px 20px;} 
.main_good_  p{ font-size: 16px; color: #000000; line-height: 175%; text-align: justify; width: 75%; margin: 0 auto; font-weight: lighter;} 
.main_good_  img{ width: 100%;} 







.main_power{ width: 100%; margin: 0px; background:#F2F2F2; padding:80px 0px;} 
.main_power_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.main_power_tit h3{ font-size:40px;  color: #e50012;} 
.main_power_tit img{ display: block; margin: 15px auto 10px;} 
.main_power_tit h6{ font-size: 36px; color: #CCCCCC; text-transform: uppercase;font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"} 
.main_power_{ width: 1280px; margin: 50px auto 0px;} 
.main_power_ ul li{float: left; width: 49%; margin-bottom: 2%;} 
.main_power_ ul li:nth-child(2n){ float:right;}
.main_power_ ul li div.img-zoom-in{ width: 100%; height:350px; overflow: hidden;}
.main_power_ ul li div.img-zoom-in img{ width: 100%; height: 100%; object-fit: cover;} 
.main_power_ ul li p{ font-size: 16px;color: #FFFFFF; width: 100%; background: #e50012; text-align: center; padding: 10px 0px;} 
.main_power > a{ display:block;  margin: 0px auto;width: 200px; padding: 15px 0px; text-align: center; color: #e50012; border: #e50012 1px solid; border-radius: 5px;font-size: 16px;} 
.main_power > a:hover{background: #e50012; color: #FFFFFF;} 


/*.main_news{ width: 100%; margin: 100px 0px;} 

.main_news_tit{margin:0px auto;width: 80%; text-align: center;} 
.main_news_tit h3{font-size: 40px; text-transform: uppercase;font-weight: normal; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"}
.main_news_tit p{ font-size: 36px; line-height: 150%;}

.main_news_{ width:80%; margin: 50px auto 0px;} 
.main_news_left{ float: left;width: 50%; height: 520px; position: relative;} 
.main_news_left div{position: absolute; z-index: 9; width: 100%; height: 520px;  overflow: hidden;} 
.main_news_left div img{ width: 100%; height:100%;} 
.main_news_left a{display: block; position: absolute; z-index: 99; width: 100%; bottom: 0; background: rgba(0,0,0,0.5);padding: 20px; box-sizing: border-box;} 
.main_news_left a h3{ color: #FFFFFF;} 
.main_news_left a p{color: #CCCCCC;margin: 8px 0px 10px;line-height: 150%; } 
.main_news_left a h6{color: #CCCCCC; font-size: 12px;} 

.main_news_right{ float: right; width: 50%; height: 520px; background: #F2F2F2; padding: 75px; box-sizing: border-box;} 
.main_news_right ul{ margin: 0px; padding: 0px;} 
.main_news_right ul li{ width:100%; margin-bottom: 50px;} 
.main_news_right ul li:last-child{ margin-bottom: 0px;} 
.main_news_right ul li h3 {font-size:20px;color: #000000;} 
.main_news_right ul li p{ font-size: 14px; color: #999999; line-height: 150%; margin: 8px 0px 10px; }
.main_news_right ul li h6{ font-size: 12px; color: #333333;} 
.main_news_right ul li a:hover  h3{ color: #e50012;} */



.weizhi{margin: 0px; width: 100%;} 
.weizhi_{width: 1280px; margin: 0px auto; padding: 15px 0px; font-size: 14px; color: #999999;} 
.weizhi_ a{ font-size: 14px; color: #999999;} 
.weizhi_ a:hover{color: #e50012;} 

/*内页-关于我们*/

.con_about{ margin: 0px; width: 100%;} 
.con_about_{ width:100%;margin:0px;background: url("/images/a00.jpg") no-repeat center bottom; background-size: cover;height: 800px; padding: 120px 0px 0px; box-sizing: border-box;} 
.con_about__{ width: 1280px; margin: 0px auto; padding-right: 800px; box-sizing: border-box;} 
.con_about__ span{display: block;font-size: 60px; color: #999999; opacity: 0.2; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_about__ h2{ color: #e50012; font-size:40px;} 
.con_about__ h5{font-size: 28px; color: #000000;  margin-top: 15px;} 
.con_about__ p{  font-size: 16px; color: #333333; margin: 35px 0px 0px 0px; text-align: justify; line-height: 175%;} 

.con_about_a{ margin: 50px auto; width: 1280px;} 
.con_about_a h3{color: #e50012; font-size:28px; margin-bottom: 20px;} 
.con_about_a p{  font-size: 16px; color: #333333; text-align: justify;}
.con_about_b{ width:1280px;margin: 0px auto;} 
.con_about_b div img{ width: 100%;} 

.con_about_c{  width:100%;margin:80px auto;background: url("/images/a02.jpg") no-repeat center top; height: 650px; padding: 80px 0px 0px; box-sizing: border-box;}
.con_about_c_{ width: 1280px; margin: 0px auto;} 
.con_about_c_ > span{display: block;font-size: 60px; color: #999999; opacity: 0.2; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_about_c_ h5{font-size: 40px; color: #e50012; margin-bottom: 35px;} 
.con_about_c_ img{ width: 100%;}
.con_about_c_ ul li{ float: left; margin-right: 175px; text-align: center;}
.con_about_c_ ul li:last-child{ float: right; margin-right: 0px;} 
.con_about_c_ ul li h6{ margin-top: 35px;font-size: 18px;} 
.con_about_c_ ul li span{display:block; margin-top: 10px; font-size: 16px;color: #666666; line-height: 150%;} 

.con_about_g{  width:100%;   margin: 80px auto;} 
.con_about_g_tit{ width:1280px;margin:0px auto;} 
.con_about_g_tit span{display: block;font-size: 60px; color: #666666; opacity: 0.1; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_about_g_tit h5{font-size: 40px; color: #e50012;font-family: ali-b;} 
.con_about_g_{width:1280px;margin:50px auto 80px;}
.con_about_g_ ul{}
.con_about_g_ ul li{ float: left; width: 19%; margin-right: 1.2%;}
.con_about_g_ ul li:last-child{ float: right; margin-right: 0;}
.con_about_g_ ul li img{ width: 100%;}

	.time-line{width:1280px;margin:50px auto;position: relative;}
	.time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url("/images/arrow.png") no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
	.time-line .left-btn{left:-20px;top:50%;}
	.time-line .right-btn{right:-20px;top:50%;transform: rotate(180deg);}
	.time-line .right-btn:hover{background: url(/images/arrow-hover.png) no-repeat;transform: rotate(180deg);}
	.time-line .left-btn:hover{background: url(/images/arrow-hover.png) no-repeat;}
	.time-line .time-box{width: 1260px;margin: 0 auto;overflow: hidden;}
	.time-line .time-box ul{overflow: hidden;position: relative;height: 260px;}
	.time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:49%;}
	.time-line .time-box li{width:210px; height: 88px; float: left;padding: 10px;box-sizing: border-box;border: 1px solid #d2d2d2;position: relative; cursor: pointer;}
	.time-line .time-box li:nth-child(2n){margin-top: 166px;}
	.time-line .time-box li:before{content: "";border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;position: absolute;width: 16px;height: 16px;background: #fff;   bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
	.time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(/images/point.png) no-repeat;position: absolute;left:50%;margin-left:-7px;bottom: 0;    bottom: -48px; z-index: 1;}
	.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);}
	.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-46px;}
	.time-line .time-box li:hover,.time-line .time-box li.active{background: #e50012;color:#fff;border-color: #e50012;}
	.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #e50012;background: #e50012;}
	.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(/images/point-hover.png) no-repeat;}

.time-line .time-box li h3{font-size: 16px; margin-bottom: 5px;} 
.time-line .time-box li p{ font-size: 12px; line-height: 150%;} 






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

.con_plan_a{width:100%;margin:0px;background: url("/images/banner00.jpg") no-repeat center; height: 1300px; padding: 80px 0px 0px; box-sizing: border-box;} 
.con_plan_a .tit{ width: 1280px; margin: 0 auto; text-align: center;} 
.con_plan_a .tit p{font-size: 60px; line-height: 120%; color: #999999; opacity: 0.2; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_plan_a .tit h5{font-size: 40px; color: #e50012;font-family: ali-b;} 


.con_plan_b{ width: 1280px; margin: 80px auto;} 
.con_plan_b .tit{ width: 1280px; margin: 0 auto; text-align: center;} 
.con_plan_b .tit p{font-size: 60px; line-height: 120%; color: #999999; opacity: 0.2; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 

.con_plan_b .tit h2{font-size: 40px; color: #e50012;font-family: ali-b;} 
.con_plan_b .tit h6{font-size: 28px; color: #000000;font-family: ali-b; margin-top: 10px;} 
.con_plan_b ul{ margin-top: 50px;}
.con_plan_b ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; border-radius: 20px; background: #F2F2F2; box-sizing: border-box; text-align: center; padding: 50px 50px;} 
.con_plan_b ul li:nth-child(3n){ float: right; margin-right: 0;} 
.con_plan_b ul li img{ width: 220px;border-radius: 20px;} 
.con_plan_b ul li h5{font-size: 20px; color: #e50012; margin: 20px 0px 10px;} 
.con_plan_b ul li p{font-size: 16px; color: #666666; line-height: 150%;} 


.con_plan_c{width:100%;margin:0px;background: url("/images/banner01.jpg") no-repeat center; height: 1200px; padding: 80px 0px 0px; box-sizing: border-box;} 
.con_plan_c .tit{ width:800px; margin: 0 auto; text-align: center;} 
.con_plan_c .tit h5{font-size: 40px; color: #e50012;font-family: ali-b; margin-bottom: 20px;} 
.con_plan_c .tit p{font-size: 18px; line-height: 175%; } 








/**********************************************************20250513************************************************************************/




/*内页-产品中心*/

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

.con_pro_tit{ margin: 80px auto 60px; width: 1280px; text-align: center;} 
.con_pro_tit h2{ color: #e50012; font-size:40px;} 
.con_pro_tit h5{font-size: 32px; color: #000000; font-weight: lighter; margin-top: 10px;} 


.con_pro_{margin: 0px auto; width: 1280px;  } 
.con_pro_ ul{} 
.con_pro_ ul li{ float: left; width: 32%; background: #F8F8F8; margin-right: 2%; margin-bottom: 2%;text-align: center; padding: 30px; box-sizing: border-box;} 
.con_pro_ ul li:nth-child(3n){ float: right; margin-right: 0;} 
.con_pro_ ul li img{width: 100%; height: 100%; object-fit: cover;}
.con_pro_ ul li h5{ font-size: 18px; color: #000000; margin-bottom: 10px;} 
.con_pro_ ul li p{ color: #999999; font-weight:lighter; font-size:14px;} 


.con_pro_m{margin: 50px auto; width: 1280px; } 
.con_pro_m .fl{ float: left; width: 700px; border: #EEEEEE 1px solid; box-sizing: border-box;} 
.con_pro_m .fl img{ width: 100%;} 
.con_pro_m .fr{ float: right; width: 500px;} 
.con_pro_m .fr h1{ line-height: 100%; font-size: 36px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: #EEEEEE 1px dashed;color: #e50012;} 
.con_pro_m .fr p{ font-size: 14px; line-height: 175%; text-align: justify; margin: 10px 0px; color: #666666;} 
.con_pro_m .fr p strong{font-size: 16px; color: #333333; display: block; margin-top: 25px;} 


/*内页-加盟*/

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



.con_join_a{ width:100%; background: url("/images/banner03.jpg") no-repeat center; height: 800px; box-sizing: border-box; padding: 120px 0px 0px;} 
.con_join_a h3{color: #e50012; font-size:48px; text-align: center;} 



.con_join_b{ width: 100%; margin: 80px 0px;} 
.con_join_b_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.con_join_b_tit h3{ color: #e50012;  font-size: 40px;margin-bottom: 50px;} 
.con_join_b_{ width:1280px; margin: 0px auto;} 
.con_join_b_ ul{} 
.con_join_b_ ul li{float: left; margin-right: 2%;width: 32%; background: #F2F2F2; height: 300px; padding: 50px; box-sizing: border-box;}
.con_join_b_ ul li:last-child{ float: right; margin-right: 0;} 
.con_join_b_ ul li h5{ font-size: 24px;  color: #e50012;} 
.con_join_b_ ul li p{ font-size: 16px; color: #666666; margin-top: 20px; line-height: 175%;} 
.con_join_b_ ul li:hover{background:#e50012;} 
.con_join_b_ ul li:hover h5{color: #FFFFFF;} 
.con_join_b_ ul li:hover p{color: #FFFFFF;} 





.con_join_c{ width: 100%; margin: 0px; background:#F2F2F2; padding: 80px 0px; } 
.con_join_c_tit{ width: 1280px; margin: 0px auto; text-align: center;} 
.con_join_c_tit h3{ color: #e50012; font-size:40px;margin-bottom:10px;} 
.con_join_c_tit p{ font-size: 18px; color: #333333;} 
.con_join_c_{ width: 1280px; margin:50px auto 0px;} 
.con_join_c_ img{ width: 100%;} 



.con_join_d{ width: 100%; margin: 0px; background: #FFFFFF; padding: 80px 0px;} 
.con_join_d_tit{ width: 1280px; margin:0px auto; text-align: center;} 
.con_join_d_tit h3{ color: #e50012; font-size:40px;margin-bottom:10px;} 
.con_join_d_tit p{ font-size: 18px; color: #333333;}
.con_join_d_{ width:1280px; margin:50px auto 0px;} 
.con_join_d_ ul{} 
.con_join_d_ ul li{ width: 32%; height: 315px; float: left; margin-right: 2%; padding:50px 35px; box-sizing: border-box; background: #F6F6F6;  }
.con_join_d_ ul li:last-child{ float: right; margin-right: 0;} 
.con_join_d_ ul li h5{ font-size:16px;margin-bottom: 10px;background: #e50012; color: #FFFFFF; padding: 10px; box-sizing: border-box;} 
.con_join_d_ ul li p{ font-size: 16px; color: #333333;} 



.con_join_e{ 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; 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: #e50012; border-radius: 5px; color: #FFFFFF; padding: 10px 0px;width:200px; font-size: 28px; font-weight: bold; } 


/*内页-加盟*/



.con_case{width: 100%; margin: 0px;} 
.con_case_{ margin: 50px auto; width: 1280px;} 
.con_case_ ul{} 
.con_case_ ul li{ float: left; width: 32%;margin-right:2%; margin-bottom:2%;}
.con_case_ ul li:nth-child(3n){ float: right; margin-right: 0;} 
.con_case_ ul li div{width: 100%;height: 230px;overflow: hidden;} 
.con_case_ ul li div img{ width: 100%; height: 100%;object-fit: cover;} 
.con_case_ ul li p{ width: 100%;text-align: center; background: rgba(0,0,0,0.5); color: #FFFFFF; font-size:16px; padding: 10px 0px;} 
.con_case_ ul li:hover{cursor: pointer;} 
.con_case_ ul li:hover p{background: #e50012;} 













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












/*内页-新闻*/ 

.con_news{width: 1280px; margin:0px auto 80px;} 
.con_news ul{ margin-bottom: 50px;} 
.con_news ul li{ padding:50px 0px; border-bottom: #DDDDDD 1px dashed;} 
.con_news ul li:hover {border-bottom: #CCCCCC 1px solid;}
.con_news ul li img{ width: 530px; height: 300px; object-fit: cover; float: left;} 
.con_news ul li span{ display: block; float: right; width: 600px;} 
.con_news ul li h3{ font-size:24px; color: #000000; line-height: 120%;} 
.con_news ul li em{display: block; margin: 20px 0px 50px; font-size: 14px; color: #999999;} 
.con_news ul li p{ display: block; line-height: 175%; margin-bottom: 20px; color: #999999;} 



.con_news_m{margin: 0px auto 80px; width: 1280px; background: #F8F8F8; padding: 50px 150px; box-sizing: border-box;} 
.con_news_m H1{ font-size: 28px; text-align: center; padding: 0px 0px 15px; line-height: 125%;} 
.con_news_m span{ text-align: center; display: block; padding: 10px 0px 20px;border-bottom: #DDDDDD 1px dashed; color: #999999;} 
.con_news_m p{margin: 35px 0px; font-size: 16px; line-height: 175%; text-align: justify;} 
.con_news_m img{ width: 600px;} 
.con_news_m a{ font-size: 16px;} 

.con_news_more{ margin: 30px auto; width:1280px; padding: 30px 0px; border-top: #DDDDDD 1px solid;border-bottom: #DDDDDD 1px solid;} 
.con_news_more h5{font-size:24px; margin-bottom: 30px;} 
.con_news_more ul{} 
.con_news_more ul li{ margin: 5px 0px;}
.con_news_more ul li a{ font-size:16px; } 

/*内页-新闻*/











/*内页-联系我们*/
.con_contact{  width:100%; margin:0px auto;} 
.con_contact_{  width:1280px; margin:50px auto; } 
.con_contact_ ul{ } 
.con_contact_ ul li{ float: left; width: 33.33%; text-align: center; border-right: #DDDDDD 1px solid; padding: 0px 60px; box-sizing: border-box;}
.con_contact_ ul li:last-child{ float: right;border-right:none;}
.con_contact_ ul li img{ width: 80px;} 
.con_contact_ ul li h2{ font-size: 36px;}
.con_contact_ ul li p{ margin-bottom: 5px; font-size: 16px; font-weight: bold; margin-top: 20px;}
.con_contact_ ul li span{display: block; font-size: 16px; color: #999999; line-height: 150%;}

.con_contact_ .map{  width: 100%; height: 600px; margin-top: 50px;}
.con_contact_ .map #dituContent{ width: 100%; height: 100%;} 

/*内页-联系我们*/


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












.bottom{ width:100%;  background:#FCFCFC; margin:0px; padding:0px;} 

.bottom_{ width:80%; padding: 50px 0px; margin: 0px auto;}
.bottom_l{ float:left;}
.bottom_l ul{}
.bottom_l ul li{ float: left; margin-right: 50px; padding-right:50px; border-right: #CCCCCC 1px solid;}
.bottom_l ul li:last-child{ margin-right: 0px;} 
.bottom_l ul li h5{ color: #000000; font-size:20px; margin-bottom:15px;}
.bottom_l ul li h5 a{ color:#000000;}
.bottom_l ul li h5 a:hover{color:#e50012;} 
.bottom_l ul li p{ color:#666666; font-size: 16px;} 
.bottom_l ul li p a{color:#666666; }
.bottom_l ul li p a:hover{color:#e50012;} 

.bottom_r{ float:right;  text-align: right;}
.bottom_r img{ } 
.bottom_r h5{ font-size: 18px; color: #000000; margin: 35px 0px 8px;} 
.bottom_r p{ font-size: 14px; color: #999999;}


.bottom_info{width:80%; margin: 0px auto;color: #999999; font-size: 12px; text-transform: uppercase; padding-bottom: 20px;} 
.bottom_info a{color: #999999;font-size: 12px;} 
.bottom_info a:hover{color: #e50012;} 




@media screen and (max-width:1700px){
    .bottom_{ width:90%; }
    .fullSlide .bd ul li{height:610px;} 
} 


@media screen and (max-width:1500px){
    
    .nav_{ width:95%;} 
    .nav_menu ul li a{margin: 0px 0px 0px 40px;}
    .fullSlide .bd ul li{height:550px;} 
    
    .bottom_{ width:95%; }
    .bottom_l ul li{ margin-right: 35px; padding-right:35px;}
} 

@media screen and (max-width:1400px){
     .fullSlide .bd ul li{height:520px;}  
} 

@media screen and (max-width:1300px){
     .fullSlide .bd ul li{height:485px;}  
} 








.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:#e50012;}
	.mobile-inner-header .img0 { float: left; margin-top: 3.2%; margin-left: 3.5%; width: 36%;}
	.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 .bd ul li{height:200px;} 
    .fullSlide .bd li div.pc{ display: none;}
    .fullSlide .bd li div.mo{ display: block;}
    .fullSlide .hd{bottom:5px; height:20px;line-height:20px;}
	.toolbar{ display: none;} 



    
    
    
    .main_about{margin: 30px 0px;}

    .main_about_tit{ width: 90%; } 
    .main_about_tit h3{ font-size:1.8em;} 
    .main_about_tit img{  margin: 8px auto 5px; width: 200px;}  
    .main_about_tit h6{ font-size: 1.5em;} 

    .main_about_{ width: 90%; margin: 20px auto 0px;} 
    .main_about_left{ float: none; width: 100%; } 
    .main_about_left h2{ font-size: 1.2em; padding: 10px 0px; margin: 10px 0px 15px; } 
    .main_about_left h5{ font-size: 1.1em; margin:0px 0px 10px;} 
    .main_about_left p{ font-size: 0.9em; line-height: 150%; } 
    .main_about_left a{ margin-top: 20px; font-size: 1em;} 

    .main_about_right{ float: none; width:100%; margin-top: 20px;} 
    .main_about_right img{ margin-top: 10px;} 
    .main_about_data{ } 
    .main_about_data ul{} 
    .main_about_data ul li{  margin-right:30px; } 
    .main_about_data ul li h6{ font-size: 1em; } 
    .main_about_data ul li h6 strong{ font-size: 1.5em; } 
    .main_about_data ul li p{ font-size: 0.9em; margin-top: 0px;} 

    .main_about_info{  padding:20px 0px; margin-top: 20px;} 
    .main_about_info_{width: 90%; } 
    .main_about_info_ ul li{  width: 33.33%; margin-right:0px; margin-bottom: 10px;} 
    .main_about_info_ ul li:nth-child(3){float: right;} 
    .main_about_info_ ul li img{ width: 35px;} 
    .main_about_info_ ul li p{ margin-top: 0px; font-size: 1em; } 
    
    
    
    
    
    
    
    
    .main_pro{  margin:30px 0px; } 

    .main_pro_tit{ width: 90%; } 
    .main_pro_tit h3{ font-size:1.8em; } 
    .main_pro_tit img{  margin: 8px auto 5px; width: 200px;}  
    .main_pro_tit h6{ font-size:1.5em; } 

    .main_pro_ {width:90%; margin: 20px auto 0px;} 
    .main_pro_ .fl { float: none; width:100%;}
    .main_pro_ .fl h3{  font-size: 1.2em;  padding:10px 0px 10px 0px; text-align:center;} 
    .main_pro_ .fl ul{} 
    .main_pro_ .fl ul li{ float: left;width: 33.1%; margin-right: 1px; margin-bottom: 1px;} 
    .main_pro_ .fl ul li:nth-child(3n){ float: right; margin-right: 0px;} 
    .main_pro_ .fl ul li a{ font-size: 0.9em;  padding: 10px 0px 10px 10px; } 

    .main_pro_ .fr{float: none;;width:100%; margin-top: 20px;} 
    .main_pro_ .fr ul {} 
    .main_pro_ .fr ul li{  width: 49%; height: 180px; margin-right: 0; margin-bottom: 2%;} 
    .main_pro_ .fr ul li:nth-child(2n){ float: right; } 
    .main_pro_ .fr ul li:nth-child(3){ float: left;} 
    .main_pro_ .fr ul li img{ height: 135px; } 
    .main_pro_ .fr ul li p{ margin-top: 5px;} 

    
    
    
    
    
    
    
    
    .main_join{ padding:30px 0px; } 

    .main_join_tit{ width: 90%; margin: 0px auto 20px; } 
    .main_join_tit h3{ font-size:1.8em;} 
    .main_join_tit img{ margin: 8px auto 5px; width: 200px;} 
    .main_join_tit h6{ font-size:1.5em; } 

    .main_join_{ width: 90%; margin: 10px auto;} 
    .main_join_ .fl{ float: none; width:100%;height:auto;  padding: 20px; } 
    .main_join_ .fl h3{ font-size: 1.5em; line-height: 125%;} 
    .main_join_ .fl h5{ font-size: 1.2em;  margin-top: 3px;} 
    .main_join_ .fl p{ font-size: 1em; margin-top: 10px;line-height: 150%;} 
    .main_join_ .fr{ float: none; width: 100%;height: auto; } 

    .main_join_ .fc{float: none; width: 100%;height: auto; } 
    .main_join_ .fz{float: none; width:100%;height:auto;  padding: 20px;text-align: left;} 
    .main_join_ .fz h3{ font-size: 1.5em; line-height: 125%} 
    .main_join_ .fz h5{font-size: 1.2em;  margin-top: 3px;} 
    .main_join_ .fz p{  font-size: 1em; margin-top: 10px; line-height: 150%;} 
    
    
    
    
    .main_good{ background-size: cover;padding:30px 0px; } 
    .main_good_tit{ width: 90%; } 
    .main_good_tit h3{font-size:1.8em;} 
    .main_good_tit img{ margin: 8px auto 5px; width: 200px;} 
    .main_good_tit h6{ font-size:1.5em;} 
    .main_good_{ width: 90%; margin: 20px auto 0px;} 
    .main_good_  h5{ font-size: 1.2em; margin: 15px 0px 8px;} 
    .main_good_  p{ font-size: 1em; line-height: 150%;  width: 80%; color: #FFFFFF; } 


    .main_power{ padding:30px 0px;} 
    .main_power_tit{ width: 90%; } 
    .main_power_tit h3{ font-size:1.8em;} 
    .main_power_tit img{ margin: 8px auto 5px; width: 200px;} 
    .main_power_tit h6{ font-size:1.5em;} 
    .main_power_{ width: 90%; margin: 20px auto 0px;} 
    .main_power_ ul li div.img-zoom-in{  height:110px; }
    .main_power_ ul li p{ font-size: 0.9em; padding: 8px 0px;} 
    .main_power > a{ width: 100px; padding: 10px 0px; font-size: 1em;} 

    
    
    .weizhi_{width: 90%; font-size: 0.9em; } 
    .weizhi_ a{ font-size: 1em; } 



    .con_about_{ background:#F6F6F6; height: auto; padding: 50px 0px 50px; } 
    .con_about__{ width: 90%; padding-right:0px;} 
    .con_about__ span{ font-size: 1.2em;} 
    .con_about__ h2{ font-size:1.5em;} 
    .con_about__ h5{font-size: 1.2em; margin-top: 8px;} 
    .con_about__ p{  font-size: 1em;  margin: 20px 0px 0px 0px; line-height: 150%;} 

    .con_about_a{ margin: 30px auto; width: 90%;} 
    .con_about_a h3{  font-size:1.2em; margin-bottom: 10px;} 
    .con_about_a p{  font-size: 1em;  line-height: 150%;}
    .con_about_b{ width:90%;} 

    .con_about_c{ margin:30px auto;background-size: cover; height: auto; padding: 30px 0px 30px;}
    .con_about_c_{ width: 90%; } 
    .con_about_c_ > span{ font-size: 1.2em; } 
    .con_about_c_ h5{font-size: 1.5em;margin-bottom:15px;} 
    .con_about_c_ ul li{ width: 48%; margin-right: 0px; margin-bottom: 15px; background: #FFFFFF; text-align: center; padding: 15px 0px;}
    .con_about_c_ ul li:nth-child(2n){ float: right;} 
    .con_about_c_ ul li:last-child{ float: left; margin-right: 0px;} 
    .con_about_c_ ul li h6{ margin-top: 15px;font-size: 1.2em;} 
    .con_about_c_ ul li span{ margin-top: 8px; font-size: 1em;} 


    .con_about_g{ margin: 30px auto;} 
    .con_about_g_tit{ width:90%; } 
    .con_about_g_tit span{ font-size: 1.2em;} 
    .con_about_g_tit h5{font-size: 1.5em;} 



	.time-line{width:90%;margin:20px auto; }
	.time-line .left-btn,.time-line .right-btn{display: none;}
	.time-line .time-box{width: 100%; }
	.time-line .time-box ul{ height: auto;}
	.time-line .time-box ul:after{display: none;}
	.time-line .time-box li{width:300px; height: auto; float: none;padding: 5px 0px; border:none;word-break: break-all;}
	.time-line .time-box li:nth-child(2n){margin-top:0px;}
	.time-line .time-box li:before{display: none;}
	.time-line .time-box li:after{display: none;}
	.time-line .time-box li:nth-child(2n):before{display: none;}
	.time-line .time-box li:nth-child(2n):after{display: none;}
	.time-line .time-box li:hover,.time-line .time-box li.active{background: #FFFFFF;color:#000000;border-color: #FFFFFF;}
	.time-line .time-box li:hover:before,.time-line .time-box li.active:before{display: none;}
	.time-line .time-box li:hover:after,.time-line .time-box li.active:after{display: none;}

    .time-line .time-box li h3{font-size: 1.2em; margin-bottom: 5px;} 
    .time-line .time-box li p{ font-size: 1em; line-height: 150%;word-break: break-all;} 
    .con_about_g_{width:90%;margin:20px auto 20px;}



    .con_plan_a{background-size: cover; height: 300px; padding: 20px 0px 0px; } 
    .con_plan_a .tit{ width: 90%; } 
    .con_plan_a .tit p{font-size: 1.2em; } 
    .con_plan_a .tit h5{font-size: 1.5em; } 


    .con_plan_b{ width: 90%; margin:30px auto;} 
    .con_plan_b .tit{ width: 90%; } 
    .con_plan_b .tit p{font-size: 1.2em;} 

    .con_plan_b .tit h2{font-size: 1.5em;} 
    .con_plan_b .tit h6{font-size: 1.2em; margin-top: 5px;} 
    .con_plan_b ul{ margin-top: 20px;}
    .con_plan_b ul li{ float: none; width: 100%; margin-right: 0;  padding: 20px 20px;} 
    .con_plan_b ul li:nth-child(3n){ float: none; margin-right: 0;} 
    .con_plan_b ul li img{ width: 180px; } 
    .con_plan_b ul li h5{font-size: 1.2em; margin: 10px 0px 5px;} 
    .con_plan_b ul li p{font-size: 1em; } 


    .con_plan_c{background-size: cover;  height: 260px; padding: 20px 0px 0px; } 
    .con_plan_c .tit{ width:90%; } 
    .con_plan_c .tit h5{font-size: 1.2em; margin-bottom: 10px;} 
    .con_plan_c .tit p{display: none;} 



    .con_pro{ padding: 5px 0px 30px;} 

    .con_pro_tit{ margin: 20px auto 30px; width: 90%; } 
    .con_pro_tit h2{  font-size:1.5em;} 
    .con_pro_tit h5{font-size: 1.2em;} 


    .con_pro_{ width: 90%;  } 
    .con_pro_ ul{} 
    .con_pro_ ul li{ float: none; width: 100%;  margin-right: 0; margin-bottom: 3%; padding: 20px; } 
    .con_pro_ ul li:nth-child(3n){ float: none; } 
    .con_pro_ ul li h5{ font-size: 1.2em;  margin-bottom: 5px;} 
    .con_pro_ ul li p{  font-size:1em;} 


    .con_pro_m{margin: 30px auto; width: 90%; } 
    .con_pro_m .fl{ float: none; width: 100%; }
    .con_pro_m .fl img{ height: 260px;} 
    .con_pro_m .fr{ float: none; width: 100%; margin-top: 20px;} 
    .con_pro_m .fr h1{  font-size: 1.5em; } 
    .con_pro_m .fr p{ font-size: 1em; line-height: 150%;  margin: 8px 0px; } 
    .con_pro_m .fr p strong{font-size: 1em;  margin-top: 12px;}    




    .con_case_{ margin: 30px auto; width: 90%;} 
    .con_case_ ul{} 
    .con_case_ ul li{ float: none; width: 100%;margin-right:0; margin-bottom:3%;} 
    .con_case_ ul li:nth-child(3n){ float: none; } 
    .con_case_ ul li div{ height: auto; } 
    .con_case_ ul li div img{ display: block; margin: 0;} 
    .con_case_ ul li p{ font-size:1.2em; } 

    
    
    
    
    
    
    
    .con_join{ padding: 0px 0px 30px;} 

    .con_join_a{ background-size: cover; height: 180px;  padding: 30px 0px 0px;} 
    .con_join_a h3{ font-size:1.5em;} 



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


    .con_join_c{ padding: 30px 0px; } 
    .con_join_c_tit{ width: 90%; } 
    .con_join_c_tit h3{ font-size:1.5em;margin-bottom:5px;} 
    .con_join_c_tit p{ font-size: 1.2em; } 
    .con_join_c_{ width: 90%; margin:20px auto 0px;} 


    .con_join_d{ padding: 30px 0px;} 
    .con_join_d_tit{ width: 90%;} 
    .con_join_d_tit h3{font-size:1.5em;margin-bottom:5px;} 
    .con_join_d_tit p{ font-size: 1.2em; }
    .con_join_d_{ width:90%; margin:20px auto 0px;} 
    .con_join_d_ ul{} 
    .con_join_d_ ul li{ width: 100%; height: auto; float: none; margin-right: 0; padding:50px 35px; box-sizing: border-box; background: #F6F6F6;  }
    .con_join_d_ ul li:last-child{ float: right; margin-right: 0;margin-bottom: 3%;} 
    .con_join_d_ ul li h5{ font-size:1.2em;} 
    .con_join_d_ ul li p{ font-size: 1em; } 



    .con_join_e{ padding: 30px 0px;} 
    .con_join_z_{ width: 90%; } 
    .con_join_z_01{ font-size: 1.2em; } 
    .con_join_z_02{ margin: 10px 0px;} 
    .con_join_z_02 input{ padding: 10px; font-size: 1em; width: 100%; }
    .con_join_z_03{ margin: 10px 0px;} 
    .con_join_z_03 input{ padding: 10px; font-size: 1em; width: 100%;} 
    .con_join_z_04{ margin: 10px 0px;} 
    .con_join_z_04 textarea{padding: 10px; font-size: 1em; width: 100%; height: 80px; } 
    .con_join_z_05{ margin: 20px 0px;text-align: center;box-sizing: border-box;} 
    .con_join_z_05 input{  width:200px; font-size: 1.2em; } 
    
    
    
    
    
    

    .con_news{width: 90%; margin:0px auto 30px;} 
    .con_news ul{ margin-bottom:20px;} 
    .con_news ul li{ padding:30px 0px;  } 
    .con_news ul li img{ width: 100%; height: 100%; float: none;} 
    .con_news ul li span{ float: none; width: 100%; margin-top: 20px;} 
    .con_news ul li h3{ font-size:1.2em; } 
    .con_news ul li em{  margin: 10px 0px 20px; font-size: 1em; } 
    .con_news ul li p{ line-height: 150 %; margin-bottom: 10px; } 



    .con_news_m{margin: 0px auto 30px; width: 100%; background: #FFFFFF; padding: 10px 0px; } 
    .con_news_m H1{ font-size: 1.5em; } 
    .con_news_m span{  } 
    .con_news_m p{margin: 25px 0px; font-size: 1em; line-height: 150%; } 
    .con_news_m img{ width: 100%;} 
    .con_news_m a{ font-size: 1em;} 

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

    /*内页-新闻*/


    /*内页-联系我们*/
    .con_contact_{  width:90%; margin:30px auto; } 
    .con_contact_ ul{ } 
    .con_contact_ ul li{ float: none; width: 100%;  border-right:none; padding: 0px 0px; margin-bottom: 20px; }
    .con_contact_ ul li:last-child{ float: none; }
    .con_contact_ ul li img{ width: 60px;} 
    .con_contact_ ul li h2{ font-size: 1.2em;}
    .con_contact_ ul li p{  font-size: 1em;  margin-top: 2px;}
    .con_contact_ ul li span{  font-size: 1em; }

    .con_contact_ .map{   height: 200px; margin-top: 20px;}

    

    
    
    



    /*css black2 style pagination*/
    div.black2 a{padding:2px 6px; }
    div.black2 a.curr{padding:2px 6px; } 
    
    
    .bottom_{ width:90%; padding: 30px 0px; }
    .bottom_l{ display: none;}

    .bottom_r{ float:none;  text-align: center;}
    .bottom_r img{ width: 50%;} 
    .bottom_r h5{ font-size: 1.2em; margin: 10px 0px 8px;} 
    .bottom_r p{ font-size: 1em; }


    .bottom_info{width:90%; font-size: 0.8em; } 
    .bottom_info a{font-size: 1em;} 



}

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