*{ margin: 0; padding: 0;}
html,body{ min-height:100% ; width: 100%; max-width: 1920px; margin: 0 auto; color: #666; }
body{  position: relative; background: #fff ; font-size: 14px; margin: auto; font-family: "微软雅黑" ; overflow-x: hidden; }
a{ color: #666; text-decoration: none;}
a:hover,
a:focus{ text-decoration: none;}
i,em{font-style: normal; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{ max-width: 100%; border: none;}
body{ -moz-user-select:none; /*火狐*/ -webkit-user-select:none; /*webkit浏览器*/-ms-user-select:none; /*IE10*/ -khtml-user-select:none; /*早期浏览器*/ user-select:none;}
html{-webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; -khtml-user-select:none;  }

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none; outline: none;}
img{vertical-align: middle;  max-width:100%; border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}

.wrapper{  width: 1200px; margin: auto;}


.borderbt{ border-bottom: 1px solid rgba(0,0,0,.11);}
.martp30px{ margin: 50px 0;}



/******header*********/
.toptop .top{ position: fixed; z-index: 99; left: 0; top: 0; right: 0; width: 100%;  background: none;}
.top.fix{ position: fixed; background: #fff; z-index: 10; left: 0; top: 0; right: 0;}
.top.pab{  position: absolute; z-index: 10; left: 0; top: 0; right: 0;}
.top{  padding: 0 60px;  height: 115px; margin: auto; width: 100%; box-sizing: border-box;}
.top .logo{ width: 169px; height: 41px; margin-top: 40px;}
.top .menu{ position: absolute; left: 0; right: 0;  width: 1200px; margin: auto; text-align: center; }
.top .menu ul{ display: inline-block;}
.top .menu ul li{  float: left; width: 140px; text-align: center; margin-top: 50px;}
.top .menu ul li a{ display: block;font-size: 18px; color: #261c13;}
.top .menu ul li a:hover{ color: #602525;}
.phone{  font-size: 30px; font-family: arial; font-weight: bold; color: #602525; margin-top: 40px; line-height: 34px; height: 34px;}




/* banner*/

.banner{ position: relative; }
.banner,.banner .flexslider,.banner .slides li{ width: 100%; height: 100%;}
.banner .slides li a{ display: block; width: 100%; height: 100%;}
.banner .flexslider{position:relative;overflow:hidden; z-index:1;}
.banner .slides{position:relative;z-index:1;}
/* 圆点切换 */
.banner .flex-control-nav{position:absolute;bottom:40px; z-index:11111; padding-left:0;width:1200px;left:0;right:0; height:26px; line-height:26px;margin:0 auto;text-align:center; }
.banner .flex-control-nav li{ width:55px; height:4px;margin:0 5px;display:inline;zoom:1;text-align:center; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block ; width:55px;height:4px; line-height: 80px; cursor:pointer;color:#fff;font-family:Arial; overflow:hidden;  margin: 0 5px; background:none; border: 1px solid #999;}
.banner .flex-control-nav .flex-active{ background: #c59090; border-color: #c59090; }



.section2{ background: url(../images/index2bg.jpg) no-repeat center ; background-size: cover;}

.secabout{ margin-top: 21%;}
.secabout .secableft{ width: 38%;}
.secabout .secableft dl dt{ font-size: 88px; color: #612526; height: 70px; line-height: 70px; text-transform: uppercase; font-family: arial; font-weight: bold; white-space: nowrap;}
.secabout .secableft dl dd{ position: relative; z-index: 1; font-size: 24px; color: #612526;}
.secabout .secableft dl dd span{ display: inline-block; background: #fff; padding-right: 25px;}
.secabout .secableft dl dd:after{ content: ''; position: absolute; z-index: -1; left: 0; top: 50%; width: 100%; height: 1px; background: #ded1d1;}

.secabout .secableft .aboutok {display: block; margin-top: 4%;}
.secabout .secableft .aboutok div{ line-height: 26px; color: #666666; max-height: 230px; overflow: hidden;}
.secabout .secableft .aboutok .more{ display: block; margin-top: 8%; width: 120px; line-height: 40px; text-align: center; color: #fff; background: #612526;}
.secabout .secabfr{ width: 58.8%;}




/* sec3 */
.indnew{ position: relative; margin-top: 13%; z-index: 1; padding-top: 110px;}
.indnew .titlebgm { position: absolute; left: 0; top: 0;z-index: -1; font-size: 150px; font-family: arial; font-weight: bold; color: #f8f8f8; text-transform: uppercase;}
.indnew .indnewleft{}
.indnew .indnewleft span{ display: block; font-size: 24px; color: #602525; font-weight: bold;}

.indnew .indnewtitfr{}
.indnew .indnewtitfr ul li{ float: left; width: 120px; line-height: 40px; color: #999999; background: #fafafa; text-align: center; margin-left: 10px; cursor: pointer;}
.indnew .indnewtitfr ul li a{ display: block; background: #fff;}
.indnew .indnewtitfr ul li.active{ color: #fff; background: #612526;}
.indnew .indnewtitfr ul li:hover a{ color: #fff;background: #612526;}


.inewsban{ position: relative; margin-top: 2%; }
.inewsban ul li{ float: left;  width: 30%;  text-align: center; margin-right: 12px;}
.inewsban ul li div{ height: 259px; text-align: center;}
.inewsban ul li div img{ width: 100%; height: 100%; }
.inewsban ul li dl dt{ color: #666666; background: #fafafa; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.inewsban ul li dl dd{ display: none;}
.inewsban .swiper-container{ padding-bottom: 70px; position: absolute;z-index: 1; width: 100%; background: #fff;}
.inewsban .swiper-container.active{ z-index: 10;}
.inewsban .swiper-container .swiper-slide{ transition: .3s;}
.inewsban .swiper-container .swiper-slide:hover{ margin-top: 60px;}
.inewsban .swiper-container .swiper-slide:hover dl{ background: #612526; padding: 0 30px 10px; box-sizing: border-box;}
.inewsban .swiper-container .swiper-slide:hover dl dt{ font-size: 20px; line-height: 60px; font-weight: bold; color: #fff; background: none;}
.inewsban .swiper-container .swiper-slide:hover dl dd{ display: block; line-height: 22px; height: 44px; color: #c98889; overflow: hidden;}

.inewsban .prev{ width: 122px; height: 44px; left: 38%; top: auto; bottom: 0; background: #fafafa url(../images/indexle.png) no-repeat center;}
.inewsban .next{ width: 122px; height: 44px; right: 38%;top: auto; bottom: 0; background: #fafafa url(../images/indexfr.png) no-repeat center}
.inewsban .next:hover{ background-image: url(../images/indexfr1.png); background-color: #612526;}
.inewsban .prev:hover{ background-image: url(../images/indexle1.png); background-color: #612526;}





/* sec4 */
.section4{ background: url(../images/index4bg.jpg) no-repeat bottom center;}
.indexMm{ }
.Mmflet{ position: relative; width: 595px; height: 400px; overflow: hidden; }
.Mmflet,.Mmflet .flexslider,.Mmflet .slides li{ position: relative; height: 100%;}
.Mmflet .slides li a{ display: block; height: 100%;}
.Mmflet .slides li p{ position: absolute; left: 0; bottom: 0; width: 100%;text-align: left; background: rgba(255,255,255,.86); padding: 0 40px; box-sizing: border-box; line-height: 54px; color: #612526;}
.Mmflet .flexslider{position:relative;overflow:hidden; z-index:1;}
.Mmflet .slides{position:relative;z-index:1;}
/* 圆点切换 */
.Mmflet .flex-control-nav{position:absolute;bottom:16px; z-index:11; text-align: right; padding-left:0;width: 595px;left:0;right:0; height:26px; line-height:26px;margin:0 auto; padding-right: 40px; box-sizing: border-box;}
.Mmflet .flex-control-nav li{ width:6px; height:6px;margin:0 1px;display:inline;zoom:1;text-align:center; overflow:hidden;}
.Mmflet .flex-control-nav a{display:inline-block ; width:6px;height:6px; line-height: 80px; cursor:pointer;color:#fff;font-family:Arial; overflow:hidden;  margin: 0 2px; background:#666; border-radius: 50%;}
.Mmflet .flex-control-nav .flex-active{ background: #602525; }


.section4 .Mmfr{ width: 587px;}
.section4 .Mmfr ul { width: 600px;}
.section4 .Mmfr ul li{ position: relative; float: left; width: 286px; height: 192px; overflow: hidden; margin-bottom: 15px;}
.section4 .Mmfr ul li { height: 192px; line-height: 192px;}
.section4 .Mmfr ul li img{ width: 100%; height: auto; }
.section4 .Mmfr ul li p{ position: absolute; left: 0; top: -30px; width: 100%; height: 100%; background: rgba(97,37,38,.9); opacity: 0; transition: .3s; }
.section4 .Mmfr ul li i{ position: absolute; left: 0; right: 0; top: 50px; bottom: 0; margin: auto; color: #fff; width: 122px; height: 34px; line-height: 34px; border: 2px solid rgba(255,255,255,.3);transition: .3s; opacity: 0;}
.section4 .Mmfr ul li:hover p{opacity: 1; top: 0;}
.section4 .Mmfr ul li:hover i{opacity: 1; top: 0;}







/* sec4 */
.section5{ background: #fafafa url(../images/index5bg1.jpg) no-repeat bottom center;}
.sec5list{ margin-top: 4%; }
.sec5list ul{ width: 1250px;}
.sec5list ul li{ position: relative; z-index: 1;  float: left; width: 260px; margin-right: 44px;}
.sec5list ul li a{ display: block; background: #fff; padding: 15px 20px; }
.sec5list ul li:before{ content: ''; position: absolute; z-index: -1; left: 0; top: 0; right: 0; width: 1px; margin: auto; height: 300px; background: #dfdfdf;}
.sec5list ul li:after{ content: '';  position: absolute; z-index: -1; left: 0; top: 310px; right: 0; width: 6px; margin: auto; height: 6px; background: #bcbcbc; border-radius: 50%;}
.sec5list ul li p{ color: #cccccc; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.sec5list ul li dl{ padding-right: 50px; background: url(../images/inmore.jpg) no-repeat center right; min-height: 50px; margin: 5px 0;}
.sec5list ul li dl dt{ font-size: 22px; color: #666666; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.sec5list ul li dl dd{ color: #999999; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.sec5list ul li div.secoj8k{ line-height: 18px; max-height: 54px; color: #bababa; overflow: hidden; font-size: 14px}

.sec5list ul li:hover:after{ background: #612526;}
.sec5list ul li:hover p{ color: #999;}
.sec5list ul li:hover dl{ background-image: url(../images/inmore1.jpg);}
.sec5list ul li:hover dl dt{ font-weight: bold; color: #333;}
.sec5list ul li:hover dl dd,
.sec5list ul li:hover div.secoj8k{  color: #666;}

.sec5list ul li.li1{ margin-top: 15%;}
.sec5list ul li.li1:before{ height:310px;}
.sec5list ul li.li2{ margin-top: 5%;}
.sec5list ul li.li2:before{ height:400px;}
.sec5list ul li.li2:after{ top:400px;}
.sec5list ul li.li3{ margin-top: 9%;}
.sec5list ul li.li3:before{ height:315px;}
.sec5list ul li.li3:after{ top:315px;}
.sec5list ul li.li4:before{ height:480px;}
.sec5list ul li.li4:after{ top:480px;}


/* sec 6*/
.section6{ background: #fafafa url(../images/index6bg.jpg) no-repeat bottom center;}

.mapper{ margin-top: 21%; width: 100%;}
.mapper .indmapfl{ width: 30%;}
.mapper .indmapfl .erweima { height: 260px; border-bottom: 1px solid #e3e3e3;}
.mapper .indmapfl .erweima img{ width: 200px; height: 200px;}
.mapper .indmapfl .addclass{padding: 40px 0; border-bottom: 1px solid #e3e3e3;}
.mapper .indmapfl .addclass li{ font-size: 14px; color: #666666; line-height: 38px;}
.mapper .indmapfl .addclass li img{ width: 21px; height: 18px;}
.addlist{ margin-top: 35px; color: #808080 ; line-height: 18px; font-size: 12px;}
.mapper .indmapfr{ width: 67%; text-align: right;}
.mapper .indmapfr img{ height: 100%;}


















.footer{ padding: 15px 0;  background: #f6f6f6;}
.footer .fole{ width: 45.5%; margin-top: 10px; font-size: 12px; color: #666666; line-height: 18px;}
.footer .erw{ width: 68px; height: 68px;}










/*  title */
.title{ border-bottom: 1px solid #eee;}
.title .titl{ text-align: center; }
.title .titl ul li{ float: left; border-bottom: 2px solid transparent; line-height: 70px; margin-right: 50px;}
.title .titl ul li a{ display: block; font-size: 16px; color: #333333;}
.title .titl ul li.active{ border-color:#612526 ;}
.title .titl ul li.active a{ color: #612526; font-weight: bold;}

.dhmb{ padding-left: 40px;  height: 70px; line-height: 70px; background: url(../images/home.png) no-repeat left center;color: #999999;}
.dhmb a{ color: #999999;}


/*  aabout */
.abbk .abfl dl dt{ font-size: 24px; font-weight: bold; color: #333; line-height: 50px;}
.abbk .abfl dl dd{ color: #999999; line-height: 26px;}

.abbk .abfr{ height: 227px; background: url(../images/11ab.jpg) no-repeat center; background-size: cover; margin-top: 40px; }
.abbk .abfr ul{ padding-left: 100px;}
.abbk .abfr ul li{  float: left; padding-top: 70px; margin-left: 35px;}
.abbk .abfr ul li span{ display: inline-block; font-size: 80px; color: #612526; font-family: 'Agency FB'; font-weight: bold;}
.abbk .abfr ul li dl{ display: inline-block; vertical-align: top;}
.abbk .abfr ul li dl dt{ font-size: 24px; color: #666666; margin-top: 30px;}
.abbk .abfr ul li dl dd{ font-size: 16px; color: #ca9495;}




/*  2-1  产品展示  */
.cooplist ul{ width: 1220px; }
.cooplist ul li{ float: left; width: 366px; height: 355px;  padding: 10px; margin: 0 18px 20px 0; border: 1px solid #f2f2f2; text-align: center;}
.cooplist ul li img{ width: 366px; height: 242px; vertical-align: middle;}
.cooplist ul li dl dt{ font-size: 20px;  color: #333333; margin: 10px 0 3px;}
.cooplist ul li dl dd{ line-height: 24px; color: #666666; height: 72px; overflow: hidden;}
.cooplist ul li:hover dl dt{font-weight: bold; }


.m-page{ text-align: center;  margin-top: 30px;}
.m-page a{display: inline-block; width: 40px; line-height: 40px; height: 40px; text-align: center; margin:0 2px;  color: #999999; font-family: arial; border: 1px solid #d2d2d2; border-radius: 3px;}
.m-page a.z-crt{ color: #fff; background: #612526;}
.m-page a.pageprv,
.m-page a.pagenxt{ width: 100px; color: #666666;}






/*  3-1  */

.gallery-top{ width: 935px; height: 600px; overflow: hidden;}
.gallery-thumbs.swiper-container{ position: relative; width: 255px; height:512px; padding: 44px 0; overflow: hidden;}
/*.gallery-thumbs.swiper-container .swiper-slide:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: url(../images/bzlis00.png) no-repeat center; display: none; }
.gallery-thumbs.swiper-container .swiper-slide-thumb-active:before{ display: block;}*/
.gallery-thumbs.swiper-container .swiper-slide { opacity: 0.35;}
.gallery-thumbs.swiper-container .swiper-slide-thumb-active{opacity: 1;}

.sxkz{ position: relative;}
.sxkz .swiper-button-white.btt{ left: 190px; top: auto; width: 60px; height: 28px; bottom: 25px;z-index: 9999; background: url(../images/aale1.png) no-repeat center; outline: none;  opacity: 1; margin: 0;}
.sxkz .swiper-button-white.tpp{ left: 250px; top: auto; width: 60px; height: 28px; bottom: 25px; z-index: 9999; background: url(../images/aari1.png) no-repeat center; outline: none;  opacity: 1; margin: 0;}
.sxkz .swiper-button-white.btt:hover{ background-color: #9e7070; background-image: url(../images/aale.png);}
.sxkz .swiper-button-white.tpp:hover{ background-color: #9e7070; background-image: url(../images/aari.png); }



.swip{ position: relative; height: 600px;}
.gallery-thumbs .nxt{  top: auto; bottom: 0; left: auto; right: 0; width: 255px; height: 35px; background:#fff url(../images/zzb.png) no-repeat center; margin: 0; border: 1px solid #e7e7e7; opacity: 1 ; outline: none;  box-sizing: border-box;}
.gallery-thumbs .pre{ top: 0; left: auto; right: 0; width: 255px; height: 35px; background:#fff url(../images/zzt.png) no-repeat center  ; margin: 0; border: 1px solid #e7e7e7; opacity: 1; outline: none; box-sizing: border-box; }

.gallery-thumbs .pre:hover{ background-color: #9e7070; background-image: url(../images/zzt1.png);}
.gallery-thumbs .nxt:hover{ background-color: #9e7070; background-image: url(../images/zzb1.png); }



.gallery-top dl{ position: absolute; left: 0; bottom: 0; z-index: 999; width: 290px; height: 110px; background: rgba(97,37,38,0.89); padding:0 50px; color: #fff;}
.gallery-top dl dt{ margin-top: 40px; font-size: 24px;}
.gallery-top dl dd{ position: relative; text-transform: uppercase; border-bottom: 1px solid rgba(255,255,255,.23); padding-bottom: 10px;}
.gallery-top dl dd:before{content: ''; position: absolute; left: 0; bottom: -1px; width: 35px; height: 1px; background: #fff;}







/* 4-1 人才招聘*/
.joinus{}
.joinus .leftus{ width: 482px; height: 644px;}
.joinus .joulist{ width:  680px;}
.joinus .joulist ul li{ padding: 8px 20px; border: 1px solid #f2f2f2; margin-bottom: 8px; background: url(../images/jionbg1.png) no-repeat right top;}
.joinus .joulist ul li dl dt{ color: #cccccc;}
.joinus .joulist ul li dl dt i{ display: inline-block; font-size: 20px; font-weight: bold; color: #666666; min-width: 105px; margin-right: 5px;}
.joinus .joulist ul li dl dd{ line-height: 20px; color: #999999; height: 40px; overflow: hidden; margin-top: 5px;}
.joinus .joulist ul li:hover{ background-image: url(../images/jionbg2.png);}
.joinus .joulist ul li:hover dl dt{ color: #999;}
.joinus .joulist ul li:hover dl dt i{ color: #602525;}
.joinus .joulist ul li:hover dl dd{ color: #666666;}

.joinus .joulist .m-page{ text-align: left;}




/*  5-1  联系我们  */
.mapleft{ width: 490px; padding-right: 40px; background: url(../images/leftbg.jpg) no-repeat right top;}
.mapleft dl.dl{ border-bottom: 1px solid #f2f2f2; margin-bottom: 30px;}
.mapleft dl.dl dd{ display: inline-block; font-size: 24px; color: #666666; padding-bottom: 44px; border-bottom: 1px solid #612526; }

.erwei{ width: 155px; text-align: center;}
.erwei img{ width: 155px; height: 155px;}
.erwei p{ color: #666666; line-height: 30px;}


.imgul{ }
.imgul ul li{ margin-bottom: 20px;}
.imgul ul li span{ display: inline-block; width: 41px; min-height: 41px; background-size: 41px auto; margin-right: 15px; }
.imgul ul li dl{display: inline-block; width: 230px;}
.imgul ul li dl dt{ font-size: 14px;  color: #999;}
.imgul ul li dl dd{ color: #333; font-size: 18px; font-weight: bold; font-family:'黑体'; margin-top: 5px; }

.imgul ul li.li1 span{ background: url(../images/addph.png) no-repeat  center;}
.imgul ul li.li2 span{ background: url(../images/addmg1.png) no-repeat  center;}
.imgul ul li.li3 span{ background: url(../images/addad.png) no-repeat  center; vertical-align: top;}
.imgul ul li.li4 span{background: url(../images/telphone1.png) no-repeat center;}

.imgul ul li.li1:hover span{ background-image: url(../images/addph1.png) ;}
.imgul ul li.li2:hover span{ background-image: url(../images/addmg.png) ;}
.imgul ul li.li3:hover span{ background-image: url(../images/addad1.png) ;}
.imgul ul li.li4:hover span{background-image: url(../images/telphone.png) ;}

.imgul ul li:hover dl dt{ color: #602525;}

.mapfr{ width: 670px; height: 350px;}
.mapfr img{  height: 100%;}



/*  资质荣誉  */
.zzrybig{ position: relative; z-index: 1;}
.zzryimg{ width: 860px; height: 505px; overflow: hidden; margin: auto; background: url(../images/zzeytop.jpg) no-repeat bottom center;}
.zzryimg ul{ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.zzryimg ul li{ position: relative; z-index: 1; float: left; width: 860px;}
.zzryimg ul li div{ width: 542px; height: 382px; overflow: hidden; margin: auto; padding: 0 160px; background: #fff;}
.zzryimg ul li div img{ width: 100%; min-height: 100%;}
.zzryimg ul li p{ width: 90%; height: 65px; line-height: 65px; padding: 0 5%; font-size: 20px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  text-align: center; margin-top: 45px;}

.zzrylist{ position: relative; z-index: 1; margin-top: 13px; overflow: hidden;}
.zzrylist .prev{ position: absolute; top: 0; left: 0px; z-index: 10; width: 44px; height: 100%; line-height: 182px; font-size: 30px; font-family: "宋体"; font-weight: bold; color: #999; text-align: center; cursor: pointer; background: rgba(255,255,255,.75);}
.zzrylist .next{ position: absolute; top: 0; right: 0px; z-index: 10; width: 44px; height: 100%; line-height: 182px; font-size: 30px; font-family: "宋体"; font-weight: bold; color: #999; text-align: center; cursor: pointer; background: rgba(255,255,255,.75);;}
.zzrylist .next:hover,
.zzrylist .prev:hover{ background: rgba(96,37,37,.8); color: #fff;}
.zzrylist ul{  -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.zzrylist ul li{position: relative; float: left; width: 258px; height: 182px; margin-right: 56px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.zzrylist ul li a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.zzrylist ul li i{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.zzrylist ul li.active i{ display: block;}
.zzrylist ul li a img{ width: 100%; min-height: 100%;}




@media screen and (max-width: 1440px) {
	.top .menu{ width: 700px;}
	.top .menu ul li{  width: 100px; }
	
	
	.secabout,
	.mapper{ margin-top: 10%;}
	.indnew .titlebgm{ font-size: 60px;}
	.indnew{ padding-top: 50px; margin-top: 6%;}
	
	.sec5list{ margin-top: 2%;}
}

@media screen and (max-width: 1600px) {
	.top .menu{ width: 800px;}
	.top .menu ul li{  width: 120px; }
	
	
	.secabout,
	.mapper{ margin-top: 15%;}
	.indnew .titlebgm{ font-size: 80px;}
	.indnew{ padding-top: 60px; margin-top: 7%;}
	
	.sec5list{ margin-top: 3%;}
}