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


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



*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; font-family:ali-r; 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:#019e97;} 
a:visited {text-decoration:none;color:#000000;} 
.cle{ height: 0px; clear: both;} 
.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

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

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



.main_about{ width: 100%; background: url(/images/bg01.jpg) no-repeat center;  height: 950px;} 
.main_about_{ width: 80%; margin: 0px auto;} 
.main_about_left{ width: 90%; float: left; margin-top: 100px;} 
.main_about_left .tt{ width: 40%;} 
.main_about_left .tt h3{ font-size: 60px; color: #bbbbbb; font-weight: bold;} 
.main_about_left .tt span{ display: inline-block; font-size: 36px; color: #000000;} 
.main_about_left .tt p{color: #333333; font-size: 16px; line-height:200%; margin:35px 0px; text-align: justify;} 
.main_about_left .tt a{ display: block; background: #019e97; width: 150px; color: #FFFFFF; text-align: center; padding: 5px 0px; border-radius: 5px; transition: all 0.5s;} 
.main_about_left .tt a:hover{background: #000000;color: #FFFFFF; width: 180px;} 

.main_about_left .bb{ width: 100%; margin-top: 80px; background:rgba(255,255,255,0.8);} 
.main_about_left .bb ul{ } 
.main_about_left .bb ul li{ float: left; width: 25%; box-sizing: border-box; padding: 80px; text-align:center; } 
.main_about_left .bb ul li h3{} 
.main_about_left .bb ul li h3 strong{ font-size: 60px; color: #019e97;} 
.main_about_left .bb ul li p{font-size: 16px; color: #000000; margin-bottom: 20px;} 
.main_about_left .bb ul li:hover{ background: #019e97;} 
.main_about_left .bb ul li:hover h3{color: #FFFFFF;} 
.main_about_left .bb ul li:hover h3 strong{ color: #FFFFFF;} 
.main_about_left .bb ul li:hover p{ color: #FFFFFF} 

.main_about_right{ float: right;} 




.main_pbm{ width: 100%; background:#000000;} 
.main_pbm_tit{ width: 80%; margin: 0px auto; padding: 100px 0px 50px; text-align: center;} 
.main_pbm_tit p{ color: #FFFFFF; font-size: 50px;} 
.main_pbm_tit p span{color: #ff7200;} 
.main_pbm_tit p strong{} 

.main_pbm_{ width: 100%;} 
.main_pbm_ ul{} 
.main_pbm_ ul li{ width: 25%; float: left; height: 600px; position: relative;} 
.main_pbm_ ul li img{ position: absolute; z-index: 9; width: 100%; height: 100%;} 
.main_pbm_ ul li p{ position: absolute; z-index: 99; width: 100%; height: 100%; text-align: center; line-height: 125%; box-sizing: border-box; padding-top: 35%; color: #FFFFFF; font-size: 36px;}
.main_pbm_ ul li:hover p{ background: rgba(0,0,0,0.5);} 





.main_mia{ width: 100%; margin:0px;} 
.main_mia_tit{ width: 80%; margin: 0px auto;  padding: 80px 0px 50px; text-align: center;} 
.main_mia_tit img{} 
.main_mia_tit p{ font-size: 60px; font-weight: bold; color: #019e97;} 

.main_mia_{ width: 100%;} 
.main_mia_l{ width: 50%;background: #dcfffe; float: left; box-sizing: border-box; padding: 50px 30px;} 
.main_mia_r{width: 50%; background: #ffefd4; float: right; box-sizing: border-box; padding: 50px 30px;} 
.main_mia_tt { width: 50%; margin: 0px auto;} 
.main_mia_tt img{ float: left;}
.main_mia_tt p{ font-size: 30px; text-align: center; font-weight: bold;} 
.main_mia_tt p span {display: block; font-size: 24px;} 

.main_mia_list{ margin-top: 50px;} 
.main_mia_list ul{} 
.main_mia_list ul li{ width: 33.33%; float: left; } 
.main_mia_list ul li img{ width: 100%; height: 100%;} 
.main_mia_list ul li p{text-align: center; font-size: 18px; padding: 15px 0px;}



.main_pro{ width: 100%; background: url(/images/bg02.jpg) repeat-x center top;  padding:80px 0px; height:auto; box-sizing: border-box;} 
.main_pro_{margin:0px auto; width: 80%;} 

.main_pro_tit{margin:0px auto; width: 80%;} 
.main_pro_tit .fl{ float: left;   margin-right: 50px;} 
.main_pro_tit .fr{ } 
.main_pro_tit .fl span{ display: block; color:#81cecb; font-size:40px; font-weight: bold;} 
.main_pro_tit .fl p{  font-size: 36px; color: #FFFFFF;} 
.main_pro_tit .fr span{ display: block; font-size: 60px;color: #FFFFFF; font-weight: bold;} 
.main_pro_tit .fr span img{} 



.main_pro_a{margin:50px auto 2px; width: 80%;} 
.main_pro_a div{ float: left; width: 49.5%; height: 730px;overflow: hidden; position: relative;}
.main_pro_a ul{ float: right;width: 49.5%;} 
.main_pro_a ul li{ height: 357px; width: 100%; overflow: hidden; margin-bottom: 2%; position: relative;} 
.main_pro_a img{ width: 100%; height: 100%; position: absolute; z-index: 9;} 
.main_pro_a a{position: absolute; display: block; z-index: 999; width: 100%; height: 100%; vertical-align: middle; box-sizing: border-box; text-align: center;} 
.main_pro_a div a{ padding-top:45%;} 
.main_pro_a ul li a{ padding-top: 18%;} 
.main_pro_a a h5{ color: #FFFFFF; text-transform: uppercase; font-size: 24px; margin-bottom: 10px;} 
.main_pro_a a p{color: #FFFFFF; font-size: 30px;} 
.main_pro_a a:hover{ background: rgba(0,0,0,0.6);} 

.main_pro_b{margin:0px auto; width: 80%;} 
.main_pro_b ul{ } 
.main_pro_b ul li{ float: left;height: 600px; width: 32.6%; margin-right: 1%; overflow: hidden; position: relative;} 
.main_pro_b ul li img{ width: 100%;  height: 100%;}  
.main_pro_b ul li:last-child{ float: right; margin-right: 0; } 
.main_pro_b img{ width: 100%; height: 100%; position: absolute; z-index: 9;} 
.main_pro_b a{position: absolute; display: block; z-index: 999; width: 100%; height: 100%; vertical-align: middle; box-sizing: border-box; text-align: center; padding-top: 47%;} 
.main_pro_b a h5{ color: #FFFFFF; text-transform: uppercase; font-size: 24px; margin-bottom: 10px;} 
.main_pro_b a p{color: #FFFFFF; font-size: 30px;} 
.main_pro_b a:hover{ background: rgba(0,0,0,0.6);} 








.main_join{width:100%; margin:100px 0px;} 

.main_join .main_join_tit{ text-align:center;} 
.main_join .main_join_tit h3{ font-size: 50px; color: #000000; margin-top:20px;} 
.main_join .main_join_tit p{ font-size: 28px; color: #666666;} 

.main_join_{ width: 80%; margin: 50px auto;}
.main_join_ ul{}
.main_join_ ul li{ text-align: center; background: #EEEEEE; padding-top: 50px;}
.main_join_ ul li h2{color: #000000; font-size: 36px; margin-bottom:20px;}
.main_join_ ul li p{color: #000000; font-size: 22px; font-weight: bold; margin-bottom: 5px;}
.main_join_ ul li span{ display: block;font-size: 14px; color:#666666;}
.main_join_ ul li div{ overflow: hidden;width:490px; height:270px; margin-top: 50px;} 
.main_join_ ul li div img{ display: block; width: 100%; height:100%;}
.main_join_ ul li:hover{background: #F9F9F9;} 

.silder-box-1{ width:100%;  position: relative;} 
.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.btl{left:0; top:42%; left: 5%;} 
.silder-button-1.btl i{ background: #EEEEEE; color: #000000;height: 50px; width: 50px; box-sizing: border-box; text-align: center; font-size: 28px; padding-top:11px; padding-right: 2px;} 
.silder-button-1.btl i:hover{background: #019e97; color: #FFFFFF;} 
.silder-button-1.btr{right:0;top:42%; right: 5%;} 
.silder-button-1.btr i{ background: #EEEEEE; color: #000000;height: 50px; width: 50px; box-sizing: border-box; text-align: center; font-size: 28px; padding-top:11px; padding-left: 2px;} 
.silder-button-1.btr i:hover{background: #019e97; color: #FFFFFF; } 


.main_icon{  width:100%; margin:0px;background: url("/images/bg03.jpg") no-repeat center;  padding:80px 0px 30px; height:auto; box-sizing: border-box;} 
.main_icon .main_icon_tit{ text-align:center;} 
.main_icon .main_icon_tit h3{ font-size: 50px; color: #000000; margin-top:20px;} 
.main_icon .main_icon_tit span{ color: #999999; text-transform: uppercase; font-size: 18px; display: block; margin: 5px 0px 20px;} 
.main_icon .main_icon_tit p{ font-size: 28px; color: #666666;} 
.main_icon_{  width:80%; margin:60px auto;} 
.main_icon_ ul{} 
.main_icon_ ul li{ float: left; width: 30%; height: 120px; margin-right: 5%; margin-bottom: 3%; padding:30px; box-sizing: border-box; background: rgba(255,255,255,0.7);} 
.main_icon_ ul li p{ float: left;color: #000000; font-size: 32px; margin: 10px 50px 0px 0px;font-family: oppo-b;} 
.main_icon_ ul li span{ display: block;  color: #333333; font-size: 16px;line-height: 175%;} 
.main_icon_ ul li:nth-child(3n){ float: right; margin-right: 0;} 
.main_icon_ ul li:hover{background: #FFFFFF;} 



.main_news{width: 80%; margin: 100px auto;} 

.main_news_tit{width:100%;} 
.main_news_tit p{ float: left; font-size:32px; line-height: 150%;} 
.main_news_tit p strong{ font-size:40px; color: #999999; display: block; text-transform: uppercase;} 
.main_news_tit span{ display: block; float: right; margin-top: 10px;} 
.main_news_tit span a{display: block; border: #333333 1px solid;  text-align: center; padding: 5px 20px;} 
.main_news_tit span a:hover{ background: #019e97; color: #FFFFFF;border: #019e97 1px solid;} 

.main_news_{ margin: 50px auto 0px;} 
.main_news_l{ width: 40%; height: 420px; overflow: hidden; float: left; position: relative;} 
.main_news_l img{ position: absolute; width: 100%; height: 420px; z-index: 99; display: block; border: none;} 
.main_news_l div{ position: absolute; z-index: 999; bottom: 0;background: rgba(0,0,0,0.75); padding: 15px; box-sizing: border-box;width: 100%;} 
.main_news_l div p{ margin-bottom: 10px; color: #e6a77b; font-size: 16px;} 
.main_news_l div span{ color: #DDDDDD; font-size: 12px; line-height: 150%;} 

.main_news_r{ float: right; width: 52%;} 
.main_news_r ul{ margin: 0px; padding: 0px;} 
.main_news_r ul li{ margin: 0px 0px 25px 0px; padding: 0px 0px 25px 0px; border-bottom: #CCCCCC 1px solid;} 
.main_news_r ul li em{ display: block; margin-bottom: 10px; font-style: normal; font-size: 12px;} 
.main_news_r ul li p{ margin: 0px 0px 5px 0px; font-size: 18px; color: #000000;box-sizing: border-box;} 
.main_news_r ul li p a:hover{ color: #019e97;} 
.main_news_r ul li span{ display: block;font-size: 12px; color: #666666; line-height: 175%;} 




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




.us_menu{width:100%;  background: #F5F5F5; margin: -5px auto 0px; box-shadow: 0px 1px 5px 1px #DDDDDD;} 
.us_menu_{ width: 1280px; margin: 0px auto;} 
.us_menu_{} 
.us_menu_ ul{ display: table; margin: 0px auto;} 
.us_menu_ li{ float: left; } 
.us_menu_ li a{ display: block; font-size: 16px; padding: 25px 40px 20px; color: #333333;} 
.us_menu_ li a:hover{background: #019e97; color: #FFFFFF;} 
.us_menu_ li a.on{ background: #019e97; color: #FFFFFF;} 


.n_img{ width:100%; height:600px; margin: 0px; padding: 0px; overflow: hidden; position: relative; border-top: #FFFFFF 80px solid;} 
.n_img img{ width:100%; position: absolute; z-index: 9;} 
.n_img div{ width:100%; margin: 0px auto; position: absolute; z-index: 999;text-align: center; padding: 260px 0px 0px;box-sizing: border-box; } 
.n_img div em{ display: block;height: 5px; background: #019e97; width:100px; margin: 0px auto;}
.n_img div p{ color: #FFFFFF;font-size: 40px; margin: 30px 0px 5px; font-weight: bold;} 
.n_img div span{ display: block; color: #FFFFFF; font-size: 32px;} 
.n_img div.bai em{} 
.n_img div.bai p{color: #FFFFFF;} 
.n_img div.bai span{color: #FFFFFF;} 
.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;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}


.locatn{width:80%;  padding: 30px 0px; margin: 0px auto; color: #666666;} 
.locatn a{color: #666666; font-size: 14px;} 
.locatn a:hover{color: #019e97;} 



/*内页-关于我们*/

.con_about_a{ width:1280px; margin:0px auto; padding: 50px 0px;} 
.con_a_tit{ text-align: center;} 
.con_a_tit p{text-transform: uppercase; color: #999999; font-size:18px;} 
.con_a_tit h3{color: #000000; font-size: 28px;} 
.con_about_a_{ margin-top: 50px;} 
.con_about_a_ p{ margin: 30px 0px; font-size: 15px; line-height:175%; text-align: justify;color: #666666;} 

.con_about_b{ width: 100%; margin:0px auto; background:url("/images/a02.jpg") no-repeat center; height:580px;box-sizing: border-box; padding: 80px 0px;} 
.con_b_tit{ text-align: center;} 
.con_b_tit p{text-transform: uppercase; color: #999999; font-size:18px;} 
.con_b_tit h3{color: #FFFFFF; font-size: 28px;} 
.con_about_b_{ width: 1280px; margin:100px auto 0px;}
.con_about_b_ ul{} 
.con_about_b_ ul li{ float: left; height: 150px; width: 30%;  margin-right: 5%;} 
.con_about_b_ ul li:nth-child(3n){ float: right; margin-right: 0;} 
.con_about_b_ ul li h5{ font-size: 20px; margin-bottom:10px;color: #019e97;} 
.con_about_b_ ul li p{ color: #FFFFFF; font-size: 16px; line-height: 175%; text-align: justify;} 

.con_about_c {width: 1280px; margin: 80px auto;} 

.con_about_d{ width: 100%; margin:0px; padding: 80px 0px; background: #F6F6F6;} 
.con_d_tit{ text-align: center;} 
.con_d_tit p{text-transform: uppercase; color: #999999; font-size:18px;} 
.con_d_tit h3{color: #000000; font-size: 28px;} 
.con_about_d_{width: 1280px; margin: 50px auto 0px; position: relative;} 
.con_about_d_ div{ background: #019e97; height: 2px; width: 100%; position: absolute; top: 15px;} 
.con_about_d_ ul{} 
.con_about_d_ ul li{ width:200px;  height: 200px;text-align: center;} 
.con_about_d_ ul li h5{ color: #019e97; font-size:24px; background: #F6F6F6;} 
.con_about_d_ ul li p{ font-size: 14px;line-height: 175%; color: #333333; text-align: justify; margin: 20px 0px 0px; box-sizing: border-box; padding: 0px 20px;} 
.silder-box-2{ width:100%;  position: relative;} 
.silder-button-2{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-2.btl{left:0; top:2%; left: 12%;} 
.silder-button-2.btl i{ background: #999999; color: #FFFFFF;height: 50px; width: 50px; box-sizing: border-box; text-align: center; font-size: 28px; padding-top:11px; padding-right: 2px;} 
.silder-button-2.btl i:hover{background: #019e97; color: #FFFFFF;} 
.silder-button-2.btr{right:0;top:2%; right: 12%;} 
.silder-button-2.btr i{ background: #999999; color: #FFFFFF;height: 50px; width: 50px; box-sizing: border-box; text-align: center; font-size: 28px; padding-top:11px; padding-left: 2px;} 
.silder-button-2.btr i:hover{background: #019e97; color: #FFFFFF; } 

.con_about_e{ width: 100%; margin:100px 0px;} 
.con_e_tit{ text-align: center;} 
.con_e_tit p{text-transform: uppercase; color: #999999; font-size:18px;} 
.con_e_tit h3{color: #000000; font-size: 28px;} 
.con_about_e_{width: 1280px; margin: 50px auto 0px;} 
.con_about_e_ img{width: 100%;} 

/*内页-关于我们*/


/*内页-产品*/

.c_pro{width: 100%; margin:100px 0px; background: #FFFFFF;} 
.c_pro_{ margin: 50px auto; width: 80%;} 
.c_pro_ ul{} 
.c_pro_ ul li{ width:31.33%; float: left; margin:0 3% 3% 0; border: #DDDDDD 1px solid;border-radius: 10px;overflow: hidden; box-sizing: border-box;} 
.c_pro_ ul li:nth-child(3n) { float: right; margin:0 0 3% 0;} 
.c_pro_ ul li div{width: 100%; height: 475px; overflow: hidden;} 
.c_pro_ ul li div img{ width: 100%; height: 100%; border-radius: 10px 10px 0px 0px;} 
.c_pro_ ul li p{  font-size: 18px; text-align: center; padding-bottom:30px;}


.c_pro_list{ margin: 0px auto; width:1280px; padding: 80px 0px; border-bottom: #EEEEEE 1px dashed;}
.c_pro_list h5{ font-size: 28px;} 
.c_pro_list ul{ margin-top: 20px;} 
.c_pro_list ul li{ width:32%; float: left; margin:0 2% 0 0; border: #DDDDDD 1px solid;border-radius: 10px;overflow: hidden; box-sizing: border-box;} 
.c_pro_list ul li:nth-child(3) { float: right; margin:0 0 0 0;} 
.c_pro_list ul li:nth-child(4) { display: none;} 
.c_pro_list ul li img{ width: 100%; height: 100%; border-radius: 10px 10px 0px 0px; display: block; margin-top: -15px;} 
.c_pro_list ul li p{  font-size: 16px;text-align: center; padding-bottom:20px;}
.c_pro_list ul li:hover{ box-shadow: 0px 0px 10px 1px #DDDDDD;} 
.c_pro_list a{ display: block; margin-top: 20px; font-size:20px;} 
.c_pro_list a:hover{ color: #019e97;} 

.con_pro_m{ width: 100%; margin: 0;} 
.con_pro_m_{ margin: 80px auto; width: 1280px;}
.con_pro_m_ .fl{ width: 650px; height: 650px; overflow: hidden;float: left; border: #DDDDDD 1px solid;border-radius: 10px;}
.con_pro_m_ .fl img{ width: 100%; height: 100%; border-radius: 10px;}
.con_pro_m_ .fr{ float: right; width: 500px; margin-top: 30px;} 
.con_pro_m_ .fr h1{ font-size:28px; line-height: 150%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #DDDDDD 1px solid;} 
.con_pro_m_ .fr p{ font-size:16px; margin: 5px 0px;}
.con_pro_m_ .fr p em{display: inline-block; width: 180px; font-style: normal;text-align: justify; text-justify: inter-word;} 

.con_pro_m_det{ width: 100%; padding: 30px 0px 60px; text-align: center; background: #F8F8F8;} 
.con_pro_m_det p{ margin: 0px auto; padding: 0px; text-align: center;} 
.con_pro_m_det img{ display: block; margin: 0px auto; padding: 0px;} 
/*内页-产品*/



/*内页-新闻*/ 

.com_news{width: 1280px; margin:50px auto;} 
.com_news_{} 
.com_news_ ul{} 
.com_news_ ul li{ margin:80px 0px;transition:All 0.5s; background: #F8F8F8;} 
.com_news_ ul li:hover {box-shadow: 0px 2px 20px 2px #DDDDDD;}
.com_news_ ul li div.fl{ float: left; width: 50%; transition: all 0.6s;padding: 50px;} 

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

.com_news_ ul li div.fr{float: right; width: 40%; height: 320px; overflow: hidden;} 
.com_news_ ul li img{ width: 100%; height: 360px;} 

.com_news_m{ width: 100%;} 
.com_news_m h1{ font-size:36px; line-height: 150%; margin-bottom: 5px;} 
.com_news_m h5{ font-size: 14px; color: #999999; font-weight: lighter; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #DDDDDD 1px solid;} 

.com_news_m #MyContent p{ font-size: 16px; text-align: justify; line-height: 175%; margin: 25px 0px;} 
.com_news_m #MyContent img{ display: block; margin: 30px auto; max-width: 750px;} 
.com_news_m #MyContent a img{ display: block; margin: 30px auto; max-width: 750px;} 

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

/*内页-新闻*/




/*内页-加盟*/

.con_join_a{ width: 1280px; margin: 80px auto;} 
.con_join_a .con_join_a_tit{ width: 1280px; margin:0px auto; text-align: center;} 
.con_join_a .con_join_a_tit h3{ color: #000000; font-size:48px; margin-bottom: 2px;} 
.con_join_a .con_join_a_tit p{ color: #999999; font-size:24px;} 
.con_join_a_{ width: 100%; margin:50px auto 0px;} 
.con_join_a_ img{ width: 100%;} 
.con_join_a_m{ display: none;} 

.con_join_b{width: 1280px; margin: 80px auto;} 
.con_join_b img{ width: 100%;} 

.con_join_{ margin: 0px auto 100px; width: 600px;} 
.con_join_txt01{ font-size: 36px; font-weight: lighter; border-bottom: #999999 1px solid; padding:0px 0px 20px 0px; text-align: center;} 
.con_join_txt02{ margin: 20px 0px;} 
.con_join_txt02 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 265px; } 

.con_join_txt03{ margin: 20px 0px;} 
.con_join_txt03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; } 

.con_join_txt04{ margin: 20px 0px;} 
.con_join_txt04 textarea{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; height: 200px; vertical-align: top; font-family: "微软雅黑";} 

.con_join_txt05{ margin: 50px 0px;text-align: center;} 
.con_join_txt05 input{ border: none; background: #019e97; border-radius: 5px; color: #FFFFFF; padding: 15px;width: 255px; font-size: 30px; font-weight: bold; } 


/*内页-加盟*/



/*内页-联系我们*/

.con_contact{  width:1280px; margin:80px auto; } 
.con_contact .fl{ float: left; width: 40%;} 
.con_contact .fl ul{}
.con_contact .fl ul li{ margin-bottom: 8px;} 
.con_contact .fl ul li:first-child{ margin-bottom: 30px;}
.con_contact .fl ul li h2{ font-size: 22px;}
.con_contact .fl ul li p{ font-size: 16px;}
.con_contact .fl ul li span{display: inline-block;}

.con_contact .fr{ float: right; width: 50%;} 
.con_contact .fr #dituContent{ width: 100%;  height: 360px;} 
.con_contact .fr img{ width: 100%; height: 100%;} 
/*内页-联系我们*/


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


@media screen and (max-width:1500px){
	.main_about{   background-size: cover;  height: 850px;} 
	.main_about_left .bb ul li{  padding: 40px; } 
	.main_about_left .bb ul li h3 strong{ font-size: 48px;} 
	
	.main_pbm_ ul li{ height: 400px;} 
	
	.main_pro_a div{ height: 520px;}
	.main_pro_a ul li{ height: 254px;} 
	.main_pro_b ul li{height: 400px; } 
	
	.main_news_l{ height: 300px; } 
	.main_news_l img{  height: 300px; } 
	
	.n_img{  height:400px;} 
	.n_img div{  padding: 160px 0px 0px;} 
	
	.c_pro_ ul li div{  height:320px; } 
} 



@media screen and (max-width:768px){
	
	.main_about{background-size: cover; height:auto;} 
	.main_about_{ width: 88%; padding-bottom: 50px;} 
	.main_about_left{ width: 100%; float: none; margin-top: 0px; padding-top: 50px;} 
	.main_about_left .tt{ width: 100%;} 
	.main_about_left .tt h3{ font-size: 2em;} 
	.main_about_left .tt span{ font-size: 1.6em;} 
	.main_about_left .tt p{ font-size: 1em; line-height:175%; margin:20px 0px; } 
	.main_about_left .tt a{   width: 120px;} 
	.main_about_left .tt a:hover{width: 150px;} 

	.main_about_left .bb{  margin-top: 30px; } 
	.main_about_left .bb ul{ } 
	.main_about_left .bb ul li{ width: 50%; padding: 16px; } 
	.main_about_left .bb ul li h3 strong{ font-size: 2em; } 
	.main_about_left .bb ul li p{font-size: 1em; margin-bottom: 5px;} 

	.main_about_right{ float: none;} 
	
	
	
	.main_pbm_tit{ width: 88%;  padding: 50px 0px 20px;} 
	.main_pbm_tit p{font-size: 1em;}
	.main_pbm_tit p:first-child{font-size: 1.6em;} 

	.main_pbm_{ width: 100%;} 
	.main_pbm_ ul{} 
	.main_pbm_ ul li{ width: 50%; height: 200px;} 
	.main_pbm_ ul li p{  padding-top: 35%; font-size: 1.5em;}
	
	
	
	
	.main_mia_tit{ width: 88%; padding: 50px 0px 20px;} 
	.main_mia_tit img{ width: 100%;} 
	.main_mia_tit p{ font-size: 1.8em;} 

	.main_mia_l{ width: 100%; float: none;  padding: 20px 20px;} 
	.main_mia_r{width: 100%; float: none;   padding: 20px 20px;} 
	.main_mia_tt { width: 80%; } 
	.main_mia_tt img{ width: 90px;} 
	.main_mia_tt p{ font-size: 1.5em;} 
	.main_mia_tt p span {font-size: 0.8em;} 

	.main_mia_list{ margin-top: 30px;} 
	.main_mia_list ul{} 
	.main_mia_list ul li p{ font-size:0.8em; padding: 10px 0px;}
	
	
	
	
	
	.main_pro{  background: #019e97;  padding:50px 0px; } 
	.main_pro_{ width: 88%;} 

	.main_pro_tit{ width: 88%;} 
	.main_pro_tit .fl{ float: none; margin-right: 0px;} 
	.main_pro_tit .fr{ float: none; margin-top: 15px;} 
	.main_pro_tit .fl span{  font-size:2em;} 
	.main_pro_tit .fl p{  font-size: 1.6em;} 
	.main_pro_tit .fr span{ font-size: 2em;  } 
	.main_pro_tit .fr span img{ width: 60px;} 



	.main_pro_a{margin:30px auto 2px; width: 88%;} 
	.main_pro_a div{ float: none; width: 100%; height: 230px;margin-bottom: 2%;}
	.main_pro_a ul{ float: none;width: 100%;} 
	.main_pro_a ul li{ height: 140px; width: 100%; margin-bottom: 2%;} 
	.main_pro_a img{  height:auto;} 
	.main_pro_a div a{ padding-top:28%;} 
	.main_pro_a ul li a{ padding-top:15%;} 
	.main_pro_a a h5{  font-size: 1.2em; margin-bottom: 5px;} 
	.main_pro_a a p{ font-size: 1.5em;} 

	.main_pro_b{ width: 88%;} 
	.main_pro_b ul{ } 
	.main_pro_b ul li{ float: none;height: 230px; width:100%; margin-right:0;  margin-bottom: 2%;} 
	.main_pro_b ul li img{ width: 100%;  height:auto;}  
	.main_pro_b ul li:last-child{ float: none; margin-right: 0; } 
	.main_pro_b img{ width: 100%; height: auto;} 
	.main_pro_b a{ padding-top: 30%;} 
	.main_pro_b a h5{ font-size: 1.2em; margin-bottom: 5px;} 
	.main_pro_b a p{ font-size: 1.5em;} 
    .main_pro_b a:hover{ background: rgba(0,0,0,0.6);} 
	
	
	
	
	.main_join{ margin:50px 0px;} 

	.main_join .main_join_tit{} 
	.main_join .main_join_tit h3{ font-size: 2em; margin-top:0px;} 
	.main_join .main_join_tit p{ font-size: 1.6em;} 

	.main_join_{ width: 88%; margin: 30px auto;}
	.main_join_ ul{}
	.main_join_ ul li{   padding-top:30px; width: 290px;}
	.main_join_ ul li h2{ font-size: 1.8em; margin-bottom:15px;}
	.main_join_ ul li p{font-size: 1.2em;}
	.main_join_ ul li span{ font-size: 1em; line-height: 160%; width: 100%; padding: 0px 20px; box-sizing: border-box; height: 36px;}
	.main_join_ ul li div{ overflow: hidden;width:100%; height:160px; margin-top:20px;} 

	.silder-button-1.btl{top:35%; left:0;} 
	.silder-button-1.btl i{  height: 30px; width: 30px;  font-size: 1.5em; padding-top:5px;} 
	.silder-button-1.btr{top:35%; right:0;} 
	.silder-button-1.btr i{ height: 30px; width: 30px;  font-size: 1.5em; padding-top:5px;} 

	
	
	
	.main_icon{  background-size: cover;  padding:50px 0px 20px;} 
	.main_icon .main_icon_tit h3{ font-size: 2em; margin-top:0px;} 
	.main_icon .main_icon_tit span{  font-size: 0.8em; margin: 3px 0px 12px;} 
	.main_icon .main_icon_tit p{ font-size: 1.2em;} 
	.main_icon_{  width:88%; margin:30px auto;} 
	.main_icon_ ul{} 
	.main_icon_ ul li{ float: none; width: 100%; height: auto; margin-right:0; margin-bottom: 2%; padding:20px;} 
	.main_icon_ ul li p{font-size: 1.8em; margin: 7px 30px 0px 0px; } 
	.main_icon_ ul li span{  font-size: 1em;line-height: 160%;} 
	.main_icon_ ul li:nth-child(3n){ float: none; margin-right: 0;} 

	
	
	.main_news{width: 88%; margin:50px auto;} 

	.main_news_tit p{  font-size:1.5em; } 
	.main_news_tit p strong{ font-size:1.2em;} 
	.main_news_tit span{  margin-top: 18px;} 
	.main_news_tit span a{ font-size: 0.8em} 


	.main_news_{ margin: 30px auto 0px;} 
	.main_news_l{ width: 100%; height:220px; float: none;} 
	.main_news_l img{ height:220px;} 
	.main_news_l div{ padding: 10px;} 
	.main_news_l div p{ font-size: 1em;} 
	.main_news_l div span{ display: none;} 

	.main_news_r{ float: none; width: 100%; margin-top: 15px;} 
	.main_news_r ul{ } 
	.main_news_r ul li{ margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; } 
	.main_news_r ul li em{ margin-bottom: 10px; font-size: 0.8em;} 
	.main_news_r ul li p{  font-size: 1.1em; font-weight: bold;} 
	.main_news_r ul li span{  font-size: 0.8em; line-height: 150%;} 
	
	
	
	
	
	.n_img{   height:160px; border-top:none;}
	.n_img img{ } 
	.n_img div{ padding: 70px 0px 0px;} 
	.n_img div em{ height: 2px;  width:50px; }
	.n_img div p{  font-size: 1.3em; margin: 5px 0px 3px; } 
	.n_img div span{ font-size: 1.3em;} 
	
	.locatn{width:88%;  padding: 15px 0px;font-size: 1em;} 
	.locatn a{ font-size: 1em;} 
	
	

	.us_menu_{ width: 88%;} 
	.us_menu_ li{ width: 33%;} 
	.us_menu_ li a{ font-size: 1em; padding: 15px 0px 10px; text-align: center;} 

	
	
	
	
	.con_about_a{ width:88%; margin:0px auto; padding:30px 0px;} 
	.con_a_tit p{font-size:1.2em;} 
	.con_a_tit h3{  font-size: 1.5em;} 
	.con_about_a_{ margin-top: 30px;} 
	.con_about_a_ p{ margin: 20px 0px; font-size: 1em; line-height:160%; } 

	.con_about_b{   background-size:cover; height:auto; padding:30px 0px;} 
	.con_b_tit{ text-align: center;} 
	.con_b_tit p{  font-size:1.2em;} 
	.con_b_tit h3{ font-size: 1.5em;} 
	.con_about_b_{ width: 88%; margin:30px auto 0px;}
	.con_about_b_ ul{} 
	.con_about_b_ ul li{ float: none; height: auto; width: 100%;  margin-right:0; margin-bottom: 15px;} 
	.con_about_b_ ul li:nth-child(3n){ float: none; margin-right: 0;} 
	.con_about_b_ ul li h5{ font-size: 1.3em; margin-bottom:5px; } 
	.con_about_b_ ul li p{ font-size: 1em; line-height: 150%; padding-left: 15px;} 

	.con_about_c {width: 88%; margin: 50px auto;} 
	.con_about_c img{ width: 100%;} 
	
	
	
	.con_about_d{ padding: 30px 0px; } 
	.con_d_tit{} 
	.con_d_tit p{font-size:1.2em;} 
	.con_d_tit h3{font-size: 1.3em;} 
	
	.con_about_d_{width: 88%; margin: 30px auto 0px; } 
	.con_about_d_ div{ top: 15px;} 
	.con_about_d_ ul{} 
	.con_about_d_ ul li{ width:290px;  height: 160px; background: #FFFFFF; padding: 15px; box-sizing: border-box;} 
	.con_about_d_ ul li h5{  font-size:1.8em;} 
	.con_about_d_ ul li p{ font-size: 1em;line-height: 160%;} 

	.silder-button-2.btl{top:35%; left:0;} 
	.silder-button-2.btl i{  height: 30px; width: 30px;  font-size: 1.5em; padding-top:5px;} 
	.silder-button-2.btr{top:35%; right:0;} 
	.silder-button-2.btr i{ height: 30px; width: 30px;  font-size: 1.5em; padding-top:5px;} 
	
	
	.con_about_e{ width: 100%; margin:50px 0px;} 
	.con_e_tit{  } 
	.con_e_tit p{font-size:1.2em;} 
	.con_e_tit h3{font-size: 1.3em;} 
	.con_about_e_{width: 88%; margin: 30px auto 0px;} 
	
	
	
	.c_pro_list{ width:88%; padding: 30px 0px;}
	.c_pro_list h5{ font-size: 1.5em;} 
	.c_pro_list ul li{ width:48%;  margin:0 0 2% 0;} 
	.c_pro_list ul li:nth-child(2n) { float: right; margin:0 0 2% 0;} 
	.c_pro_list ul li:nth-child(3) { float: left; margin:0 0 2% 0;} 
	.c_pro_list ul li:nth-child(4) { display:inline;} 
	.c_pro_list ul li img{} 
	.c_pro_list ul li p{  font-size: 0.6em;padding-bottom:12px;}
	.c_pro_list a{ font-size:1.2em;}  
	
	
	
    .c_pro{ margin:30px 0px; } 
	.c_pro_{ margin: 0px auto; width: 88%;} 
	.c_pro_ ul{} 
	.c_pro_ ul li{ width:100%; float: none; margin:0 0 2% 0;} 
	.c_pro_ ul li:nth-child(3n) { float: none; margin:0 0 2% 0;} 
	.c_pro_ ul li div{width: 100%; height: 100%; overflow: hidden;} 
	.c_pro_ ul li div img{ } 
	.c_pro_ ul li p{  font-size: 1em; padding-bottom:15px;}
	
	

	.con_pro_m_{ margin: 30px auto; width: 88%;}
	.con_pro_m_ .fl{ width: 100%; height: 100%;  float: none; box-sizing: border-box; overflow: hidden;}
	.con_pro_m_ .fl img{ width: 100%; height: 100%; border-radius: 10px;}
	.con_pro_m_ .fr{ float: none; width: 100%; margin-top: 20px;} 
	.con_pro_m_ .fr h1{ font-size:1.5em;  margin-bottom: 10px; padding-bottom: 10px;} 
	.con_pro_m_ .fr p{ font-size:0.9em; margin: 4px 0px;}
	.con_pro_m_ .fr p em{  width: 135px; } 

	.con_pro_m_det{padding: 20px 0px 20px;} 
	.con_pro_m_det p{ width: 88%;} 
	.con_pro_m_det img{ width: 100%;} 
	
	
	
	
	.con_join_a{ width: 88%; margin: 30px auto;} 
	.con_join_a .con_join_a_tit{ width: 100%; } 
	.con_join_a .con_join_a_tit h3{  font-size:1.5em; } 
	.con_join_a .con_join_a_tit p{   font-size:1.2em;} 
	.con_join_a_{ display: none;} 
	.con_join_a_m{ display:block; width: 100%; margin:30px auto 0px;} 
    .con_join_a_m img{ width: 100%; display: block; margin: 30px 0px;} 
	.con_join_b{width: 88%; margin: 30px auto;}  
	.con_join_{ margin: 0px auto 50px; width: 88%;} 
	.con_join_txt01{ font-size: 1.2em; } 
	.con_join_txt02{ margin: 5px 0px;} 
	.con_join_txt02 input{  padding: 10px; font-size: 1em; width: 49%; box-sizing: border-box;} 
	.con_join_txt03{ margin: 5px 0px;} 
	.con_join_txt03 input{  padding: 10px; font-size: 1em; width: 100%; box-sizing: border-box;} 
	.con_join_txt04{ margin: 5px 0px;} 
	.con_join_txt04 textarea{  padding: 10px; font-size: 1em; width: 100%; height: 80px; box-sizing: border-box;} 
	.con_join_txt05{ margin: 5px 0px;} 
	.con_join_txt05 input{  width: 60%; font-size: 1.5em; } 
	
	
	
	
	
	.com_news{width: 88%; margin:30px auto;} 
	.com_news_{} 
	.com_news_ ul{} 
	.com_news_ ul li{ margin:20px 0px;} 
	.com_news_ ul li div.fl{ float: none; width:100%; padding: 20px; box-sizing: border-box;} 
	.com_news_ ul li div.fl p a{ font-size: 1.2em;} 
	.com_news_ ul li div.fl em{ margin: 10px 0px; width: 50px; height: 1px;} 
	.com_news_ ul li div.fl:hover em{ width: 100px;} 
	.com_news_ ul li div.fl span{  line-height: 160%; margin-bottom: 10px; font-size: 0.8em;} 

	.com_news_ ul li div.fr{float: none; width: 100%; height: 100%; } 
	.com_news_ ul li img{ width: 100%; height: 100%;} 


	.com_news_m h1{ font-size:1.5em; line-height: 150%; } 
	.com_news_m h5{ font-size: 0.7em;  padding-bottom: 20px; margin-bottom: 20px;} 

	.com_news_m #MyContent p{ font-size: 1em; line-height: 160%; margin: 20px 0px;} 
	.com_news_m #MyContent p img{ width: 100%; max-width: 100%; margin: 20px auto;} 
	.com_news_m #MyContent p a img{ width: 100%;   max-width: 100%; margin: 20px auto;} 

	.com_news_more{  width:100%; padding: 20px 0px;} 
	.com_news_more h5{font-size:1.5em; margin-bottom: 20px;} 
	.com_news_more ul{} 
	.com_news_more ul li{ margin: 10px 0px;}
	.com_news_more ul li a{ font-size:1em; } 
	
	
	
	.con_contact{  width:88%; margin:30px auto; } 
	.con_contact .fl{ float: none; width: 100%;} 
	.con_contact .fl ul{}
	.con_contact .fl ul li{ margin-bottom: 10px;} 
	.con_contact .fl ul li:first-child{ margin-bottom: 20px;}
	.con_contact .fl ul li h2{ font-size: 1.3em;}
	.con_contact .fl ul li p{ font-size: 1em;}

	.con_contact .fr{ float: none; width: 100%; margin-top: 20px;} 
	.con_contact .fr #dituContent{ width: 100%;  height: 220px;} 
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	div.black2 a{padding:3px 8px;margin:1px;} 
	div.black2 a.curr{padding:3px 8px;margin:1px;} 
	
}