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

.Amenities{ margin:auto;width: 100%; background:#FFFFFF;  padding:60px 0; overflow:hidden;justify-content: space-between;display: flex; flex-wrap: wrap;}
.Amenities .container{display: flex; justify-content: space-between; margin: 0 auto; flex-wrap: wrap;}
.Amenities .al{ width:50%;}
.Amenities .al img{ width:100%;}
.Amenities .ar{ width:45%;display: flex; flex-direction: column; justify-content: center; align-items: stretch;}
.Amenities .ar .gspb_text{font-size: 13px; font-weight: 600!important; margin-bottom: 20px!important; padding: 4px 8px!important; background:#E9EBEC;width: fit-content;}
.Amenities .ar h2{ font-size:40px; line-height:70px; font-weight: normal;}
.Amenities .ar h2 img{ display:none;}
.Amenities .ar .gspb_text_fa01{font-size: 18px; margin-bottom: 40px!important;}
.Amenities .ar .iconsList{ margin-bottom: 20px;}
.Amenities .ar .iconsList_item{ display: flex; flex-direction: row; align-items: center; position: relative; font-weight: 500!important; margin-bottom: 15px;}
.Amenities .ar .ico{ width:18px; height:18px;}
.Amenities .ar .gspb_iconsList_item_text{ font-size:15px; line-height:26px; color:#666666;}
.Amenities .ar .button{ width:140px; line-height:40px; height:40px; margin-top:20px; text-align:center; color:#fff; background:#47647C;border-radius:40px; font-size:16px; display:block; font-weight:bold; text-transform:uppercase;}
.Amenities .ar .button:hover{ background:#000; color:#fff;}
.Amenities .ar li{ color:#01081c; line-height:32px; font-size:16px; font-weight:bold; vertical-align:middle; }
.Amenities .ar li img{ width:20px; vertical-align:middle;}


.main_pro{ width: 100%; margin:80px 0px 0;} 
.main_pro_tit{margin:0px auto;width: 1280px; } 
.main_pro_tit h3{ font-size: 36px; color:#01081c; /*padding-left: 20px; border-left: #c52c30 3px solid;*/ text-align:center;}
.main_pro_tit p{ width:900px; margin:20px auto; text-align:center;color: #34495e; font-size: 16px; line-height: 32px; }
.main_pro_tit span{ color: #999999; font-size: 16px; font-weight: lighter;} 
.main_pro_tit a{  display: block; float: right; border: #333333 1px solid; padding: 5px 20px; text-align: center; border-radius: 15px;} 
.main_pro_tit a:hover{ background: #c52c30;border: #c52c30 1px solid; color: #FFFFFF;} 


.main_pro_img{margin:50px auto; width: 1280px;} 
.main_pro_img ul{} 
.main_pro_img ul li{ float: left; margin-right: 290px; text-align: center;} 
.main_pro_img ul li:last-child{ float: right; margin-right: 0px;} 
.main_pro_img ul li div{ width: 65px; height: 65px; border: #CCCCCC 1px solid; border-radius:10px; text-align: center; padding-top:6px; box-sizing: border-box; margin: 0px auto;} 
.main_pro_img ul li div img{} 
.main_pro_img ul li p{ font-size: 16px; text-align: center; margin-top: 10px;} 
.main_pro_img ul li a:hover p{ color: #c52c30;} 

.main_pro_{margin:0px auto; width: 1280px;} 
.main_pro_ ul{ } 
.main_pro_ ul li{ float: left; text-align: center;width: 400px;height:550px; overflow: hidden;margin-right: 40px; background: url("/images/bg01.jpg") no-repeat center;overflow: hidden; padding-top: 50px; box-sizing: border-box;} 
.main_pro_ ul li:last-child{ float: right; margin-right: 0px;} 
.main_pro_ ul li h5{ color: #FFFFFF;  font-size: 22px; }
.main_pro_ ul li p{  color: #FFFFFF;  font-size: 14px; margin: 10px 0px 30px;} 
.main_pro_ ul li a{ display: block; color: #FFFFFF; border: #FFFFFF 1px solid; padding: 5px 0px; text-align: center; border-radius: 15px; width: 100px; margin: 0px auto;} 
.main_pro_ ul li a:hover{background: #c52c30; border: #c52c30 1px solid; } 
.main_pro_ ul li img{ display: block; margin: 50px auto 0px; width: 300px; height: 300px;} 



.main_pro_a{ width: 100%; margin: 0px; height: 885px;background: url("/images/bg02.jpg") no-repeat center;} 
.main_pro_a_tit{ width: 1280px; margin: 0px auto; text-align: center; padding: 80px 0px 30px;} 
.main_pro_a_tit h3{ color: #01081c;  font-size: 36px; margin-bottom: 10px; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif;} 
.main_pro_a_tit p{ color: #666;font-size: 16px; line-height:32px;} 
.main_pro_a_{ width: 1280px; margin: 0px auto;} 
.main_pro_a_ ul{ } 
.main_pro_a_ ul li{float: left;  width: 220px; height: 160px; text-align: center; box-sizing: border-box;} 
.main_pro_a_ ul li:first-child{ margin-left: 220px;} 
.main_pro_a_ ul li:nth-child(2){margin-left: 420px;}
.main_pro_a_ ul li:nth-child(3){ margin-left: 120px; margin-top: 30px;}
.main_pro_a_ ul li:nth-child(4){ margin-left: 620px; margin-top: 30px;}
.main_pro_a_ ul li:nth-child(5){ margin-left: 50px; margin-top: 30px;}
.main_pro_a_ ul li:last-child{ margin-left: 780px; margin-top: 30px;} 
.main_pro_a_ ul li div{ background: #FFFFFF; border-radius: 50%; height: 60px; width: 60px; padding-top: 5px; box-sizing: border-box; margin: 0px auto;} 
.main_pro_a_ ul li div img{} 
.main_pro_a_ ul li h5{ font-size:18px; color: #FFFFFF; margin-top:20px;} 
.main_pro_a_ ul li p{color: #CCCCCC; font-size: 14px; margin:5px 0px 0px;} 




.main_about ul{display: -webkit-grid; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 22px; grid-row-gap: 22px;}
.main_about li{ text-align:center; float:left;}
.main_about li .img{ width:60px; margin:auto; overflow:hidden;}
.main_about li .img img{ width:100%;}
.main_about li h2{ font-size:18px; color:#000; margin-top:20px;}
.main_about li p{ margin-top:15px; color:#666; line-height:28px; font-size:14px;}

.main_about{ width: 100%; margin:auto; background:#F9FAF7; padding:70px 0;} 
.main_about_{ width: 1280px; margin: 0px auto;} 
.main_about_ h3{ font-size: 36px; text-align:center; color:#000;}

.main_about_left{ float: left; width:555px; height:370px; overflow: hidden;}
.main_about_left img{ width: 100%;}

.main_about_right{ text-align:center; color:#666666; width: 900px; margin:auto;  padding: 15px 0px; box-sizing: border-box;} 
.main_about_right h6{ font-size: 40px; color: #999999; opacity: 0.2; text-transform: uppercase; font-weight: normal; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";}
.main_about_right em{ display: block; height: 3px; width: 50px; background: #c52c30; margin: 30px 0px;} 
.main_about_right p{color: #666; font-size: 15px; text-align: justify; line-height:32px; text-align:center; margin-bottom:15px;} 
.main_about_right p strong{color: #c52c30;} 
.main_about_  .fr{ width:555px; float:left;}
.main_about_  .fr img{ width:100%;}
.main_about_  .fr .video { position: relative;}
.main_about_  .fr .video .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    width: 70px;
    height: 70px;
    background: url(/images/play.png) center no-repeat;
    background-size: cover;
    opacity: .7;
}
.main_about_  .fr video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 3;
    background: #000;
}
.main_about_  .fr .video video {
    display: none;
    width: 100%;
}
.main_about_  .f-50{ font-size:40px; font-weight:bold; color:#000; line-height:60px; margin-bottom:25px; position: relative; padding-bottom:15px;}
.main_about_  .f-50:after {
    content: '';
    display: block;
    width: 1.1rem;
    background: #39588b;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(0);
    height: .06rem;
}
.main_about_  .item{ text-align:center;}
.main_about_  .f-18{ font-size:15px; line-height:28px; color:#666; margin-bottom:50px;}
.main_about_  .f-48 { font-size:30px; color:#39588b; line-height:40px; font-weight:bold;}
.main_about_  .f-24 { font-size:18px; color:#39588b; font-weight:normal;}


.main_info{ width: 100%; margin:0px; } 
.main_info_{margin:0px auto;width: 1280px; border: #DDDDDD 1px solid;} 
.main_info_ ul{} 
.main_info_ ul li{ float: left; width: 318px; text-align: center;  border-right: #DDDDDD 1px solid; padding: 50px 0px 20px;} 
.main_info_ ul li:last-child{ float: right;border-right:none;} 
.main_info_ ul li h6{ font-size: 16px; color: #c52c30;} 
.main_info_ ul li h6 strong{ font-size: 60px;font-family: ali-b;} 
.main_info_ ul li p{ color: #000000; font-size: 16px; margin-top:8px; } 




.join_con_02_{ margin: 0px auto; width: 100%; background:#F9FAF7; padding:60px 0; overflow:hidden;} /*
.join_con_02_ .container{ width:600px; margin:auto;}*/
.join_con_02_ p{text-align: center; font-size: 16px; line-height: 30px; color: #666; margin: 15px auto 0;}
.join_con_11_txt01{ font-size: 36px; text-align: center; color: #01081c;} 
.join_con_11_txt02{ } 
.join_con_11_txt02 input{ /*border: #999999 1px solid;*/border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 43%; float:left;margin: 20px 10px 20px 0px; } 

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

.join_con_11_txt04{ margin: 20px 0px;} 
.join_con_11_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: "微软雅黑";} 

.join_con_11_txt05{/* margin: 50px 0px;*/text-align: center;} 
.join_con_11_txt05 input{     width: 180px; border:none; outline:none;
    line-height: 50px;
    height: 50px;
    float: left;
    margin: 20px 0px;
    text-align: center;
    color: #fff;
    background: #47647C;
    border-radius: 40px;
    font-size: 16px;
    display: block;
    font-weight: bold; text-transform: uppercase;} 

.join_con_02_ form{ width:600px; margin:auto;}
input,textarea{ border:none;}

.main_case{ width: 100%; margin: auto 0px; padding: 80px 0px; box-sizing: border-box; background:#FCFBFC;} /*
.main_case ul{ display: -webkit-grid; display: grid; grid-template-columns: repeat(2, 1fr);}*/
.main_case .col-xl-5{ width:42%; float:left;}
.main_case h3{ font-size: 36px; /*padding-left: 20px; border-left: #c52c30 3px solid;*/ text-align:left; color:#01081c;}
.main_case p{ text-align:left;  font-size:16px; line-height:30px; color:#666; margin:15px auto 0;}
.main_case .button{ width:150px; line-height:50px; height:50px; float:left; margin:20px 0px; text-align:center; color:#fff; background:#47647C;border-radius:40px; font-size:16px; display:block; font-weight:bold; text-transform:uppercase;}
.main_case .button:hover{ background:#000; color:#666;}
.main_case .col-xl-7 { max-width: 57%; float:right;}

.silder-box-1{ width:100%;  position: relative;} 

.main_case_{/* width: 1280px; margin: 50px auto 0px;*/}
.main_case_ ul{}
.main_case_ ul li{width: 234px; height: auto; overflow: hidden;}
.main_case_ ul li img{width: 100%; height:160px;}
.main_case_ ul li p{color: #212529; font-size: 17px; margin-top: 15px; text-align: left; font-weight:bold;}
.main_case_ ul li h1{ font-size:14px; line-height:26px; color:#666; text-align:left; font-weight:normal;}


.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.prev{  top:-25%; right:21%;} 
.silder-button-1.prev i{ border: #CCCCCC 1px solid; color: #CCCCCC; padding: 10px 30px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-1.prev i:hover{background:url(/images/fa-long-arrow-right.png) no-repeat center #c52537;} 
.silder-button-1.next{  top:-25%; right:16%;} 
.silder-button-1.next i{ border: #CCCCCC 1px solid; color: #CCCCCC; padding: 10px 30px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-1.next i:hover{background:url(/images/fa-long-arrow-left.png) no-repeat center #c52537;} 






.main_news{ width: 100%; box-sizing: border-box; background:#fff; padding:80px 0px;} 

.main_news_tit{margin:0px auto;width: 1280px; } 
.main_news_tit h3{ font-size: 36px; text-align: center; color: #01081c;}
.main_news_tit p { text-align: center; font-size: 16px; line-height: 30px; color: #666; width:900px;margin: 15px auto 0;}
.main_news_tit span{ color: #999999; font-size: 16px; font-weight: lighter;} 
.main_news_tit a{  display: block; float: right; border: #333333 1px solid; padding: 5px 20px; text-align: center; border-radius: 15px;} 
.main_news_tit a:hover{ background: #c52c30;border: #c52c30 1px solid; color: #FFFFFF;} 

.main_news_{ width:1280px; margin: 50px auto 0px;box-sizing: border-box;} 
.main_news_left{ float: left;width: 255px; height: 395px; overflow: hidden;} 
.main_news_left div{width: 255px; height: 395px;  overflow: hidden;} 
.main_news_left div img{ width: 100%; height:100%;} 

.main_news_right{width: 1280px; margin:auto;box-sizing: border-box;} 
.main_news_right ul{ margin: 0px; padding: 0px;box-sizing: border-box; } 
.main_news_right ul li{float: left;  width:32%; margin-right: 2%;box-sizing: border-box;}
.main_news_right ul li .box{ background:#F8F8F8; padding:3%; width:100%;box-sizing: border-box; overflow:hidden;}
.main_news_right ul li:last-child{ float: right; margin-right: 0px;} 
.main_news_right ul li img{  width: 100%;height:200px;} 
.main_news_right ul li h3 {font-size: 18px; margin: 20px 0px 10px; color: #000000;line-height: 150%; } 
.main_news_right ul li p{ font-size: 14px; color: #999999; line-height: 150%; padding:10px 0px; overflow:hidden;}
.main_news_right ul li h6{ font-size: 12px; color: #333333; margin-bottom: 30px;} 
.main_news_right ul li a:hover  h3{ color: #c52c30;} 









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




.us_menu_{ width: 1280px; margin: 30px auto 50px;} 
.us_menu_{} 
.us_menu_ ul{} 
.us_menu_ li{ float: left; width: 200px; margin-right: 10px;} 
.us_menu_ li a{ display:block; font-size: 18px; padding: 10px 0px; text-align: center;color: #000000;  background: #FFFFFF;}
.us_menu_ li a:hover{background: #c52c30; color: #FFFFFF;} 
.us_menu_ li a.on{ background: #c52c30; color: #FFFFFF;} 


.locatn{width:1280px;  padding: 20px 0px; margin: 0px auto; color: #666666; border-bottom: #DDDDDD 1px solid;} 
.locatn a{color: #666666; font-size: 14px;} 
.locatn a:hover{color: #c52c30;} 


.main_fast{ width: 100%; margin:auto; background:#F9FAF7; padding:70px 0;} 
.main_fast_{ width: 1280px; margin: 0px auto;} 
.main_fast_ h3{ font-size: 36px; text-align:left; color:#000; margin-bottom:15px;}
.main_fast_ p{ color:#666; line-height:28px; font-size:14px;}
.main_fast_ h2{ font-size: 24px; margin-top:50px; margin-bottom:15px; font-weight: normal; color:#000;}

.main_fast ul{display: -webkit-grid; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 22px; grid-row-gap: 22px;}
.main_fast li{ text-align:center; float:left;}
.main_fast li .img{ width:60px; margin:auto; overflow:hidden;}
.main_fast li .img img{ width:100%;}
.main_fast li h2{ font-size:18px; color:#000; margin-top:20px;}
.main_fast li p{ margin-top:15px; color:#666; line-height:28px; font-size:14px;}



/*内页-关于我们*/

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

.con_about_a{ width:1280px; margin:0px auto; padding:0px;}
.con_about_a_tit{ text-align: center;} 
.con_about_a_tit p{ display:none;text-transform: uppercase; color: #999999; font-size:50px; opacity: 0.1; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; line-height: 100%;} 
.con_about_a_tit h3{font-size: 36px; text-align: center; color: #000; text-transform:capitalize;} 
.con_about_a_con{ margin-top:30px;}
.con_about_a_con p{ margin:20px 0px; font-size: 14px; /* text-align: justify;*/color: #000000; line-height: 26px;} 
.con_about_a_con ul{ display: -webkit-grid; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 10px; grid-row-gap: 10px;}
.con_about_a_con li{ text-align: center; float: left;}
.con_about_a_con li h2{ font-size:36px; color:#000; margin-top:20px;}
.con_about_a_con li p{ margin-top:15px; color:#666; line-height:30px; font-size:16px;}


.con_about_c {width: 100%; margin: 60px auto; } 
.con_about_c_tit{ text-align: center;} 
.con_about_c_tit p{ text-transform: capitalize; color: #666666; font-size:14px; line-height: 27px; margin:22px 0;} 
.con_about_c_tit h3{ font-size: 36px; text-align: center; color: #000; text-transform: capitalize;} 
.con_about_c_{width: 1280px; margin: 50px auto 0px;}
.con_about_c_ .fl{ float: left; width: 50%; height: 408px; overflow: hidden;} 
.con_about_c_ .fl img{width: 100%;} 
.con_about_c_ .fr{ float: right;width:40%;} 
.con_about_c_ .fr ul{} 
.con_about_c_ .fr ul li{ height: 123px; margin-bottom: 20px; background: #FFFFFF; padding: 8%; box-sizing: border-box;} 
.con_about_c_ .fr ul li:hover{border: #c52c30 1px solid; background: #c52c30;} 
.con_about_c_ .fr ul li:last-child{ margin-bottom: 0px;} 
.con_about_c_ .fr ul li h5{ font-size: 14px; margin-bottom:15px;line-height: 100%;color: #c52c30;} 
.con_about_c_ .fr ul li h6{ font-size: 18px; line-height: 100%; text-align: justify;} 
.con_about_c_ .fr ul li:hover h5{ color: #FFFFFF;} 
.con_about_c_ .fr ul li:hover h6{color: #FFFFFF;} 



.con_about_e{ width: 100%; margin: 80px 0px;} 
.con_about_e_tit{ text-align: center;} 
.con_about_e_tit p{text-transform: uppercase; color: #999999; font-size:50px; opacity: 0.1; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; line-height: 100%;} 
.con_about_e_tit h3{color: #000000; font-size: 36px; margin-top: -20px;} 
.con_about_e_{width: 1280px; margin: 50px auto 0px;} 
.con_about_e_ img{width: 100%;} 


.con_about_s{ width: 100%; margin: 50px 0px;  background:#F7F7F7; padding:70px 0;} 
.con_about_s_tit{ text-align: center;} 
.con_about_s_tit p{text-transform: uppercase; color: #999999; font-size:50px; opacity: 0.1; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; line-height: 100%;} 
.con_about_s_tit h3{color: #000000; font-size: 36px; margin-top: -20px;} 
.con_about_s ul{ display: -webkit-grid; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 20px; grid-row-gap: 20px;}
.con_about_s li{ text-align: left; float: left; background:#fff; padding:15px;}
.con_about_s li h2{ font-size:22px; font-weight:normal; color:#000; margin-top:20px;}
.con_about_s li p{ margin-top:15px; color:#666; line-height:26px; font-size:14px;}

.con_about_d{width: 100%; margin: 50px 0px; overflow:hidden;}
.con_about_d_tit { text-align: center;}
.con_about_d_tit p{text-transform: uppercase; display:none; color: #999999; font-size:50px; opacity: 0.1; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; line-height: 100%;} 
.con_about_d h4{color: #666;
    font-size: 15px;
    text-align: justify;
    line-height: 32px;
    text-align: center;
    margin-bottom: 15px; font-weight:normal; padding:0px 100px;}
.con_about_d_tit h3 { font-size: 36px; text-align: center; color: #000; text-transform: capitalize; margin:0 auto 22px;}
.con_about_d ul{ display: -webkit-grid; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 25px; grid-row-gap: 25px;}
.con_about_d li{ text-align: left; float: left;}
.con_about_d li h2{ font-size:22px; color:#000; margin-top:20px; font-weight:normal;}
.con_about_d li p{ color:#666; line-height:26px; font-size:14px;}

/*内页-关于我们*/


/*内页-产品*/


.con_pro_list{width: 100%; padding:0px 0px 50px; margin: 0px; background: #F8F8F8;} 
.con_pro_list_{   width:1280px; margin: 0px auto; padding: 80px 0px; border-bottom: #CCCCCC 1px solid;} 
.con_pro_list_ > h5{ font-size: 36px;} 
.con_pro_list_ ul{ margin-top: 40px;} 
.con_pro_list_ ul li{ width:400px; float: left; margin:0 40px 40px 0; background: #FFFFFF; overflow: hidden; padding-bottom: 20px; box-sizing: border-box;} 
.con_pro_list_ ul li:nth-child(3n) { float: right; margin:0 0 40px 0;}
.con_pro_list_ ul li div{width: 400px; height: 400px; overflow: hidden;} 
.con_pro_list_ ul li div img{ width: 100%; height: 100%;} 
.con_pro_list_ ul li h5{font-size: 18px; text-align: center; margin-bottom: 15px;} 
.con_pro_list_ ul li p{ font-size: 14px; color: #999999; text-align: center; line-height: 150%;} 
.con_pro_list_ ul li p strong{color:#c52c30}
.con_pro_list_ > a{display: block; border: #333333 1px solid; padding: 5px 0px; width: 150px; text-align: center; border-radius: 15px;} 
.con_pro_list_ > a:hover{ background: #c52c30;border: #c52c30 1px solid; color: #FFFFFF;} 

.con_pro{width: 100%; padding:0px 0px 80px; margin: 0px; background: #F8F8F8;} 
.con_pro_{ margin: 50px auto; width:1280px;} 
.con_pro_ ul{} 
.con_pro_ ul li{ width:405px; float: left; margin:0 30px 30px 0; /*background:#F8F8F8;padding-bottom: 20px;*/ overflow: hidden; box-sizing: border-box;} 
.con_pro_ ul li:nth-child(3n) { float: right; margin:0 0 30px 0;}
.con_pro_ ul li div{width: 400px; height: 400px; overflow: hidden;} 
.con_pro_ ul li div img{ width: 100%; height: 100%;} 
.con_pro_ ul li h5{  font-size: 18px; text-align: center; margin: 15px 0; color:#000; text-transform:capitalize;} 
.con_pro_ ul li p{ font-size: 14px; color: #999999; text-align: center; line-height: 150%;} 
.con_pro_ ul li p strong{color:#c52c30}


.con_pro_m{width: 100%; padding:0px 0px 40px; margin: 0px;/* background: #F8F8F8;*/} 
.con_pro_m_{ margin: 80px auto 0px; width: 1280px;} 
.con_pro_m_ .fl{ width: 640px;height: 640px; overflow: hidden;float: left; background: #FFFFFF;} 
.con_pro_m_ .fl > img{ width: 100%; height: 640px;} 

.con_pro_m_ .fr{ width: 550px; float: right; line-height:28px; color:#000; font-size:16px;} 
.con_pro_m_ .fr > h1{ font-size:36px; line-height: 150%; margin-bottom: 30px; margin-top: 10px; padding-bottom: 30px; border-bottom: #DDDDDD 1px solid;} 
.con_pro_m_ .fr p{ font-size: 16px; text-align: justify; line-height: 175%;} 

/*内页-产品*/







/*内页-案例*/

.con_case{width: 100%; margin: 50px 0px 80px;} 
.con_case_{ margin: 0px auto; width: 1280px;} 
.con_case_ ul{} 
.con_case_ ul li{ float: left; width: 400px; margin:0 40px 40px 0;}
.con_case_ ul li:nth-child(3n){ float: right;margin:0 0 40px 0;} 
.con_case_ ul li div{width: 400px; height: 280px;  overflow: hidden;} 
.con_case_ ul li img{ width: 100%; height: 100%; } 
.con_case_ ul li p{font-size: 16px;  padding: 15px 0px; 20px;} 


/*内页-案例*/





/*内页-新闻*/ 

.con_news{width:100%; margin:0px auto 80px;} 
.con_news_{ margin: 0px auto; width:1280px;} 
.con_news_ ul{} 
.con_news_ ul li{ margin:50px 0px;transition:All 0.5s; background: #FCFCFC;} 
.con_news_ ul li:hover {box-shadow: 0px 10px 15px 2px #DDDDDD;}
.con_news_ ul li div.fl{ float: left; width: 40%; transition: all 0.6s;padding: 50px;} 

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

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



.con_news_m{width:100%; margin:50px auto 80px;} 
.con_news_m_{ margin: 0px auto; width:1280px;} 
.con_news_m_tit{ padding-bottom: 50px; margin: 50px auto; border-bottom: #DDDDDD 1px solid;} 
.con_news_m_tit h1{ font-size:28px; line-height: 100%; margin-bottom: 10px;} 
.con_news_m_tit p{ font-size: 12px;  color: #999999;} 

.con_news_m_con p{ font-size: 14px; margin: 35px 0px; text-align: justify; line-height: 175%;} 
.con_news_m_con p img{ display: block; margin: 35px auto; max-width: 750px;} 

.con_news_m_more{ margin-top: 50px; padding: 50px 0px;border-top: #DDDDDD 1px solid; border-bottom: #DDDDDD 1px solid;}
.con_news_m_more h5{ margin-bottom:30px;font-size: 18px;} 
.con_news_m_more ul{} 
.con_news_m_more ul li{ padding: 10px 0px; } 
.con_news_m_more ul li a{ font-size: 14px;} 




/*内页-新闻*/











/*内页-加盟*/



.con_join{ width: 100%; margin: 0px; padding:10px 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: #c52c30; font-size:40px;font-family: ali-b; margin-top: -25px; font-weight: bolder;} 
.con_join_{ width: 1280px; margin: 50px auto;} 
.con_join_a{margin: 0px auto;} 
.con_join_a .fl{ float: left; width: 640px; height: 500px; overflow: hidden;} 
.con_join_a .fr{ float: right; width: 640px; height:500px; background: #F9F9F9; padding: 80px; box-sizing: border-box;} 
.con_join_b .fl{ float: left; width: 640px; height: 500px; background: #F9F9F9; padding: 80px; box-sizing: border-box;} 
.con_join_b .fr{ float: right; width: 640px; height:500px; overflow: hidden;}
.con_join_ h5{ font-size: 18px; color: #c52c30; margin-bottom:10px; font-weight:bold;} 
.con_join_ h6{font-size: 18px; color: #c52c30; margin: 30px 0px 10px;} 
.con_join_ p{ font-size: 16px; } 



.con_ser{ width: 100%; margin: 0px; padding:80px 0px;background: url(/images/join04.jpg) no-repeat center;} 
.con_ser_tit{margin:0px auto; width: 1280px; text-align: center;} 
.con_ser_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_ser_tit p{ color: #c52c30; font-size:40px;font-family: ali-b; margin-top: -25px;font-weight: bolder;} 

.con_ser_{ width: 1280px; margin: 50px auto;} 
.con_ser_ ul{} 
.con_ser_ ul li{ float: left; width: 20%; height: 220px; text-align: center; padding: 30px; box-sizing: border-box; background: #FFFFFF;}
.con_ser_ ul li h5{ color: #c52c30; font-size:20px;font-family: ali-b; margin-top: 20px;} 
.con_ser_ ul li em{display: block; height: 1px; width: 50px; background: #c52c30; margin: 20px auto;} 
.con_ser_ ul li p{ font-size: 14px; text-align: justify; line-height: 175%; padding: 0px 25px;} 
.con_ser_ ul li:nth-child(2n){ background: #c52c30;} 
.con_ser_ ul li:nth-child(2n) h5{ color: #FFFFFF;} 
.con_ser_ ul li:nth-child(2n) em{ background: #FFFFFF;} 
.con_ser_ ul li:nth-child(2n) p{ color: #FFFFFF;} 
.con_ser_ ul li:nth-child(5){ padding: 0;} 
.con_ser_ ul li:nth-child(5) img{ width: 100%; height: 100%;} 



.con_join_z_{ margin: 80px auto; width: 600px;} 
.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;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 265px; } 
.con_join_z_txt03{ margin: 20px 0px;} 
.con_join_z_txt03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; } 
.con_join_z_txt04{ margin: 20px 0px;} 
.con_join_z_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_z_txt05{ margin: 50px 0px;text-align: center;} 
.con_join_z_txt05 input{ border: none; background: #c52c30; border-radius: 5px; color: #FFFFFF; padding: 15px;width: 255px; font-size: 30px; font-weight: bold; } 

/*内页-加盟*/




/*内页-联系我们*/

.con_contact{  width:1280px; margin:auto; } 
.con_contact .fl{ float: left; width: 40%;} 
.con_contact .fl ul{} 
.con_contact .fl ul li{ margin-bottom: 30px;}
.con_contact .fl ul li:first-child{}
.con_contact .fl ul li p{ margin-bottom: 5px; font-size: 16px;}
.con_contact .fl ul li strong{display:block; font-size: 20px; margin-top: 5px;}

.con_contact .fr{ float: right; width: 50%;} 
#dituContent{ width: 100%; height: 500px;} 

/*内页-联系我们*/


/*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:#FFFFFF;background-color:#c52c30;border:#c52c30 1px solid;} 
div.black2 a:active{color:#FFFFFF;background-color:#c52c30;border:#c52c30 1px solid;} 
div.black2 a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#FFFFFF;background-color:#c52c30;border:#c52c30 1px solid;} 
div.black2 a font{ color: #FFFFFF;} 



.index_bgl{ background: url(/images/gban.jpg) no-repeat center fixed; width: 100%; padding: 110px 0; overflow: hidden;}
.index_bgl .img{ width:170px; margin:15px auto 30px;}
.index_bgl .img img{ width:100%;}
.index_bgl h2{ text-align:center; font-size:40px; color:#fff; line-height:50px;}
.index_bgl p{ text-align:center; width:80%; font-size:16px; line-height:30px; color:#fff; margin:15px auto 0;}
.index_bgl .button{ width:150px; line-height:50px; height:50px; margin:20px auto; text-align:center; color:#fff; background:#47647C;border-radius:40px; font-size:16px; display:block; font-weight:bold; text-transform:uppercase;}
.index_bgl .button:hover{ background:#000; color:#fff;}


.main_com{ background: url(/images/abg.jpg) no-repeat center bottom #fff; width: 100%; padding: 70px 0 570px; overflow: hidden;}
.main_com h3{ font-size: 36px; /*padding-left: 20px; border-left: #c52c30 3px solid;*/ text-align:center;}
.main_com h4{ width:1000px; margin:20px auto; text-align:center;color: #34495e; font-size: 15px; line-height: 30px; font-weight:normal;}
.main_com h4 b{ font-size:20px; color:#34495e; line-height:32px;}
.main_com .button{ width:150px; line-height:50px; height:50px; margin:20px auto; text-align:center; color:#fff; background:#47647C;border-radius:40px; font-size:16px; display:block; font-weight:bold; text-transform:uppercase;}
.main_com .button:hover{ background:#000; color:#fff;}
.main_com ul{ display: -webkit-grid; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 10px; grid-row-gap: 10px;}
.main_com li{ text-align: center; float: left;}
.main_com li h2{ font-size:36px; color:#000; margin-top:20px;}
.main_com li p{ margin-top:15px; color:#666; line-height:30px; font-size:16px;}



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

.silder-button-1.prev i{ border: #CCCCCC 1px solid; color: #CCCCCC; padding: 10px 30px; border-radius:15px; box-sizing: border-box; font-size: 14px;background:url(/images/fa-long-arrow-right.png) no-repeat center; } 
.silder-button-1.prev i:hover{background:url(/images/fa-long-arrow-right.png) no-repeat center #c52537;} 
.silder-button-1.next{  top:-25%; right:16%;} 
.silder-button-1.next i{ border: #CCCCCC 1px solid; color: #CCCCCC; padding: 10px 30px; border-radius:15px; box-sizing: border-box; font-size: 14px; background:url(/images/fa-long-arrow-left.png) no-repeat center;} 
.silder-button-1.next i:hover{background:url(/images/fa-long-arrow-left.png) no-repeat center #c52537;} 
	
	
    .silder-button-1.prev{  top:-20%; right:34%;} 
	.silder-button-1.next{top:-20%;}
	
	.main_pro{ width: 100%; margin:30px 0px;} 
	.main_pro_tit{margin:0px auto;width: 94%; } 
	.main_pro_tit p{color: #666; line-height: 24px; font-size: 14px; width:auto; display:none;}
	.main_pro_tit h3{  font-size: 1.5em; text-align:center; font-weight:bold;}
	.main_pro_tit span{   font-size: 0.6em; } 
	.main_pro_tit a{   padding: 3px 10px; border-radius:5px;} 
	
	

	.main_pro_img{margin:30px auto; width:88%;} 
	.main_pro_img ul{} 
	.main_pro_img ul li{ float: left; margin-right: 18px; text-align: center;} 
	.main_pro_img ul li:last-child{ float: right; margin-right: 0px;} 
	.main_pro_img ul li div{ width: 60px; height: 60px; padding-top:4px;} 
	.main_pro_img ul li div img{width: 100%; height: 100%;} 
	.main_pro_img ul li p{ font-size: 0.8em; margin-top:5px;} 

.main_pro .hjnavleft{ width:94%; margin:auto;}
.main_pro .hjnavleft ul{ text-align: center;}
.main_pro .hjnavleft li{ float:left; align-content: center; justify-content: center; justify-items: center; align-items: center; margin:1%;border-radius: 5px; font-size:14px; text-transform:capitalize; background:#E6E6E6; color:#3f3f3f; line-height:45px; width:48%; text-align:center;}
.main_pro .hjnavleft .hover0,.main_pro .hjnavleft .hover1,.main_pro .hjnavleft .hover2,.main_pro .hjnavleft .hover3,.main_pro .hjnavleft .hover4,.main_pro .hjnavleft .hover5,.main_pro .hjnavleft .hover6{ background:#47647C;}
.main_pro .hjnavleft .hover0 a,.main_pro .hjnavleft .hover1 a,.main_pro .hjnavleft .hover2 a,.main_pro .hjnavleft .hover3 a,.main_pro .hjnavleft .hover4 a,.main_pro .hjnavleft .hover5 a,.main_pro .hjnavleft .hover6 a{ color:#fff;}
.pro .ptop{ background:url(/images/pro_bg.jpg) no-repeat center top; overflow:hidden;}
.pro .ptop .hjnavleft{ width:94%; margin:0px auto 30px; background: #fff; overflow: hidden;}
.pro .ptop .hjnavleft li { float: left; width: 170px; border-right: 1px solid #ccc; color: #333; margin: 20px auto 20px; line-height:35px; text-align:center;}
.pro .ptop .hjnavleft li a{ display: block; text-align: center; font-weight:400; font-size:16px; line-height:35px;}
.pro .more{display: block; width: 246px; height: 40px; text-align: center; background: #00728C; color: #fff; font-weight:400; font-size:16px; line-height:40px; margin: 30px auto 0px;}
.pro .more a{ color:#fff;}
.pro .more:hover{ background:#0d376e;}

.hjnav { overflow:hidden;}
.hjnavcn {WIDTH: 94%; margin:auto; overflow:hidden; }

.hjnavleft UL LI a:hover{
	text-decoration:none; color:#00728C;}
.hjnavleft UL LI.hover0{}
.hjnavleft UL LI.hover0 a{
	color:#00728C;}
.hjnavleft UL LI.hover1 {
}
.hjnavleft UL LI.hover1  a{
	color:#00728C;}
.hjnavleft UL LI.hover2 {
}
.hjnavleft UL LI.hover2  a{
	color:#00728C;}
.hjnavleft UL LI.hover3 {
}
.hjnavleft UL LI.hover3  a{
	color:#00728C;}
.hjnavleft UL LI.hover4 {
}
.hjnavleft UL LI.hover4  a{
	color:#00728C;}
.hjnavleft UL LI.hover5 {
}
.hjnavleft UL LI.hover5  a{
	color:#00728C;}
.hjnavleft UL LI.hover6 {
}
.hjnavleft UL LI.hover6  a{
	color:#00728C;}
.hjnavleft UL LI.hover7 {
}
.hjnavleft UL LI.hover7  a{
	color:#00728C;}
.hjnavleft UL LI.hover8 {
}
.hjnavleft UL LI.hover8  a{
	color:#00728C;}
.hjnavleft UL LI.hover9 {	
}
.hjnavleft UL LI.hover9  a{
	color:#00728C;}
.hjnavleft UL LI.hover10 {	
}
.hjnavleft UL LI.hover10  a{
	color:#00728C;}
	

.hjone { }
.hjone .albumblock { width: 48%; margin:1%;}
.hjone .albumblock .inner{
	width: 100%;
    height: auto;
	overflow:hidden;
	box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.34);
    border-radius: 5px;
	}

.hjone .albumblock .inner img{
	width:100%;
	height:auto;
	border:0px;
	padding:0px;}	

.hjone .albumblock .inner .albumtitle{
	height:50px;
	line-height:50px;
	width:100%;
	font-size:15px;
	position:relative;
	bottom:0px;
	left:0;
	color:#666;
	text-align:center;
	cursor:pointer;
	margin:auto;
	overflow:hidden;}
.hjone .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}	

.hjone .albumblock .inner  a{
	 color:#666;}
.hjone .albumblock .inner  a:hover{
	text-decoration:none;}
.hjone .albumblock .inner  a:visited{
	text-decoration:none;}	
.hjone .backend {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #c02727;
    padding: 155px 23px 0 23px;
    color: #ffffff;
}

	.main_pro_{margin:0px auto; width: 88%;} 
	.main_pro_ ul{ } 
	.main_pro_ ul li{ float: none; width: 100%;height:auto; margin-right: 0px; margin-bottom: 10px; background-size: cover;padding-top: 30px; padding-bottom: 30px; } 
	.main_pro_ ul li:last-child{ float: none; margin-right: 0px;} 
	.main_pro_ ul li h5{ font-size: 1.5em; }
	.main_pro_ ul li p{  font-size: 1em; margin: 8px 0px 20px;} 
	.main_pro_ ul li a{ } 
	.main_pro_ ul li a:hover{ } 
	.main_pro_ ul li img{ margin: 30px auto 0px; width: 100%; height: 100%;} 

    .Amenities{ display: block; padding:30px 0;}
	.Amenities .container { display:block;}
	.Amenities .al{ width:94% ; margin:auto;}
	.Amenities .ar{ width:94%; margin:auto;}
	.Amenities .ar h2{ font-size:22px;}
	.Amenities .ar .iconsList{ margin-bottom:0;}
	.index_bgl{padding: 80px 0;}
	.index_bgl h2 { text-align: center; font-size: 20px; color: #fff; line-height: 30px;}
	.index_bgl p { text-align: center; width: 90%; font-size: 15px; line-height: 25px; color: #fff; margin: 15px auto 0;}
	.join_con_02_ p{ color: #666;font-size: 15px; line-height: 25px; }
	.join_con_02_ form{ width:100%; margin:auto;}
	.join_con_11_txt02 input,.join_con_11_txt03 input{ width:96%; margin:5px 0; padding:0% 2%; line-height:42px;}
	.join_con_11_txt04 textarea{ width:96%; margin:5px 0; padding:0% 2%; line-height:27px; min-height:108px;}
	input,textarea{ border:none; outline:none;}
	.join_con_11_txt04{ margin:0;}
	
	.main_com{ padding: 50px 0 170px;background: url(/images/abg.jpg) no-repeat center bottom #fff; background-size:100%;}
	.join_con_11_txt01,.main_about_ h3,.main_com h3 { font-size: 1.5em; text-align: center; font-weight: bold;}
	.main_com h4{ width:auto;line-height:25px;}
	.main_com ul{ display:block;}
	.main_com li{ float:inherit;}
	.main_com li p{ margin-top:0;}
	.container{ width:94%; margin:auto;}
	.main_case h3{ font-size: 1.5em; text-align: left; font-weight: bold;}
	.main_com li h2{ font-size: 1.5em; text-align: center; font-weight: bold;}
	.main_case .col-xl-5{ width:100%; overflow:hidden; float:none;}
	.main_case .col-xl-7{ max-width:100%;}
	.main_case p{text-align: left; font-size: 15px; line-height: 25px; margin-top:2px;}
	.main_news_tit p{text-align: center; width:100%; font-size: 15px; line-height: 25px; margin-top:2px;}
	
	.join_con_02_{ padding:30px 0px;}
	.main_pro_a{ height: auto;background-size: cover; background-position: left; background: #333333;} 
	.main_pro_a_tit{ width: 88%;   padding: 50px 0px 20px;} 
	.main_pro_a_tit h3{ font-size: 1.5em; margin-bottom:5px;} 
	.main_pro_a_tit p{ font-size: 1em;} 
	.main_pro_a_{ width: 88%; margin: 0px auto;} 
	.main_pro_a_ ul{ } 
	.main_pro_a_ ul li{float: left;  width: 48%; height: 160px; } 
	.main_pro_a_ ul li:first-child{ margin-left: 0px;} 
	.main_pro_a_ ul li:nth-child(2){margin-left: 0px;}
	.main_pro_a_ ul li:nth-child(3){ margin-left: 0px; margin-top: 0px;}
	.main_pro_a_ ul li:nth-child(4){ margin-left: 0px; margin-top: 0px;}
	.main_pro_a_ ul li:nth-child(5){ margin-left: 0px; margin-top: 0px;}
	.main_pro_a_ ul li:last-child{ margin-left: 0px; margin-top: 0px;} 
	.main_pro_a_ ul li div{  padding-top: 4px; } 
	.main_pro_a_ ul li div img{} 
	.main_pro_a_ ul li h5{ font-size:1em;  margin-top:15px;} 
	.main_pro_a_ ul li p{ font-size: 0.8em; margin:10px 0px 0px; padding: 0px 10px; box-sizing: border-box; line-height: 125%;} 
	
	
	.main_about{ margin: auto;padding:20px 0px;} 
	.main_about_ { width:94%; margin:auto;}
	.main_about_left{ float: none; width:100%; height:auto; } 
	.main_about_left img{ width: 100%;}
	.main_about_right{ float: none; width: 100%; padding: 0; } 
	.main_about_right h6{ font-size: 2em;}
	.main_about_right h3{ font-size: 1.6em;}
	.main_about_right em{ margin: 20px 0px;} 
	.main_about_right p{  font-size: 15px; margin:5px 0px; line-height:26px; } 
	.main_about_ .fr{ width:100%;}
	.main_about ul{    grid-template-columns: repeat(1, 1fr); margin:8px 0;}
	.main_about li{ margin:10px auto;}
	.main_about li h2{ margin-top:5px;}
	.main_about li p{ margin-top: 6px; color: #666; line-height: 24px; font-size: 14px;}


	.main_info{ } 
	.main_info_{ width: 88%;} 
	.main_info_ ul{} 
	.main_info_ ul li{ width: 49%; padding:20px 0px 10px;} 
	.main_info_ ul li:nth-child(2){float: right;border-right:none;} 
	.main_info_ ul li:last-child{ float: right;border-right:none;} 
	.main_info_ ul li h6{ font-size: 1em; } 
	.main_info_ ul li h6 strong{ font-size: 3em; } 
	.main_info_ ul li p{ font-size: 1em;} 
	
	
	
	
	
	.main_case{  margin: 50px 0px; padding: 50px 0px 30px;height: auto;background-size: cover;} 
	.main_case_tit{ width: 88%; } 
	.main_case_tit h3{ font-size: 1.5em; padding-left: 10px; border-left: #c52c30 2px solid;}
	.main_case_tit span{ font-size: 0.6em; } 

	.silder-box-1{ width:100%;  position: relative;} 

	.main_case_{ width: 88%; margin: 30px auto 0px;}
	.main_case_ ul{}
	.main_case_ ul li{width: 320px; height: 260px;}
	.main_case_ ul li img{width: 100%; height:220px;}
	.main_case_ ul li p{ font-size: 1em; margin-top: 10px;}


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

	
	
	
	
	.main_news,.join_con_11_txt03{  margin:0px 0px; padding:0;} 

	.main_news_tit{ width: 88%; } 
	.main_news_tit h3{ font-size: 1.5em; padding-left: 10px;/* border-left: #c52c30 2px solid;*/}
	.main_news_tit span{ font-size: 0.6em;} 
	.main_news_tit a{ padding: 3px 10px; border-radius:5px;} 

	.main_news_{ width:88%; margin: 30px auto 0px;} 
	.main_news_left{ float: none; display: none;} 

	.main_news_right{ float: none; width: 100%;} 
	.main_news_right ul li{float: none;  width:100%; margin-right: 0px;clear: both; }
	.main_news_right ul li:last-child{ float: none; } 
	.main_news_right ul li img{ float: left; width: 120px;height:80px;margin-bottom:15px; } 
	.main_news_right ul li h3 { float: right;width: 180px;font-size: 1em; margin: 0px 0px 0px; line-height: 150%;} 
	.main_news_right ul li p{  display: none;}
	.main_news_right ul li h6{display: none;} 
	.main_news_right ul li a:hover  h3{ color: #c52c30;} 
	
	
	
	
	
	
	
	
	.us_menu_{ width: 88%; margin: 20px auto 20px;} 
	.us_menu_{} 
	.us_menu_ ul{} 
	.us_menu_ li{ width: 100px; margin-right: 8px; margin-bottom: 5px;} 
	.us_menu_ li:nth-child(3n){ float: right; margin-right: 0px;} 
	.us_menu_ li a{  font-size: 1em;}


	.locatn{width:88%;  padding: 20px 0px; font-size: 0.8em;} 
	.locatn a{ font-size: 1em;} 


	
	.con_about{  margin: 10px 0px;} 

	.con_about_a{ width:100%; }
	.con_about_a_con ul{ grid-template-columns: repeat(2, 1fr);}
	.con_about_a_tit p{ font-size:2em;} 
	.con_about_a_tit h3{ font-size: 1.5em; margin-top: -10px;} 
	.con_about_a_con{ margin-top:30px;}
	.con_about_a_con p{ font-size: 1em;} 
.con_about_a_con li h2 {
    font-size: 22px;
    color: #000;
    margin-top: 10px;
}
.con_about_a_con li p{ margin-top:0;}
.con_about_d h4{ padding:0;}
	.con_about_c {margin: 20px auto; padding: 0px 0px;} 
	.con_about_c_tit p{ font-size:15px; line-height:25px;} 
	.con_about_c_tit h3{font-size: 1.5em; margin-top: -10px;} 
	.con_about_c_{width: 88%; margin: 30px auto 0px;}
	.con_about_c_ .fl{ float: none; width:100%; height: auto; } 
	.con_about_c_ .fr{ float: none; width:100%;} 
	.con_about_c_ .fr ul{} 
	.con_about_c_ .fr ul li{ height: auto; margin-bottom:10px; padding:5%; } 
	.con_about_c_ .fr ul li h5{ font-size: 1em; margin-bottom:10px;} 
	.con_about_c_ .fr ul li h6{ font-size: 1.2em;} 



	.con_about_e{ width: 100%; margin: 50px 0px;} 
	.con_about_e_tit p{font-size:2em;} 
	.con_about_e_tit h3{font-size: 1.5em; margin-top: -10px;} 
	.con_about_e_{width: 88%; margin:30px auto 0px;} 

	
	
	.con_pro_list{ padding:0px 0px 50px; } 
	.con_pro_list_{  width:88%;   padding: 50px 0px; } 
	.con_pro_list_ > h5{ font-size: 1.5em;} 
	.con_pro_list_ ul{ margin-top: 25px;} 
	.con_pro_list_ ul li{ width:49%; margin:0 0 2% 0; padding-bottom:10px; } 
	.con_pro_list_ ul li:nth-child(2n) { float: right;}
	.con_pro_list_ ul li:nth-child(3) { float: left; margin:0 0 2% 0;}
	.con_pro_list_ ul li div{width: 100%; height: 100%; } 
	.con_pro_list_ ul li h5{font-size: 1em;  margin-bottom: 10px; padding: 0px 10px;} 
	.con_pro_list_ ul li p{ font-size: 0.8em; } 
	.con_pro_list_ > a{ margin-top: 20px;} 
	

	.con_pro{ padding:0px 0px 30px; } 
	.con_pro_{ margin: 30px auto; width:88%; overflow:hidden;} 
	.con_pro_ ul{} 
	.con_pro_ ul li{ width:49%; margin:0 0 2% 0; padding-bottom:0px; } 
	.con_pro_ ul li:nth-child(2n) { float: right; margin-right:0; margin-bottom:2%;}
	.con_pro_ ul li:nth-child(3) { float: left; margin-right:2%; margin-bottom:2%;}
	.con_pro_ ul li:nth-child(3n){ margin-bottom:2%;}
	.con_pro_ ul li div{width: 100%; height: 100%; } 
	.con_pro_ ul li h5{  font-size: 1.2em; margin-bottom: 10px; padding: 0px 10px; line-height:32px;} 
	.con_pro_ ul li p{ font-size: 0.8em;} 


	.con_pro_m{  padding:0px 0px 50px; } 
	.con_pro_m_{ margin: 50px auto 0px; width: 88%;} 
	.con_pro_m_ .fl{ width: 100%;height: 100%;  float: none; } 
	.con_pro_m_ .fl img{ width: 100%; height:100%;} 

	.con_pro_m_ .fr{ width: 100%; float: none; margin-top:20px;} 
	.con_pro_m_ .fr > h1{ font-size:1.5em; margin-bottom:20px;  padding-bottom:20px;} 
	.con_pro_m_ .fr p{ font-size: 1em; text-align: justify; line-height: 160%;} 
	
	
	.con_case{  margin: 30px 0px 50px;} 
	.con_case_{ width: 88%;} 
	.con_case_ ul li{ float: none; width: 100%; margin:0 0px 20px 0;}
	.con_case_ ul li:nth-child(3n){ float: none;margin:0 0 20px 0;} 
	.con_case_ ul li div{width: 100%; height: 100%; } 
	.con_case_ ul li img{ width: 100%; height: 100%; } 
	.con_case_ ul li p{font-size: 1em;  padding: 10px 0px; 20px;} 
	
	
	

	.con_news{ margin:0px auto 50px;} 
	.con_news_{ width:88%;} 
	.con_news_ ul{} 
	.con_news_ ul li{ margin:30px 0px; } 
	.con_news_ ul li div.fl{ float: none; width: 100%; padding: 30px; 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;  height: 1px; } 
	.con_news_ ul li div.fl:hover em{ width: 100px;} 
	.con_news_ ul li div.fl span{  line-height: 150%; margin-bottom: 20px; font-size: 0.8em;} 

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



	.con_news_m{ margin:30px auto 50px;} 
	.con_news_m_{ width:88%;} 
	.con_news_m_tit{ padding-bottom: 30px; margin: 30px auto; } 
	.con_news_m_tit h1{ font-size:1.5em; line-height: 150%;  } 
	.con_news_m_tit p{ font-size: 0.8em; } 

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

	.con_news_m_more{ margin-top: 30px; padding: 30px 0px; }
	.con_news_m_more h5{ margin-bottom:30px;font-size: 1.2em;} 
	.con_news_m_more ul{} 
	.con_news_m_more ul li{ padding: 8px 0px; } 
	.con_news_m_more ul li a{ font-size: 1em;} 
	
	.con_about_c_ li{ width:100%; margin:12px auto; overflow:hidden;}
	.con_about_c_ li p{font-size: 1em;}
	.con_about_c_ li h1{font-size: 0.8em;}	
	
	
	
	
	

.con_join{ padding:50px 0px;} 
.con_join_tit{  width: 88%; } 
.con_join_tit h3{font-size: 2em;} 
.con_join_tit p{ font-size:1.5em;  margin-top: -15px; } 
.con_join_{ width: 88%; margin:30px auto;} 

.con_join_a .fl{ float: none; width: 100%; height: auto;  } 
.con_join_a .fr{ float: none; width: 100%; height:auto;  padding: 30px; } 
.con_join_b .fl{ float: none; width: 100%; height: auto; padding: 30px; } 
.con_join_b .fr{ float: none; width: 100%; height:auto;  }
.con_join_ h5{ font-size: 1.2em;  margin-bottom:10px;} 
.con_join_ h6{font-size:  1.2em;  margin: 20px 0px 5px;} 
.con_join_ p{ font-size: 1em; } 
.con_join_ img{ width: 100%; height: 100%;} 


.con_ser{  padding:50px 0px;background-size: cover;} 
.con_ser_tit{ width: 88%; } 
.con_ser_tit h3{font-size: 2em;} 
.con_ser_tit p{ font-size:1.5em;  margin-top: -15px; } 

.con_ser_{ width: 88%; margin:30px auto;} 
.con_ser_ ul{} 
.con_ser_ ul li{ width: 50%; height: 150px; padding:20px;}
.con_ser_ ul li h5{font-size:1.2em; margin-top:10px;} 
.con_ser_ ul li em{ margin: 10px auto;} 
.con_ser_ ul li p{ font-size: 0.8em; line-height: 160%; padding: 0px 15px;} 
.con_ser_ ul li:nth-child(3){ background: #c52c30;}
.con_ser_ ul li:nth-child(4){ background: #FFFFFF;}
.con_ser_ ul li:nth-child(6){ background: #c52c30;}
.con_ser_ ul li:nth-child(7){ background: #c52c30;}
.con_ser_ ul li:nth-child(8){ background: #FFFFFF;}
.con_ser_ ul li:nth-child(2n) h5{ color: #FFFFFF;} 
.con_ser_ ul li:nth-child(2n) em{ background: #FFFFFF;} 
.con_ser_ ul li:nth-child(2n) p{ color: #FFFFFF;} 
.con_ser_ ul li:nth-child(5){ padding: 0;} 
.con_ser_ ul li:nth-child(5) img{ width: 100%; height: 100%;} 
.con_ser_ ul li:nth-child(3) h5{ color: #FFFFFF;} 
.con_ser_ ul li:nth-child(3) em{ background: #FFFFFF;} 
.con_ser_ ul li:nth-child(3) p{ color: #FFFFFF;} 
.con_ser_ ul li:nth-child(7) h5{ color: #FFFFFF;} 
.con_ser_ ul li:nth-child(7) em{ background: #FFFFFF;} 
.con_ser_ ul li:nth-child(7) p{ color: #FFFFFF;} 
.con_ser_ ul li:nth-child(4) h5{ color: #c52c30;} 
.con_ser_ ul li:nth-child(4) em{ background: #c52c30;} 
.con_ser_ ul li:nth-child(4) p{ color: #000000;} 	
.con_ser_ ul li:nth-child(8) h5{ color: #c52c30;} 
.con_ser_ ul li:nth-child(8) em{ background: #c52c30;} 
.con_ser_ ul li:nth-child(8) p{ color: #000000;} 	
	

.con_join_z_{ margin:30px auto; width: 88%;} 
.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: 49.5%; box-sizing: border-box;} 
.con_join_z_txt03{ margin: 10px 0px;} 
.con_join_z_txt03 input{ padding: 10px; font-size: 1em; width: 100%; box-sizing: border-box;} 
.con_join_z_txt04{ margin: 10px 0px;} 
.con_join_z_txt04 textarea{ padding: 10px; font-size: 1em; width: 100%; height:80px;box-sizing: border-box;} 
.con_join_z_txt05{ margin: 20px 0px; } 
.con_join_z_txt05 input{padding: 10px;width: 50%; font-size: 1.2em; box-sizing: border-box;} 
	
	
	
	
	
	
	
	
	
	
	
	.con_contact{  width:88%; margin:30px auto 50px; } 
	.con_contact .fl{ float: none; width: 100%;} 
	.con_contact .fl ul li{ margin-bottom: 25px;}
	.con_contact .fl ul li p{ margin-bottom: 2px; font-size: 1em;}
	.con_contact .fl ul li strong{display:block; font-size: 1.2em; margin-top: 0px;}

	.con_contact .fr{ float: none; width: 100%; margin-top: 30px;} 
	#dituContent{ width: 100%; height: 300px;} 
	
	
	div.black2{padding:2px;margin:2px; } 
	div.black2 a{ padding:2px 7px;margin:1px; font-size: 0.6em;} 
	div.black2 a.curr{padding:2px 7px; margin:1px; } 
	.main_fast{padding: 50px 0;}
	.main_fast_{ width:92%; margin:auto;}
	.main_fast_ h3,.main_fast_ h2{font-size:1.5em; margin-top:15px;}
	.main_fast ul{grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;
    grid-row-gap: 10px;}
	.con_about_d ul{    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;}
	.con_about_d li h2{font-size:1.3em; margin-top:15px;}
	
}