/* banner */
.banner { width: 100%; min-width:1000px;height:757px; overflow: hidden; position: relative;text-align: center;background:url(../images/003-2.jpg) left #fff!important; margin-top: 100px; }
.banner:hover .ctrl { width: 1000px; margin-left: -500px; opacity: 1; filter: alpha(opacity = 100); }
.banner .bd { height: 757px; position: relative; left: 50%; margin-left: -960px;}
.banner .bd li { width: 1920px;}

.bannerTel{ display: none; }
.ind-bannerTel{width: 100%; overflow: hidden;} 
.ind-bannerTel .swiper-slide {color: #fff; } 
.ind-bannerTel .swiper-pagination-bullet {width: 27px; height: 3px; background: #fff; border-radius: 0px; opacity: .2;margin-right:8px!important; } 
.ind-bannerTel .swiper-pagination-bullet-active {background: #fff!important;opacity: 1; } 
.ind-bannerTel .swiper-pagination{ text-align: left; left:7%!important; bottom: 40px!important; } 


.flex {display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
.ly_technology{width:100%;position: relative;height:100vh;}
.extf-container {background: #1b1f24;height: 100%;position: absolute; width: 100%; top: 0;left: 0;z-index: 3;}
.extf-container .extf-body {position: absolute;top: 0;bottom: 0;left: 0;right: 0; margin: auto;}
.max-wid {width: 66.66%; max-width: 1280px; margin: auto;} 
.extf-image {width:57.2%;position: absolute;right: 0;top:0;height:100%;}
.extf-image img {width: 100%;}
.pic img.w-h {width: 100%; max-width: 100%; opacity: 0; } 
.extf-scale{width:100%;position: relative;height: 100%;overflow: hidden;}
.title{width:auto;margin-bottom:60px;}
.title h3{font-size: 60px;color:#fff;line-height: 1.2em;margin-bottom: 0.5em;font-family: 'AlibabaSansBold';}
.title p{font-size: 40px;line-height: 1em;color:#fff;}
.tabs2{width:100%;overflow: hidden;}
.tabs2 .swiper-slide{margin-bottom:1.8em;cursor: pointer;overflow: hidden;}
.tabs2 .swiper-slide_j_name{font-size:20px;color:#fff;}
.tabs2 .swiper-slide_j_name i{font-family: "iconfont";color:#fff;vertical-align: middle;display: inline-block;margin-right: 18px;font-size: 40px;}
.tabs2 .swiper-slide:hover .swiper-slide_j_name,.tabs2 .swiper-slide:hover .swiper-slide_j_name i,.tabs2 .swiper-slide.active .swiper-slide_j_name,.tabs2 .swiper-slide.active .swiper-slide_j_name i{color:#0281c5;}
.extf-scale .swiper-slide{width:100%;}
.extf_desc{width:56%;left:10%;bottom:18%;position: absolute;z-index: 9;}
.extf_desc h6{font-size:28px;color:#fff;line-height: 1.2em;margin-bottom:0.5em;word-wrap: break-word;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity:0;top:20px;position: relative;}
.extf_desc p{font-size:16px;color:#fff;line-height:1.8em;margin-bottom:2em;word-wrap: break-word;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity:0;top:20px;position: relative;}
.contactBtn {display: block; position: relative; z-index: 0; width:180px;color: #fff; text-align: center; text-decoration: none; line-height:45px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;border:1px solid #fff;top:20px;opacity:0; }
.contactBtn::before {content: ""; position: absolute; left: auto; right: 0; width: 0; height: 100%; background: #fff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.contactBtn span {position: relative; z-index: 1;font-size:16px;-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.contactBtn i{font-size:40px;color:#fff;display: inline-block;vertical-align: middle;font-family: "iconfont";margin-left: 12px;z-index: 1;position: relative;-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.contactBtn:hover::before {left: 0; right: auto; width: 100%; }
.contactBtn:hover span,.contactBtn:hover i{color:#0281c5;}
.extf-scale .swiper-slide-active .extf_desc h6{top:0;opacity: 1;transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.extf-scale .swiper-slide-active .extf_desc p{top:0;opacity: 1;transition-delay: 0.7s;-webkit-transition-delay: 0.7s;}
.extf-scale .swiper-slide-active .contactBtn{top:0;opacity: 1;transition-delay: 0.9s;-webkit-transition-delay: 0.9s;}

.icon-arrow2 {cursor: pointer; height: 50px; width: 50px; line-height: 50px; transition-property: visibility,opacity; transition-duration: .5s;font-size:40px;color:#fff;font-family: "iconfont";background: none;position: absolute;margin-top: auto;cursor: pointer;border-left:1px solid rgba(250,250,250,.12);border-right:1px solid rgba(250,250,250,.12);text-align: center;display: none;top:-50px;}
.icon-arrow2.swiper-button-prev{left:0%;}
.icon-arrow2.swiper-button-next{right:0%;left:auto;}


.ly_product,.ly_news{width:100%;background: #1a1d21;padding: 130px 0;}
.pro_container{margin-left: 16.66%;position: relative;}
.pro_container .title{position: absolute;top:0;left:46.75%;z-index: 99;}
.proList{width:100%;}
.proList .swiper-slide {-webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.6); transform: scale(0.6); } 
.square{width:86%;height:86%;background:#353230;border-radius: 100%;z-index:0;}
.proList .swiper-slide a{display: block;position: relative;z-index: 2;}
.proList .swiper-slide a img{margin: auto;opacity: .8;}
.proList .swiper-slide span{display: block;color:#fff;font-size: 120px;font-family: 'AlibabaSansBold';position: absolute;left:0;top:50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);opacity: .8;}
/*.opac{position: absolute;left:0;top:0;right: 0;bottom: 0;background: rgba(64,64,64,.5);}*/
.proList .swiper-slide-active .square{background: #1b262e;}
.proList .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
.proList .swiper-slide-active span,.proList .swiper-slide-active a img{opacity:1;}

.pro_container .swiper-pagination{position: relative;opacity: 0;}
.newsList .swiper-pagination {position: relative;}
.pro_container .swiper-pagination-bullet,.newsList .swiper-pagination-bullet {background: #8d8e90; margin-left:6px; margin-right:6px; width:10px; height:10px; opacity: 1; }
.pro_container .swiper-pagination-bullet-active,.newsList .swiper-pagination-bullet-active{background: #FFF;margin-bottom: 0; }
.button {width: 100%;bottom: 43px;position: relative;}
.pro_container .swiper-button-prev,.pro_container .swiper-button-next {width:80px;height:80px;border-radius: 50%;background: #151617;position: absolute;left:50%;top:0;line-height: 80px;text-align: center;font-size:24px;color:#8a8b8b;font-family: "iconfont";transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;margin-top: -40px;}
.pro_container .swiper-button-prev{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}
.pro_container .swiper-button-next {right:30%;left:auto;}
.pro_container .swiper-button-prev:hover,.pro_container .swiper-button-next:hover{background: #1b262e;color:#fff;}



.news_container{margin-left: 5.5%;position: relative;}
.news_container .title{position: absolute;top:0;left:43.5%;z-index: 99;}
.slideBox{position: relative;}
.slideBox img{opacity: 0.5;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
.b_title{width:78%;height: 100px;background: #1d2025;position: absolute;left:50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);bottom: -50px;overflow: hidden;}
.date{width:100px;height: 100px;background: #111;position: absolute;left:0;top:0;text-align: center;font-family: 'AlibabaSansBold';color:#fff;font-size: 20px;}
.date span{display: block;color:#fff;font-size: 40px;line-height: 1em;padding-top: 0.3em;}
.titleR{padding-left: 120px;padding-right: 20px;font-size: 30px;line-height:100px;color:#fff;}
.newsList{width:100%;}
.newsList .swiper-slide{padding-bottom: 50px;max-width:700px;-webkit-transition: transform 1.0s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transform: scale(0.9); transform: scale(0.9); }
.newsList .swiper-container{padding-bottom:30px;}
.newsList .swiper-slide.swiper-slide-active {z-index: 999;margin-top:15%;-webkit-transform: scale(1); transform: scale(1);}
.newsList .swiper-slide.swiper-slide-active .slideBox img{opacity: 1;}

.ly_like{width:100%;padding: 15.5em 0;overflow: hidden;position: relative;}
.like_title h3{color:#fff;font-size: 48px;line-height: 1.2em;margin-bottom: 0.5em;letter-spacing: 0.1em;}
.customized{display: block;font-size: 20px;color:rgba(250,250,250,.8);}
.customized i{width:40px;height: 40px;border-radius: 100%;display:inline-block;border:1px solid rgba(250,250,250,.6);transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;position: relative;color:#fff;text-align: center;line-height: 40px;font-size: 20px;font-family: "iconfont";margin-right: 12px; }
.customized i:nth-of-type(1):after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background: url(../images/rotate.png) center no-repeat;background-size: 100%; animation: gorotate 3s linear infinite; }
@keyframes gorotate {0% {transform: rotate(0deg); } 100% {transform: rotate(360deg); } }
.customized:hover{color:rgba(250,250,250,1);}




.aboutPart1{ padding: 1.8rem 0;; overflow: hidden;}
.aboutPart1 .leftDiv{ width: 55%; }
.aboutPart1 .name{ font-size: 0.3rem; line-height: 30px; color: #232323; padding: 0.9rem 0 0.2rem;}
.aboutPart1 .txt{ font-size:0.4rem; color: #999; text-transform: uppercase; line-height: 40px; }
.aboutPart1 .content{ padding-top: 0.4rem; font-size: 14px; color: #666666; line-height: 24px; padding-right: 80px;}
.aboutPart1 .rightDiv{ width:40%; }
.aboutPart1 .rightDiv li{ margin-bottom: 10px; cursor: pointer; }
.aboutPart1 .rightDiv li img{ width: 100%;   -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); }
.aboutPart1 .rightDiv li:hover img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

.aboutPart2{ background: #222 url(../images/aboutBg.png) center bottom no-repeat; background-size: 100%; overflow: hidden; padding-bottom: 0.95rem;}
.aboutPart2 .leftDiv{ width: 5.76rem; padding-top: 1.05rem; }
.aboutPart2 .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #848484; padding-bottom: 0.1rem; text-transform: uppercase;}
.aboutPart2 .wen{ font-size: 0.24rem; color: #f7f7f7; }
.aboutPart2 .rightImg{ width: 7.68rem; }
.aboutPart2 .rightImg img{ width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.aboutPart2 .rightImg:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}


.history .bigBox{ margin-top: 1.45rem; position: relative; padding: 0 1.2rem;}
.history .bigBox:before{ content: ''; position: absolute; left: 0; top: 0.56rem; width: 100%; height: 2px; background: #717171; }
.history .bigBox .prev{ z-index: 2; cursor: pointer; display: block; position: absolute; left: -0.25rem; top: 0.34rem; width: 0.49rem; height: 0.49rem; background: url(../images/nimg49_left2.jpg) center no-repeat; background-size: 0.49rem; }
.history .bigBox .next{ z-index: 2; cursor: pointer; display: block; position: absolute; right: -0.25rem; top: 0.34rem; width: 0.49rem; height: 0.49rem; background: url(../images/nimg49_right2.jpg) center no-repeat; background-size: 0.49rem; }
.historyPic{ position: relative;}
.historyPic .swiper-slide{ background: url(../images/nimg16_1.png) left 0.5rem no-repeat; background-size: 0.16rem;}
.historyPic .year{ font-size: 0.3rem; line-height: 0.3rem; height: 1.05rem; color: #232323; font-family: "BEBASNEUE REGULAR"; }
.historyPic .msgList li{ padding-bottom: 0.36rem; }
.historyPic .msgList li .time{ font-size: 0.18rem; color: #666666; font-family: "BEBASNEUE REGULAR"; padding-bottom: 0.05rem;}
.historyPic .msgList li .msg{ font-size: 14px;line-height: 24px; padding-right: 0.5rem; }



#about-4 #history {/* background-color:#87c97f;*/  margin-top:60px;}
#about-4 #history .viewport {position:relative;  margin:0 auto; width:100%; height:100%; overflow:visible;}
#about-4 #history .viewport:before{ content: ''; position: absolute; left: 0; top: 0.56rem; width: 100%; height: 9px;background: url(../images/002.png) center repeat-x; }
#about-4 #history .viewport .btn {display:none; position:absolute; top:35px; z-index:2; width:49px; height:49px;}
#about-4 #history .viewport .prev {left: -6px;background: url(../images/nimg49_left2.png) center no-repeat;}
#about-4 #history .viewport .next {right: -5px;background: url(../images/nimg49_right2.png) center no-repeat; }
#about-4 #history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; top:-100%; width:25%; background:url(../images/nimg16_1.png) left 0.5rem no-repeat; -webkit-transition:top 500ms; transition:top 300ms; margin-left: 2%;}
#about-4 #history .viewport .wrap .on {top:0;}
/*#about-4 #history .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../img/about/p_4_2.png) no-repeat 0 0;}
#about-4 #history .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color:#3c5d38;}
#about-4 #history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font:lighter 48px "myriadsetpro" !important; color:#34772b;}
*/


#about-4 #history .viewport .wrap .item .year{ font-size: 0.4rem; line-height: 0.4rem; height: 1.05rem; color: #232323; font-family: "BEBASNEUE REGULAR"; }
#about-4 #history .viewport .wrap .item .msgList{ width: 80%;}
#about-4 #history .viewport .wrap .item .msgList li{ padding-bottom: 0.36rem;   }
#about-4 #history .viewport .wrap .item .msgList li .time{ font-size: 0.18rem; color: #666666; font-family: "BEBASNEUE REGULAR"; padding-bottom: 0.05rem;}
#about-4 #history .viewport .wrap .item .msgList li .msg{ font-size: 14px; color: #666666; line-height: 24px; padding-right: 0.5rem; width: 80%; }
#about-4 #history .viewport .wrap .item .msgList li .msg {width: 250px;}
#about-4 #history .viewport .wrap .item .msgList li .msg img{ width:150px; height: auto;}

.ls_his{ width:95%; margin-top: 60px; margin-left: 5%;}
.ls_his ul{background: url(../images/002-.png) left top repeat-y;  }
.ls_his li{ width:100%;background: url(../images/nimg16_1.png) left 10px no-repeat; margin-bottom: 30px;}
.ls_his li h2{font-size: 0.4rem; line-height: 0.4rem; height: 0.6rem; color: #232323; font-family: "BEBASNEUE REGULAR";  padding-left: 8%;}
.ls_his li p{ font-size: 14px; color: #666666; line-height: 24px;  width: 100%; padding-left: 8%;}
.ls_his li p img{ width:150px; height: auto;}
/*
-----------------[05 关于我们——荣誉资质]--------------*/

.n-main{width:100%; margin: 0 auto;}
.cs-lst {
  width:100%;
  padding-top: 0px;
  padding-bottom: 0px; }
  .cs-lst li {
    width: 25%;
	margin:0px 0% -1px 0%; text-align: center;
	float:left;}
.cs-lst01 li{width: 30%;
	margin:0px 1.5% 10px 1.5%; text-align: center;float:left;}
.cs-lst02 li{width: 20%;
	margin:0px 0% 10px 0%; text-align: center;float:left;}
    .cs-lst li:hover .img img {
      transform: scale(1.0); }
    .cs-lst li:hover .cnt h2 {
      color: #e8001b; }
    .cs-lst li .img {
      width: 100%;
      overflow: hidden; }
      .cs-lst li .img img {
        transition: 300ms; }
    .cs-lst li .cnt {
      background-color: #fff;
      height: 94px;
      padding-top: 46px;
      text-align: center; }
      .cs-lst li .cnt h2 {
        color: #333;
        font-size: 20px;
        line-height: 30px; }
      .cs-lst li .cnt p {
        color: #999;
        font-family: Arial;
        font-size: 12px;
        line-height: 18px; }
		
		
.gallery2{width:100%; height:auto; margin:0 auto 40px auto;transition: 300ms;background-color:#fff; border: 1px solid #eee; padding:15px;}
.gallery2 .img_box{ width:332px; height:236px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery2 .img_title{width:100%; text-align:center; margin-top: 10px; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 26px;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery2 .img_title a{color: #666;}
.gallery2:hover{background-color:#fafafa;color:#FFF;}
.gallery2:hover .img_title{}
.gallery2:hover .img_title a{color: #fff;}

.gallery2_links{width:100%; height:auto;  margin:0 auto 40px auto;transition: 300ms; border: 1px solid #eee;}
.gallery2_links .img_box{ width:100%; height:87px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery2_links .img_title{width:100%; text-align:center; padding:13px 0px;color: #57493d;font-size: 14px;transition: 300ms;overflow: hidden;}
.gallery2_links .img_title a{color: #666;}
.gallery2_links:hover{background-color:#fafafa;color:#FFF;}
.gallery2_links:hover .img_title{background-color:#c5b39b; color:#FFF}
.gallery2_links:hover .img_title a{color: #fff;}


.gallery4{width:90%; height:auto; margin:0 auto 0.45rem auto;transition: 300ms;background-color:#fff; border: 0px solid #eee; padding: 20px;}
.gallery4 .img_box{ width:100%; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery4 .img_title{width:100%; text-align:center; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 26px;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery4 .img_title a{color: #666;}
.gallery4:hover{background-color:#fafafa;color:#FFF;}
.gallery4:hover .img_title{}
.gallery4:hover .img_title a{color: #fff;}



.gallery3{width:100%; height:auto; padding: 15px 15px 5px 15px; margin:0 auto 50px auto;transition: 300ms;background-color:#fff; border: 1px solid #dddddd; border-right: 0;}
.gallery3 .img_box{ width:100%;  line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery3 .img_title{width:100%; text-align:center; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 32px;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery3 .img_title a{color: #666;}
.gallery3:hover{background-color:#fafafa;color: #000; font-weight: bold;}
.gallery3:hover .img_title{color: #000; font-weight: bold;}
.gallery3:hover .img_title a{color: #000; font-weight: bold;}

.casePic .swiper-slide img{ width: 100%; }
.casePic .swiper-pagination { text-align: center; left: 0; width: 100%; bottom: 0.3rem!important; } 
.casePic .swiper-pagination-bullet { width: 54px; height: 3px; opacity: 1; background: rgba(255,255,255,0.5); margin-left:5px!important; margin-right: 5px; border-radius: 0;} 
.casePic .swiper-pagination-bullet-active { background: rgba(255,255,255,1); } 

.n_pro_pic{ margin-bottom:1rem; background: #fff;  }
.n_pro_pic .casePic{ width:50%; float: left;}
.n_pro_pic_right{ float:left; padding:0.8rem;width: 50%; }
.n_pro_pic_right h2{font-size: 0.36rem; color:#232323; font-family:"Microsoft JhengHei"; margin-top: 0.3rem;  }
.n_pro_pic_right p{ font-size: 14px; text-align: left; color:#999; line-height: 0.3rem; margin-top: 0.5rem; }


.re_case{  margin-top: 0.8rem; }
.re_case .title1{ font-size:0.32rem;}

.hrList{ width: 80%; margin: 0 auto;font-size: 14px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 16%; display: block; float: left; height: 60px; line-height: 60px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width:31%;}
.hrList .hrdt{ background-color: #333; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative; background-color: #fff;}
.hrList .hrdt{ height: 60px; overflow: hidden;}
.hrList .hrT{ background-color: #f2f2f2; color:#666666;}
.hrList .hrT .hspan{ line-height: 50px; height: 60px;}
.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #383635; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#005678; color: #fff;}
.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #f15921; color: #fff; padding: 10px 40px; font-size: 14px;}
.join-box-btn .btn:hover{ background-color: #333333; color: #fff;}

.anli_cnt{
  width: 100%;
  padding:60px 0 60px;
}
.anli_list{
	margin:0 -2%;
}
.anli_item{
  width: 28.3%;
  float: left;
  margin:0 2% 0 2%;
  margin-bottom: 0.5rem;
  position: relative;
	background: #fff;
}
.anli_item:hover{ 
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.zoomImage2{
    width:100%;
    height:0;
    padding-bottom: 70%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.anli_pic{
  width: 100%;
  overflow: hidden;
}
.anli_pic img{
  width: auto;
  height:auto;
}
.anli_item{ padding:15px;}
.anli_item h2{
  color: #232323;
  font-size: 18px;
  width: 100%;font-weight: bold;
  box-sizing: border-box;
  padding: 30px 0px 0px 0;
  overflow: hidden;
  
	margin-bottom: 10px;
	text-align: center;
	
}
.anli_item h3{
  color: #232323;
  font-size: 18px;
  width: 100%;font-weight: bold;
  box-sizing: border-box;
  padding: 30px 0px 0px 0;
  overflow: hidden;
  
	margin-bottom: 10px;
	
}
.anli_item p{
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 20px;
  padding: 5px 0px;
  line-height: 28px; height: 56px; overflow: hidden; color: #949494; font-family: Arial,"Microsoft JhengHei","微软雅黑";
}
.anli_item h6{
	margin-bottom: 20px;
	width: 100%;
	color: #999; 
	font-size: 12px;
	font-weight: normal;
}

.anli_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.anli_line span{
  position: absolute;
  left: 0;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #005678;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}



.anli_item:hover .anli_line span{
  width: 100%;
}
.anli_item:hover .anli_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

/*
-----------------[文章详细页]--------------*/
.projectshow1{width:100%;margin: 55px auto 20px; background: #fff; border-top: 50px solid #f6f6f6; padding:60px 40px;}
.projectshow1 .title{ text-align:center; padding-bottom:15px; margin-bottom:30px; position: relative;}
.projectshow1 .title h1{ font-weight:inherit; font-size:30px; color:#333; padding-bottom:10px;}
.projectshow1 .title .time{ font-size:14px; color:#8b8b8c;text-align: center; width: 100%;border-bottom:1px #ddd dotted; border-top:1px #ddd dotted; padding: 7px 0; margin-top: 15px;}
.projectshow1 .title .time span{ padding:0 10px;float: none;}
.projectshow1 .title .return2{ width:32px; height: 32px; position: absolute; right:0; top:10px;}
.projectshow1 .contentbox{ background:#fff; padding:0%;}
.projectshow1 .contentbox .text h2{ font-size:14px; color:#ec6c21; padding-bottom:20px;}
.projectshow1 .contentbox .text p{ font-size:14px; color:#666;line-height:2;font-family: 微软雅黑, "Microsoft YaHei";}
.projectshow1 .contentbox img{ max-width:100%; height: auto;}

.detailsshare{ position:relative; padding-top:10px; border-top:1px #ddd dotted; margin-top: 30px;}
.detailsshare .share{ height:47px;  border-bottom:1px #ddd dotted; }
.detailsshare .share em{ font-size:14px; color:#8d8d8d; line-height:27px; float:left; font-style:normal}
.detailsshare .share li{ float:left; margin-left:10px;}
.detailsshare .bottomDiv{ padding-top:20px;}
.detailsshare .bottomDiv a{ font-size:14px; color:#333;}
.detailsshare .bottomDiv em{ font-size:14px; color:#333; font-weight:bold; font-style:normal}
.detailsshare .bottomDiv a:hover{ color:#000; font-weight: bold;}
.detailsshare .bottomDiv .left{ float:left;}
.detailsshare .bottomDiv .left .getDiv{ padding-bottom:10px;}
.detailsshare .bottomDiv .right{ float:right; margin-top:10px;}
.detailsshare .bottomDiv .right .backbtn{display:block; font-size:14px; text-align:center; color:#8b8b8c; line-height:40px; width:120px; height:40px; border:1px #eee solid;}
.detailsshare .bottomDiv .right .backbtn:hover{ color:#fff; background-color:#ec6c21; border:1px #ec6c21 solid;}
.detailsshare .flshare{ float:right; width:242px;}

.ctabox{ background:#fff; position:relative; z-index:99; margin-top:-13%; }
.ctabox .pa{ padding:1rem; }
.ctaList .namebox{ width:33%; float:left; }
.ctaList .ti{ font-size:20px; color:#333; line-height:1.4; padding-right:20px; margin-bottom: 10px; font-weight: bold;}
.ctaList .ctas{  float:left; }
.cats_49{width:49%;}
.cats_100{width:100%;}
.ctaList .ctas .citme{ color:#666; line-height:25px; display:block; position:relative;  margin-bottom:11px; padding-right:20px; } 
.ctaList .ctas .citme:before{ width:40px; height:25px; position:absolute; top:0; left:0; content:""; background-repeat:no-repeat; background-position:left center; }
.ctaList .ctas .c1:before{ background-image:url(../images/rr_cta_ico_1.png); }
.ctaList .ctas .c2:before{ background-image:url(../images/rr_cta_ico_2.png); }
.ctaList .ctas .c3:before{ background-image:url(../images/rr_cta_ico_3.png); }
.ctaList .ctas a:hover{ color:#005678; }
.ctaList .mabox{ width:18%; float:left; }
.ctaList .mabox .ma{ width:96px; text-align:center; line-height:1.4; max-width:100%; }
.ctaList .mabox .ma img{ display:block; width:100%; }

.ctaList{ border-top:2px solid #333; }
.ctaArea{  }
.ctaList .ctas a:hover:before{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.wingshowBox{ position: relative; padding:60px 70px; margin: 0px auto; width: 300px; background-color: #fff; text-align: center; color: #a0733e; font-size: 18px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid #f9fafc; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.ctaList li{ width:33.3%;border-bottom:1px solid #ccc; padding:60px 0 36px 0; float: left;}
.ctaList li:first-child{  width: 100%; }
.ditu{ width:100%; height: 550px; font-size: 12px;}

.partner{ padding: 0.6rem 0 0rem; overflow: hidden;}
.partner .mxfDiv{ position: relative;  }
.partner .leftDiv{  width: 35%; float: left;}
.partner .rightList{ width: 100%; float: right;}
.partner .txt{ font-weight: bold; font-size: 0.3rem; color: #333; line-height: 0.3rem; padding-bottom: 0.3rem; }
.partner .wen{ font-size: 0.4rem; color: #767676; line-height: 0.4rem; text-transform: uppercase; }
.partner .msg{ font-size: 0.18rem; line-height: 0.32rem; color: #333; padding-top: 0.4rem; }
.partner .rightList li{ float: left; width: 19%; margin-right: 0.1rem; margin-bottom: 0; height: 2rem; text-align: center; line-height:2rem;position: relative; cursor: pointer;}
.partner .rightList li a{ display: block;width: 100%; height: 100%; }
.partner .rightList li img{ width: 3.4rem;position: absolute;top: 50%;margin-top: -0.85rem; left: 50%; margin-left: -1.7rem;}
.partner .rightList li .img1{ display: none; }
.partner .rightList li:hover {  }

.indexPart1{ background:#fff;padding: 1rem 0; }
.indexPart1 .i_1_left{ width:50%; float: left;}
.indexPart1 .i_1_left h2{ font-size: 30px; color:#333333; float: left; margin-right: 25px;}
.indexPart1 .i_1_left .txt_box{ width: 100%; float: left; margin-bottom: 0.3rem;}
.indexPart1 .i_1_left .txt_box img{ width:80%; height: auto;max-width: 483px;}
.indexPart1 .i_1_left p{ color:#787878; line-height: 30px;width:90%; display: block; font-size: 15px;}
.indexPart1 .i_l_bot{ width:100%; margin-top: 45px;}
.indexPart1 .i_l_bot .i_cj{ width:47%; max-width: 247px; float: left; margin-right: 3%;}
.indexPart1 .i_l_bot .i_cj .name{width:100%; height:48px; background:#1573be; text-align: center; line-height: 48px; color:#fff; font-size:18px; margin-bottom: 18px;}
.indexPart1 .i_l_bot .i_cj .img{width:100%;height:auto;}
.indexPart1 .i_l_bot .i_cj .img img{width:100%;height:auto;}


.indexPart1 .i_1_right{max-width: 592px; width:45%; float: right;}


.indexPart2{padding: 0.8rem 0 0.5rem 0; background:url(../images/009.jpg) no-repeat bottom #014982;}
.indexPart2 .name{ margin-bottom: 60px;}
.indexPart2 .name h2{ font-size: 36px; color:#fff; width:100%; text-align: center; background: url(../images/010.jpg) no-repeat center bottom; padding-bottom: 18px; margin-bottom: 20px;}
.indexPart2 .name p{  font-size:16px; color:#fff;  width:100%; text-align: center;}
.indexPart2 .name p a{ padding:0 10px;color:#808080;}
.indexPart2 .name p a:hover{ color:#005678;}
.indexPart2 .name .more{width:167px; height:41px; border:1px solid #272523; line-height: 41px; color:272523; text-align: center; float: right; font-family: Times;}


.indexPart2 ul{margin: 0 0%;}
.indexPart2 ul li{	
		list-style-type: none;
		/*display:inline-block;*/
		display: block;
		float: left;
		max-width: 412px;
		max-height: 412px;
		width: 25%;
	margin: 0 0%;
		position: relative;
		overflow: hidden;
	}
.indexPart2 ul li .txt{ position:absolute; width:100%; height: 58px; line-height: 58px; font-size: 16px; bottom: 0;background:rgba(0,0,0,.8);color: #fff;}
.dummy{
		padding-top: 100%;
	}
.indexPart2 ul li img{
		max-width: 100%;
		max-height: 100%;
		display: inline-block;
		vertical-align: middle;
	}
.indexPart2 ul li i{
		display: inline-block;
		vertical-align: middle;
		height:100%;
	}
.indexPart2 ul li p{
		text-align: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
	}

.swiper-container {
        width: 100%;
        height: 100%;
    }
.swiper-slide {
        text-align: center;
        font-size: 18px;
		 background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.indexPart2 .swiper-pagination-bullet-active{ background: #00a8cb;}



.indexPart3{ background: #eaedf0;height: 607px;}
.indexPart3 .left{background: url(../images/011.jpg) no-repeat; height: 607px; background-size: 100% 100%; width: 50%; float: left; padding: 100px 0;}
.indexPart3 .left .swiper-container{ max-width: 565px;width: 60%; float: right;}
.indexPart3 .left .swiper-slide{ background: none;}
.indexPart3 .right{ width:50%; float: left; padding: 100px 0;}
.indexPart3 .right .box{ width:70%; float: left; background:url(../images/013.jpg) no-repeat right bottom #fff; padding:65px 50px;}
.indexPart3 .right .box h2{color:#232323; font-size: 32px; text-align: left;}
.indexPart3 .right .box h2 img{width:80%; height: auto;max-width: 483px;}
.indexPart3 .right .box h3{color:#1573be; font-size: 20px; text-align: left; margin-top: 10px; }
.indexPart3 .right .box p{ color:#666; font-size: 16px; line-height: 26px; margin: 32px 0 60px 0; width: 70%;}
.indexPart3 .right .box .more{ width:202px; height: 50px; background: #1573be; text-align: center; line-height: 50px; color:#fff;}


.indexPart4{ padding:60px 0 80px 0; background: #fff;}
.indexPart4 .name{ margin-bottom: 40px; text-align: center; width:100%;}
.indexPart4 .name h2{ font-size: 30px; color:#333; text-align: center;}
.indexPart4 .name .more{width:167px; height:41px; border:1px solid #272523; line-height: 41px; color:272523; text-align: center; float: right; font-family: Times;}

.i_news_cnt{
  width: 100%;
}
.i_news_list{
	margin:0 -2%;
}
.i_news_item{
  width: 28.3%;
  float: left;
  margin:0 2.5% 0 2.5%;
  position: relative;
	background: #f5f5f5;
}
.i_news_item:hover{ 
	/*transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);*/
}
.zoomImage{
    width:100%;
    height:0;
    padding-bottom: 60%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.i_news_pic{
  width: 100%;
  overflow: hidden;
}
.i_news_pic img{
  width: auto;
  height:auto;
}
.i_news_item{ padding:0px;}
.i_news_item h2{
  color: #232323;
  font-size: 18px;
  width: 100%;font-weight:normal;
  box-sizing: border-box;
  padding: 30px 20px 10px 20px;
  overflow: hidden;
	
}
.i_news_item p{
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 20px;
  padding: 5px 20px;
  line-height: 28px; height: 56px; overflow: hidden; color: #949494; font-family: Arial,"Microsoft JhengHei","微软雅黑";
}
.i_news_item h6{
	margin-bottom: 0.3rem;
	width: 100%;
	color: #999; 
	font-size: 12px;
	padding: 0 20px;
	font-weight: normal;
}

.i_news_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.i_news_line span{
  position: absolute;
  left: 20px;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #005678;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}



.i_news_item:hover .i_news_line span{
  width: 100%;
}
.i_news_item:hover .i_news_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}



.h100{ height:100px;}

.pageBox{ padding:70px 0; min-height: 450px;}
.pageBox .h_name{color:#232323; font-size: 38px; font-weight: bold; text-align: center;}
.pageBox .h_name2{color:#aaa; font-size: 18px; text-align: center; margin-top: 10px;}
.dy_content{ margin-top: 50px;}
.dy_content img{ max-width:100%; height: auto;}

.cp_neir{ padding: 60px 0 60px 0;}
.cp_neir ul{ width:100%; margin: 0 -1.5%;}
.cp_neir ul li{	
		float: left;
		width: 22%;
		margin: 0 1.5% 0.4rem 1.5%;
		padding: 8px;
		border:1px solid #eff0f0;
		position: relative;
	background: #fff;
	}
.dummy{
		padding-top: 100%;
	}

.cp_neir ul li .name{ height: 45px; text-align: left; width:100%; float: left; position: relative; border-top: 1px solid  #eee; padding: 18px 0 0 0; margin-bottom: 30px; margin-top: 20px;}
.cp_neir ul li .txt{  color:#343434; font-size: 20px;  width:100%; float: left;border-top: 1px solid  #eee;margin-top: 20px; padding: 18px 0 0px 5px;}
.cp_neir ul li .txt a,.cp_neir ul li .txt2 a,.cp_neir ul li .txt3 a{color:#343434;}
.cp_neir ul li .txt3{  color:#343434; font-size: 16px;  width:100%; float: left;border-top: 1px solid  #eee;margin-top: 20px; padding: 18px 0 10px 5px;}
.cp_neir ul li .txt2{color:#343434; font-size: 16px;width:100%; float: left;padding: 18px 0 10px 0px; text-align: center; height: 70px;}
.cp_neir ul li .jg{ color:#232323; font-size: 18px; padding-left: 5px; margin-bottom: 5px;}
.cp_neir ul li .jg span{color: #e71b33;font-size: 30px;font-weight: bold; margin-bottom: 10px;font-family: "BEBASNEUE REGULAR";}
.cp_neir ul li button {
	width:50px; height: 50px;border-radius: 50%; background:url(../images/012.png) no-repeat center #e8d0a9;position: absolute; right:15px; bottom:25px;cursor:pointer;transition:560ms 0ms;
}




.cp_neir ul li:hover{background:#1673be;border:1px solid #1673be;}
.cp_neir ul li:hover .name{border-top: 0px solid #00a8cb;}
.cp_neir ul li:hover .txt,.cp_neir ul li:hover .jg,.cp_neir ul li:hover .txt2{ color:#fff;}
.cp_neir ul li:hover .txt a,.cp_neir ul li:hover .txt2 a,.cp_neir ul li:hover .txt3 a{ color:#fff;}
.cp_neir ul li:hover button{transform:rotate(360deg);-webkit-transform:rotate(360deg);/*transform:translateY(3px); -webkit-transform:translateY(3px); -moz-transform:translateY(3px);*/ transition:560ms 0ms;background:url(../images/012.png) no-repeat center #7ad1e3;}
.cp_neir ul li:hover .jg span{color: #fff}

.list dl dd {
	text-align: center;
}

.list dl dd span {
	font: bold 22px/22px "微软雅黑";
	color: red;
}

.list dl dd button {
	height: 30px;
	width: 100px;
	font: 400 18px/30px "微软雅黑";
	background-color: darkred;
	color: #fff;
	border: none;
}

.list dl dd button:hover {
	background-color: red;
}







.cp_tu{	
		list-style-type: none;
		/*display:inline-block;*/
		display: block;
		float: left;
		max-width: 800px;
		max-height: 800px;
		width: 100%;
	margin: 0 0%;
		position: relative;
		overflow: hidden;
	background: #fff;
	
	}
.dummy{
		padding-top: 100%;
	}
.cp_tu img{
		max-width: 100%;
		max-height: 100%;
		display: inline-block;
		vertical-align: middle;
	}
.cp_tu i{
		display: inline-block;
		vertical-align: middle;
		height:100%;
	}
.cp_tu p{
		text-align: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
	}

.no_pic_bg{ width:100%; background: #00a8cb;  height: 150px; }


.info1{ padding: 70px 0;}
.info1 li{ height:50px; line-height:50px; background:url(../images/ico10_1hr.png) repeat-x left bottom; font-size:14px; color:#666; position:relative;}
.info1 li .name{ padding-right:100px;}
.info1 li a{ color:#666; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info1 li a:hover{ color:#1573be;}
.info1 li .time{ position:absolute; right:0; top:0;}
.info1 li .xz_ico{  height: 50px;position:absolute; text-align: right;right:10px; line-height: 50px; top:0; background:url(../images/gicon13.png);}
.info1 li:hover{color:#1573be;}
.info1 li:hover .xz_ico{background:url(../images/gicon13-2.png);}


.address{ width: 100%; margin: 0 auto;  margin-bottom: 40px;}
.address h2{ color:#333; font-size:30px; line-height:normal; padding-bottom:18px; display:inline-block; padding-right:250px; border-bottom:1px solid #595757; margin-bottom:36px;}
.address span{ display:block; color:#787878; font-size:16px; margin-bottom:10px;}
.address span a{ color: #787878}
.mapwr{ border:3px solid #383635;width: 90%; margin-left: 3%; margin-bottom: 50px;}
.map{ width:100%; height:510px;}
.anchorBL{ display:none !important;}
.contact-list{ margin-top:70px;}
.contact-info{ padding:48px 0 0 50px; width:470px; height:189px; background:#fff; box-shadow:0 2px 2px #d6d6d6; float:left; transition:430ms; margin-right:88px; margin-bottom:48px;}
.contact-info:nth-child(2n+2){ margin-right:0;}
.contact-info h3{ color:#595757; font-size:24px; line-height:normal; font-weight:normal; margin-bottom:25px; transition:368ms;} 
.contact-info p{ color:#595757; transition:368ms; font-size:16px; margin-bottom:3px;}
.contact-info p a{ color:#595757; display:inline-block; padding-right:30px; position:relative;}
.contact-info p a b{ display:block; width:17px; height:25px; background:url(../images/map1.png) center no-repeat; position:absolute; right:0; top:0px;}
.contact-info:hover{ background:#eb6123;}
.contact-info:hover h3{ color:#fff;}
.contact-info:hover p{ color:#fff;}
.contact-info:hover p a{ color:#fff;}
.contact-info:hover p a b{ background:url(../images/map2.png) center no-repeat;}
.contact-info p a:hover b{ animation:0.88s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: BOUNCE; animation-name: BOUNCE;  -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-iteration-count: infinite;}
.addleft{ float:left;} 
.footer-right{ float:right;}
.address .footer-right{ margin-top:0px;}
.eq{ margin-top: 80px; text-align:right;}
.eq-info{ display:inline-block;}
.eq-info:nth-child(1){ margin-right:50px;}
.eq-info img{ display:block; width:130px; height:130px;}
.eq-info span{ display:block; text-align:center; margin-top:18px; line-height:normal; color:#6c6c6c;}

.m-back{ height: 40px;color:#333;line-height: 40px;font-size: 24px;text-align: center;}
.m-prev{display: block;position: absolute;height: 90px;color:#fff;width: 49px;color: #fff;font-size: 14px;background-color: #232323;text-align: center;top: 40%;left: 0; z-index: 99; background:url(../images/jiant_l.png) no-repeat;}
.m-prev:hover{color: #fff;}
.m-next{display: block;position: absolute;height: 90px;color:#fff;width: 49px;color: #fff;font-size: 14px;background-color: #232323;text-align: center;top: 40%;right: 15px;z-index: 99; background:url(../images/jiant_r.png) no-repeat;}
.m-next:hover{color: #fff;}
.m-section4{padding: 0px 0 0px 0;}
.m-details{ width: 100%; margin: 0 auto; padding: 60px 50px; background: #fff; position: relative;}
.m-details dl{overflow: hidden;padding: 30px 0px 20px; }
.m-details dt{float: left;width: 100%;}
.m-details dd{width: 100%;color: #888;font-size: 14px; float: left;}
.m-details .pic{margin: 0px auto;overflow: hidden; width: 99.5%; background: #fff;  padding: 0px 0; }
.m-details .pic img{display: block;max-width: 100%;margin: 0px auto;height:auto; padding: 0px 0 0px 0; /*box-shadow:0px 0px 1px #565656;*/}
.m-details .slider .item{outline: 0;  padding-bottom:30px; position: relative;}
.m-details .slick-dots{text-align: center; position: absolute; bottom: 30px; }
.m-details .slick-dots li{display: inline-block;margin: 0 6px; width: 78px; height: 3px; background: #eaeaea; }
.m-details .slick-dots button{display: none; width: 78px;height: 3px;background-color: #bfbfbf;border: none;text-indent: -9999em;outline: 0;cursor: pointer;}
.m-details .slick-dots li.slick-active {background-color: #817465;}
.m-details .txt{ margin-top: 30px;}
.m-details .txt h2{color: #323232;font-size: 20px;line-height: 32px;height: 40px;margin:0px 0 31px; font-weight: normal; border-bottom: 1px dashed #ccc;}
.m-details .txt img {max-width: 100%; height: auto;}