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



@font-face {
/* font-test*/
font-family: MiSans;
src:url('/fonts/MiSans-Regular.ttf');
}
@font-face {
/* font-test*/
font-family: MiSans-b;
src:url('/fonts/MiSans-Semibold.ttf');
}

@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.15); 
                transform: scale(1.15); 
    }
    to {
        -webkit-transform: scale(1); 
                transform: scale(1); 
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.15);
             transform: scale(1.15);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.15);
           transform: scale(1.15);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.15);
           -moz-transform: scale(1.15);
             -o-transform: scale(1.15);
                transform: scale(1.15);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}


*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; font-family:"微软雅黑"; margin: 0px; padding: 0px;}
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:#1771bc;} 
a:visited {text-decoration:none;color:#000000;} 

/*** effect zoom in ***/
.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{ 
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
} 
/*** effect zoom in ***/

.img-zoom-deg img{ 
transition:All 0.5s ease-in-out; 
-webkit-transition:All 0.4s ease-in-out; 
-moz-transition:All 0.4s ease-in-out; 
-o-transition:All 0.4s ease-in-out; 
} 



.img-zoom-deg:hover img {
-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
transform: rotate(360deg);
} 

.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
} 

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
}



/*导航*/
.nav{ width:100%;  margin: 0px; padding: 0px; background: #1771bc; transition: all 0.6s;} 

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

.nav_txt{ float: left; font-size: 24px;color: #FFFFFF; font-weight: bold; margin: 30px 0px 0px 20px;} 

.nav_menu {float: right; margin:30px 0px 0px 0px;}
.nav_menu ul {display: flex; gap:60px;}
.nav_menu ul li {  }
.nav_menu ul li a{ font-size: 18px; } 
.nav_menu ul li a, .nav_menu ul li a:visited {display:block; text-align:center; text-decoration:none; box-sizing: border-box;color: #FFFFFF; transition: all 0.3s;}
.nav_menu ul li a:hover{color: #FFFFFF; border-bottom:#FFFFFF 3px solid; padding-bottom: 10px; font-weight: bold;} 

.nav_r{ float: right; text-align: right; margin: 25px 0px 0px 50px; } 
.nav_r i{color: #FFFFFF; font-size: 14px; border: #FFFFFF 1px solid; border-radius: 50%; width: 26px; height: 26px; line-height: 26px; text-align: center;} 
.nav_r span{ display: inline-block; color: #FFFFFF; font-size: 24px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
/*
.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:#1771bc; color:#000000;}
*/






/* 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%; background: url("/images/bg01.jpg") no-repeat center bottom; height:auto; padding: 100px 0px 0px; box-sizing: border-box;} 
.main_about_{width:80%; margin:0px auto;} 
.main_about_fl{ float: left; width: 40%;} 
.main_about_fl span{display: block; font-size: 48px; opacity: 0.2; color: #1771bc; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";} 
.main_about_fl em{ display: block; background: #CCCCCC; height: 1px; width:100%; margin: 30px 0px;} 
.main_about_fl h5{font-size: 36px; color:#1771bc; margin-bottom: 10px;}
.main_about_fl h3{font-size: 28px; color:#000000; margin-bottom: 30px;}
.main_about_fl p{font-size: 18px; color:#000000; line-height:200%; text-align: justify; font-weight: lighter;} 
.main_about_fl a{ display: block; margin: 60px 0px 0px; width: 120px; border: #1771bc 2px solid; color: #1771bc; font-size: 18px; text-align: center; padding: 5px 0px; transition: all 0.6s;} 
.main_about_fl a:hover{ width: 180px; background: #1771bc; color: #FFFFFF;} 

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

.main_about_info{width: 100%; background: rgba(23,113,188,0.9); padding: 50px 0px; margin-top: 80px;} 
.main_about_info_{width:80%; margin:0px auto;} 
.main_about_info_ ul{ display: flex; justify-content: space-between; flex-wrap: nowrap;} 
.main_about_info_ ul li{ flex:auto;  text-align: center; border-left: #FFFFFF 1px solid;} 
.main_about_info_ ul li:last-child{border-right: #FFFFFF 1px solid;} 
.main_about_info_ ul li h3{ font-size: 18px; color: #FFFFFF;} 
.main_about_info_ ul li h3 span{display: inline-block; margin-right: 5px; color:#FFFFFF;font-size: 66px; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";} 
.main_about_info_ ul li p{ color: #FFFFFF; margin-top:10px;} 



.main_pro{ width: 100%; padding:100px 0px; margin: 0; background: url(/images/bg02.jpg) no-repeat center top; } 

.main_pro_tit{text-align: center; margin: 0px auto;} 
.main_pro_tit h3{font-size: 40px; color:#1771bc;margin:0px 0px 10px;} 
.main_pro_tit p{font-size: 16px; color:#000000; font-weight: lighter;text-transform: uppercase;} 

.main_pro .main_pro_{ width:80%; margin: 50px auto;} 
.main_pro .main_pro_ .fl{ float: left;width: 33.3%; height: 100%; overflow: hidden; border-radius:20px;} 
.main_pro .main_pro_ .fl img{display: block; margin: 0; width: 100%; height: 100%; object-fit: cover;} 
.main_pro .main_pro_ .fc{ float: left;width: 45.32%; margin-left: 1.1%;} 
.main_pro .main_pro_ .fc ul{ display: flex;  flex-wrap: wrap; justify-content: space-between; gap:12px 0;} 
.main_pro .main_pro_ .fc ul li{ width: 49%;overflow: hidden; border-radius:20px; background: #FFFFFF;} 
.main_pro .main_pro_ .fc ul li img{ width: 100%;} 
.main_pro .main_pro_ .fc ul li p{ display: block; width: 100%; padding: 20px 0px; font-size: 16px; text-align: center;} 

.main_pro .main_pro_ .fr{ float: right; width: 19.2%;} 
.main_pro .main_pro_ .fr ul{display: flex; flex-wrap: wrap; gap:12px 0;} 
.main_pro .main_pro_ .fr ul li{ width: 100%; overflow: hidden; border-radius:20px; background: #FFFFFF;} 
.main_pro .main_pro_ .fr ul li img{ width: 100%;} 
.main_pro .main_pro_ .fr ul li p{ display: block; width: 100%; padding: 20px 0px; font-size: 16px; text-align: center;} 

.main_hr{ width:80%;margin:80px auto; background: #1771bc; height: 3px;} 

.main_join_tit{text-align: center; margin: 0px auto;} 
.main_join_tit h3{font-size: 40px; color:#1771bc;margin:0px 0px 10px;} 
.main_join_tit p{font-size: 16px; color:#000000; font-weight: lighter;text-transform: uppercase;} 

.main_join_{ width: 80%; margin: 50px auto 0px;} 
.main_join_ ul{display: flex; flex-wrap: wrap;  justify-content: space-between;} 
.main_join_ ul li{width:25%; height: auto; text-align: center;  background: #FFFFFF; overflow: hidden;} 
.main_join_ ul li:first-child{padding: 50px 50px; box-sizing: border-box;} 
.main_join_ ul li:first-child img{ width: 60px; height: 60px;} 
.main_join_ ul li:nth-child(2) img{ width: 100%; height: 100%; object-fit: cover;} 
.main_join_ ul li:nth-child(3){ padding: 50px 50px; box-sizing: border-box;} 
.main_join_ ul li:nth-child(3) img{ width: 60px; height: 60px;} 
.main_join_ ul li:nth-child(4) img{ width: 100%; height: 100%; object-fit: cover;} 
.main_join_ ul li:nth-child(5) img{ width: 100%; height: 100%; object-fit: cover;} 
.main_join_ ul li:nth-child(6){padding: 50px 50px; box-sizing: border-box;} 
.main_join_ ul li:nth-child(6) img{ width: 60px; height: 60px;} 
.main_join_ ul li:nth-child(7) img{ width: 100%; height: 100%; object-fit: cover;} 
.main_join_ ul li:last-child{ padding: 50px 50px; box-sizing: border-box;} 
.main_join_ ul li:last-child img{ width: 60px; height: 60px;} 
.main_join_ ul li h5{font-size: 22px; color:#1771bc; margin-top: 30px;} 
.main_join_ ul li em{ display: block; background: #000000; height: 1px; width:80px; margin: 20px auto; } 
.main_join_ ul li p{ color: #000000; font-size: 16px; font-weight: lighter;text-align: center; line-height: 175%;} 




.main_case{ width: 100%;margin:0px; padding: 80px 0px; background: url(/images/bg03.jpg) no-repeat center;}

.main_case_tit{text-align: center; margin: 0px auto;} 
.main_case_tit h3{font-size: 40px; color:#1771bc;margin:0px 0px 10px;} 
.main_case_tit p{font-size: 16px; color:#000000; font-weight: lighter;text-transform: uppercase;} 

.main_case_{width: 80%; margin: 60px auto 0px;} 
.main_case_ .fl{ float: left; width: 30%;} 
.main_case_ .fc{float: left; width: 28%; margin-left: 5%;} 
.main_case_ .fr{ float: right; width: 30%;} 
.main_case_ ul{} 
.main_case_ ul li{ width: 100%; background: #FFFFFF; margin-bottom:30px; border: #1771bc 2px solid; border-radius:15px; position: relative; padding: 30px; box-sizing: border-box;}
.main_case_ ul li:hover {color: #1771bc; } 
.main_case_ ul li h5{font-size: 22px; color:#1771bc; margin-bottom: 10px; } 
.main_case_ ul li p{ color: #000000; font-size: 18px; line-height: 155%; font-weight: lighter;} 
.main_case_ .fc img{ width: 100%;} 
.main_case_ ul li::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 20px solid transparent;  /* 箭头大小，改这个数值 */
}
.main_case_ .fl ul li::after {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #1771bc;
}
.main_case_ .fr ul li::after {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: #1771bc;
}

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

.main_news_{ width: 80%; margin:50px auto 0px;} 
.main_news_l{  width: 100%;} 
.main_news_l .img-zoom-in{float: left; width: 45%; height: 385px; overflow: hidden;} 
.main_news_l .img-zoom-in img{ width: 100%; height: 100%; object-fit: cover;} 

.main_news_l .txt{ float: right; background: #FFFFFF; width: 55%;height: 385px; padding: 80px; box-sizing: border-box;} 
.main_news_l .txt h5{font-size: 24px; margin-bottom: 20px;} 
.main_news_l .txt p{ font-size: 16px; line-height: 175%; font-weight: lighter;} 
.main_news_l .txt span{ display: block; margin-top: 30px;} 

.main_news_r{ width: 100%; margin-top:30px;} 
.main_news_r ul{display: flex;flex-wrap:wrap; justify-content: space-between;} 
.main_news_r ul li{ width: 32%; padding:25px; box-sizing: border-box; background: #FFFFFF;} 
.main_news_r ul li h5{font-size:22px; margin-bottom: 15px;} 
.main_news_r ul li p{ font-size: 16px; margin-bottom:8px; line-height: 150%; color: #999999; font-weight: lighter;} 
.main_news_r ul li a:hover h5{color: #1771bc;} 
.main_news_r ul li a:hover p{color: #1771bc;} 



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


.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{width:100%;margin:0px; background: url("/images/a01.jpg") no-repeat center; padding:280px 0px 100px; box-sizing: border-box;} 

.con_about_tit{ width:1280px;margin:0px auto; text-align:left;} 
.con_about_tit h5{font-size:36px; color: #FFFFFF; opacity: 0.5; text-transform: uppercase;} 
.con_about_tit p{ font-size:46px; color: #FFFFFF; font-weight: bolder;} 

.con_about_con{ margin: 50px auto; width: 1280px; padding-right: 600px; box-sizing: border-box;} 
.con_about_con p{ margin: 20px 0px; color: #FFFFFF; opacity:1; line-height: 175%; font-size: 16px; text-align: justify;font-weight: lighter;} 

.con_about_a{width:100%;padding:80px 0px;} 
.con_about_a_tit{ width:1280px;margin:0px auto; text-align:left;} 
.con_about_a_tit h5{font-size:50px; color: #999999; opacity: 0.2; text-transform: uppercase;} 
.con_about_a_tit p{ font-size:36px; color: #1771bc; font-weight: bolder; margin-top: -20px;} 
.con_about_a_{width:1280px;margin:35px auto 0px;} 
.con_about_a_ ul{ display: flex; justify-content: space-between; flex-wrap: nowrap;} 
.con_about_a_ ul li{  width: 33%;   background: #F8F8F8; text-align: center; padding: 30px 0px;} 
.con_about_a_ ul li img{ width: 80px; height: 80px;} 
.con_about_a_ ul li div{ } 
.con_about_a_ ul li div h3{ font-size: 24px;color: #1771bc; margin: 20px 0px 10px;} 
.con_about_a_ ul li div p{ color: #666666; line-height: 175%; font-size: 16px;} 
.con_about_a_img{width:1280px;margin:8px auto 0px;} 
.con_about_a_img img{ width: 100%;} 


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

.con_about_c_tit{ width:1280px;margin:0px auto; text-align:left;} 
.con_about_c_tit h5{font-size:50px; color: #999999; opacity: 0.2; text-transform: uppercase;} 
.con_about_c_tit p{ font-size:36px; color: #1771bc; font-weight: bolder; margin-top: -20px;} 


.silder-box-1{ width:100%;  position: relative;} 
.con_about_c_{width: 1280px; margin: 50px auto 0px;} 
.con_about_c_ ul{} 
.con_about_c_ ul li{ width: 410px; height: 240px; background: #FFFFFF; box-sizing: border-box; padding: 30px; float: left; text-align: center;}
.con_about_c_ ul li:hover{ background: #1771bc;} 
.con_about_c_ ul li h5{color: #1771bc; font-size: 36px; margin-bottom: 20px; } 
.con_about_c_ ul li p{ color: #000000; font-size: 18px; font-weight: lighter; line-height: 175%;} 
.con_about_c_ ul li:hover h5{color: #FFFFFF;} 
.con_about_c_ ul li:hover p{color: #FFFFFF;} 

.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.btl{  top:38%; left:10%;} 
.silder-button-1.btl i{ border: #999999 1px solid; color: #999999; padding: 10px 20px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-1.btl i:hover{background: #1771bc;border: #1771bc 1px solid;color: #FFFFFF;} 
.silder-button-1.btr{  top:38%; right:10%;} 
.silder-button-1.btr i{ border: #999999 1px solid; color: #999999; padding: 10px 20px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-1.btr i:hover{background: #1771bc;border: #1771bc 1px solid;color: #FFFFFF;} 




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

.con_about_d_tit{ width:1280px;margin:0px auto; text-align:left;} 
.con_about_d_tit h5{font-size:50px; color: #999999; opacity: 0.2; text-transform: uppercase;} 
.con_about_d_tit p{ font-size:36px; color: #1771bc; font-weight: bolder; margin-top: -20px;} 

.con_about_d_{width: 1280px; margin: 20px auto 0px;} 
.con_about_d_ img{ width: 100%;} 




.con_pro{ margin: 0; width: 100%; background: #F8F8F8; padding: 20px 0px;} 

.con_pro_list{ margin: 80px auto; width: 1280px;}
.con_pro_list > h5{ font-size: 28px;} 
.con_pro_list h5 span{ display: inline-block; width: 100px; margin-left: 20px;} 
.con_pro_list h5 span a{ display: block; font-size: 14px; padding: 5px 0px; background: #1771bc; color: #FFFFFF; text-align: center; border-radius: 10px;} 
.con_pro_list ul{display: flex; flex-wrap: wrap; justify-content:flex-start; gap:5px; margin-top:30px; } 
.con_pro_list ul li{ width: 24.5%; height: 100%; background: #FFFFFF;} 
.con_pro_list ul li div{width: 100%;height: 100%; overflow: hidden;} 
.con_pro_list ul li div img{ width: 100%; height: 100%; object-fit: cover;} 


.con_pro_menu{ margin: 80px auto 50px; width: 1280px;} 
.con_pro_menu ul{display: flex; flex-wrap: wrap; justify-content:flex-start; gap:10px; } 
.con_pro_menu ul li{ width:19%;} 
.con_pro_menu ul li a{ display: block;font-size: 18px; font-weight: lighter;padding: 15px 0px; background: #1771bc; color: #FFFFFF; text-align: center; border-radius: 10px;} 
.con_pro_menu ul li a:hover{background: #FFFFFF; color: #1771bc;} 

.con_pro_{ margin: 0px auto; width: 1280px;} 
.con_pro_ ul{display: flex; flex-wrap: wrap; justify-content:flex-start; gap:10px; } 
.con_pro_ ul li{ width: 32.5%; height: 100%; background: #FFFFFF; border-radius: 15px;overflow: hidden;} 
.con_pro_ ul li div{width: 100%;height: 100%; overflow: hidden;} 
.con_pro_ ul li div img{ width: 100%; height: 100%; object-fit: cover;} 
.con_pro_ ul li p{ padding: 15px 0px 25px; text-align: center; width: 100%; font-size: 18px; font-weight: lighter;} 

.con_pro_m{margin: 0; width: 100%; background: #F8F8F8; padding: 20px 0px;} 
.con_pro_m_{ margin: 80px auto; width: 1280px; text-align: center;}






.con_case{ margin: 0; width: 100%; background: #F8F8F8; padding: 80px 0px;} 

.con_case_{ margin: 0px auto; width: 1280px;} 
.con_case_ ul{display: flex; flex-wrap: wrap; justify-content:flex-start; gap:10px; } 
.con_case_ ul li{ width: 32.5%; height: 100%; background: #FFFFFF; border-radius: 15px;overflow: hidden;} 
.con_case_ ul li div{width: 100%;height:450px; overflow: hidden;} 
.con_case_ ul li div img{ width: 100%; height: 100%; object-fit: cover; display: block;} 
.con_case_ ul li p{ padding: 15px 0px 25px; text-align: center; width: 100%; font-size: 18px; font-weight: lighter;} 

.con_case_m{margin: 0; width: 100%; background: #F8F8F8; padding: 20px 0px;} 
.con_case_m_{ margin: 80px auto; width: 1280px; text-align: center;}











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

.con_news_{} 
.con_news_ ul{} 
.con_news_ ul li{ margin:80px 0px;transition:All 0.5s; background: #F8F8F8;} 
.con_news_ ul li:hover {box-shadow: 0px 10px 15px 5px #CCCCCC;} 
.con_news_ ul li div.fl{ float: left; width: 45%; transition: all 0.6s;padding: 50px;} 
.con_news_ ul li div.fl p{} 
.con_news_ ul li div.fl p a{ font-size:24px;} 
.con_news_ ul li div.fl em{display: block; margin: 25px 0px; width: 50px; height: 2px; background: #1771bc; transition: all 0.6s;} 
.con_news_ ul li div.fl:hover em{ width: 200px;} 
.con_news_ ul li div.fl span{ display: block; line-height: 175%; margin-bottom: 30px; color: #999999;} 
.con_news_ ul li div.fl i{ font-style: normal;} 
.con_news_ ul li div.fr{float: right; width: 42%; height: 360px; overflow: hidden;} 
.con_news_ ul li img{ width: 100%; height: 360px;} 

.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_news_m_e{ text-align: center; margin: 30px auto;} 




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

.con_contact_tit{ width:1280px;margin:0px auto; text-align: center;} 
.con_contact_tit h5{font-size:40px; color: #1771bc;} 
.con_contact_tit p{ font-size:24px; color: #999999; opacity: 0.2;} 

.con_contact_{ width:1280px;margin:50px auto 0px;} 
.con_contact_con{width: 100%;} 
.con_contact_con ul{display: flex;flex-wrap:wrap;justify-content:space-between; gap:10px;} 
.con_contact_con ul li{ width: 49.6%; text-align: center; padding: 80px 0px; background: #F8F8F8;} 
.con_contact_con ul li h5{ font-size: 20px; margin: 30px 0px 10px;} 
.con_contact_con ul li h6{ font-size: 18px; margin: 0px 0px 2px;} 
.con_contact_con ul li i{display:block; margin: 0 auto; color: #1771bc; font-size: 60px; } 
.con_contact_con ul li p{font-size: 16px;} 
.con_contact_con ul li h2{font-size: 28px; color: #1771bc;} 

.con_contact_map{ width: 100%; height:750px; margin-top: 10px;} 
.con_contact_map img{ width: 100%; height:100%; overflow: hidden; object-fit: cover;} 






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

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

.bottom_{ width:80%; margin:0 auto;} 
.bottom_logo{ float: left; width: 160px;} 
.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;} 


/*****************************************20260811********************************************/









/*css black2 style pagination*/
div.black2{padding:10px;margin:30px auto;text-align:center; box-sizing: border-box;}
div.black2 a{border:#CCCCCC 1px solid;padding:9px 18px;margin:2px;color:#666666;text-decoration:none; border-radius: 15px;}
div.black2 a:hover{color:#FFFFFF;background-color:#1771bc;border:#1771bc 1px solid;}
div.black2 a:active{color:#FFFFFF;background-color:#1771bc;border:#1771bc 1px solid;}
div.black2 a.curr{padding:9px 18px;font-weight:bold;margin:2px;color:#FFFFFF;background-color:#1771bc;border:#1771bc 1px solid;} 
div.black2 a font{ color: #FFFFFF;} 

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




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

.nav_{ width:96%;}
.nav_txt{  margin: 30px 0px 0px 15px;} 
.nav_menu ul { gap:35px;} 
.nav_r{ margin: 25px 0px 0px 30px; } 

	
.main_about_{width:90%;}
	
.main_about_fl span{ font-size: 40px; line-height: 100%;} 
.main_about_fl em{ margin: 25px 0px;} 
.main_about_fl h5{}
.main_about_fl h3{margin-bottom: 25px;}

.main_about_fl p{font-size: 18px;line-height:175%;} 
.main_about_fl a{ margin: 50px 0px 0px;font-size: 16px;} 

.main_about_info{ padding: 40px 0px; margin-top: 60px;} 
.main_about_info_{width:90%; } 
	
	
.main_pro{ padding:80px 0px; } 
.main_pro .main_pro_{ width:90%; } 
.main_pro .main_pro_ .fr ul li p{ padding: 18px 0px;} 

	
.main_hr{ width:90%;} 

.main_join_tit{text-align: center; margin: 0px auto;} 
.main_join_tit h3{font-size: 40px; color:#1771bc;margin:0px 0px 10px;} 
.main_join_tit p{font-size: 16px; color:#000000; font-weight: lighter;text-transform: uppercase;} 

.main_join_{ width: 90%; } 
.main_join_ ul li h5{font-size: 20px;margin-top: 26px;} 


.main_case_{width: 90%; margin:50px auto 0px;} 
.main_case_ ul{} 
.main_case_ ul li{margin-bottom:20px; padding: 20px; }
.main_case_ ul li h5{font-size: 20px;} 
.main_case_ ul li p{font-size: 18px;} 

.main_news_{ width: 90%;} 
	
.bottom_{ width:90%; margin:0 auto;} 
.bottom_con{ margin-left: 60px;} 
.bottom_con .top ul{gap:0px 35px;} 


} 


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

.nav_{ width:98%;}
.nav_txt{  margin: 30px 0px 0px 15px;} 
.nav_menu ul { gap:30px;}
.nav_r{ margin: 25px 0px 0px 20px; } 
	
	
.main_about_{width:98%;}
	
.main_about_fl span{ font-size: 40px; line-height: 100%;} 
.main_about_fl em{ margin: 30px 0px;} 
.main_about_fl h5{}
.main_about_fl h3{margin-bottom: 20px;}

.main_about_fl p{font-size: 16px;line-height:175%;} 
.main_about_fl a{ margin: 30px 0px 0px;font-size: 14px;} 

.main_about_info{ padding: 40px 0px; margin-top: 50px;} 
.main_about_info_{width:98%; } 
	
	
.main_pro{ padding:80px 0px; } 
.main_pro .main_pro_{ width:98%; } 
.main_pro .main_pro_ .fr ul li p{ padding: 18px 0px;} 

	
.main_hr{ width:98%;} 

.main_join_tit{text-align: center; margin: 0px auto;} 
.main_join_tit h3{font-size: 40px; color:#1771bc;margin:0px 0px 10px;} 
.main_join_tit p{font-size: 16px; color:#000000; font-weight: lighter;text-transform: uppercase;} 

.main_join_{ width: 98%; } 
.main_join_ ul li h5{font-size: 20px;margin-top: 20px;} 


.main_case_{width: 98%; margin:50px auto 0px;} 
.main_case_ ul{} 
.main_case_ ul li{margin-bottom:20px; padding: 18px; }
.main_case_ ul li h5{font-size: 20px;} 
.main_case_ ul li p{font-size: 16px;} 

.main_news_{ width: 98%;} 
	
.bottom_{ width:98%; margin:0 auto;} 
.bottom_con{ margin-left: 30px;} 
.bottom_con .top ul{gap:0px 20px;} 
	
	
} 





.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: #1771bc;} 
	.mobile-inner-header .img0 { float: left; width: 30%; margin-top:2%; margin-left: 5%;} 
	.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{ background-size: cover; padding: 50px 0px 0px; } 
	.main_about_{width:90%;} 
	.main_about_fl{ float: none; width: 100%;} 
	.main_about_fl span{ font-size: 1.2em;} 
	.main_about_fl em{ margin: 20px 0px;} 
	.main_about_fl h5{font-size: 1.6em; }
	.main_about_fl h3{font-size: 1.2en; margin-bottom: 20px;}
	.main_about_fl p{font-size: 1em; line-height:150%; } 
	.main_about_fl a{ margin: 20px 0px 0px; width: 100px; border: #1771bc 1px solid;  font-size: 1em;} 
	.main_about_fl a:hover{ width: 100px;} 
	.main_about_fr{ float: noen; width: 100%; margin-top: 20px;} 


	.main_about_info{   padding: 30px 0px; margin-top: 30px;} 
	.main_about_info_{width:90%; } 
	.main_about_info_ ul{ flex-wrap: wrap; gap:20px 0px;} 
	.main_about_info_ ul li{ flex:none; width: 50%; border-left:none;} 
	.main_about_info_ ul li:last-child{border-right:none;} 
	.main_about_info_ ul li h3{ font-size: 1em; color: #FFFFFF;} 
	.main_about_info_ ul li h3 span{ font-size: 1.6em; } 
	.main_about_info_ ul li p{  font-size: 1em;} 
	
	
	
	
	.main_pro{padding:50px 0px;background-size: cover;} 

	.main_pro_tit{ } 
	.main_pro_tit h3{font-size: 1.6em; } 
	.main_pro_tit p{font-size: 1em; padding:0px 50px; line-height: 150%;} 

	.main_pro .main_pro_{ width:90%; margin: 30px auto;} 
	.main_pro .main_pro_ .fl{ float: none;width: 100%; } 
	.main_pro .main_pro_ .fc{ float: none;width: 100%; margin-left:0; margin-top: 10px;} 
	.main_pro .main_pro_ .fc ul{ gap:10px 0px;} 
	.main_pro .main_pro_ .fc ul li{ border-radius:10px;} 
	.main_pro .main_pro_ .fc ul li img{ width: 100%;} 
	.main_pro .main_pro_ .fc ul li p{ padding: 15px 0px; font-size: 1em;} 

	.main_pro .main_pro_ .fr{ float: none; width:100%;margin-top: 10px;} 
	.main_pro .main_pro_ .fr ul{display: flex; flex-wrap: wrap; gap:10px 0px;} 
	.main_pro .main_pro_ .fr ul li{ border-radius:10px; } 
	.main_pro .main_pro_ .fr ul li p{ padding:15px 0px; font-size: 1em; }

	
	.main_hr{ width:90%;margin:30px auto; height: 2px;} 

	.main_join_tit{text-align: center; margin: 0px auto;} 
	.main_join_tit h3{font-size: 1.6em; } 
	.main_join_tit p{font-size: 1em; } 

	.main_join_{ width: 90%; margin: 30px auto 0px;}  
	.main_join_ ul li{width:50%; margin-top: 10px;} 
	.main_join_ ul li:first-child{padding:15px 15px; margin-top: 0px;} 
	.main_join_ ul li:first-child img{ width: 35px; height: 35px;} 
	.main_join_ ul li:nth-child(3){ padding: 15px 15px; } 
	.main_join_ ul li:nth-child(3) img{ width: 35px; height: 35px;} 
	.main_join_ ul li:nth-child(6){padding: 15px 15px; } 
	.main_join_ ul li:nth-child(6) img{ width: 35px; height: 35px;} 
	.main_join_ ul li:last-child{ padding: 15px 15px; } 
	.main_join_ ul li:last-child img{ width: 35px; height: 35px;} 

	.main_join_ ul li h5{font-size: 1.2em;  margin-top:20px;} 
	.main_join_ ul li em{  width:50px; margin: 20px auto; } 
	.main_join_ ul li p{ font-size: 0.8em; line-height: 150%;} 
	
	
	
	.main_case{ padding: 50px 0px; background-size: cover;} 
	.main_case_tit h3{font-size: 1.6em; } 
	.main_case_tit p{font-size: 1em; } 

	.main_case_{width:90%; margin: 30px auto 0px;} 
	.main_case_ .fl{ float: none; width: 100%;} 
	.main_case_ .fc{float: none; width: 50%; margin:0 auto; margin-left: auto;} 
	
	.main_case_ .fr{ float: none; width: 100%;} 
	.main_case_ ul li{ margin-bottom:10px; padding:20px;} 
	.main_case_ ul li h5{font-size: 1.2em; } 
	.main_case_ ul li p{  font-size: 1em; line-height: 150%; } 
	.main_case_ ul li::after { border: 0px solid transparent;  /* 箭头大小，改这个数值 */	}





	.main_news{ padding:50px 0px; } 

	.main_news_{ width: 90%; margin:30px auto 0px;} 
	.main_news_l .img-zoom-in{float: none; width:100%; height: auto; } 
	.main_news_l .txt{ float: none;  width:100%;height: auto; padding: 25px; } 
	.main_news_l .txt h5{font-size: 1.2em; margin-bottom: 10px;} 
	.main_news_l .txt p{ font-size: 0.8em; line-height: 150%; } 
	.main_news_l .txt span{ margin-top:10px;} 

	.main_news_r{ width: 100%; margin-top:30px;} 
	.main_news_r ul{display: block; } 
	.main_news_r ul li{ width:100%; padding:20px; } 
	.main_news_r ul li h5{font-size:1.2em; margin-bottom: 10px;} 
	.main_news_r ul li p{ font-size: 0.8em; margin-bottom:8px;} 
	

	/*内页*/

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

	.con_about{ background-size: cover; padding:80px 0px 50px; } 

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

	.con_about_con{ margin: 20px auto; width: 90%; padding-right:0px;} 
	.con_about_con p{line-height: 150%; font-size: 0.9em;} 

	.con_about_a{ padding:50px 0px;} 
	.con_about_a_tit{ width:90%; } 
	.con_about_a_tit h5{font-size:1.2em; } 
	.con_about_a_tit p{ font-size:1.6em;  margin-top: 5px;} 
	.con_about_a_{width:90%;margin:25px auto 0px;} 
	.con_about_a_ ul{ display: block;  } 
	.con_about_a_ ul li{  width: 100%;  padding:20px 0px; margin-bottom: 10px;} 
	.con_about_a_ ul li img{ width: 60px; height: 60px;} 
	.con_about_a_ ul li div h3{ font-size: 1.2em; } 
	.con_about_a_ ul li div p{ line-height: 150%; font-size: 1em;} 
	.con_about_a_img{width:90%;margin:8px auto 0px;} 


	.con_about_c{   padding: 50px 0px; } 
	.con_about_c_tit{ width:90%; } 
	.con_about_c_tit h5{font-size:1.2em;} 
	.con_about_c_tit p{font-size:1.6em;  margin-top: 5px;} 
	.silder-box-1{ } 
	.con_about_c_{width: 90%; margin: 30px auto 0px;} 
	.con_about_c_ ul{} 
	.con_about_c_ ul li{ width: 320px; height: 190px; padding: 20px; }
	.con_about_c_ ul li h5{ font-size: 1.5em; margin-bottom:10px; } 
	.con_about_c_ ul li p{font-size: 1em; line-height: 150%;}  
	.silder-button-1.btl{  top:38%; left:1%;} 
	.silder-button-1.btl i{ padding: 5px 10px; border-radius:5px;font-size: 1em; } 
	.silder-button-1.btr{  top:38%; right:1%;} 
	.silder-button-1.btr i{ padding: 5px 10px; border-radius:5px;font-size: 1em;} 



	.con_about_d{  margin: 30px 0px 20px;} 
	.con_about_d_tit{ width:90%; } 
	.con_about_d_tit h5{font-size:1.2em;} 
	.con_about_d_tit p{font-size:1.6em;  margin-top: 5px;} 
	.con_about_d_{width: 90%; }





	.con_pro{ } 

	.con_pro_list{ margin: 30px auto; width: 90%;}
	.con_pro_list > h5{ font-size: 1.2em;} 
	.con_pro_list h5 span{   width: 80px; margin-left: 10px;} 
	.con_pro_list h5 span a{ font-size: 0.8em; } 
	.con_pro_list ul{ margin-top:20px; } 
	.con_pro_list ul li{ width: 49.2%; }

	.con_pro_menu{ margin: 30px auto 20px; width: 90%;} 
	.con_pro_menu ul{ gap:3px; } 
	.con_pro_menu ul li{ width:32.5%;} 
	.con_pro_menu ul li a{ font-size: 1em; padding: 10px 0px; } 

	.con_pro_{ width: 90%;} 
	.con_pro_ ul{ gap:5px; } 
	.con_pro_ ul li{ width: 49.2%; border-radius:5px;} 
	.con_pro_ ul li p{ padding: 10px 0px 20px; font-size: 1em;} 

	.con_pro_m{} 
	.con_pro_m_{ margin: 30px auto; width: 90%; }
	.con_pro_m_ img{ width: 100%; height: 100%;} 





	.con_case{  padding: 50px 0px;} 

	.con_case_{  width: 90%;} 
	.con_case_ ul{display: block;  gap:0px; } 
	.con_case_ ul li{ width: 100%;  margin-bottom: 10px;} 
	.con_case_ ul li div{ height:100%; } 
	.con_case_ ul li p{ padding: 10px 0px 20px; font-size: 1em; } 

	.con_case_m_{ margin: 20px auto; width: 90%; }
	.con_case_m_ img{ width: 100%;} 
	
	
	
	
	
		/*内页-新闻*/ 

	.con_news{width: 90%; } 

	.con_news_{} 
	.con_news_ ul{} 
	.con_news_ ul li{ margin:20px 0px; } 
	.con_news_ ul li div.fl{ float: none; width: 100%; padding: 20px; box-sizing: border-box;} 
	.con_news_ ul li div.fl p{} 
	.con_news_ ul li div.fl p a{ font-size:1.2em;} 
	.con_news_ ul li div.fl em{ margin: 15px 0px; width: 50px; height: 1px;  } 
	.con_news_ ul li div.fl:hover em{ width: 100px;} 
	.con_news_ ul li div.fl span{ line-height: 150%; font-size: 0.8em; margin-bottom: 20px; } 
	.con_news_ ul li div.fr{float: none; width:100%; height: auto; } 
	.con_news_ ul li img{ height: 100%; object-fit: cover;} 

	.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: 0.8em;  padding-bottom: 20px; text-align: left;} 

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

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


	.con_news_m_e{  margin: 20px auto;} 

	/*内页-新闻*/



	/*内页-联系我们*/

	.con_contact{  padding:50px 0px;} 

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

	.con_contact_{ width:90%;margin:30px auto 0px;} 
	.con_contact_con ul{display: block; gap:0px;} 
	.con_contact_con ul li{ width: 100%;  padding: 20px 0px; margin-bottom: 10px; } 
	.con_contact_con ul li h5{ font-size: 1.25em; margin: 20px 0px 10px;} 
	.con_contact_con ul li h6{ font-size: 1.25em; margin: 0px 0px 2px;} 
	.con_contact_con ul li i{  font-size:3em; } 
	.con_contact_con ul li p{font-size: 1em;} 
	.con_contact_con ul li h2{font-size: 1.6em; } 

	.con_contact_map{  height:auto; } 
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*内页*/
	
	
	
	
	
	
	.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);
  }
}