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


@font-face {
/* font-test*/
font-family: Mi;
src:url('/fonts/MiSans-Light.ttf');
}
@font-face {
/* font-test*/
font-family: Mi-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:Mi; 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:#bb905d;} 
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:16px 0px;  background: #FFFFFF; z-index: 99999; transition: all 0.6s;} 

.nav_{ width:75%; margin:0px auto; } 
.nav_l{ float:left; width:145px;} 
.nav_l img{ display: block; width: 100%; margin: 0px auto;} 

.nav_menu {float: right; margin:16px 35px 0px 0px;} 
.nav_menu ul { margin:0 auto; list-style-type: none; } 
.nav_menu ul li {float:left; position:relative; } 
.nav_menu ul li:first-child{} 
.nav_menu ul li:last-child{} 
.nav_menu ul li a{ font-size: 15px; } 
.nav_menu ul li a, .nav_menu ul li a:visited {display:block; text-align:center; text-decoration:none; box-sizing: border-box;margin:0px 30px;color: #000000; transition: all 0.3s;} 
.nav_menu ul li a:hover{color: #bb905d; border-bottom:#bb905d 2px solid; padding-bottom: 8px; font-weight: normal;} 
.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:#FFFFFF; color:#000000;} 

.nav_r{ float: right; text-align: right; margin-top:8px; } 
.nav_r a{display: inline-block;color: #FFFFFF; font-size: 15px; background: #bb905d; border-radius: 15px; padding: 7px 15px;} 

/*
.nav_n{ width:100%;  margin: 0px; padding: 0px; position: fixed; z-index: 9999999; transition: all 0.6s;}
.nav_n_{ width:1280px; margin:0px auto; }
.nav_n_l{ float:left; width:278px; padding:10px 0px;}
.nav_n_l img{ display: block; margin: 0px auto;} 
.nav_n_menu {float: right; margin:30px 0px 0px 0px;}
.nav_n_menu ul { margin:0 auto; list-style-type: none; }
.nav_n_menu ul li {float:left; position:relative; }
.nav_n_menu ul li:first-child{} 
.nav_n_menu ul li:last-child{} 
.nav_n_menu ul li a{ font-size: 15px; font-weight: normal;} 
.nav_n_menu ul li a, .nav_n_menu ul li a:visited {display:block; text-align:center; text-decoration:none; box-sizing: border-box;margin:0px 30px;color: #FFFFFF; transition: all 0.3s;}
.nav_n_menu ul li a:hover{color: #bb905d; border-bottom:#bb905d 3px solid; padding-bottom: 10px; font-weight: bold;} 
.nav_n_menu ul li a.this{  border-bottom:#bb905d 3px solid; padding-bottom: 10px; font-weight: bold;} 
.nav_n_menu ul li ul {display: none;} 
.nav_n_menu ul li:hover ul {display:block; position:absolute; top:52px; left:0; width:171px;z-index: 999999;} 
.nav_n_menu ul li:hover ul li a {display:block; color:#FFFFFF;background-color:rgba(0,0,0,0.5);margin-bottom: 1px;} 
.nav_n_menu ul li:hover ul li a:hover {background:#bb905d; color:#FFFFFF;}
.nav_n_r{ float: right; text-align: right; margin-top: 30px; } 
.nav_n_r i{color: #FFFFFF; font-size: 20px;} 
*/
/* 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(187, 144, 93, 0.8);cursor: pointer; transition: background 0.3s;} 
.indicator.active {background: #FFFFFF;transform: scale(1.2);} 




.main_a{ padding: 0; width: 100%;margin: 80px 0px;} 
.main_a_tit{ text-align: center;} 
.main_a_tit h2{font-size: 40px;font-family: Mi-b;}
.main_a_tit em{display: block; margin: 20px auto; background: #bb905d; height: 3px; width: 80px;}

/* 轮播容器 */
        .carousel-container { position: relative; width: 75%; margin: 0 auto; padding: 20px 0; }
        /* 视口：只显示三个卡片 */
        .carousel-viewport {width: 100%; margin: 0 auto; overflow: hidden; }
        /* 卡片列表 — flex 布局，gap 为 20px */
        .carousel-list { display: flex;gap: 30px;padding: 20px 0;/* 上下留一点空间让阴影好看 */margin: 0;list-style: none;transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.3, 1);  will-change: transform;  cursor: grab;box-sizing: border-box;}
        /* 单个卡片 */
        .card {flex: 0 0 32%;  transition: all 0.2s; box-shadow:0px 0px 15px 2px #EEEEEE; border-radius: 20px; overflow: hidden;}
        .card:hover {transform: translateY(-10px);}
        .card img { width: 100%; height: 450px;object-fit: cover;display: block;}
        .card .title {
            padding: 18px 0px;
            text-align: center;
            background: #FFFFFF;}
.card .title p{letter-spacing: 0.3px; font-size: 18px; margin-bottom: 15px;} 
.card .title a{  display: inline-block; border: #bb905d 1px solid; color: #bb905d; border-radius: 15px; padding: 6px 30px;} 
.card .title a:hover{ background: #bb905d; color: #FFFFFF;} 
        /* 箭头按钮 */
        .arrow {position: absolute;top: 50%; transform: translateY(-50%);width: 48px; height: 48px;background: #FFFFFF;border: none;border-radius: 50%;box-shadow: 0 10px 20px -5px rgba(0,40,60,0.3), 0 0 0 1px rgba(255,255,255,0.7);font-size: 32px;font-weight: 300;line-height: 1;color: #bb905d;cursor: pointer;transition: all 0.2s;display: flex;align-items: center;justify-content: center;z-index: 10;opacity: 0.9;}
        .arrow:hover {background: #bb905d;color: white;box-shadow: 0 15px 25px -5px #bb905d;transform: translateY(-50%) scale(1.08);opacity: 1;}
        .arrow:active {transform: translateY(-50%) scale(0.96);} 
        .arrow-left {left: -50px;} 
        .arrow-right {right: -50px;} 

        

        /* 对窄屏幕的适配 */
        @media (max-width: 1000px) {
            .carousel-container { width: 95vw;}
            .carousel-viewport {width: calc(300px * 3 + 20px * 2);max-width: 100%;}
            .arrow-left { left: 0px; }
            .arrow-right {right: 0px;}
        }

        /* 防止拖动选中 */
        .carousel-list {user-select: none;}



.main_b{ padding:80px 0px; width: 100%;margin:0; background: #F6F6F6;} 
.main_b_tit{ text-align: center;} 
.main_b_tit h2{font-size: 40px;font-family: Mi-b;}
.main_b_tit em{display: block; margin: 20px auto; background: #bb905d; height: 3px; width: 80px;}
.main_b_{ width: 75%; margin: 50px auto 0px;} 
.main_b_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between; gap:50px 0px;} 
.main_b_ ul li{ width: 24%; height: 100%; text-align: center;} 
.main_b_ ul li div{width:100%; height: 100%; overflow: hidden;} 
.main_b_ ul li div img{display: block; margin: 0; width:100%; height: 100%; object-fit: cover;} 
.main_b_ ul li > p{font-size: 16px; margin: 15px 0px;} 
.main_b_ ul li > a{  display: inline-block; margin: 0 auto;border: #333333 1px solid; color: #333333; border-radius: 15px; padding: 6px 30px; } 
.main_b_ ul li > a:hover{background: #bb905d; color: #FFFFFF;border: #bb905d 1px solid;} 




.main_c{ width: 100%; background:url(/images/bg01.jpg) no-repeat center top;  background-size: cover; padding:100px 0px;} 
.main_c_{ width: 100%; margin: 0 auto;} 
.main_c_ .fl { float: left; width: 50%; padding:3% 5% 0 12.5%; box-sizing: border-box;} 

.main_c_ .fl > h5{ font-size: 36px; font-family: Mi-b; margin-bottom: 15px;} 
.main_c_ .fl > p{ font-size: 16px; line-height: 175%; text-align: justify;}  
.main_c_ .fl > em{ display: inline-block; margin: 20px 0px; background: #bb905d; height: 3px; width: 50px; } 
.main_c_ .fl > a{display: inline-block;color: #FFFFFF; font-size: 14px; background: #bb905d; border-radius: 15px; padding: 6px 30px; margin-top: 35px;} 
.main_c_ .fl > a:hover{} 
.main_c_ .fr{ float: right; width: 50%; margin:0;} 
.main_c_ .fr img{ width: 100%; height: 100%; object-fit: cover;} 

.main_c_ .main_c_info{ margin: 55px 0px 0px;} 
.main_c_ .main_c_info ul{display: flex;flex-wrap:wrap;justify-content:space-between; gap:50px 0px;} 
.main_c_ .main_c_info ul li{ width: 50%;} 
.main_c_ .main_c_info ul li h3{ font-size: 16px; margin-bottom: 10px;} 
.main_c_ .main_c_info ul li p{font-size: 16px;color: #bb905d;} 
.main_c_ .main_c_info ul li p strong{font-size:50px; font-family: Mi-b;} 

.main_c_join{ width: 75%; margin: 80px auto 0px;} 
.main_c_tit{ text-align: center;} 
.main_c_tit h2{font-size: 40px;font-family: Mi-b;}
.main_c_tit em{display: block; margin: 20px auto; background: #bb905d; height: 3px; width: 80px;}

.main_c_join_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between; gap:50px 0px; margin-top: 50px;} 
.main_c_join_ ul li{ width: 31%;} 
.main_c_join_ ul li div.txt{width:100%; background: #F6F6F6; padding: 30px; box-sizing: border-box;} 
.main_c_join_ ul li div.txt img{ width:36px; margin-bottom: 10px;} 
.main_c_join_ ul li div.txt h5{font-size: 24px; font-family: Mi-b; margin-bottom: 10px;}  
.main_c_join_ ul li div.txt p{font-size: 16px; } 

.main_c_join_ ul li div.img-zoom-in{ width: 100%; height: 288px;  overflow: hidden;} 
.main_c_join_ ul li div.img-zoom-in img{ width: 100%; height: 100%; object-fit: cover;} 



.main_d{ width: 100%; height: 950px; background:url(/images/bg02.jpg) no-repeat center;  background-size: cover;} 
.main_d_tit{ width: 75%; margin: 0 auto; padding: 8% 0 0;} 
.main_d_tit h2{font-size: 40px;font-family: Mi-b;color: #FFFFFF;} 
.main_d_tit em{display: block; margin: 20px 0px; background: #bb905d; height: 3px; width: 80px;} 
.main_d_tit p{font-size: 20px;color: #FFFFFF;} 

.main_e{} 
.main_e_a{ width: 100%; height: 550px; background:url(/images/bg03.jpg) no-repeat center top;  background-size: cover; padding:100px 0px 0px; box-sizing: border-box;} 
.main_e_a_{ width: 75%; margin: 0 auto;} 
.main_e_a_ .fl { float: left; width: 32%; padding: 5% 0 0 0; box-sizing: border-box;} 

.main_e_a_ .fl > h5{ font-size: 36px; font-family: Mi-b; margin-bottom: 15px;}  
.main_e_a_ .fl > p{ font-size: 16px; line-height: 175%; text-align: justify;}  
.main_e_a_ .fl > em{ display: inline-block; margin: 20px 0px; background: #bb905d; height: 3px; width: 50px; } 
.main_e_a_ .fl > a{display: inline-block;color: #FFFFFF; font-size: 14px; background: #bb905d; border-radius: 15px; padding: 6px 30px; margin-top: 35px;} 
.main_e_a_ .fl > a:hover{} 
.main_e_a_ .fr{ float: right; width: 52%; margin:0; } 
.main_e_a_ .fr img{ width: 100%; height: 100%; border-radius:20px; object-fit: cover;} 

.main_e_b{ width: 100%; height: 550px; background:url(/images/bg04.jpg) no-repeat center top;  background-size: cover; padding:100px 0px 0px; box-sizing: border-box;} 
.main_e_b_{ width: 75%; margin: 0 auto;} 
.main_e_b_ .fr { float: right; width: 32%; padding: 5% 0 0 0; box-sizing: border-box;} 

.main_e_b_ .fr > h5{ font-size: 36px; font-family: Mi-b; margin-bottom: 15px;} 
.main_e_b_ .fr > p{ font-size: 16px; line-height: 175%; text-align: justify;}  
.main_e_b_ .fr > em{ display: inline-block; margin: 20px 0px; background: #bb905d; height: 3px; width: 50px; } 
.main_e_b_ .fr > a{display: inline-block;color: #FFFFFF; font-size: 14px; background: #bb905d; border-radius: 15px; padding: 6px 30px; margin-top: 35px;} 
.main_e_b_ .fr > a:hover{} 
.main_e_b_ .fl{ float: left; width: 52%; margin:0; } 
.main_e_b_ .fl img{ width: 100%; height: 100%; border-radius:20px; object-fit: cover;} 



.main_news{ width: 100%; height: 700px; margin: 80px 0px; background:url(/images/bg05.jpg) no-repeat center top;  background-size: cover; padding:80px 0px 0px; box-sizing: border-box;} 
.main_news_{ width: 75%; margin: 0 auto;} 
.main_news_ .fl { float: left; width: 20%; padding: 2% 0 0 0; box-sizing: border-box;} 
.main_news_ .fl > h2{ font-size: 40px;font-family: Mi-b;color: #FFFFFF;} 
.main_news_ .fl > em{ display:block; margin:30px 0px; background: #bb905d; height: 3px; width: 50px; } 
.main_news_ .fl > a{display: inline-block;color: #FFFFFF; font-size: 14px; background: #bb905d; border-radius: 15px; padding: 6px 30px; margin-top: 50px;} 
.main_news_ .fl > a:hover{} 
.main_news_ .fr{ float: right; width: 52%; margin:0; } 
.main_news_ .fr ul{ width: 100%; } 
.main_news_ .fr ul li{ padding: 30px 0px; border-bottom: #FFFFFF 1px solid;} 
.main_news_ .fr ul li h3{} 
.main_news_ .fr ul li h3 a{ color: #FFFFFF; font-size: 18px;} 
.main_news_ .fr ul li h3 a:hover{color: #bb905d;} 
.main_news_ .fr ul li p{ font-size: 14px; line-height: 175%; color: #CCCCCC; margin-top: 10px;} 


.main_message{ width: 100%; margin: 80px 0px; }
.main_message_{ width: 75%; margin: 0 auto;} 
.main_message_ .fl { float: left; width: 30%; padding: 3% 0 0 0; box-sizing: border-box;} 
.main_message_ .fl > h2{ font-size: 36px;font-family: Mi-b;color: #000000;} 
.main_message_ .fl > em{ display:block; margin:30px 0px; background: #bb905d; height: 3px; width: 50px; } 
.main_message_ .fl > p{font-size: 16px; line-height: 175%; text-align: justify;} 

.main_message_ .fr{ float: right; width: 52%; margin:0; } 
.main_message_ .fr ul{ width: 100%; } 
.main_message_ .fr ul li{ padding: 10px 0px;} 
.main_message_ .fr ul li input{ background: #EEEEEE;border-radius: 10px; border: none;} 
.main_message_ .fr ul li:first-child input{ padding: 10px;width: 100%;} 
.main_message_ .fr ul li:nth-child(2) input{padding: 10px;width: 100%;} 
.main_message_ .fr ul li:nth-child(3) input{padding: 10px;height: 200px; width: 100%;} 
.main_message_ .fr ul li:last-child input{ width: 200px;background: #bb905d;color: #FFFFFF; text-align: center; padding: 10px 0px;} 





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


.n_img{  width:100%;  position: relative; margin: 0px; padding: 0px;} 
.n_img img{ width:100%; height: 100%;object-fit: cover; z-index: 9;} 
.n_img div{ width:75%; left: 50%; margin-left:-37.5%; position: absolute; z-index: 999;box-sizing: border-box; bottom: 50px; text-align: right;} 
.n_img div p{ color: #FFFFFF;font-size: 14px; opacity: 0.8;} 
.n_img div p a{color: #FFFFFF;} 
.n_img div p a:hover{color: #bb905d;} 
.n_img div h2{  color: #FFFFFF; font-size: 50px; font-weight: normal; margin-top: 10px;} 
/*.n_img img { -webkit-animation: banner_inside 15s ease 1 forwards;  -moz-animation: banner_inside 15s ease 1 forwards;   -o-animation: banner_inside 15s ease 1 forwards; animation: banner_inside 15s ease 1 forwards;} */


.con_about{width:100%;padding:80px 0px; background:url(/images/a01.jpg) no-repeat center; background-attachment:fixed; } 

.con_about_{ width:75%; margin: 0px auto;} 
.con_about_ .fl{ float: left; width: 50%;} 
.con_about_ .fl h3{font-size:36px; color: #bb905d; font-family: Mi-b;} 
.con_about_ .fl p{ margin: 30px 0px; color: #000000; opacity:1; line-height: 175%; font-size: 18px; text-align: justify;font-weight:normal;} 

.con_about_ .fr{ float: right; width: 40%;} 
.con_about_ ul{display: flex;flex-wrap:wrap;justify-content:space-between; gap:20px 0px;} 
.con_about_ ul li{ background: #F8F8F8; width:48%; padding: 23px; box-sizing: border-box;} 
.con_about_ ul li h5{ font-size: 16px;color: #bb905d; margin-bottom: 5px;} 
.con_about_ ul li h6{ line-height: 150%; font-size: 18px;color: #000000; } 
.con_about_ ul li:hover{ background: #bb905d;} 
.con_about_ ul li:hover h5{color: #FFFFFF;} 
.con_about_ ul li:hover h6{color: #FFFFFF;} 





.con_about_a{ width:100%;padding:80px 0px; background: #F6F6F6; margin: 50px 0px 0px;}
.con_about_a .tit{ width:75%; margin: 0px auto;} 
.con_about_a .tit h3{font-size:36px; color: #bb905d; font-family: Mi-b;} 
.con_about_a_{width:75%;margin:35px auto 0px;} 
.con_about_a_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between; gap:0px 10px;} 
.con_about_a_ ul li{ flex: 1; background: #FFFFFF; text-align: center; padding: 30px 0px;} 
.con_about_a_ ul li img{ width: 70px; height: 70px;} 
.con_about_a_ ul li div{ padding: 0px 35px;} 
.con_about_a_ ul li div h3{ font-size: 20px;color: #000000; margin: 20px 0px 10px;} 
.con_about_a_ ul li div p{ color: #666666; line-height: 155%; font-size: 16px;} 

.con_about_b{ width:100%;padding:80px 0px; background: url(/images/a02.jpg) no-repeat center; margin: 0px;}
.con_about_b .tit{ width:75%; margin: 0px auto;} 
.con_about_b .tit h3{font-size:36px; color: #bb905d; font-family: Mi-b;} 
.con_about_b_{width:98%;margin:35px auto 0px;} 

.silder-box-1{ width:100%;  position: relative;margin: 35px 0px 0px;} 
.con_about_b_{ } 
.con_about_b_ ul{} 
.con_about_b_ ul li{ width: 610px; height: 360px; background:rgba(255,255,255,0.8); box-sizing: border-box; padding:90px;}
.con_about_b_ ul li:hover{  background:rgba(255,255,255,1);} 
.con_about_b_ ul li h2{font-size:40px; color: #bb905d; font-family: Mi-b; margin-bottom: 15px;} 
.con_about_b_ ul li p{ color: #000000; font-size:18px; line-height: 175%; text-align: justify;} 

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

.con_about_c{ width: 75%; margin: 80px auto;} 
.con_about_c .tit{  width: 100%; margin: 0 auto; } 
.con_about_c .tit h3{font-size:36px; color: #bb905d; font-family: Mi-b;} 
.con_about_c .tit p{font-size: 18px; margin-top: 15px; line-height: 175%;} 
.con_about_c_{ width: 100%; margin: 35px auto 0px;} 
.con_about_c_ img{ width: 100%; height: 100%; object-fit: cover;} 





.con_pro_list{ margin: 0; width: 100%; background: #F8F8F8; padding: 80px 0px;} 
.con_pro_list_{ width: 75%; margin: 0 auto; padding: 60px 0px; border-bottom: #DDDDDD 1px solid;} 
.con_pro_list_:first-child{ padding-top: 0px;} 
.con_pro_list_ .tit{ margin-bottom: 30px;} 
.con_pro_list_ .tit h2{float: left; font-size: 32px; font-weight: normal;} 
.con_pro_list_ .tit p{ float: right;} 
.con_pro_list_ .tit p a{ display: block;  width: 160px; padding: 8px 0px; font-size: 16px; text-align: center; background: #DDDDDD;} 
.con_pro_list_ .tit p a:hover{ background: #bb905d; color: #FFFFFF;} 
.con_pro_list_ ul{ display: flex;flex-wrap:wrap; justify-content:flex-start; gap:0 1.333%;} 
.con_pro_list_ ul li{ width: 24%; height: 100%; background: #FFFFFF;overflow: hidden;} 
.con_pro_list_ ul li img{width:100%; height: 100%; object-fit: cover;} 

.con_pro{ margin: 0; width: 100%; background: #FFFFFF; padding: 60px 0px;} 
.con_pro_menu{ width: 75%; margin: 0 auto 50px;} 
.con_pro_menu ul{ display: flex;flex-wrap:wrap;justify-content:flex-start; gap:5px;} 
.con_pro_menu ul li{ width: 180px; } 
.con_pro_menu ul li a{ display: block;background: #F6F6F6; padding: 10px 0px; text-align: center; font-size: 18px;} 
.con_pro_menu ul li a:hover{ background: #bb905d; color: #FFFFFF;} 

.con_pro_{ width: 75%; margin: 0 auto;} 
.con_pro_ ul{ display: flex;flex-wrap:wrap;justify-content:flex-start; gap:1.75%;} 
.con_pro_ ul li{ width: 32%; height: 100%; background: #FFFFFF; border: #EEEEEE 1px solid; box-sizing: border-box; margin-bottom: 1.75%;text-align: center;} 
.con_pro_ ul li div{width:100%; height: 100%; overflow: hidden;} 
.con_pro_ ul li div img{  margin: 0; width:100%; height: 100%; object-fit: cover;} 
.con_pro_ ul li p{font-size: 18px; margin: 20px 0px 10px; color: #bb905d;} 
.con_pro_ ul li span{display: inline-block; font-size: 16px; color: #666666; font-weight: lighter; padding-bottom: 20px;} 
.con_pro_ ul li a{ } 
.con_pro_ ul li a:hover{} 

.con_pro_m{margin: 0; width: 100%; background: #F8F8F8; padding: 80px 0px;} 
.con_pro_m_{width:75%;margin:80px auto 50px;} 
.con_pro_m_ h1{ text-align: center; font-size: 36px;} 
.con_pro_m_ p{ margin: 10px 0px; padding: 0;} 
.con_pro_m_ .img{ margin: 0px auto; width: 100%;} 
.con_pro_m_ .img img{ width: 100%; height: 100%; object-fit: cover;} 





.con_join{ margin: 0; width: 100%; background: #FFFFFF; padding: 80px 0px;}
.con_join_a{ width: 75%; margin: 0 auto 80px;}
.con_join_a_tit{ text-align: center;}
.con_join_a_tit p{font-size: 32px; margin-bottom: 10px;}
.con_join_a_tit h5{ font-size: 48px;font-family: Mi-b;color: #bb905d;}

.con_join_a_{ margin: 50px auto 0px;} 
.con_join_a_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between;} 
.con_join_a_ ul li{ width: 32%;text-align: center; padding: 50px; background: #FAFAFA; box-sizing: border-box;} 
.con_join_a_ ul li img{ width: 80px;} 
.con_join_a_ ul li h6{font-size: 24px;  text-align: center; margin: 15px 0px 10px; line-height: 125%;color: #bb905d;} 
.con_join_a_ ul li p{ font-size: 14px; text-align: justify; line-height: 175%;} 

.con_join_d{ margin: 0; width: 100%; height: 700px; background:url(/images/bg06.jpg) no-repeat center; padding:5% 0 0; box-sizing: border-box;}
.con_join_d_tit{ width: 75%; margin: 0 auto 80px;}
.con_join_d_tit{ text-align: right;}
.con_join_d_tit h5{ font-size: 48px;font-family: Mi-b;color: #FFFFFF;}
.con_join_d_tit h6{font-size: 24px; margin: 15px 0px 30px;color: #bb905d;} 
.con_join_d_tit img{ width: 280px;} 

.con_join_b{ width: 100%; margin: 0; padding: 80px 0px; background: #F9F9F9;} 
.con_join_b_tit{ text-align: center;} 
.con_join_b_tit h5{ font-size: 48px;font-family: Mi-b;color: #bb905d;} 
.con_join_b_{width: 75%; margin: 50px auto 0px;} 
.con_join_b_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between;} 
.con_join_b_ ul li{ width: 50%; height: 450px; overflow: hidden;padding:10% 7.5%; background: #FFFFFF; box-sizing: border-box;}
.con_join_b_ ul li:nth-child(2){padding: 0;}
.con_join_b_ ul li:nth-child(3){padding: 0;}
.con_join_b_ ul li:nth-child(6){padding: 0;}
.con_join_b_ ul li:nth-child(7){padding: 0;}
.con_join_b_ ul li:last-child{padding: 0;}
.con_join_b_ ul li img{ width: 100%; height: 100%; object-fit: cover;} 
.con_join_b_ ul li h5{font-size: 28px;font-family: Mi-b;color: #bb905d; margin-bottom: 20px;} 
.con_join_b_ ul li p{ font-size: 18px; text-align: justify; line-height: 175%; margin: 20px 0px;} 

.con_join_c{ width: 75%; margin: 80px auto;} 
.con_join_c_tit{ text-align: center;} 
.con_join_c_tit h5{ font-size: 48px;font-family: Mi-b;color: #bb905d;} 
.con_join_c_tit p{font-size: 32px; margin-bottom: 10px;} 
.con_join_c_{ margin: 50px auto 0px;} 
.con_join_c_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between;} 
.con_join_c_ ul li{ width: 30%;} 
.con_join_c_ ul li input{display: block;width: 100%; border: #DDDDDD 1px solid; padding: 10px; box-sizing: border-box; font-size:18px;} 
.con_join_c_ .sub{ text-align: center; margin-top: 35px;} 
.con_join_c_ .sub input{ background: #bb905d; color: #FFFFFF; border: none; padding: 10px 80px; font-size: 24px;} 






.con_news{width: 75%; margin:80px 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 0px 15px 1px #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: #bb905d; 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: 45%; height: 320px; overflow: hidden;} 
.con_news_ ul li div.fr img{ width: 100%; height: 100%; object-fit: cover;} 


.con_news_m{ width: 75%; margin:80px auto; } 
.con_news_m_{} 
.con_news_m_ h1{ font-size:36px; line-height: 125%; margin-bottom: 10px; text-align: center;} 
.con_news_m_ h5{ font-size: 14px; color: #999999; font-weight: lighter; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #DDDDDD 1px solid;text-align: center;} 
.con_news_m_ p{ font-size: 18px; text-align: justify; line-height: 175%; margin: 35px 0px;} 
.con_news_m_ img{ display: block; margin: 30px auto; max-width: 800px;} 
.con_news_m_e{ text-align: center;} 
.con_news_more{  border-bottom: #DDDDDD 1px solid; border-top: #DDDDDD 1px solid; padding: 30px 0px; margin-top: 50px;} 
.con_news_more h5{font-size:24px; margin-bottom: 20px;} 
.con_news_more ul{} 
.con_news_more ul li{ margin:10px 0px;}
.con_news_more ul li a{ font-size:16px; line-height: 175%;} 





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

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

.con_contact_{ width:75%;margin:50px auto 0px;} 
.con_contact_con{width: 100%;} 
.con_contact_con ul{display: flex;flex-wrap:wrap;justify-content:space-between;} 
.con_contact_con ul li{ width: 33%; text-align: center; padding: 80px 0px; background: #F8F8F8;} 

.con_contact_con ul li h5{ font-size: 18px; margin: 30px 0px 8px;} 
.con_contact_con ul li i{display:block; margin: 0 auto; color: #bb905d; font-size: 60px; } 
.con_contact_con ul li p{font-size: 16px;} 
.con_contact_con ul li h2{font-size: 36px; color: #bb905d;} 

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




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



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


.bottom{ width:100%; background:#121212; margin: 0px; padding:50px 0px;} 
.bottom_{ width:75%; margin:0px auto;} 
.bottom_ .fl{ float: left;} 
.bottom_ .fl img{ width: 150px;} 
.bottom_ .fm{ float: left; margin-left: 5%;}
.bottom_ .fm ul{ display: flex;flex-wrap:wrap;justify-content:space-between; gap:0 100px;} 
.bottom_ .fm ul li{} 
.bottom_ .fm ul li h5{ font-size: 18px;color: #FFFFFF; margin-bottom: 20px;} 
.bottom_ .fm ul li p{ margin: 8px 0px;} 
.bottom_ .fm ul li p a{ font-size: 14px;color: #CCCCCC; } 
.bottom_ .fm ul li p a:hover{color: #bb905d;}  
.bottom_ .fc{ float: left; margin-left: 80px;} 

.bottom_ .fc h5{font-size: 18px; color: #FFFFFF;} 
.bottom_ .fc em{ display: block; height: 2px; width: 50px; background: #bb905d; margin: 15px 0px;} 
.bottom_ .fc h6{ font-size: 16px; color: #FFFFFF; margin-bottom: 15px;}
.bottom_ .fc h2{font-size: 30px; color: #FFFFFF; margin-bottom: 15px;} 
.bottom_ .fc p { margin-top:8px; color: #CCCCCC; font-size: 14px;} 

.bottom_ .fr { float: right;} 
.bottom_ .fr img{width: 120px;} 
.bottom_ .fr p{ text-align: center;} 
.bottom_info {width:75%; margin:0px auto; padding: 20px 0px; border-top: #999999 1px solid; margin-top: 20px; color: #999999;} 
.bottom_info a{ color: #999999;} 


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

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













@media screen and (max-width:1700px){
	
	
	
	.nav_{ width:85%;} 
	/* 轮播容器 */
    .carousel-container { width: 85%;}
	.main_b_{ width: 85%;} 
	
	.main_c_ .fl {  padding:1% 3% 0 7.5%;} 
	.main_c_ .fl > a{margin-top: 25px;} 
	.main_c_join{ width: 85%;} 
	.main_c_ .main_c_info ul{gap:30px 0px;} 
	.main_d_tit{ width: 85%;} 
	.main_e_a_{ width: 85%;} 
	.main_e_b_{ width: 85%;} 
	.main_news_{ width: 85%;} 
	
	.main_message_{ width: 85%;} 
	
	
	.n_img div{ width:85%; margin-left:-42.5%;} 
	
	.con_about_{ width:85%;} 
	.con_about_a .tit{ width:85%;} 
	.con_about_a_{width:85%;} 
	.con_about_b .tit{ width:85%;} 
	.con_about_c{ width: 85%; } 
	
	.silder-box-1{} 
	.silder-button-1.btl{ right:12%;} 
	.silder-button-1.btr{ right:7.5%;} 
	
	
	.con_pro_list_{ width: 85%;}  
	.con_pro_menu{ width: 85%;} 
	.con_pro_{ width: 85%; } 
	.con_pro_m_{width:85%;} 


	.con_join_a{ width: 85%; }
	.con_join_d_tit{ width: 85%;}
	.con_join_b_{width: 85%; } 
	.con_join_b_ ul li{  height: 420px;}
	.con_join_c{ width: 85%;} 	
	
	.con_news{width: 85%; } 
	.con_news_m{ width: 85%; } 
	
	
	.con_contact_tit{ width:85%;} 
	.con_contact_{ width:85%;} 
	
	.bottom_{ width:85%;} 
	.bottom_ .fm ul{gap:0 80px;} 
	.bottom_info {width:85%;} 
	
} 





@media screen and (max-width:1580px){
	
	
	
	.nav_{ width:96%;} 
	/* 轮播容器 */
    .carousel-container { width: 1280px; }
	.main_b_{ width:1280px;} 
	
	.main_c_ .fl {  padding:1% 3% 0 2.5%;} 
	.main_c_ .fl > a{margin-top: 20px;} 
	.main_c_join{ width:1280px;} 
	.main_c_ .main_c_info ul{gap:0px 0px;} 
	.main_c_ .main_c_info ul li{ width: 25%;} 
    .main_c_ .main_c_info ul li p strong{font-size:30px;} 
	
	.main_d_tit{ width:1280px; padding: 8% 0 0;} 
	.main_e_a_{ width:1280px;} 
	.main_e_b_{ width:1280px;} 
	.main_news_{ width:1280px; } 
	
	.main_message_{ width:1280px;} 
	
	
	.n_img div{ width:1280px; margin-left:-640px;} 
	
	.con_about_{ width:1280px;} 
	.con_about_a .tit{ width:1280px;} 
	.con_about_a_{width:1280px;} 
	.con_about_b .tit{ width:1280px;} 
	.con_about_c{ width: 1280px;} 
	
	.con_about_b_{width:98%;margin:35px auto 0px; overflow: hidden;} 
	.con_about_b_ ul li{ width: 410px; height: 280px; padding:45px;}
	.silder-button-1.btl{  right:8%;} 
	.silder-button-1.btr{  right:3%;} 
	
	
	.con_pro_list_{ width:1280px;}  
	.con_pro_menu{ width:1280px; } 
	.con_pro_{ width: 1280px;} 
	.con_pro_m_{width:1280px;} 


	.con_join_a{ width:1280px; }
	.con_join_d_tit{ width:1280px;  }
	.con_join_b_{width: 1280px; }
	.con_join_b_ ul li{ height: 375px;}
	.con_join_c{ width:1280px; } 	
	
	.con_news{width:1280px; } 
	.con_news_m{ width:1280px; } 
	
	
	.con_contact_tit{ width:1280px; } 
	.con_contact_{ width: 1280px; } 
	
	.bottom_{ width:96%;} 
	.bottom_ .fm ul{gap:0 60px;} 
	.bottom_info {width:96%; } 
	
} 






.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: #FAFAFA;} 
	.mobile-inner-header .img0 { float: left; width: 35%; margin-top: 4%; margin-left: 3%;} 
	.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(211,172,103,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_a{margin:35px auto; width: 88%;} 
	.main_a_tit h2{font-size: 1.5em; }
	.main_a_tit em{ margin: 10px auto;  height: 2px; }
	
	.carousel-container{ display: none;}
	.carousel-container-m{ display: block; margin-top: 15px;}
	.carousel-container-m ul{ display: flex;flex-wrap:wrap;justify-content:space-between; gap:8px 0px;} 
	.carousel-container-m ul li{ width: 48%; height: 100%;} 
    .carousel-container-m ul li img { width: 100%; object-fit: cover;display: block;}
    .carousel-container-m ul li div {padding: 10px 0px;text-align: center;background: #FFFFFF;}
	.carousel-container-m ul li div p{letter-spacing: 0.3px; font-size: 1em; margin-bottom: 5px;} 
	.carousel-container-m ul li div a{  display: inline-block; border: #bb905d 1px solid; color: #bb905d; border-radius: 10px; padding: 2px 10px; font-size: 0.8em; } 
	.carousel-container-m ul li div a:hover{ background: #bb905d; color: #FFFFFF;} 
	
	
	.main_b{ padding:30px 0px; } 
	.main_b_tit h2{font-size: 1.5em; }
	.main_b_tit em{margin: 10px auto;  height: 2px;}
	.main_b_{ width: 88%; margin: 20px auto 0px;} 
	.main_b_ ul{  gap:15px 0px;} 
	.main_b_ ul li{ width:49%; height: 100%; text-align: center;} 
	.main_b_ ul li div{width:100%; height: 100%; overflow: hidden;} 
	.main_b_ ul li div img{display: block; margin: 0; width:100%; height: 100%; object-fit: cover;} 
	.main_b_ ul li > p{font-size: 1em; margin: 8px 0px;} 
	.main_b_ ul li > a{   border-radius: 10px; padding: 2px 10px; font-size: 0.8em; } 
	
	
	
	
	.main_c{padding:35px 0px;} 
	.main_c_{ width:100%; margin: 0 auto;} 
	.main_c_ .fl { float: none; width:88%;margin: 0 auto; padding:0 0 0 0;} 
	.main_c_ .fl > h5{ font-size: 1.2em; margin-bottom: 10px;} 
	.main_c_ .fl > p{ font-size: 1em; line-height: 150%; }  
	.main_c_ .fl > em{  margin: 10px 0px; } 
	.main_c_ .fl > a{  font-size: 0.8em; border-radius: 10px; padding: 2px 10px; margin-top: 10px;} 
	.main_c_ .fl > a:hover{} 
	.main_c_ .fr{ float: none; width: 100%; margin:20px 0px 0px;} 

	.main_c_ .main_c_info{ margin: 20px 0px 0px;} 
	.main_c_ .main_c_info ul{  gap:10px 0px;} 
	.main_c_ .main_c_info ul li{ width: 49%;} 
	.main_c_ .main_c_info ul li h3{ font-size: 1em; margin-bottom:5px;} 
	.main_c_ .main_c_info ul li p{font-size: 1em; } 
	.main_c_ .main_c_info ul li p strong{font-size:1.5em; } 


	.main_c_join{ width: 88%; margin: 35px auto 0px;} 
	.main_c_tit h2{font-size: 1.5em; }
	.main_c_tit em{margin: 10px auto;  height: 2px;}

	.main_c_join_ ul{  gap:5px 0px; margin-top: 20px;} 
	.main_c_join_ ul li{ width: 49%;} 
	.main_c_join_ ul li div.txt{  padding: 15px; } 
	.main_c_join_ ul li div.txt img{ width:25px; } 
	.main_c_join_ ul li div.txt h5{font-size: 1.2em;  margin-bottom:5px;}  
	.main_c_join_ ul li div.txt p{font-size: 0.8em; height: 50px; line-height: 150%; } 

	
	.main_d{  height: 300px; } 
	.main_d_tit{ width:88%;  padding: 5% 0 0 0;} 
	.main_d_tit h2{font-size: 1.2em; } 
	.main_d_tit em{ margin: 5px 0px; height: 1px; width:30px;} 
	.main_d_tit p{font-size: 0.8em; } 


	.main_e_a{   height: auto; background:none; padding:30px 0px 0px;} 
	.main_e_a_{ width: 88%; } 
	.main_e_a_ .fl { float: none; width: 100%; padding: 0 0 0 0; } 

	.main_e_a_ .fl > h5{ font-size: 1.5em; margin-bottom: 10px;}  
	.main_e_a_ .fl > p{ font-size: 1em; line-height: 150%; }  
	.main_e_a_ .fl > em{  margin: 5px 0px; height: 2px; width: 30px; } 
	.main_e_a_ .fl > a{  font-size: 1em;  border-radius: 10px; padding: 2px 10px; margin-top: 15px;} 
	.main_e_a_ .fr{ float: none; width: 100%; margin-top: 10px; } 

	.main_e_b{  height: auto; background:none; padding:30px 0px 0px; } 
	.main_e_b_{ width:88%; } 
	.main_e_b_ .fr { float: none; width:100%; padding: 0 0 0 0; margin-top: 10px;} 

	.main_e_b_ .fr > h5{ font-size: 1.5em; margin-bottom: 10px;} 
	.main_e_b_ .fr > p{ font-size: 1em; line-height: 150%; }  
	.main_e_b_ .fr > em{ margin: 5px 0px; height: 2px; width: 30px; } 
	.main_e_b_ .fr > a{ font-size: 1em;  border-radius: 10px; padding: 2px 10px; margin-top: 15px;} 
	.main_e_b_ .fl{ float: none; width: 100%; } 

	
	
	
	.main_news{ height: auto; margin: 35px 0px; padding:30px 0px 30px; } 
	.main_news_{ width: 88%; } 
	.main_news_ .fl { float: none; width: 100%; padding: 0 0 0 0; } 
	.main_news_ .fl > h2{font-size: 1.2em;} 
	.main_news_ .fl > em{ margin: 5px 0px; height: 1px; width:30px; } 
	.main_news_ .fl > a{ font-size: 1em; border-radius: 10px; padding: 2px 10px; margin-top: 10px;} 
	.main_news_ .fr{ float: none; width: 100%; } 
	.main_news_ .fr ul{ width: 100%; } 
	.main_news_ .fr ul li{ padding: 15px 0px; } 
	.main_news_ .fr ul li h3{font-size: 1em;} 
	.main_news_ .fr ul li h3 a{  font-size: 1em;} 
	.main_news_ .fr ul li p{ font-size: 0.8em; line-height: 150%; margin-top:5px;} 
	
	.main_message{ margin: 35px 0px; }
	.main_message_{ width: 88%; } 
	.main_message_ .fl { float: none; width: 100%; padding: 0 0 0 0; } 
	.main_message_ .fl > h2{font-size: 1.2em;} 
	.main_message_ .fl > em{ margin: 5px 0px; height: 1px; width:30px;} 
	.main_message_ .fl > p{font-size: 1em; line-height: 150%;} 

	.main_message_ .fr{ float: none; width:100%; margin:0; } 
	.main_message_ .fr ul{ width: 100%;} 
	.main_message_ .fr ul li{ padding: 8px 0px;}
	.main_message_ .fr ul li input{box-sizing: border-box;} 
	.main_message_ .fr ul li:first-child input{ padding: 10px; } 
	.main_message_ .fr ul li:nth-child(2) input{padding: 10px;} 
	.main_message_ .fr ul li:nth-child(3) input{padding: 10px;height: 80px;} 
	.main_message_ .fr ul li:last-child input{ width: 100px; padding: 8px 0px;} 
	
	


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

	.n_img{   height:200px;} 
	.n_img div{ width:88%; left: 50%; margin-left:-44%; bottom: 20px;} 
	.n_img div p{  font-size: 0.8em; } 
	.n_img div h2{ font-size: 1.5em;  margin-top:5px;} 

	


	.con_about{ padding:35px 0px;} 

	.con_about_{ width:88%; } 
	.con_about_ .fl{ float: none; width:100%;} 
	.con_about_ .fl h3{font-size:1.35em; } 
	.con_about_ .fl p{ margin: 20px 0px; line-height: 150%; font-size: 1em;} 

	.con_about_ .fr{ float: none; width: 100%;} 
	.con_about_ ul{ gap:5px 0px;} 
	.con_about_ ul li{  width:49%; padding: 15px; box-sizing: border-box;} 
	.con_about_ ul li h5{ font-size: 1em; margin-bottom: 5px;} 
	.con_about_ ul li h6{   font-size: 0.8em; } 

	.con_about_a{ padding:35px 0px; margin:30px 0px 0px;}
	.con_about_a .tit{ width:88%; } 
	.con_about_a .tit h3{font-size:1.35em; } 
	.con_about_a_{width:88%;margin:25px auto 0px;} 
	.con_about_a_ ul{  gap:5px 0px;} 
	.con_about_a_ ul li{ flex: none; padding:15px 0px; width:100%;} 
	.con_about_a_ ul li img{ width: 50px; height: 50px;margin-left: 15px;} 
	.con_about_a_ ul li div{ padding: 0px 20px;} 
	.con_about_a_ ul li div h3{ font-size: 1.2em; margin: 10px 0px 5px;} 
	.con_about_a_ ul li div p{line-height: 150%; font-size: 0.9em;} 

	.con_about_b{ padding:30px 0px; background-size: cover;}
	.con_about_b .tit{ width:88%; } 
	.con_about_b .tit h3{font-size:1.35em; } 
	.con_about_b_{width:88%;margin:20px auto 0px;} 

	.silder-box-1{ width:100%;  position: relative;margin: 20px 0px 0px;} 
	.con_about_b_{ } 
	.con_about_b_ ul{} 
	.con_about_b_ ul li{ width: 320px; height: 190px; padding:20px;} 
	.con_about_b_ ul li h2{font-size:1.2em;margin-bottom: 10px;} 
	.con_about_b_ ul li p{ font-size:0.9em; line-height: 150%; } 

	.silder-button-1.btl{  top:-20%; right:18%;} 
	.silder-button-1.btl i{ padding: 3px 8px; border-radius:5px;font-size: 1em; } 
	.silder-button-1.btr{  top:-20%; right:5%;} 
	.silder-button-1.btr i{  padding: 3px 8px; border-radius:5px;font-size: 1em;} 

	.con_about_c{ width: 88%; margin: 30px auto;} 
	.con_about_c .tit h3{font-size:1.35em; } 
	.con_about_c .tit p{font-size: 1em; margin-top: 10px; line-height: 150%;} 
	.con_about_c_{margin: 20px auto 0px;} 
	
	
	
	
	
	.con_pro_list{ padding: 35px 0px;} 
	.con_pro_list_{ width: 88%;  padding: 30px 0px; } 
	.con_pro_list_:first-child{ padding-top: 0px;} 
	.con_pro_list_ .tit{ margin-bottom:20px;} 
	.con_pro_list_ .tit h2{  font-size: 1.2em; } 
	.con_pro_list_ .tit p{  } 
	.con_pro_list_ .tit p a{ width: 80px; padding: 5px 0px; font-size: 0.9em;} 
	.con_pro_list_ ul{ gap:0 1.333%;} 
	.con_pro_list_ ul li{ width: 48.5%; } 

	.con_pro{  padding:30px 0px;} 
	.con_pro_menu{ width:88%; margin: 0 auto 20px;} 
	.con_pro_menu ul{ gap:2px;} 
	.con_pro_menu ul li{ width: 90px; } 
	.con_pro_menu ul li a{ padding: 5px 0px; font-size: 0.8em;} 

	.con_pro_{ width:88%; } 
	.con_pro_ ul{  justify-content:space-between; gap:8px 0px;} 
	.con_pro_ ul li{ width: 49%; margin-bottom: 1.75%; } 
	.con_pro_ ul li p{font-size: 1em; margin: 10px 0px 5px; } 
	.con_pro_ ul li span{ font-size: 0.8em; padding-bottom: 10px;} 

	.con_pro_m{  padding: 35px 0px;} 
	.con_pro_m_{width:88%;margin:30px auto 20px;} 
	.con_pro_m_ h1{ font-size: 1.5em;} 
	.con_pro_m_ p{ margin: 8px 0px; } 

	
	
	.con_join{ padding: 30px 0px;} 
	.con_join_a{ width:88%; margin: 0 auto 30px;} 
	.con_join_a_tit p{font-size: 1.2em; margin-bottom: 5px;} 
	.con_join_a_tit h5{ font-size: 1.5em; } 

	.con_join_a_{ margin:30px auto 0px;} 
	.con_join_a_ ul{  gap:10px 0px;} 
	.con_join_a_ ul li{ width: 100%; padding:20px; } 
	.con_join_a_ ul li img{ width: 50px;} 
	.con_join_a_ ul li h6{font-size: 1.2em; margin: 10px 0px 6px; } 
	.con_join_a_ ul li p{ font-size: 0.8em; line-height: 150%;} 

	.con_join_d{   height: auto;  padding:10% 0 10%; background-size: cover;}
	.con_join_d_tit{ width:88%; margin: 0 auto 30px;}
	.con_join_d_tit{ text-align: center;}
	.con_join_d_tit h5{ font-size: 1.5em; }
	.con_join_d_tit h6{font-size: 1.2em; margin: 10px 0px 15px; } 
	.con_join_d_tit img{ width: 220px;} 

	.con_join_b{ padding: 30px 0px; } 
	.con_join_b_tit h5{ font-size: 1.5em;} 
	.con_join_b_{width:88%; margin: 30px auto 0px;} 
	.con_join_b_ ul { gap:10px 0px;} 
	.con_join_b_ ul li{ width:100%; height: auto; padding:10% 10%;}
	.con_join_b_ ul li:nth-child(2){padding: 0;}
	.con_join_b_ ul li:nth-child(3){padding: 0;}
	.con_join_b_ ul li:nth-child(6){padding: 0;}
	.con_join_b_ ul li:nth-child(7){padding: 0;}
	.con_join_b_ ul li:last-child{padding: 0;}
	.con_join_b_ ul li h5{font-size: 1.2em; margin-bottom: 10px;} 
	.con_join_b_ ul li p{ font-size: 0.9em;  line-height: 150%; margin: 10px 0px;} 

	.con_join_c{ width: 88%; margin: 30px auto;} 
	.con_join_c_tit h5{ font-size: 1.5em; } 
	.con_join_c_tit p{font-size: 1.2em; } 
	.con_join_c_{ margin: 20px auto 0px;} 
	.con_join_c_ ul{gap:10px 0px;} 
	.con_join_c_ ul li{ width: 100%;} 
	.con_join_c_ ul li input{  font-size:1em;} 
	.con_join_c_ .sub{  margin-top: 15px;} 
	.con_join_c_ .sub input{  padding: 10px 30px; font-size: 1.2em;} 
	
	
	
	
	
	.con_news{width: 88%; margin:30px auto;} 

	.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 a{ font-size:1.2em; } 
	.con_news_ ul li div.fl em{ margin: 15px 0px;} 
	.con_news_ ul li div.fl:hover em{ width: 100px;} 
	.con_news_ ul li div.fl span{ font-size: 0.8em; line-height: 150%; margin-bottom:15px; } 
	.con_news_ ul li div.fr{float: none; width:100%; height: 100%;} 
	.con_news_ ul li img{ height: 100%; object-fit: cover;} 

	.con_news_m{ width: 88%; margin:30px auto; } 
	.con_news_m_{} 
	.con_news_m_ h1{ font-size:1.5em; } 
	.con_news_m_ h5{ font-size: 0.8em;  padding-bottom: 15px; margin-bottom: 20px;} 
	.con_news_m_ p{ font-size: 1em;  line-height: 150%; margin: 25px 0px;} 
	.con_news_m_ img{ width: 100%; margin:20px auto; max-width: 100%;} 
	.con_news_more{padding:15px 0px; margin-top: 20px;} 
	.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; line-height: 150%;} 
	
	
	
	.con_contact{ padding:30px 0px;} 

	.con_contact_tit{ width:88%; } 
	.con_contact_tit h5{font-size:1.5em; } 
	.con_contact_tit p{ font-size:1em; } 

	.con_contact_{ width:88%;margin:20px auto 0px;} 
	.con_contact_con ul{ } 
	.con_contact_con ul li{ width:100%; padding: 20px 0px; margin-bottom: 10px;} 

	.con_contact_con ul li h5{ font-size: 1.2em; margin: 12px 0px 5px;} 
	.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:200px; } 



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


	.bottom{ padding:30px 0px;} 
	.bottom_{ width:88%; } 
	.bottom_ .fl{ float: none; padding-right: 0px; border-right: none; text-align: center;} 
	.bottom_ .fl img{ width: 100px;} 
	.bottom_ .fm{display: none;} 
	.bottom_ .fc{ float: none; margin-left: 0px; text-align: center; margin-top: 20px;} 
	.bottom_ .fc h6{ font-size: 1.2em;} 
	.bottom_ .fc em{ margin: 5px auto;} 
	.bottom_ .fc h2{font-size: 1.6em; } 
	.bottom_ .fc h5{font-size: 1.2em;margin-top:20px;} 
	.bottom_ .fc p { margin-top:5px;font-size: 0.9em;} 
	.bottom_ .fr { float: none; text-align: center; margin-top: 20px;} 
	.bottom_ .fr img{width: 100px;} 
	.bottom_info {width:88%;font-size: 0.8em;} 
	.bottom_info a{font-size: 1em;} 

	/*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);
  }
}