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

@font-face { 
/* font-test*/
font-family: vv-l;
src:url('/fonts/vivoSans-Light.ttf');
}

@font-face { 
/* font-test*/
font-family: vv-r;
src:url('/fonts/vivoSans-Regular.ttf');
}

@font-face { 
/* font-test*/
font-family: vv-b;
src:url('/fonts/vivoSans-Bold.ttf');
} 

*{ margin:0; padding:0;} 
body{ font-size:14px; margin: 0; font-family: vv-r; 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:#223d2d;} 
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: vv-b;line-height: 100%;} 
strong {font-family: vv-b;} 
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; background: #223d2d; padding: 0px; z-index: 99999; transition: all 0.6s;}

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


.nav_menu { float: right; margin-top: 8px;} 
.nav_menu ul { display: flex; gap:60px;} 
.nav_menu ul li{ flex: auto;} 
.nav_menu ul li a{display:block; padding: 10px 0px; color: #FFFFFF; text-align: center;font-size: 16px;  margin-top:5px;} 
.nav_menu ul li a:hover{ border-bottom: #FFFFFF 3px solid;} 
.nav_menu ul li:last-child{padding: 10px 0px; color: #FFFFFF;font-size: 28px;} 


.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: #223d2d;} 



/* fullSlide */
.container {  width: 100%; height: auto;text-align: center;} 
.carousel {position: relative;width: 100%;height: auto;overflow: hidden;} 
.carousel-inner {display: flex;transition: transform 0.5s ease-in-out;height: 100%;} 
.carousel-item { min-width: 100%;height: 100%;position: relative;} 
.carousel-item img {width: 100%;height: 100%;object-fit: cover;display: block;} 
.carousel-control {position: absolute;top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.2);border: none;color: #FFFFFF;font-size: 1.5em; width: 50px;height: 50px; border-radius: 50%; cursor: pointer; transition: background 0.3s;display: flex;align-items: center;justify-content: center;}
.carousel-control:hover { background: rgba(255, 255, 255, 0.4);} 
.carousel-control.prev { left: 20px; } 
.carousel-control.next {right: 20px; } 
.carousel-indicators {position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;} 
.indicator { width: 15px;height: 15px;border-radius: 50%;background: rgba(255, 255, 255, 0.5);cursor: pointer; transition: background 0.3s;} 
.indicator.active {background: #FFFFFF;transform: scale(1.2);} 





.main_about{ width: 100%; height: auto; margin: 120px 0px; padding:0px; } 
.main_about_{ width: 80%; margin: 0px auto;} 

.main_about_left{ float: left; width: 40%; } 
.main_about_left .txt {} 
.main_about_left .txt h2{ font-size: 50px; color: #CCCCCC;text-transform: uppercase; margin: 0px 0px 10px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.main_about_left .txt h5{ font-size: 36px; color: #000000; } 
.main_about_left .txt em{display: block; width: 100%; margin: 25px 0px; background: #DDDDDD; height: 1px;} 
.main_about_left .txt p{color: #333333; font-size: 18px;font-family: vv-l; text-align: justify;line-height: 175%; } 
.main_about_left .txt a{ display: inline-block; color: #000000; font-size: 16px; margin-top: 50px; text-transform: uppercase;} 
.main_about_left .txt a:hover{ color: #223d2d;} 

.main_about_right{ float: right; width:50%; height:auto; overflow: hidden; } 
.main_about_right img{ width: 100%; height: 100%; object-fit: cover;} 






.main_pro{ width:100%; margin:0px; padding:50px 0px 80px;background: #223d2d; } 
.main_pro_tit{margin:0px;width: 100%; text-align: center;  padding: 0px 0px 50px;} 
.main_pro_tit h3{ font-size: 50px; color: #FFFFFF;text-transform: uppercase;  margin: 0px 0px 10px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.main_pro_tit h5{ font-size: 36px; color: #FFFFFF; } 

.main_pro_{ width:100%; margin:0px;} 
.main_pro_top{width: 100%; height: 100%; overflow:hidden;} 
.main_pro_top img{ width: 100%; height: 100%; object-fit: cover;} 
.main_pro_ ul{display: flex;  justify-content: space-between; padding: 30px; box-sizing: border-box;} 
.main_pro_ ul li{  width: 32%; } 
.main_pro_ ul li div.img-zoom-in{width: 100%; height: 100%; overflow: hidden;} 
.main_pro_ ul li div.img-zoom-in img{ width: 100%; height: 100%; object-fit: cover;} 

.main_pro > a{ display: block; margin: 0px auto; width: 300px; text-align: center; font-size: 20px; border: #FFFFFF 1px solid; padding: 20px 0px; color: #FFFFFF; text-transform: uppercase;} 
.main_pro > a:hover{ background: #FFFFFF; color: #223d2d;} 



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

.main_news_tit { text-align: center;} 
.main_news_tit h3{ font-size: 50px; color: #CCCCCC;text-transform: uppercase;  margin: 0px 0px 10px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.main_news_tit h5{font-size: 36px; color: #000000; } 

.main_news_{ width:80%; margin: 35px auto 0px;} 

.main_news_ ul{ display: flex;  justify-content: space-between; } 
.main_news_ ul li{ width:24%; padding:20px; background: #FFFFFF; box-sizing: border-box;} 
.main_news_ ul li img{ width: 100%; height: 220px; object-fit: cover;} 
.main_news_ ul li h3 {font-size:18px;color: #000000; margin: 30px 0px 20px; line-height: 125%;} 
.main_news_ ul li p{ font-size: 14px; color: #999999; line-height: 150%; margin: 0px 0px 30px;} 
.main_news_ ul li h6{ font-size: 12px; color: #333333;} 
.main_news_ ul li a:hover  h3{ color: #223d2d;} 





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


.z_banner{ width:100%; text-align: center; margin: 0px; padding: 0px;} 
.z_banner img{ width:100%; } 

.locatn{width:100%;  padding:0px 0px 20px; margin: 50px 0px 0px; color: #333333; border-bottom: #EEEEEE 1px solid;}
.locatn_{width: 1280px;  margin: 0px auto;font-size: 14px;} 
.locatn_ a{color: #666666; font-size: 14px; } 
.locatn_ a:hover{color: #223d2d;} 


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

.con_about_{ width: 1280px; margin: 0px auto;} 
.con_about_ span{display: block;font-size: 36px; line-height: 100%; color: #999999; opacity: 0.5; text-transform: uppercase;} 
.con_about_ h2{ color: #223d2d; font-size:40px; margin: 10px 0px 0px;} 
.con_about_ p{  font-size: 18px; line-height: 175%; text-align: justify;color: #000000; margin: 30px 0px 0px 0px; font-weight: lighter;} 
.con_about_ p strong{ display: block;font-size:20px; margin-bottom: 10px;} 

.con_about_c{  width:100%;margin:80px auto;}
.con_about_c_{ width: 1280px; margin: 0px auto;} 
.con_about_c_ span{display: block;font-size: 36px; color: #000000; opacity: 0.5; text-transform: uppercase;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";} 
.con_about_c_ h2{font-size: 40px; color: #223d2d;} 
.con_about_c_ ul {display: flex;flex-wrap:wrap; justify-content: space-between; margin-top: 50px;} 
.con_about_c_ ul li{ text-align: center; padding: 30px 0px; width: 33%; box-sizing: border-box; background: #223d2d;} 
.con_about_c_ ul li img{ width:65px;} 
.con_about_c_ ul li h6{  font-size: 18px;color: #FFFFFF; margin:20px 0px 10px;} 
.con_about_c_ ul li p{ font-size: 16px;color: #FFFFFF; line-height: 150%; } 


.con_about_d{ width:1280px;margin:50px auto;} 
.con_about_d ul {display: flex;flex-wrap:wrap; justify-content: space-between; gap:10px 0px;} 
.con_about_d ul li{   width: 49.6%;  overflow: hidden;} 
.con_about_d ul li img{ width:100%; height: 100%; object-fit: cover;} 




/*内页-产品*/ 

.con_pro{width: 100%; padding:60px 0px; } 
.con_pro_{ margin:0px auto; width: 1280px;}
.con_pro_ ul{display: flex;  justify-content: flex-start;flex-wrap:wrap; gap:20px;} 
.con_pro_ ul li{  width:49%;  overflow: hidden; padding: 20px; border: #EEEEEE 1px solid;box-sizing: border-box;} 
.con_pro_ ul li div{width: 100%; overflow: hidden;} 
.con_pro_ ul li div img{ width: 100%; } 
.con_pro_ ul li p{  font-size: 18px;  text-align: center; color: #999999; padding: 20px 0px;} 


.con_pro_m{ margin: 50px auto; width:1280px;} 
.con_pro_m_ h1{ font-size:36px; line-height: 150%; margin-bottom: 30px; margin-top: 50px; text-align: center;} 
.con_pro_m_det #MyContent{} 
.con_pro_m_det #MyContent p{ padding: 0; margin: 0;} 
.con_pro_m_det #MyContent img{ display: block; margin: 0 auto;} 



/*内页-新闻*/ 

.con_news{width: 1280px; margin:50px auto;} 
.con_news_{} 
.con_news_ ul{} 
.con_news_ ul li{ padding:80px 0px;transition:All 0.5s; border-bottom: #DDDDDD 1px solid;} 
.con_news_ ul li:hover {border-bottom: #223d2d 1px solid;}
.con_news_ ul li div.fl{ float: left; width: 50%; transition: all 0.6s; padding-top: 50px;} 

.con_news_ ul li div.fl p{} 
.con_news_ ul li div.fl p a{ font-size: 28px;} 
.con_news_ ul li div.fl em{display: block; margin: 20px 0px; width: 50px; height: 2px; background: #223d2d; transition: all 0.6s;} 
.con_news_ ul li div.fl:hover em{ width:120px;} 
.con_news_ ul li div.fl span{ display: block; line-height: 175%; margin-bottom: 20px; color: #999999;} 
.con_news_ ul li div.fl i{ font-style: normal;} 

.con_news_ ul li div.fr{float: right; width: 40%; height: 320px; overflow: hidden;} 
.con_news_ ul li img{ width: 100%; height: 360px; object-fit: cover;} 

.con_news_m{ } 
.con_news_m > h1{ font-size:36px; line-height: 150%; margin-bottom: 10px; text-align: center;} 
.con_news_m > h5{ font-size: 14px; color: #999999; font-weight: lighter; padding-bottom: 50px; text-align: center;} 

.con_news_m #MyContent p{ font-size: 18px; text-align: justify; line-height: 175%; margin-bottom: 35px;} 
.con_news_m #MyContent p img{ display: block; margin: 35px auto; max-width: 750px;} 

.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: 10px 0px;} 
.con_news_more ul li a{ font-size:18px;} 

/*内页-新闻*/



/*内页-联系我们*/

.con_contact{  width:1280px; margin:80px auto; } 
.con_contact .fl{  width: 1280px;} 
.con_contact .fl ul{display: flex;flex-wrap:wrap; justify-content: space-between; gap:10px 0px;} 
.con_contact .fl ul li{  width: 49.6%; text-align: center; background: #F6F6F6; padding: 50px 0px;} 

.con_contact .fl ul li i{ display: block; margin: 0 auto; font-size: 50px; margin-bottom: 30px;} 
.con_contact .fl ul li h2{ font-size: 36px;}
.con_contact .fl ul li p{ margin-bottom: 5px; font-size: 20px;}
.con_contact .fl ul li span{display: inline-block; font-size: 18px;}
.con_contact .fr{  width: 1280px; margin: 30px 0px 0px;}
.con_contact .fr img{ width: 100%;} 





/*内页-联系我们*/














/******底部*****/

.bottom{ width:100%; height:auto; background:#223d2d; margin:0px;  padding: 50px 0px;} 

.bottom_{ width:80%; margin:0 auto;} 
.bottom_logo{ float: left; width: 260px;} 
.bottom_logo img{ width: 100%;} 

.bottom_con{float: left; margin-left: 100px;} 
.bottom_con .top{} 
.bottom_con .top ul{display: flex; gap:0px 50px;} 
.bottom_con .top ul li{ text-align: center; border-right: #FFFFFF 1px solid; padding-right: 50px; box-sizing: border-box;} 
.bottom_con .top ul li:last-child{ border-right:none;}  
.bottom_con .top ul li i{ display: inline-block;color: #FFFFFF; font-size: 36px; margin-bottom: 10px;} 
.bottom_con .top ul li h3{font-size: 24px;color: #FFFFFF; opacity: 0.8;} 
.bottom_con .top ul li p{ color:#FFFFFF; font-size: 16px;opacity: 0.8;} 
.bottom_con .top ul li p a{ color:#FFFFFF; } 

.bottom_con .link{ color:#FFFFFF; margin-top: 40px; opacity: 0.6;} 
.bottom_con .link a{display: inline-block; color:#FFFFFF;margin-right: 10px;font-size: 16px;} 
.bottom_con .info{color:#FFFFFF; margin-top: 40px;font-size: 16px;opacity: 0.6; } 
.bottom_con .info a{ display: inline-block; color:#FFFFFF;margin-right: 10px;font-size: 16px; } 

.bottom_code{ float: right;width: 120px; text-align: center; margin-top: 30px;} 
.bottom_code img{  width: 100%;} 
.bottom_code p{ font-size: 14px; color: #FFFFFF;} 


/*****************************************20260810******************************************/


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








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

.nav_{ width:90%;}
.nav_menu ul { display: flex; gap:50px;} 
	
.main_about{  margin: 90px 0px;} 
.main_about_{ width: 90%; } 

.main_news_{ width:90%;}

.bottom_{ width:90%;}
.bottom_con{margin-left: 80px;} 
.bottom_con .top ul{gap:0px 40px;} 
.bottom_con .top ul li{padding-right: 40px;} 
} 


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

.nav_{ width:98%;}
.nav_menu ul { display: flex; gap:40px;} 

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

.main_news_{ width:98%;}
.bottom_{ width:98%;} 
.bottom_con{margin-left: 60px;} 
.bottom_con .top ul{gap:0px 30px;} 
.bottom_con .top ul li{padding-right: 30px;} 

} 








.mobile-inner{ display: none;}
.carousel-item .pc{ display: block;}
.carousel-item .mo{ display: none;}
.carousel-container-m{ display: none;}


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

	.nav{ display: none;}
	.carousel-item .pc{ display: none;}
    .carousel-item .mo{ display: block;}
	.carousel-control {display: none;}

	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 60px;background: #223d2d;} 
	.mobile-inner-header .img0 { float: left; width: 45%; margin-top:3%; margin-left: 4%;} 
	.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: 80px;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: #FAFAFA;} 
	.carousel-indicators {bottom: 10px;gap: 5px;} 
    .indicator { width: 10px;height: 10px;} 



	
	
	
	.main_about{  margin: 50px 0px; } 
	.main_about_{ width: 90%;} 

	.main_about_left{ float: none; width:100%; } 
	.main_about_left .txt h2{ font-size: 2em;} 
	.main_about_left .txt h5{ font-size: 1.6em; } 
	.main_about_left .txt em{ margin: 20px 0px; } 
	.main_about_left .txt p{ font-size: 1em; line-height: 155%; } 
	.main_about_left .txt a{ font-size: 1em; margin-top: 20px; } 

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

	
	.main_pro{ padding:30px 0px 50px;} 
	.main_pro_tit{  padding: 0px 0px 30px;} 
	.main_pro_tit h3{ font-size: 2em;} 
	.main_pro_tit h5{ font-size: 1.6em;} 

	.main_pro_{ width:90%; margin: 0 auto;}
	.main_pro_top{  margin: 0 auto 10px;} 
	.main_pro_ ul{ padding: 0px;gap:10px;} 
	.main_pro_ ul li{width:33.2%;} 

	.main_pro > a{  width: 100px; font-size: 1em;  padding: 10px 0px;  margin-top: 20px;}


	.main_news{ padding: 50px 0px; } 

	.main_news_tit {  } 
	.main_news_tit h3{ font-size: 2em;} 
	.main_news_tit h5{font-size: 1.6em; } 

	.main_news_{ width:90%; margin: 25px auto 0px;} 

	.main_news_ ul{display: block; } 
	.main_news_ ul li{ width:100%; padding:20px;} 
	.main_news_ ul li img{  height: 100%; } 
	.main_news_ ul li h3 {font-size:1em; margin: 20px 0px 10px; } 
	.main_news_ ul li p{ font-size: 0.8em;  margin: 0px 0px 10px;} 
	.main_news_ ul li h6{ font-size: 0.8em; } 

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


	.locatn{ margin: 20px 0px 0px; }
	.locatn_{width: 90%; font-size: 1em;} 
	.locatn_ a{font-size: 1em; } 


	.con_about{ margin: 35px 0px; } 

	.con_about_{ width: 90%; } 
	.con_about_ span{ font-size: 1.8em; } 
	.con_about_ h2{  font-size:1.6em;  } 
	.con_about_ p{  font-size: 1em; line-height: 155%;   margin: 20px 0px 0px 0px;  } 
	.con_about_ p strong{  font-size:1em; } 

	.con_about_c{ margin:35px auto;}
	.con_about_c_{ width: 90%; } 
	.con_about_c_ span{font-size: 1.8em;} 
	.con_about_c_ h2{font-size: 1.6em; } 
	.con_about_c_ ul { margin-top: 20px; gap:10px 0px;} 
	.con_about_c_ ul li{  padding: 30px 0px; width: 100%; } 
	.con_about_c_ ul li img{ width:65px;} 
	.con_about_c_ ul li h6{  font-size: 1.2em; } 
	.con_about_c_ ul li p{ font-size: 1em; } 


	.con_about_d{ width:90%;margin:35px auto;} 



	/*内页-产品*/ 

	.con_pro{ padding:30px 0px; } 
	.con_pro_{ width: 90%;}
	.con_pro_ ul{ gap:20px 0px;} 
	.con_pro_ ul li{  width:100%;   padding: 10px; } 
	.con_pro_ ul li p{  font-size: 1.2em; padding: 10px 0px; } 


	.con_pro_m{ width:90%;} 
	.con_pro_m_ h1{ font-size:1.5em; line-height: 125%; margin-bottom: 20px; margin-top: 20px; } 
    .con_pro_m_ .img img{  width: 100%; height: 100%;} 



	/*内页-新闻*/ 

	.con_news{width: 90%; margin: 10px auto;} 
	.con_news_{} 
	.con_news_ ul{} 
	.con_news_ ul li{ padding:30px 0px; } 
	.con_news_ ul li div.fl{ float: none; width: 100%;  padding-top:0px;} 
	.con_news_ ul li div.fl p a{ font-size: 1.2em;} 
	.con_news_ ul li div.fl em{margin: 10px 0px; } 
	.con_news_ ul li div.fl span{font-size: 0.8em; line-height: 155%; } 

	.con_news_ ul li div.fr{float: none; width: 100%; height: auto; margin-top: 20px;} 
	.con_news_ ul li img{  height: 100%; } 

	.con_news_m{  width: 100%;} 
	.con_news_m > h1{ font-size:1.5em; line-height: 125%;text-align: left;} 
	.con_news_m > h5{ font-size: 1em;  padding-bottom: 30px; text-align: left;} 

	.con_news_m #MyContent p{ font-size: 1em;  line-height: 155%; margin-bottom: 25px;} 
	.con_news_m #MyContent p img{ width: 100%; margin: 25px auto; max-width: 100%;} 

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

	/*内页-新闻*/



	/*内页-联系我们*/

	.con_contact{  width:90%; margin:50px auto; } 
	.con_contact .fl{  width: 100%;} 
	.con_contact .fl ul{ } 
	.con_contact .fl ul li{  width: 100%; padding: 30px 0px;} 

	.con_contact .fl ul li i{ font-size: 3em; margin-bottom: 20px;} 
	.con_contact .fl ul li h2{ font-size: 1.6em;}
	.con_contact .fl ul li p{ font-size: 1.2em;}
	.con_contact .fl ul li span{ font-size: 1em;}
	.con_contact .fr{  width: 100%; margin: 20px 0px 0px;}





/*内页-联系我们*/
	
	
	
	
	.bottom{ padding:30px 0px;} 

	.bottom_{ width:90%; margin:0 auto;} 
	.bottom_logo{ display:none;} 

	.bottom_con{float: none; margin-left: 0px; text-align: center;} 
	.bottom_con .top{} 
	.bottom_con .top ul{ display: block;gap:20px 0px;} 
	.bottom_con .top ul li{ border-right: none;   padding-right: 0px; padding-bottom: 20px;} 
	.bottom_con .top ul li:last-child{ border-right:none;}  
	.bottom_con .top ul li i{ font-size: 2em; margin-bottom: 10px;} 
	.bottom_con .top ul li h3{font-size: 1.2em; } 
	.bottom_con .top ul li p{  font-size: 1em ; } 
	.bottom_con .top ul li p a{   } 

	.bottom_con .link{display: none;} 
	.bottom_con .info{ margin-top:20px;font-size: 0.8em; } 
	.bottom_con .info a{ margin-right: 5px;font-size: 1em; } 

	.bottom_code{display: none;}



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

}


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