.index-title{}
.index-title h3{ line-height:30px; color:#333;font-weight: normal;}
.index-title em{ font-size:14px; line-height:30px; color:#666; font-style: normal; display: block; letter-spacing:1px; text-transform: uppercase;}
a.more{margin-top: -46px; font-size:14px; height:34px; line-height:33px; display: inline-block; width:86px; color: #666; border:solid 1px #ccc; border-radius:20px; text-align: center; -webkit-transition:all .6s ease; transition:all .6s ease;}
a.more:hover{ text-indent: 18px; color: #7bcbc1;}
.more1{ margin: 0 auto;}

/*鍏徃绨′粙*/
.index-aboutus{ width: 100%; padding: 80px 0 120px; }
.index-aboutus .row{ margin-top: 60px; }
.index-aboutus .col-md-6{ }
.index-aboutus .col-md-6 h2{ margin-top: 20px; color:#333;}
.index-aboutus .col-md-6 .index-aboutus-text{ margin-top:40px; line-height: 24px; padding-right:70px;}
.index-aboutus .col-md-6 img{ max-width: 100%;}

/*========宸ョ▼============*/
.title{ border-bottom: 2px solid #bbb; padding:0  0 15px;}
.title h2{ line-height:30px; color:#333;font-weight: normal;}
.title em{ font-size:14px; line-height:30px; color:#666; font-style: normal; display: block; letter-spacing:1px; text-transform: uppercase;}

.article_box{ margin-top: 58px; }
.article_box p{ font-size: 14px; line-height: 24px; color: #333;}
.article_box div{ font-size: 14px; line-height: 24px; color: #333; display: flex; flex-wrap: wrap;}
.article_box div p{ display: inline-block; width: 33.33%}
.article_box div img{ max-width:98%; margin:0 0.055%; }
/*-------------------忙艙聧氓艩隆猫艗茠氓鈥郝�---------------*/
.ecoration{ border-top: solid 1px #e5e5e5;}
.ecoration li{  padding: 10px; overflow: hidden; border-bottom: solid 1px #e5e5e5; font-size: 14px; color: #333;}
.ecoration li .row{ margin: 0; padding: 0;}
.ecoration li h4{ display: block;border-right: solid 1px #e5e5e5; padding-left: 10px; line-height: 60px; font-size: 16px;}
.ecoration li div{ text-indent: 0 ; line-height: 24px;  display: flex; flex-wrap: nowrap; }

/*============鑱公鎴戝€�================*/
.contact-us-box{ width: 100%; padding: 80px 0 100px; }
.contact-us-box .col-md-12{padding-bottom: 40px; }
.contact-us-box .col-md-5 h2{ margin-bottom: 20px; line-height:60px }
.contact-us-box .col-md-5 p{ font-size: 16px; line-height: 36px; }
.contact-us-box .col-md-5 p span{  display:inline-block;  }
.contact-us-box .col-md-5 p i{ border: solid 1px #8a9399; width: 30px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; font-size:16px; margin-right: 12px;-webkit-transition:all .5s ease; transition:all .5s ease; }

/*=============鍙婃檪鏌ヨ==================*/
.contact_title{ text-align: center; padding:60px 20px; border:solid 1px #dce5eb;}
.contact_title p{}
.contact_title div{}

.form-emails{  margin-top: 40px;}
.form-emails .input-group{ padding:11px 0; width: 100%; line-height: 50px;}
.form-emails .input-group .input-group-addon{ width: 180px; background:none; border:none; text-align: left;}
.form-emails .input-group .input-group-addon b{ color: #ff0000; }
.form-emails .input-group .form-input{ width: 380px;}
.form-emails .input-group .form-control{ box-shadow: none;}
.input-text{ line-height:50px;padding:15px;height:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; background: #f4f4f4; border-radius:2px; -webkit-border-radius: 2px; width: 100%;}
.textarea-text{ line-height:22px;padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; background: #f4f4f4;  -webkit-border-radius: 2px; width: 100%; min-height: 140px; resize:vertical;}
.input-btn{ line-height:44px; border:none; border-radius:0;  background:#dc3741; color: #fff; width:220px; text-align: center; height:44px; margin:30px 180px 120px; display: block;}
.input-btn:hover{ background: #f7505a; transition: all .5s ease-out; -webkit-transition: all .5s ease-out;}

/*============妗堜緥灞曠ず===================*/
.case-box{}
.case-box .col-md-4{ padding-top:15px;padding-bottom:15px; }
.case-box .case-item{ position: relative; width: 100%; height: 100%; overflow: hidden;}
.case-box .case-item img{ width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case-box .case-item .item-title{ width:100%; position:absolute; left: 0; bottom:0; background-color:rgba(0,0,0,.7); height:40px; line-height:40px;color: #fff; font-size: 16px; text-indent:15px;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.case-box .case-item .item-title i{ float:right;height:40px; line-height:40px; margin-right: 15px;}
.case-box .case-item:hover .item-title{ background-color:rgba(56,165,219,.7);   }
.case-box .case-item:hover img{ -webkit-transform: scale(1.1);transform: scale(1.1); }


/*============妗堜緥灞曠ず================*/
.case-details-banner .swiper-container {  width: 100%; height: 100%; margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.case-details-banner .swiper-slide {text-align:center;font-size:18px;background:none;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;}
.case-details-banner .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:flex;transition-property:transform;box-sizing:content-box}
.case-details-banner .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;position:relative;}
.case-details-banner .swiper-slide img{max-width: 100%;/* width: 580px; height: 380px; */display: block;}
.case-details-banner .swiper-container-autoheight,.case-details-banner .swiper-container-autoheight .swiper-slide {height:auto}
.case-details-banner .swiper-container-autoheight .swiper-wrapper {align-items:flex-start;transition-property:transform,height}
.case-details-banner .swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.case-details-banner .swiper-pagination { bottom:10px;  left: 0; width: 100%;  position: absolute;  text-align:center; z-index: 10;}
.case-details-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px;left:0;width:100%}
.case-details-banner .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:10px; background:#888381;}
.case-details-banner .swiper-pagination .swiper-pagination-bullet-active{background:#000;}
.case-details-banner .swiper-container-vertical>.swiper-pagination-bullets {right:0.25rem;top:50%;transform:translate3d(0,-50%,0)}
.case-details-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 0.25rem}

.case-details-banner .swiper-button-next,.case-details-banner .swiper-button-prev {  position:absolute;  top:50%;  width:30px; padding: 15px 0; margin-top:-30px;  z-index:10;  cursor:pointer; /* background-size:27px 44px;  background-position:center;  background-repeat:no-repeat;*/ text-align: center; }
.case-details-banner .swiper-button-next.swiper-button-disabled,.case-details-banner .swiper-button-prev.swiper-button-disabled {opacity:.5;  cursor:auto;  pointer-events:none;}
.case-details-banner .swiper-button-prev{  left:0; border-radius:0 4px 4px 0;   right:auto; background-color:rgba(255,255,255,0.8);  }
.case-details-banner .swiper-button-next{  right:0;border-radius:4px 0  0 4px;  left:auto ;background-color:rgba(255,255,255,0.8); }

.case-page-left a,.case-page-right a{ color:#333;}
.case-page-left a:hover,.case-page-right a:hover{ color:#2395cd;}
.case-page-left a i,.case-page-right a i{ border: solid 1px #8a9399; width: 30px; height: 30px; border-radius: 30px; text-align: center; line-height: 30px; font-size:16px; margin-right: 12px;-webkit-transition:all .5s ease; transition:all .5s ease; }
.case-page-right a i{margin-right:0;margin-left: 12px;}
.case-page-right{ text-align:right;}

@media only  screen and (max-width: 750px) {
    /*闂滄柤鎴戝€�*/
    .index-aboutus{ width: 100%; padding: 40px 0 60px; }
    .index-aboutus .row{ margin-top:40px; }
    .index-aboutus .col-md-6 .index-aboutus-text{ margin-top:20px; line-height: 24px; padding-right:0;}

    /*==============鑱公鏂瑰紡================*/
    .form-emails .input-group .input-group-addon{ width:100%; display:block; line-height: 36px; background:none; border:none; text-align: left;}
    .form-emails .input-group .input-group-addon b{ color: #ff0000; }
    .form-emails .input-group .form-input{ width:100%;}
    .input-btn{ width:160px;  height:44px; margin:30px 0 60px;}

    /*============妗堜緥灞曠ず================*/

}































































