/*section{padding:50px 0;}*/
.margin_top{margin-top: 8%;}
.position_relative{position:relative;}
.white_font{color:#fff;}


.index_about{background:url("../img/index_about_bg.png")center top no-repeat;background-size: cover;}
.index_about .index_ab_left{ width: 50%;display: inline-block;  *display: inline;  *zoom: 1; float: left; }
.index_about .index_ab_left h1{ color: #fff; padding-bottom: 25px; border-bottom: 2px #fff solid; width:240px; }
.index_about .index_ab_left p{ color: #fff; margin-top: 30px; line-height: 2; letter-spacing: 0.05em; font-size: 14px;}
.index_about .index_ab_left img{padding-bottom: 15px; border-bottom: 2px #fff solid;}
.index_about .index_ab_left p{ color: #fff; font-size: 24px; margin-top: 30px; }
.index_about .index_ab_left .ab_left_en{font-size: 14px; margin-top: 10px;}
.index_about .index_ab_right{ width: 50%;display: inline-block;  *display: inline;  *zoom: 1; float: left; padding-left: 65px;}
.index_about .index_ab_right h1{ color: #fff; padding-bottom: 25px; border-bottom: 2px #fff solid; width:160px;}
.index_about .index_ab_right p{ color: #fff; margin-top: 30px; line-height: 2; letter-spacing: 0.05em;}

.index_about .index_ab_left .more{  background-color: #FF9E20; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 10px 20px; width: 120px;
    margin-top: 30px;}
.index_about .index_ab_left .more a{ color: #fff;}
.index_about .index_ab_right .more{  background-color: #FF9E20; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 10px 20px; width: 120px;
    margin-top: 30px;}
.index_about .index_ab_right .more a{ color: #fff;}




.index_international{ background: #e7e7e7;}
.index_international .index_inter h1{ color: #ff9e20; text-transform: uppercase; text-align: center;}
.index_international .index_inter p{ text-align: center; color: #575757; margin-top: 20px;}
.index_international .index_inter .index_inter_icon{ margin-top: 50px;margin-left: 50px;}
.index_international .index_inter .image{ display: block;position:relative;}
.index_international .index_inter .index_inter_icon1 .icon1{width: 200px; height: 200px; border: 1px #5e5e5e solid;border-radius: 50%; background: #f5f5f5; display: block;}
.index_international .index_inter .index_inter_icon1 img{ padding: 35px;}
.index_international .index_inter .index_inter_icon1 p{  margin-top: 0;}
.index_international .index_inter .index_inter_icon1 .layer{position:absolute;top:1px;-webkit-transform: scale(0,0);
    -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .0s ease-in-out;
    -moz-transition: all .0s ease-in-out; -ms-transition: all .0s ease-in-out; -o-transition: all .0s ease-in-out; transition: all .0s ease-in-out;}
.index_international .index_inter .index_inter_icon1 .icon1:hover{border: 1px #ff9e20 solid;border-radius: 50%; background: #ff9e20; }
.index_international .index_inter .index_inter_icon1 .icon1:hover p{ color: #fff;}
.index_international .index_inter .index_inter_icon1 .icon1:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1);
    transform: scale(1, 1);  }


.index_products .index_pro_h h1{ color: #ff9e20; text-transform: uppercase; text-align: center;}
.index_products .index_pro_h p{ text-align: center; font-size: 24px; background: url("../img/index_pro_h.png")center bottom no-repeat; margin-top: 15px;}

.case-list{ width:100%; /* margin-top:74px;*/ background:url(../img/pro_bg.png) no-repeat center center;}
.case-list .container{ padding-left:0;padding-right: 0;width: 1200px; }
.sub-case-list{ width: 100%; margin:0 auto; display:table;}
.sub-case-list li{ float:left; width:33.333%; height:507px; position:relative;}
.sub-case-list li .bg-list-img{ position:absolute; bottom:54px; width:100%; height:397px; background:100% 100%;  -webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  }
.sub-case-list li .bg-list-tit{ width:100%; height:54px; position:absolute; bottom:0px; text-align:center;}
.sub-case-list li .bg-list-tit h4{ display:inline-block; height:54px; line-height:54px; margin:0 auto; border-bottom:2px solid #E2E2E2; font-size:16px; color:#363636; text-align:center;}
.sub-case-list li .bg-list-more{ position:absolute; bottom:0; display:block; width:100%; height:54px; text-align:center; line-height:54px; color:#fff; font-family:"Arial";
    text-transform:uppercase;  background-color:#3C3A38;  opacity:0;  -moz-opacity:0;
    -webkit-opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);  -webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  }
.sub-case-list li .bg-list-yew{ position:absolute; bottom:54px; width:100%; padding:49px 0; background-color:#FF9E20; text-align:center;  opacity:0;
    -moz-opacity:0;  -webkit-opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  }
.sub-case-list li:last-child .bg-list-yew{ }
.sub-case-list li .bg-list-yew h5{ max-width:90px; padding-bottom:20px; font-size:15px; color:#fff; text-align:center; margin:0 auto; border-bottom:2px solid #fff; text-align:center;}
.sub-case-list li .bg-list-yew small{ display:inline-block; margin-top:20px; color:#fff; font-size:12px;}
.sub-case-list li .bg-list-hs{ position:absolute; top:-54px; width:100%; height:335px; background-color:#3C3A38;
    background-color:rgba(0,0,0,0.4);  opacity:0;  -moz-opacity:0;  -webkit-opacity:0;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  -moz-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
    -o-transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  transition:all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;  }
.sub-case-list li .bg-list-hs .bg-list-sub-hs{  width:90%;  height:95%;  margin:4% auto 0;  border:1px solid #fff;  border-bottom:none;  }
.sub-case-list li .bg-list-hs .bg-list-sub-hs p{  width:90%;  margin:27px auto 0;  line-height:22px;  color:#fff;  }

.sub-case-list li:hover .bg-list-more, .sub-case-list li:hover .bg-list-yew, .sub-case-list li:hover .bg-list-hs {  opacity:1;
    -moz-opacity:1;  -webkit-opacity:1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);  }
.sub-case-list li:hover .bg-list-tit h4{ border:none;}
.sub-case-list li:hover .bg-list-img{ height:507px;}

.index_news .index_news_h h1{ color: #ff9e20; text-transform: uppercase; text-align: center;}
.index_news .index_news_h p{ text-align: center; font-size: 24px; background: url("../img/index_pro_h.png")center bottom no-repeat; margin-top: 15px;}
.index_news .index_news_list { margin-top: 50px;  }
.index_news .index_news_list .news_list{margin-bottom: 50px;}
.index_news .index_news_list .news_list .time{ font-size: 42px; color: #9d9d9d;  }
.index_news .index_news_list .news_list .time span{ font-size: 18px;border-left: 1px #9d9d9d solid; padding-left: 10px;}
.index_news .index_news_list .news_list p{ color: #232323;margin-top:10px;overflow: hidden;  text-overflow:ellipsis;
    white-space: nowrap;  }
.index_news .index_news_list .news_list img{ margin-top: 15px; width: 100%;}
.index_news .index_news_list .news_list .line{ border-bottom: 3px #FF9E20 solid; padding-top: 15px; width: 40px; }
.index_news .index_news_list .news_list .gray { color: #959595; margin-top:20px;display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;}
.index_news .more { text-align: center;margin-top: 50px;clear: both; }
.index_news .more a{ background-color: #494949; padding: 10px 25px; color: #fff; font-size: 16px;}



.index_case { background:url("../img/index_case_bg.jpg")center top no-repeat;/* margin-top: 50px;*/}
.index_case img{ width: 100%;}
.index_case .index_case_list .index_case_right{ margin-top: 100px; }
.index_case .index_case_list .index_case_right .index_case_h{ font-size: 36px; color: #000;text-transform: uppercase; padding-left: 15px;  }
.index_case .index_case_list .index_case_right .index_case_h p{ font-size: 14px; color: #a6a6a6;}
.index_case .index_case_list .index_case_right .case1{  margin-top: 30px;}
.index_case a.image{display: block;position:relative;}
.index_case .index_case_title{position:absolute;width:100%;height:20%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:80%;
    -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;
    transition: all .5s ease-in-out; padding: 3% ; color: #fff;text-align: center; }
.index_case .case_title{position:absolute;width:100%;height:15%;display:block;left:0;top:52%;
    -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;
    transition: all .5s ease-in-out; padding: 5% ; color: #fff;text-align: center; font-size: 28px; }
.index_case .index_case_left p{ position:absolute;width:50%;background-color:#fff;display:block;left:25%;top:75%;
    -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;
    transition: all .5s ease-in-out; padding: 5% ; color: #fff;text-align: center; font-size: 16px;color: #FF9E20;}


.index_case .index_case_list .index_case_right .case1 .layer{position:absolute;width:100%;height:100%;background: rgba(255, 158, 32, 0.90);left:0;top:0;-webkit-transform: scale(0,0);
    -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -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; transition: all .5s ease-in-out;}
.index_case .index_case_list .index_case_right .case1 .layer span{position:absolute;color: #fff; top:45%; left: 36%; font-size: 18px; border: 1px #fff solid; padding: 5px 20px;}
.index_case .index_case_list .index_case_right .case1:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }
.index_case .index_case_list .index_case_right .case1:hover .layer span{}
.index_case .index_case_list .index_case_right .case1:hover .index_case_title{ display: none;}


.index_booking{ background-color: #e7e7e7;}
.index_booking .booking_h{ font-size: 36px; color: #FF9E20;letter-spacing: 0.1em; }
.index_booking .booking_h span{ color: #191919;}
.index_booking .booking_left{ margin-top: 50px; padding-right: 30px; border-right: 1px #b6b6b6 solid;}
.index_booking form{ padding-bottom: 30px;}
.index_booking form p{ background:#fff;  padding:8px;  margin-top: 15px; border: 1px #d4d4d4 solid;}
.index_booking form input[type='text']{width:80%;background:transparent;border:0;outline: none}
.index_booking form textarea{width:80%;vertical-align: top;height:160px;background:transparent;border:0;resize:none;outline: none;}
.index_booking input[type='submit'],.index_booking input[type='reset']{background:#6a6a6a;border:0;padding:5px 40px;margin:15px 4% 0;color:#fff;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btnsubmit{background:#6a6a6a;border:0;padding:5px 40px;margin:15px 4% 0;color:#fff;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.index_booking .booking_center{ margin-top: 50px; border-right: 1px #b6b6b6 solid; padding-bottom: 30px;}
.index_booking .booking_center img { padding: 100px 39% 10px;}
.index_booking .booking_center .span{ color: #000;}
.index_booking .booking_center .p{ color: #6b6b6b; margin-top:80px;}
.index_booking .booking_center .kefu{  background: #6a6a6a;width: 150px; margin: 100px auto 0;text-align: center; padding: 10px 0;  }
.index_booking .booking_center .kefu a{ color: #fff;font-size: 16px;  }
.index_booking .booking_center .p1 { font-size: 30px; color: #6a6a6a; text-align: center; margin-top: 100px;}


footer .copyright{ padding:15px;color: #363636; text-align: left;}
footer .footer_nav{ padding: 15px 0;text-align: right; }
footer .footer_nav a{ padding:0 15px; color: #363636; }




@media (max-width: 480px) {

    .index_about{ background:none;}
    .index_about .index_ab_left{  background:url("../img/index_left_bg.png") center top no-repeat;width: 100%;padding:20px; }
    .index_about .index_ab_left img{padding-bottom: 15px; border-bottom: 2px #fff solid; }
    .index_about .index_ab_left p{ color: #fff; font-size: 24px; margin-top: 30px; }
    .index_about .index_ab_left .ab_left_en{font-size: 14px; margin-top: 10px;}
    .index_about .index_ab_right{background: url("../img/index_right_bg.png") center top no-repeat; width: 100%; padding:30px 20px;}
    .index_about .index_ab_right h1{ color: #fff; padding-bottom: 25px; border-bottom: 2px #fff solid; width:160px; }
    .index_about .index_ab_right p{ color: #fff; margin-top: 30px; line-height: 1.5; letter-spacing: 0.05em;}


    .index_international .index_inter .index_inter_icon{margin-left: 0;}
    .index_international .index_inter h1{  font-size:28px; }
    .index_international .index_inter .index_inter_icon1{ padding-left: 8%; padding-bottom: 20px;}
    .index_international .index_inter .index_inter_icon1 .icon1{width: 130px; height: 130px; border: 1px #5e5e5e solid;border-radius: 50%; background: #f5f5f5; display: block;}
    .index_international .index_inter .index_inter_icon1 img { padding: 15px 0 ;width: 100px; margin-left: 15px;}

    .case-list .container{ padding-left:0;padding-right: 0; width:100%; }
    .sub-case-list li{ float:left; width:100%; height:507px; position:relative;}

    .index_case .index_case_title{ padding: 3%;}
    .index_case .index_case_list .index_case_right{ margin-top: 40px; }

    .index_booking .booking_left{ margin-top: 15px;}
    .index_booking .booking_center img { padding: 20px 27% 10px;}
    .index_booking .booking_center .p1 { font-size: 24px; margin-top: 50px;}
    .index_booking .booking_center .kefu{ width: 130px; }
    .index_booking .booking_center .p{ margin-top:30px;}
    .index_booking .booking_center .kefu{  margin:50px auto 0; }

    footer .copyright{ text-align: center;}


    .a_xs{ text-align: center; /*margin-top: 50px;margin-bottom:40px;*/ }
    .a_xs a{ color: #fff; background-color: #FF9E20; padding: 10px 15px; text-align: center; }
    .index_case{ margin-top: 0;}
    /*.index_products { background: url("../img/pro_bg_xs.jpg") center center no-repeat !important; }*/
    /*.index_products .index_pro_h p{ color: #fff; background:url("../img/index_pro_hxs.png") bottom  center no-repeat;}*/
    .index_news{ margin-top: 20px;}
    .index_products .index_pro_h h1{ font-size: 28px;}
    .index_news{ margin-top: 20px; background: #f5f5f5;}
    .index_case{ background: none;}
    .index_news .index_news_h h1{ font-size: 28px;}

}

@media (max-width: 768px) {
    section{padding:20px 0;}

    .margin_top {margin-top: 0;}


}

@media (min-width: 768px){
    section{padding:50px 0;}
    .margin_top {margin-top: 0;}
    .index_about{background:url("../img/index_about_bg.png")center top no-repeat;background-size: cover;}
    .index_about .index_ab_left{ width: 50%;display: inline-block;  *display: inline;  *zoom: 1; float: left;padding-left: 20px; }
    .index_about .index_ab_left img{padding-bottom: 15px; border-bottom: 2px #fff solid;}
    .index_about .index_ab_left p{ color: #fff; font-size: 24px; margin-top: 30px; }
    .index_about .index_ab_left .ab_left_en{font-size: 14px; margin-top: 10px;}
    .index_about .index_ab_right{ width: 50%;display: inline-block;  *display: inline;  *zoom: 1; float: left; padding-left: 65px;}
    .index_about .index_ab_right h1{ color: #fff; padding-bottom: 25px; border-bottom: 2px #fff solid; width:160px;}
    .index_about .index_ab_right p{ color: #fff; margin-top: 30px; line-height: 2; letter-spacing: 0.05em;}


    .index_international .index_inter .index_inter_icon1{ padding-bottom: 20px;}
    .index_international .index_inter .index_inter_icon1 .icon1{width: 130px; height: 130px; border: 1px #5e5e5e solid;border-radius: 50%; background: #e7e7e7; display: block;}
    .index_international .index_inter .index_inter_icon1 img { padding: 17px 0 ;width: 100px;margin-left: 15px; }


    .case-list .container{ padding-left:0;padding-right: 0;width: 100%; }


    footer .copyright{ text-align: center;}
    footer .footer_nav{ text-align: center;}
}

@media (min-width: 992px){
    section{padding:50px 0;}
    .index_about{background:url("../img/index_about_bg.jpg")center top no-repeat;background-size: cover;/*margin-top: 30px;*/}
    .index_about .index_ab_left{ width: 50%;display: inline-block;  *display: inline;  *zoom: 1; float: left;padding-left: 20px; }
    .index_about .index_ab_left img{padding-bottom: 15px; border-bottom: 2px #fff solid;}
    .index_about .index_ab_left p{ color: #fff; font-size:14px; margin-top: 30px;padding: 0 40px 0 0; }
    .index_about .index_ab_left .ab_left_en{font-size: 14px; margin-top: 10px;}
    .index_about .index_ab_right{ width: 50%;display: inline-block;  *display: inline;  *zoom: 1; float: left; padding-left: 65px;}
    .index_about .index_ab_right h1{ color: #fff; padding-bottom: 25px; border-bottom: 2px #fff solid; width:315px;}
    .index_about .index_ab_right p{ color: #fff; margin-top: 30px; line-height: 2; letter-spacing: 0.05em; font-size: 24px;}


    .case-list .container{ padding-left:0;padding-right: 0;width: 1200px; }


}