@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:#2b3550;} 
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:15px 0px; position: absolute; top: 0; left: 0; z-index: 99999;}

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

.nav_menu {float: right; margin:15px 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: 16px; font-weight: lighter;} 
.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: #FFFFFF; transition: all 0.3s;}
.nav_menu ul li a:hover{color: #FFFFFF; border-bottom:#FFFFFF 3px solid; padding-bottom: 10px; 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 i{color: #FFFFFF; font-size: 15px; border: #FFFFFF 1px solid; border-radius: 50%; padding: 7px;} 
.nav_r a{ color: #CCCCCC; margin-left: 10px;} 
.nav_r a:hover{ color: #FFFFFF;} 

/*
.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: #2b3550; border-bottom:#2b3550 3px solid; padding-bottom: 10px; font-weight: bold;} 
.nav_n_menu ul li a.this{  border-bottom:#2b3550 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:#2b3550; 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: 20px;left: 50%;transform: translateX(-50%);display: flex;gap: 10px;}
.indicator { width: 12px;height: 12px;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%;  margin: 0;  padding: 0;}
.main_about_{width:100%; margin:0px auto;} 
.main_about_fl{ float: left; width: 50%; padding: 6.6% 10%; box-sizing: border-box;}
.main_about_fl h3{font-size: 48px; color:#2b3550; margin-bottom: 0px; opacity: 0.2;font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"}
.main_about_fl h5{font-size: 40px; color:#2b3550; margin-bottom: 50px;} 
.main_about_fl p{font-size: 16px; color:#000000; line-height:175%; text-align: justify; margin: 30px 0px; opacity: 1; font-weight: lighter;}
.main_about_fl a{ display: block; margin: 50px 0px 0px; padding: 20px 0px 0px; width: 100%; border-top: #DDDDDD 1px solid; color: #999999; font-size: 14px;font-weight: lighter; transition: all 0.6s;} 
.main_about_fl a:hover{  border-top: #2b3550 1px solid; color: #2b3550; } 
.main_about_fr{ float: right; width: 50%; height: 900px; overflow: hidden;} 
.main_about_fr img{ width: 100%;height: 100%; object-fit: cover;}







.main_case {width: 100%; height: auto; margin: 0;  padding:100px 0px; background: url("/images/bg01.jpg") no-repeat center top;} 
.main_case_tit{ width: 80%; margin: 0 auto;} 
.main_case_tit h3{font-size: 48px; color:#FFFFFF; margin-bottom: 0px; opacity: 0.2; text-transform: uppercase; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"} 
.main_case_tit h5{font-size: 40px; color:#FFFFFF; } 
.main_case_{width:80%; margin:60px auto 0px;} 
.main_case_ ul{display: flex;justify-content:space-between;flex-wrap:wrap;} 
.main_case_ ul li{ width: 25%; overflow: hidden; position: relative;} 
.main_case_ ul li img{ width: 100%; height: 100%; object-fit: cover;} 
.main_case_ ul li div{ position: absolute; width: 100%; padding: 20px; background: rgba(43,53,80,0.8);  bottom: 0;} 
.main_case_ ul li h3{ font-size: 18px;color:#FFFFFF; margin-bottom: 5px;} 
.main_case_ ul li p{color:#FFFFFF; opacity: 0.6; font-size: 16px; text-transform: uppercase;font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"} 





.main_pro{ width: 100%; margin:0px;} 
.main_pro_tit{ width: 80%; margin: 0 auto;} 
.main_pro_tit h3{font-size: 48px; color:#000000; margin-bottom: 0px; opacity: 0.2; text-transform: uppercase; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"} 
.main_pro_tit h5{font-size: 40px; color:#000000; } 

.silder-box-1{ width:100%;  position: relative;margin:60px 0px 0px; overflow: hidden;} 
.main_pro .main_pro_{ width:80%; margin: 0px auto;}
.main_pro .main_pro_ ul{ } 
.main_pro .main_pro_ ul li{position: relative; width: 800px; height:550px; overflow: hidden;} 
.main_pro .main_pro_ ul li img{  width: 100%; height: 100%; object-fit: cover; } 
.main_pro .main_pro_ ul li div{display: block; position: absolute; z-index: 9999; width: 100%;top:0; padding:30px; box-sizing: border-box;} 
.main_pro .main_pro_ ul li div h5{font-size:32px; opacity: 0.5; color: #FFFFFF; font-weight: lighter; text-transform: uppercase; margin-bottom: 5px;} 
.main_pro .main_pro_ ul li div p{font-size: 28px; color: #FFFFFF;font-weight: lighter;} 
.main_pro .main_pro_ ul li div em{} 
.main_pro .main_pro_ ul li:hover div{   background: rgba(0,0,0,0.5); } 

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









.main_news{ width: 100%; margin:80px 0px;}
.main_news_tit{ width: 80%; margin: 0 auto;} 
.main_news_tit h3{font-size: 48px; color:#000000; margin-bottom: 0px; opacity: 0.2; text-transform: uppercase; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"} 
.main_news_tit h5{font-size: 40px; color:#000000; } 
.main_news_{ width: 80%; margin:60px auto 0px;} 
.main_news_ .fl{float: left; width: 48%;background: #F6F6F6; padding: 30px; box-sizing:border-box;}
.main_news_ .fr{float: right;width:48%; background: #F6F6F6; padding: 30px; box-sizing:border-box;} 
.main_news_ span{ display: block; font-size: 16px;color: #CCCCCC; margin-bottom: 10px;} 
.main_news_ h5{ line-height: 125%;} 
.main_news_ h5 a{ color:#2b3550; font-size: 20px;font-weight: normal;} 
.main_news_ p{ font-size: 14px; line-height: 150%; color: #999999;} 
.main_news_ em{ display: block; margin:15px auto; background: #EEEEEE; height:1px; width:100%;} 
.main_news_ .fl > a{ display: block; margin: 20px 0px 0px; width: 100px; background: #2b3550; color: #FFFFFF; text-align: center; padding: 5px 0px; border-radius: 15px; transition: all 0.6s;} 
.main_news_ .fl > a:hover{ width: 160px;} 
.main_news_ .fr > a{ display: block; margin: 20px 0px 0px; width: 100px; background: #2b3550; color: #FFFFFF; text-align: center; padding: 5px 0px; border-radius: 15px; transition: all 0.6s;} 
.main_news_ .fr > a:hover{ width: 160px;} 




/********************************* 柏郎灯饰CSS  ↑ ***********************************/















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



.weizhi{ width: 100%; background: #EEEEEE; margin: 0;} 
.weizhi_{width:80%; margin: 0px auto;}
.us_top_{ float: left; padding: 25px 0px;} 

.n_img{ left:0px; top:0px; width:100%; height:600px; margin: 0px; padding: 0px; overflow: hidden; position: relative;} 
.n_img img{ width:100%; position: absolute; z-index: 9; object-fit: cover;} 
.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%;margin:80px 0px;} 
.con_about_{ width:1280px; margin: 0 auto;} 
.con_about_ h3{font-size:60px; color: #2b3550; opacity: 0.2; text-transform: uppercase;} 
.con_about_ h5{ font-size:42px; color: #2b3550; font-weight: bolder; margin-top: -10px;} 
.con_about_ p{ margin: 30px 0px; color: #000000; opacity:1; line-height: 175%; font-size: 18px; text-align: justify;font-weight: lighter;}


.con_about_b{  width: 100%; margin:30px 0px 80px;}
.con_about_b_ { width: 1280px; margin: 0px auto;} 
                                           
.con_about_b_ .fl{ float: left;width: 630px; } 
.con_about_b_ .fl img{ width: 100%; height: 100%; object-fit: cover;}                                                           

.con_about_b_ .fr{ float: right;width: 630px; } 
.con_about_b_ .fr img{ width: 100%; height: 100%;object-fit: cover;} 



.con_about_a{width:100%;padding:100px 0px; background:#F5F5F5;} 
.con_about_a_tit{ width:1280px;margin:0px auto; text-align:center;} 
.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: #2b3550; font-weight: bolder; margin-top: -20px;} 
.con_about_a_{width:1280px;margin:60px auto 0px;} 
.con_about_a_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between; gap:0px 20px;} 
.con_about_a_ ul li{ flex: 1; background: #FFFFFF; text-align: center; padding: 30px 0px;} 
.con_about_a_ ul li img{ width: 80px; height: 80px;} 
.con_about_a_ ul li div{ padding: 0px 35px;} 
.con_about_a_ ul li div h3{ font-size: 20px;color: #2b3550; margin: 20px 0px 10px;} 
.con_about_a_ ul li div p{ color: #666666; line-height: 175%; font-size: 14px;} 









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

.con_pro_list{width:1280px;margin:50px auto;} 
.con_pro_list > h5{ font-size: 36px;} 
.con_pro_list_{ margin: 30px 0px;} 
.con_pro_list_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between;} 
.con_pro_list_ ul li{ width: 32.5%; overflow: hidden;} 
.con_pro_list_ ul li img{width: 100%; height: 100%; object-fit: cover;} 
.con_pro_list > a{ display: block; width: 200px; background: #DDDDDD; color: #2b3550; text-align: center; padding: 10px 0px;} 
.con_pro_list > a:hover{ background: #2b3550; color: #FFFFFF;} 

.con_pro_menu{ width: 100%; margin: 0px 0px 35px;} 
.con_pro_menu_{ width:80%;margin:0px auto;} 
.con_pro_menu_ ul{ display: flex;flex-wrap:wrap;justify-content:flex-start; gap:0px 5px;} 
.con_pro_menu_ ul li{ } 
.con_pro_menu_ ul li a{display: inline-block;  background: #F2F2F2; color: #2b3550;  padding: 12px 35px; font-size: 18px; font-weight: lighter;} 
.con_pro_menu_ ul li a:hover{ background: #2b3550; color: #FFFFFF;} 

.con_pro_menu_m{ width:1280px;margin:0px auto 50px;} 
.con_pro_menu_m_{ width:1280px;margin:0px auto;} 
.con_pro_menu_m_ ul{ display: flex;flex-wrap:wrap;justify-content:flex-start; gap:0px 5px;} 
.con_pro_menu_m_ ul li{ } 
.con_pro_menu_m_ ul li a{display: inline-block;  background: #F2F2F2; color: #2b3550;  padding: 12px 35px; font-size: 18px; font-weight: lighter;} 
.con_pro_menu_m_ ul li a:hover{ background: #2b3550; color: #FFFFFF;} 


.con_pro_{ width:80%;margin:0px auto;} 
.con_pro_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between; gap:30px 0px;} 
.con_pro_ ul li{ width: 32.5%;height: 100%; } 
.con_pro_ ul li div{width: 100%; height: 100%; overflow: hidden;} 
.con_pro_ ul li div img{ display: block; margin: 0 auto;width: 100%; height: 100%; object-fit: cover;} 
.con_pro_ ul li p{ width: 100%; padding: 20px 0px; background: #FFFFFF; font-size: 24px; font-weight: lighter;  text-align: center;} 



.con_pro_m{width:100%;margin:80px 0px;padding: 0;} 
.con_pro_m_{width:1280px;margin:0px auto;} 
.con_pro_m_ .con_pro_m_fl{ float: left; width: 550px; height: 550px;position: relative; overflow: hidden;} 
.con_pro_m_ .con_pro_m_fl img{ width: 100%;  height: 100%;   object-fit: cover;} 
.con_pro_m_ .fr{ float: right; width: 650px;} 
.con_pro_m_ .fr img{ width: 100%;} 


.con_case{ padding: 0; width: 100%; margin: 80px 0px;} 
.con_case_{ width:1280px;margin:0px auto;} 
.con_case_ ul{ display: flex;flex-wrap:wrap;justify-content:space-between; gap:20px 0px;} 
.con_case_ ul li{ width: 32.5%; height: 320px; overflow: hidden;} 
.con_case_ ul li img{width: 100%; height: 100%; object-fit: cover;} 

.con_case_m{width:100%;margin:80px 0px;padding: 0;} 
.con_case_m_{width:1280px;margin:0px auto; text-align: center;} 
.con_case_m_ img{ display: block; margin: 0 auto;width: 100%; height: 100%; object-fit: cover;} 








.con_news{width: 1280px; margin:80px auto;} 
.con_news_{} 
.con_news_ ul{} 
.con_news_ ul li{ margin:50px 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: #2b3550; 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{ width: 1280px; margin:80px auto; } 
.con_news_m_{ float: left; width: 900px; border-right: #DDDDDD 1px solid; padding-right: 100px; box-sizing: border-box;} 
.con_news_m_ h1{ font-size:36px; line-height: 125%; margin-bottom: 10px;} 
.con_news_m_ h5{ font-size: 14px; color: #999999; font-weight: lighter; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #DDDDDD 1px solid;} 
.con_news_m_ p{ font-size: 16px; text-align: justify; line-height: 175%; margin: 30px 0px;} 
.con_news_m_ img{ display: block; margin: 30px auto; max-width: 750px;} 
.con_news_m_e{} 
.con_news_m_e ul{} 
.con_news_m_e ul li{ margin:10px 0px; padding: 20px; border: #DDDDDD 1px solid;}
.con_news_m_e ul li a{ display:inline-block; color: #000000; font-size:16px; line-height: 175%;} 
.con_news_m_e ul li a:hover {color: #2b3550;} 
.con_news_more{ float: right; width:300px;} 
.con_news_more h5{font-size:24px; margin-bottom: 30px;} 
.con_news_more ul{} 
.con_news_more ul li{ margin:20px 0px;}
.con_news_more ul li a{ font-size:16px; line-height: 175%;} 











.con_join_c{ width:1280px; margin: 0px auto; padding:80px 0px; text-align: center;} 
.con_join_c span{ display: block; font-size: 60px; color: #999999; opacity: 0.2; text-transform: uppercase; font-weight: normal; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_join_c h2{font-size: 40px; color: #2b3550; margin-top: -10px; margin-bottom: 30px;} 

.con_join_c p{  font-size:24px; line-height:150%; font-weight: lighter;} 



.con_join{ width: 100%; margin: 0px; background: #F8F8F8; padding:80px 0px;} 
.con_join_tit{margin:0px auto; width: 1280px; text-align: center;} 
.con_join_tit h3{font-size: 60px; color: #999999; opacity: 0.2; text-transform: uppercase; font-weight: normal; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_join_tit p{ color: #2b3550; font-size:40px;font-family: ali-b; margin-top: -25px; font-weight: bolder;} 
.con_join_{ width: 1280px; margin: 0px auto 0px;} 
.con_join_b{ background: #FFFFFF; margin: 40px 0px;} 
.con_join_b .fl{ float: left; width: 500px; padding: 60px; box-sizing: border-box;} 
.con_join_b .fl h5{ font-size: 28px; color: #2b3550; margin-bottom:20px;} 
.con_join_b .fl p{ font-size: 16px;  text-align: justify; line-height: 175%;}
.con_join_b .fr{ float: right; width: 700px; overflow: hidden;}
.con_join_b .fr img{ width: 100%; display: block; margin: 0;}



.con_join_z_{ margin: 80px auto; width:1280px; border: #EEEEEE 1px solid; padding: 50px; box-sizing: border-box; } 
.con_join_z_txt01{ font-size: 40px; font-weight: lighter; border-bottom: #999999 1px solid; padding:0px 0px 20px 0px; text-align: center;} 
.con_join_z_txt02{ margin: 20px 0px;} 
.con_join_z_txt02 input{ border: #999999 1px solid; color: #000000; padding: 15px; box-sizing: border-box; font-size: 16px; width: 49.5%;} 
.con_join_z_txt03{ margin: 20px 0px;} 
.con_join_z_txt03 input{ border: #999999 1px solid; color: #000000; padding: 15px;  box-sizing: border-box; font-size: 16px; width: 100%;} 
.con_join_z_txt04{ margin: 20px 0px;} 
.con_join_z_txt04 textarea{ border: #999999 1px solid; color: #000000; padding: 15px; box-sizing: border-box;  font-size: 16px; width: 100%; height: 200px; vertical-align: top; font-family: "微软雅黑";} 
.con_join_z_txt05{ margin: 50px 0px 0px;text-align: center;} 
.con_join_z_txt05 input{ border: none; background: #2b3550;  color: #FFFFFF; padding: 15px; box-sizing: border-box; width: 30%; font-size: 30px; font-weight: bold;} 



















.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: #2b3550;} 
.con_contact_tit p{ font-size:60px; color: #999999; opacity: 0.2;} 

.con_contact_{ width:1280px;margin:60px auto; box-shadow: 0px 0px 15px 1px #EEEEEE;} 
.con_contact_l{ float: left; width: 550px; padding: 30px; box-sizing: border-box;} 
.con_contact_l ul{} 
.con_contact_l ul li{ padding: 30px 0px; border-bottom: #EEEEEE 1px solid; } 
.con_contact_l ul li:last-child{border-bottom: none; } 
.con_contact_l ul li h5{ font-size: 16px; margin-bottom: 10px;} 
.con_contact_l ul li h5 i{display: inline-block; width: 30px; text-align: center;color: #2b3550; font-size: 22px; } 
.con_contact_l ul li p{font-size: 16px; font-weight: lighter; margin: 5px 0px;} 


.con_contact_r{ float: right; width: 650px; height:580px; overflow: hidden;} 
.con_contact_r img{ width: 100%;height:100%; object-fit: cover;} 








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




.bottom{ width:100%; background:#2b3550; margin: 0px; padding:50px 0px;} 
.bottom_{ width:80%; margin:0px auto;} 
.bottom_logo{float: left; width: 150px;} 
.bottom_logo img{ width: 100%;} 
.bottom_l{ float: right; margin: 0px 0px 0px 8%; } 
.bottom_l ul{} 
.bottom_l ul li{float:left; margin-right: 100px;} 
.bottom_l ul li:last-child{margin-right: 0px;} 
.bottom_l ul li h5{ font-size: 16px; color: #FFFFFF;} 
.bottom_l ul li h3{font-size: 24px; color: #FFFFFF;} 
.bottom_l ul li h6{font-size: 16px; color: #FFFFFF;} 
.bottom_l ul li em{ display: block; height: 1px; width: 30px; background: #CCCCCC; margin: 20px 0px;} 
.bottom_l ul li p { margin-top:5px; color: #FFFFFF; font-size: 14px;font-weight:lighter; line-height: 150%;} 
.bottom_l ul li:last-child img{width: 120px;} 
.bottom_l ul li:last-child p{ text-align: center;} 
.bottom_b{ width:80%; margin:20px auto 0px;padding: 20px 0px 0px; text-align: left; font-size: 12px; border-top: #999999 1px solid; color: #999999;text-transform: uppercase;} 
.bottom_b a{ color: #999999;} 
.bottom_b a:hover{color: #FFFFFF;} 


/*css black2 style pagination*/
div.black2{padding:0px;margin:30px 0px;text-align:center;} 
div.black2 a{border:#DDDDDD 1px solid;padding:12px 20px;margin:0px 5px;color:#666666;text-decoration:none;} 
div.black2 a:hover{color:#FFFFFF;background:#2b3550;border:#2b3550 1px solid;} 
div.black2 a:active{color:#FFFFFF;background:#2b3550;border:#2b3550 1px solid;} 
div.black2 a.curr{padding:12px 25px;font-weight:bold;color:#FFFFFF;background:#2b3550;border:#2b3550 1px solid;} 
div.black2 a font{ color: #FFFFFF;} 



@media screen and (max-width:1700px){
	
	
	.nav_{ width:81%; margin:0px auto; }
	
	.main_about_fl{  padding: 5.5% 10% 0;}
	.main_about_fl h3{font-size:30px;}
	.main_about_fl p{ line-height:165%;}
	.main_about_fr{height: 840px;} 
	
	
	.bottom_logo{ width: 130px;} 
	.bottom_l{ float: right; margin: 0px 0px 0px 6%; } 
	.bottom_l ul li{float:left; margin-right: 75px;} 
	
	
	
} 
@media screen and (max-width:1500px){
	
	.nav_{ width:90%; }
    .nav_l{  width:120px;}
	.nav_menu ul li a, .nav_menu ul li a:visited {margin:0px 26px;}
	
	.main_about_fl{  padding: 5.5% 6.6% 0 5%;}
	.main_about_fr{height: 780px;} 
	.main_about_fl p{ font-size: 16px; line-height:165%;}
	
	.main_pro_tit{ width: 90%;} 
	.silder-box-1{ margin:50px 0px 0px; } 
	.main_pro .main_pro_{ width:90%;}
	.main_pro .main_pro_ ul li{ width: 550px; height:378px;} 
	
	.main_case_tit{ width: 90%;} 
	.main_case_{width:90%; margin:50px auto 0px;} 
	
	.main_news_tit{ width: 90%;} 
	.main_news_{ width: 90%; margin:50px auto 0px;} 
	
	.weizhi_{width:90%; margin: 0px auto;}

	.con_pro_menu_{ width:90%;} 
    .con_pro_{ width:90%;} 
	
	
	.bottom_{ width:90%;} 
	.bottom_logo{ width: 120px;} 
	.bottom_l{ float: right; margin: 0px 0px 0px 5%; } 
	.bottom_l ul{} 
	.bottom_l ul li{float:left; margin-right: 50px;} 
	.bottom_l ul li:last-child img{width: 100px;} 
	.bottom_b{ width:90%;} 
	
	
} 
@media screen and (max-width:1400px){
	
	.nav_{ width:95%; }
    .nav_l{  width:120px;}
	.nav_menu ul li a, .nav_menu ul li a:visited {margin:0px 26px;}
	
	.main_about_fl{  padding: 5% 5% 0 2.5%;}
	.main_about_fr{height: 700px;} 
	.main_about_fl p{ font-size: 14px; line-height:165%;}
	
	.main_pro_tit{ width: 95%;} 
	.silder-box-1{ margin:50px 0px 0px; } 
	.main_pro .main_pro_{ width:95%;}
	.main_pro .main_pro_ ul li{ width: 550px; height:378px;} 
	
	.main_case_tit{ width: 95%;} 
	.main_case_{width:95%; margin:50px auto 0px;} 
	
	.main_news_tit{ width: 95%;} 
	.main_news_{ width: 95%; margin:50px auto 0px;} 
	
	.weizhi_{width:95%; margin: 0px auto;}

	.con_pro_menu_{ width:95%;} 
    .con_pro_{ width:95%;} 
	
	
	.bottom_{ width:95%;} 
	.bottom_logo{ width: 120px;} 
	.bottom_l{ float: right; margin: 0px 0px 0px 5%; } 
	.bottom_l ul{} 
	.bottom_l ul li{float:left; margin-right: 50px;} 
	.bottom_l ul li:last-child img{width: 100px;} 
	.bottom_b{ width:95%;} 
	
	
}



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

@media screen and (max-width:768px){
	
	
	.nav{ display: none;} 
	
	.carousel-item .pc{ display: none;}
    .carousel-item .mo{ display: block;}
	
	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 60px;background: #2b3550;} 
	.mobile-inner-header .img0 { float: left; width: 20%; margin-top: 2.5%; 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(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;} 
	

	.main_about_{width:88%; margin:50px auto;} 
	.main_about_fl{ float: none; width: 100%; padding: 0 0;}
	.main_about_fl h3{font-size: 1em; }
	.main_about_fl h5{font-size: 1.6em;margin-bottom: 20px;} 
	.main_about_fl p{font-size: 0.9em; line-height:150%;  margin: 20px 0px; }
	.main_about_fl a{  margin: 20px 0px 0px; padding: 10px 0px 0px;  font-size: 1em; } 
	.main_about_fl a:hover{  } 
	.main_about_fr{ float: none; width:100%; height: auto; margin-top: 15px; } 


	
	.main_case {  padding:50px 0px; } 
	.main_case_tit{ width: 88%; margin: 0 auto;} 
	.main_case_tit h3{font-size: 1em; } 
	.main_case_tit h5{font-size: 1.6em; } 
	.main_case_{width:88%; margin:20px auto 0px;} 
	.main_case_ ul{gap:5px;} 
	.main_case_ ul li{ width: 49%;} 
	.main_case_ ul li div{ padding: 12px; } 
	.main_case_ ul li h3{ font-size: 1.2em; margin-bottom: 3px;} 
	.main_case_ ul li p{ font-size: 1em;} 




	.main_pro{ margin-top: 50px;} 
	.main_pro_tit{ width: 88%;} 
	.main_pro_tit h3{font-size: 1em;} 
	.main_pro_tit h5{font-size: 1.6em;} 

	.silder-box-1{ margin:20px 0px 0px; } 
	.main_pro .main_pro_{ width:88%;}
	.main_pro .main_pro_ ul{ } 
	.main_pro .main_pro_ ul li{ width: 320px; height:220px; } 
	.main_pro .main_pro_ ul li div{ padding:12px; } 
	.main_pro .main_pro_ ul li div h5{font-size:0.8em;  } 
	.main_pro .main_pro_ ul li div p{font-size: 1.2em; } 

	.silder-button-1.btl{  top:48%; left:1%;} 
	.silder-button-1.btl i{padding: 5px 10px; font-size: 1em; } 

	.silder-button-1.btr{  top:48%; right:1%;} 
	.silder-button-1.btr i{padding: 5px 10px; font-size: 1em; } 




	.main_news{margin:35px 0px;}
	.main_news_tit{ width: 88%; margin: 0 auto;} 
	.main_news_tit h3{font-size: 1em;} 
	.main_news_tit h5{font-size: 1.6em; } 
	.main_news_{ width: 88%; margin:20px auto 0px;} 
	.main_news_ .fl{float: none; width:100%;background: #F6F6F6; padding: 20px; }
	.main_news_ .fr{float: none;width:100%; background: #F6F6F6; padding: 20px;  margin-top: 5px;} 
	.main_news_ span{  font-size: 0.9em; margin-bottom: 10px;} 
	.main_news_ h5{  } 
	.main_news_ h5 a{  font-size: 1.1em; } 
	.main_news_ p{ font-size: 0.8em;  } 
	.main_news_ em{ margin:10px auto;width:100%;} 
	.main_news_ .fl > a{ margin: 10px 0px 0px; width: 80px; } 
	.main_news_ .fl > a:hover{ width: 120px;} 
	.main_news_ .fr > a{ margin: 10px 0px 0px; width: 80px;} 
	.main_news_ .fr > a:hover{ width: 120px;} 


    
	/**************************内页start**************************/
	
	
	.weizhi_{width:88%;}
	.us_top_{ padding: 12px 0px;} 

	.n_img{  height:160px;}


	.con_about{ margin:30px 0px;} 
	.con_about_{ width:88%; margin: 0 auto;} 
	.con_about_ h3{font-size:1.2em;} 
	.con_about_ h5{ font-size:1.6em; margin-top: -2px;} 
	.con_about_ p{ margin: 20px 0px;  line-height: 150%; font-size: 1em;}


	.con_about_b{ margin:30px 0px 50px;}
	.con_about_b_ { width: 88%; ;} 

	.con_about_b_ .fl{ float: none;width: 100%; }                                                        
	.con_about_b_ .fr{  float: none;width: 100%; margin-top: 10px; } 



	.con_about_a{ padding:30px 0px;  } 
	.con_about_a_tit{ width:88%; } 
	.con_about_a_tit h5{font-size:1.2em; } 
	.con_about_a_tit p{ font-size:1.6em;   margin-top: -2px;} 
	.con_about_a_{width:88%;margin:30px auto 0px;} 
	.con_about_a_ ul{  gap:5px 5px;} 
	.con_about_a_ ul li{ width: 48.5%; flex: none; padding: 20px 0px; box-sizing: border-box;} 
	.con_about_a_ ul li img{ width: 60px; height: 60px;} 
	.con_about_a_ ul li div{ padding: 0px 15px;} 
	.con_about_a_ ul li div h3{ font-size: 1.2em; margin: 15px 0px 5px;} 
	.con_about_a_ ul li div p{ line-height: 150%; font-size: 1em;} 
	
	
	
	.con_pro{ padding:30px 0px; } 

	.con_pro_list{width:88%;margin:30px auto;} 
	.con_pro_list > h5{ font-size: 1.5em;} 
	.con_pro_list_{ margin: 20px 0px;} 
	.con_pro_list_ ul{gap:5px 0px;} 
	.con_pro_list_ ul li{ width: 100%; } 
	.con_pro_list > a{width: 100px;} 

	.con_pro_menu{ margin: 0px 0px 20px;} 
	.con_pro_menu_{ width:88%;} 
	.con_pro_menu_ ul{ gap:0px 2px;} 
	.con_pro_menu_ ul li{ } 
	.con_pro_menu_ ul li a{ padding: 8px 15px; font-size: 1em;} 
	
	
	.con_pro_menu_m{ width: 100%; margin: 0px 0px 20px;} 
	.con_pro_menu_m_{ width:88%;} 
	.con_pro_menu_m_ ul{ gap:0px 2px;} 
	.con_pro_menu_m_ ul li{ } 
	.con_pro_menu_m_ ul li a{ padding: 8px 15px; font-size: 1em;} 
	
	

	.con_pro_{ width:88%;} 
	.con_pro_ ul{gap:10px 0px;} 
	.con_pro_ ul li{ width: 100%; } 




	.con_pro_m{ margin:30px 0px; } 
	.con_pro_m_{width:88%;} 
	.con_pro_m_ img{ width: 100%;} 



	.con_case{ margin: 30px 0px;} 
	.con_case_{ width:88%; } 
	.con_case_ ul{  gap:10px 0px;} 
	.con_case_ ul li{ width: 100%; height: auto;  } 

	.con_case_m{ margin:30px 0px; } 
	.con_case_m_{width:88%; } 
	
	
	
	
	.con_news{width: 88%; margin:30px auto;} 
	.con_news_ ul li{ margin:20px 0px; } 
	.con_news_ ul li div.fl{ float: none; width: 100%; padding: 20px;} 
	.con_news_ ul li div.fl p a{ font-size:1.2em;} 
	.con_news_ ul li div.fl em{ margin: 10px 0px; width: 80px; height: 1px;} 
	.con_news_ ul li div.fl:hover em{ width: 160px;} 
	.con_news_ ul li div.fl span{  line-height: 150%; margin-bottom: 15px;  font-size: 0.8em;} 
	.con_news_ ul li div.fr{float: none; width: 100%; height: auto; } 
	.con_news_ ul li img{  height: 100%;} 



	.con_news_m{ width: 88%; margin:30px auto;} 
	.con_news_m_{ float: none; width: 100%; border-right:none; padding-right:0px;} 
	.con_news_m_ h1{ font-size:1.5em; line-height: 125%; margin-bottom: 10px;} 
	.con_news_m_ h5{ font-size: 0.8em;  padding-bottom: 15px; margin-bottom: 15px; } 
	.con_news_m_ p{ font-size: 1em; line-height: 150%; margin: 25px 0px;} 
	.con_news_m_ img{  width: 100%; margin:25px auto; max-width: 100%;} 
	.con_news_m_e{} 
	.con_news_m_e ul{} 
	.con_news_m_e ul li{ margin:10px 0px; padding: 20px; }
	.con_news_m_e ul li a{ font-size:1em; line-height: 150%;} 
	.con_news_more{ float: none; width:100%;} 
	.con_news_more h5{font-size:1.2em; margin-bottom: 20px;} 
	.con_news_more ul{} 
	.con_news_more ul li{ margin:10px 0px;}
	.con_news_more ul li a{ font-size:1em; line-height: 150%;} 
	
	
	
	
	
	.con_join_c{ width:88%; padding:30px 0px; } 
	.con_join_c span{ font-size: 1.2em;} 
	.con_join_c h2{font-size: 1.6em; margin-top: -5px; margin-bottom:20px;} 
	.con_join_c p{  font-size:1.2em;} 



	.con_join{ padding:30px 0px;} 
	.con_join_tit{ width: 88%;} 
	.con_join_tit h3{font-size: 1.2em; } 
	.con_join_tit p{  font-size:1.5em; margin-top: -5px; } 
	.con_join_{ width: 88%; margin: 0px auto;} 
	.con_join_b{ margin: 20px 0px;} 
	.con_join_b .fl{ float: none; width: 100%; padding: 20px; } 
	.con_join_b .fl h5{ font-size: 1.5em;  margin-bottom:10px;} 
	.con_join_b .fl p{ font-size: 1em; line-height: 150%;}
	.con_join_b .fr{ float: none; width: 100%; }



	.con_join_z_{ margin:30px auto; width:88%; padding: 20px; } 
	.con_join_z_txt01{ font-size: 1.2em; } 
	.con_join_z_txt02{ margin: 10px 0px;} 
	.con_join_z_txt02 input{  padding: 10px; font-size: 1em; width: 100%; margin-bottom: 5px;} 
	.con_join_z_txt03{ margin: 10px 0px;} 
	.con_join_z_txt03 input{ padding: 10px; font-size: 1em;} 
	.con_join_z_txt04{ margin: 10px 0px;} 
	.con_join_z_txt04 textarea{  font-size: 1em;  height: 100px; } 
	.con_join_z_txt05{ margin: 20px 0px 0px;} 
	.con_join_z_txt05 input{ border: none; background: #2b3550;  color: #FFFFFF; padding: 15px;   width: 50%; font-size: 1.5em; } 



	
	
	
	.con_contact{ padding:30px 0px;} 
	.con_contact_tit{ width:88%; } 
	.con_contact_tit h5{font-size:1.5em; } 
	.con_contact_tit p{ font-size:1.2em; } 
	.con_contact_{ width:88%;margin:20px auto; } 
	.con_contact_l{ float: none; width: 100%; padding:20px; } 
	.con_contact_l ul{} 
	.con_contact_l ul li{ padding: 20px 0px;  } 
	.con_contact_l ul li:last-child{border-bottom: none; } 
	.con_contact_l ul li h5{ font-size: 1em; } 
	.con_contact_l ul li h5 i{ font-size: 1.2em; } 
	.con_contact_l ul li p{font-size: 1em; } 


	.con_contact_r{ float: none; width: 100%; height:220px;} 
	.con_contact_r #dituContent{ height:220px;} 
	
	
	
	
	
	/**************************内页end**************************/
	
	
	.bottom{ padding:25px 0px;} 
	.bottom_{ width:88%;} 
	.bottom_logo{float: none; width: 100px; text-align: center; margin: 0 auto;} 
	.bottom_l{ float: none; margin: 10px 0 0 0; } 
	.bottom_l ul{} 
	.bottom_l ul li{float:none; text-align: center; margin-right: 0px; margin-top: 10px;} 
	.bottom_l ul li h5{ font-size: 1em;} 
	.bottom_l ul li h3{font-size: 1.5em;} 
	.bottom_l ul li h6{font-size: 1em; } 
	.bottom_l ul li em{ width: 80px; height: 1px; margin: 10px auto;} 
	.bottom_l ul li p { margin-top:3px; font-size: 0.9em; } 
	.bottom_l ul li:last-child img{width: 100px;} 
	.bottom_b{ width:88%; margin:15px auto 0px;padding:15px 0px 0px; font-size: 0.8em;} 



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