@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0;  font:12px Arial,"microsoft yahei";  color:#333; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #c7000a;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee; }
.fl{float:left;}
.fr{float:right;}
.tLeft{display: table;font-size: 0;text-align: left;}
.tRight{display: table;font-size: 0;text-align: right;}
.tCenter{display: table;font-size: 0;text-align: center;}
.scrollbar::-webkit-scrollbar{ width:2px; background:#f4f4f4; }
.scrollbar::-webkit-scrollbar-button{ display:none;}
.scrollbar::-webkit-scrollbar-track{ display:none;}
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}
.scrollbar::-webkit-scrollbar-thumb{ background:#c7000a;}
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}
/*ellipsis*/
.ellipsis1{text-overflow:ellipsis; white-space: nowrap; overflow: hidden; }
.ellipsis2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ellipsis3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.ellipsis4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.ellipsis5{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}


.c1440 {width: 1440px;margin:  auto;zoom: 1; box-sizing: border-box; position: relative; min-width: 1200px;}
.c1200 {width:1200px;margin:  auto;zoom: 1; box-sizing: border-box; position: relative;}

@media (max-width: 1560px){
    .c1440{ width: 1200px;}
}

@font-face {font-family:'AdobeDevanagariR'; src: url('../fonts/AdobeDevanagari-Regular.otf');} 
@font-face {font-family:'PoppinsT'; src: url('../fonts/Poppins-Thin.ttf');} 


.indexMain{ width: 100%; height: 100vh; position: relative;}

/* header */
.header{width: 100%;padding: 25px 0; background-color: #fff; position: relative;z-index: 99;transition: all 0.6s ease;}
.header .logo{display: block;position: absolute; left: 0; top: 0;}
.header .logo img{display: block;height: 50px; }
.header .navBox{ margin: auto; height: 50px;}
.header .navBox .nLi{display: inline-block;vertical-align: top;position: relative;margin:0 40px;}
.header .navBox .nLi h3 a{display:block;line-height:30px;font-size:16px;color:#333;font-weight: normal;padding: 10px 0;transition: all 0.6s ease;}
.header .navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{color: #c7000a; }
.header .navBox .nLi .sub{display:none;width: 140px;position:absolute;top:50px;transform: translateX(-50%);left: 50%;z-index: 3;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.header .navBox .nLi .sub>li{border-bottom: 1px solid #eee;}
.header .navBox .nLi .sub>li:last-child{border-bottom: none;}
.header .navBox .nLi .sub>li>a{display:block;text-align: center;font-size: 14px;line-height: 20px;color: #333;padding:12px 8px;box-sizing: border-box;transition: all 0.6s ease;}
.header .navBox .nLi .sub>li>a:hover,.navBox .nLi .sub>li>a.on{background-color: #c7000a;color: #fff;}
.header .tel{ position: absolute; right: 0; top: 10px; line-height: 30px;}
.header .tel span{ display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size: 24px; color: #666;}
.header .tel p{ display: inline-block; vertical-align: middle; color: #333; font-size: 26px; color: #333; font-family:'AdobeDevanagariR';}

.header1{ background-color: rgba(255,255,255,0); position: fixed;top: 0;left: 0; }
.header1 .navBox .nLi h3 a,.header1 .tel span,.header1 .tel p{ color: #fff;}
@media (max-width: 1680px){
    .navBox .nLi{margin:0 40px;}
}
.is-fixed{padding: 15px 0;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1); background-color: #fff;  position: fixed;top: 0;left: 0;}
.is-fixed.header1 .navBox .nLi h3 a,.is-fixed.header1 .tel p{ color: #333;}
.is-fixed.header1 .tel span{ color: #666;}
.is-fixed.header1 .navBox .nLi h3 a:hover{ color: #c7000a;}

/* indexBanner */
.indexBanner{ width: 100%; height: 100vh; position: relative; overflow: hidden; min-width: 1200px; z-index: 1;}
.indexBanner .swiper-wrapper{height: 100%;}
.indexBanner .swiper-slide{width: 100%;height: 100% ;position: relative; background-size: cover !important;}
.indexBanner .swiper-slide a{ width: 100%; height: 100%; display: inline-block;}
.indexBanner .swiper-pagination{bottom: 40px !important;right: 0;}
.indexBanner .swiper-pagination-bullet{width: 18px;height: 18px;cursor: pointer; background-color: rgba(255,255,255,0); box-sizing: border-box;border-radius: 50%;transition: all 0.6s ease;margin: 0 15px !important; opacity: 1; position: relative;}
.indexBanner .swiper-pagination-bullet::after{ content: ''; width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border: solid 2px #fff; border-radius: 50%; }
.indexBanner .swiper-pagination-bullet-active::after{ width: 14px; height: 14px;  border-color: #c7000a;}


/* indexTitle */
.indexTitle{ width: 100%; text-align: center; position: relative; }
.indexTitle h3{ position: relative; font-size: 36px; padding-bottom: 15px ; background: url(../images/titleBg.png) center bottom 6px no-repeat; font-weight: normal; color: #333; }
.indexTitle h3::after{ content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 2px; background-color: #c7000a;}


/* indexService */
.indexService{ width: 100%; text-align: center; padding: 80px 0; overflow: hidden; position: relative; background: #fff url(../images/shanBg01.png) center bottom no-repeat; background-size: 100% auto; overflow: hidden;}
.indexService ul{ width: 100%; margin: 60px auto 0;}
.indexService ul li{ display: inline-block; vertical-align: top;  width: 160px; box-sizing: border-box; padding: 0 ;margin: 0 4%;}
.indexService ul li .img{ width: 100px; height: 100px; border-radius: 50%; border: dashed 1px #ddd; box-sizing: border-box; padding: 25px; background-size: 56px auto !important; margin: auto; position: relative;  transition: all ease 0.6s;}
.indexService ul li .img::after{ content: ''; width: 118px; height: 118px; border-radius: 50%; border: dashed 1px #ddd; position: absolute; top: -11px; left: -11px;}
.indexService ul li:nth-child(1) .img{ background: url(../images/service01.png) center center no-repeat; }
.indexService ul li:nth-child(2) .img{ background: url(../images/service02.png) center center no-repeat; }
.indexService ul li:nth-child(3) .img{ background: url(../images/service03.png) center center no-repeat; }
.indexService ul li:nth-child(4) .img{ background: url(../images/service04.png) center center no-repeat; }
.indexService ul li:nth-child(5) .img{ background: url(../images/service05.png) center center no-repeat; }
.indexService ul li .tit{ font-size: 18px; color: #333; font-weight: bold; margin-top: 30px;}
.indexService ul li .info{ font-size: 16px; color: #666; line-height: 32px; margin-top: 15px;}
.indexService ul li .info p{}
.indexService ul li:hover .img{ border-color: #c7000a;}
.indexService ul li:hover .img::after{ border-color: #c7000a;}
.indexService ul li:nth-child(1):hover .img{ background:#c7000a url(../images/service01-1.png) center center no-repeat; }
.indexService ul li:nth-child(2):hover .img{ background:#c7000a url(../images/service02-1.png) center center no-repeat; }
.indexService ul li:nth-child(3):hover .img{ background:#c7000a url(../images/service03-1.png) center center no-repeat; }
.indexService ul li:nth-child(4):hover .img{ background:#c7000a url(../images/service04-1.png) center center no-repeat; }
.indexService ul li:nth-child(5):hover .img{ background:#c7000a url(../images/service05-1.png) center center no-repeat; }
.indexService ul li:hover .tit{ color: #c7000a;}

@media (max-width: 1600px){
    .indexService ul li{margin: 0 3%;}
}

/* indexCase */
.indexCase{ width: 100%; padding: 80px 0; position: relative; overflow: hidden; background: url(../images/caseBg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.indexCase .indexTitle h3{ color: #fff; background: url(../images/titleBg1.png) center bottom 6px no-repeat;}
.indexCase .box{ background-color: #fff; margin:50px auto 0; width: 85%; min-width: 1440px; padding: 50px 0;}
.indexCase .box ul li{ float: left; width: 22.75%; margin-right: 3%;}
.indexCase .box ul li:last-child{ margin-right: 0;}
.indexCase .box ul li .img{ width: 100%; overflow: hidden;}
.indexCase .box ul li .img img{ width: 100%; display: block; transition: all ease 0.6s;}
.indexCase .box ul li .tit{ display: inline-block; width: 100%; font-size: 18px; color: #333; margin: 20px 0 35px;}
.indexCase .box ul li .iconfont{ width: 30px; height: 30px; box-sizing: border-box; border: solid 1px #c7000a; color: #c7000a; font-size: 20px; text-align: center; line-height: 28px; border-radius: 50%; transition: all ease 0.6s;}
.indexCase .box ul li:hover img{ transform: scale(1.1);}
.indexCase .box ul li:hover .tit{ color: #c7000a;}
.indexCase .box ul li:hover .iconfont{ color: #fff; background-color: #c7000a;}
@media (max-width: 1680px){
    .indexCase .box{ width: 95%;}
}
@media (max-width: 1560px){
    .indexCase .box{ width: 85%; min-width:1280px;}
}


/* indexCulture */
.indexCulture{ width: 100%; padding: 80px 0; position: relative; overflow: hidden; background: url(../images/cultureBg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.indexCulture::after{ content: ''; width: 1200px; height: 160px; bottom: 45%; left: 0; z-index: 0; position: absolute; background: url(../images/cultureLine.png) center no-repeat; background-size: cover;}
.indexCulture .c1440{z-index: 1;}
.indexCulture .box{ width: 100%; position: relative;}
.indexCulture .box .iconfont{ position: absolute; top: 0; left: -120px; color: rgba(255,255,255,0.2); font-size: 80px; line-height: 60px;}
.indexCulture .box .tit{ width: 380px; color: #fff;}
.indexCulture .box .tit h3{ font-size: 30px;}
.indexCulture .box .tit p{ font-size: 36px;}
.indexCulture .box .info{ width: 730px;  color: #fff;}
.indexCulture .box .info .txt{ font-size: 16px; line-height: 38px;}
.indexCulture .box .info .source{ float: right; font-size: 16px; margin-top: 70px; position: relative; padding-left: 50px;}
.indexCulture .box .info .source::after{ content: ''; width: 30px; height: 1px; position: absolute; top: 50%; left: 0; background-color: #fff;}
.indexCulture ul{ width: 100%; margin-top: 80px; box-sizing: border-box; border: solid 1px rgba(255,255,255,0.8); }
.indexCulture ul li{ float: left; width: 25%; box-sizing: border-box; padding: 40px;text-align: center; border: solid 1px rgba(255,255,255,0.8);}
.indexCulture ul li .num{ font-size: 16px; color: #fff; line-height: 50px;}
.indexCulture ul li .num span{ display: inline-block; font-size: 68px;  font-family:'AdobeDevanagariR'; margin-right: 10px;}
.indexCulture ul li .tit{ font-size: 14px; color: #fff; margin-top: 0;}

/* indexArea */
.indexArea{ width: 100%; padding: 80px 0; position: relative; overflow: hidden; background: url(../images/shanBg02.png) center bottom no-repeat; background-size: 100% auto; overflow: hidden;}
.indexArea .areaBox{ position:relative; }
.indexArea .areaBox .bd{ position:relative;  z-index:0;   }
.indexArea .areaBox .bd li{  width: 100%; }
.indexArea .areaBox .bd .img{float: left; width: 45.5%; text-align: center;}
.indexArea .areaBox .bd .img img{ width: 100%;  display:inline-block;  }
.indexArea .areaBox .bd .img p{ color: #999; font-size: 14px; margin-top: 20px;}
.indexArea .areaBox .bd .info{float: right; text-align: left;  width: 54.5%; box-sizing: border-box; padding-left: 6.5%;}
.indexArea .areaBox .bd .info .t{ font-size: 14px; color: #fff; background-color: #c7000a; line-height: 30px; padding: 0 15px; border-radius: 15px; display: inline-block;}
.indexArea .areaBox .bd .info .tit{ font-size: 36px; color: #333; margin: 15px 0 30px 0;}
.indexArea .areaBox .bd .info .txt{ font-size: 16px; color: #333; line-height: 34px;}
.indexArea .areaBox .bd .info .source{ font-size: 16px; color: #333; line-height: 34px;  margin-top: 20px;}
.indexArea .areaBox .hd{ overflow:hidden;  z-index:1; margin-top: 40px; }
.indexArea .areaBox .hd ul{ overflow:hidden; zoom:1; text-align: center;  width: 100%; }
.indexArea .areaBox .hd ul li{ cursor:pointer; width: 12.5%; box-sizing: border-box; display: inline-block; vertical-align: middle;font-size: 16px; color: #333; border: solid 1px #eee; border-left: 0; line-height: 30px; padding: 20px 0;  }
.indexArea .areaBox .hd ul li:first-child{  border-left: solid 1px #eee;}
.indexArea .areaBox .hd ul li.on { color: #fff; background-color: #c7000a; border-color: #c7000a;}

@media (max-width: 1380px){
    .indexArea .areaBox .bd .info .txt{ font-size: 14px; line-height: 32px;}
    .indexArea .areaBox .bd .info .source{ font-size: 14px; line-height: 32px;}
}


/* indexSlogan */
.indexSlogan{ width: 100%; padding: 80px 0; position: relative; overflow: hidden; background: url(../images/sloganBg.jpg) center no-repeat; background-size: cover; overflow: hidden; }
.indexSlogan .img{text-align: center;}
.indexSlogan .img img{ max-width: 100%; display: inline-block;}


/* indexNews */
.indexNews{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;  background: url(../images/shanBg03.png) center bottom no-repeat; background-size: 100% auto; overflow: hidden;}
.indexNews ul{ width: 100%; margin-top: 40px;}
.indexNews ul li{ float: left; width: 710px; margin:0 20px 20px 0;}
.indexNews ul li:nth-child(2n){ margin-right: 0;}
.indexNews ul li a{ display: inline-block; box-sizing: border-box; background-color: #f5f5f5; width: 100%; padding: 30px;}
.indexNews ul li .time{ display: inline-block; vertical-align: middle; width: 120px; height: 120px; background-color: #c4b098; text-align: center; color: #fff; text-align: center; box-sizing: border-box; padding-top: 15px; transition: all ease 0.6s;}
.indexNews ul li .time span{ font-size: 54px; line-height: 60px; font-family:'AdobeDevanagariR';}
.indexNews ul li .time p{ font-size: 20px;}
.indexNews ul li .info{ display: inline-block; vertical-align: middle; width: 530px; background: #fff; box-sizing: border-box; padding: 30px; }
.indexNews ul li .info .tit{ font-size: 18px; color: #333; border-bottom: solid 1px #ddd; padding-bottom: 15px; transition: all ease 0.6s;}
.indexNews ul li .info .txt{ margin-top: 15px; font-size: 16px; color: #999; line-height: 30px;}
.indexNews ul li:hover .time{ background-color: #c7000a;}
.indexNews ul li:hover .tit{ color: #c7000a;}
@media (max-width: 1560px){
    .indexNews ul li{  width: 590px;}
    .indexNews ul li a{  padding: 25px;}
    .indexNews ul li .time{  width: 100px; height: 100px; padding-top: 5px; }
    .indexNews ul li .info{ width: 440px; padding: 25px;}
    .indexNews ul li .info .txt{ font-size: 14px; line-height: 26px;}
}


/* footer */
.footer{ width: 100%; position: relative; background-color: #111; border-top: solid 4px #c7000a; overflow: hidden;}
.footer .box{ padding: 70px 0;}
.footer .left{display: inline-block; vertical-align: middle; width: 400px; text-align: left;}
.footer .left .flogo img{ height: 74px; display: inline-block;}
.footer .left .info{ margin-top: 20px; display: inline-block; width: 100%; }
.footer .left .info div{ margin-top: 5px ; color: rgba(255,255,255,1); line-height:26px; padding: 5px 0; position: relative; padding-left: 30px;}
.footer .left .info div span{  font-size:24px; position: absolute; left: 0; top: 5px;}
.footer .left .info div p{  font-size: 16px; }
.footer .left .info div.tel p{ font-size: 24px;  font-family:'AdobeDevanagariR';}
.footer .mid{display: inline-block; vertical-align: middle; width: 500px; margin:0 150px;}
.footer .mid li{ display: inline-block; vertical-align: middle; margin-left: 60px;}
.footer .mid li:first-child{ margin-left: 0;}
.footer .mid li a{ color: #fff; font-size: 16px;}
.footer .mid li a:hover{ color: #c7000a;}
.footer .right{display: inline-block; vertical-align: middle; width: 230px;}
.footer .right .ewm{ float: left; width: 100px; text-align: center;}
.footer .right .ewm:nth-child(2){ margin-left: 30px;}
.footer .right .ewm img{ width: 100%; display: block;}
.footer .right .ewm p{ font-size: 14px; color: #fff; margin-top: 5px;}
.footer .copy{ padding: 15px 0; border-top: solid 1px rgba(255,255,255,0.1); color: rgba(255,255,255,0.3); font-size: 14px; text-transform: uppercase; line-height: 20px;}
.footer .copy a{ color: rgba(255,255,255,0.3);}
.footer .copy a:hover{ color: #c7000a;}

@media (max-width: 1560px){
    .footer .mid{ width: 550px; margin:0 40px;}
}


/* pageBanner */
.pageBanner{ width: 100%; position: relative; background: url(../images/pageBanner.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.pageBanner .c1440{ height: 200px;}
.pageBanner .tit{ font-size: 36px; line-height: 40px; margin: 80px 0; font-weight: bold; color: #fff;}
.pageBanner .back a{ display: inline-block; line-height: 34px; padding: 0 20px; margin: 82px 0; border: solid 1px rgba(255,255,255,0.6); border-radius: 18px; color: #fff; transition: all ease 0.6s;}
.pageBanner .back a .iconfont{ display: inline-block; vertical-align: middle; margin-right: 5px;}
.pageBanner .back a span{ display: inline-block; vertical-align: middle;}
.pageBanner .back a:hover{ color: #c7000a; background-color: #fff;}
.pageBanner .crumbs{ position: absolute; bottom: 10px; left: 0; font-size: 14px; color: #fff; line-height: 26px;}
.pageBanner .crumbs .iconfont{ display: inline-block; vertical-align: middle; margin-right: 5px;}
.pageBanner .crumbs .d{ display: inline-block; vertical-align: middle; }
.pageBanner .crumbs .d span{ margin: 0 5px; display: inline-block;}
.pageBanner .crumbs .d a{ color: #fff;}
.pageBanner .crumbs .d a:hover{ text-decoration: underline;}

/* pageContent */
.pageContent{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageContent .box{ width: 100%; font-size: 16px; line-height: 34px;}
.pageContent .box img{ max-width: 100%; height: auto !important;}



/* pageTitle */
.pageTitle{ text-align: center; font-size: 36px; color: #333;}

/* pageAbout */
.pageAbout{ position: relative; width: 100%; padding: 150px 0; background: #fff url(../images/shanBg01.png) center bottom no-repeat; background-size: 100% auto; overflow: hidden;}
.pageAbout .cont{ width: 100%; box-sizing: border-box; padding-left: 300px;font-size: 16px; line-height: 34px; color: #333;}
.pageAbout .cont img{ max-width: 100%; height: auto !important; display: none;}
.pageAbout .cont p{ margin: 8px 0;}
.pageAbout .sjwh{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 230px; text-align: center;}
.pageAbout .sjwh img{ width: 100%; display: inline-block;}
.pageAbout .sjwh p{ margin-top: 10px; color: #c4b098; font-size: 30px; font-family:'PoppinsT'; text-transform: capitalize;}


/* pageTeam */
.pageTeam{ width: 100%; padding: 80px 0; position: relative; background: url(../images/cultureBg.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.pageTeam .pageTitle{ color: #fff;}
.pageTeam .teamBox{  width: 100%; margin-top: 50px;}
.pageTeam .teamBox .bd{ width: 800px;}
.pageTeam .teamBox .bd .con{ width: 100%;}
.pageTeam .teamBox .bd .con .img{ width: 400px; position: relative; overflow: hidden;}
.pageTeam .teamBox .bd .con .img img{ width: 100%; display: inline-block;}
.pageTeam .teamBox .bd .con .info{ width: 400px; background-color: #fff; height: 400px; box-sizing: border-box; padding: 40px 30px;}
.pageTeam .teamBox .bd .con .info .tit{ font-size: 30px; color: #333; padding-bottom: 15px; border-bottom: solid 1px #eee;}
.pageTeam .teamBox .bd .con .info .txt{ width: 100%; margin-top: 15px; }
.pageTeam .teamBox .bd .con .info .txt p{font-size: 16px; color: #999; line-height: 20px; width: 100%; margin-top: 15px; display: inline-block; position: relative; padding-left: 15px;}
.pageTeam .teamBox .bd .con .info .txt p::after{ content: ''; width: 3px; height: 12px; position: absolute; top: 50%; left: 0; margin-top: -6px; background-color: #c7000a;}
.pageTeam .teamBox .bd .con .info .txt p:first-child{ color: rgba(199,0,10,0.8); font-weight: bold;}
.pageTeam .teamBox .hd{ width: 600px;}
.pageTeam .teamBox .hd ul{ width: 100%;}
.pageTeam .teamBox .hd ul li{ float: left; margin:0 30px 40px 0; width: 180px; height: 180px; box-sizing: border-box; position: relative; cursor: pointer;}
.pageTeam .teamBox .hd ul li:nth-child(3n){ margin-right: 0;}
.pageTeam .teamBox .hd ul li:nth-child(n+3){ margin-bottom: 0;}
.pageTeam .teamBox .hd ul li img{ width: 100%;}
.pageTeam .teamBox .hd ul li.on{ border: solid 4px #c4b098;}
@media (max-width: 1560px){
    .pageTeam .teamBox .bd{ width: 660px;}
    .pageTeam .teamBox .bd .con .img{ width: 330px; }
    .pageTeam .teamBox .bd .con .info{ width: 330px;  height: 330px; box-sizing: border-box; padding: 30px 25px;}
    .pageTeam .teamBox .bd .con .info .tit{  font-size: 24px;}
    .pageTeam .teamBox .bd .con .info .txt p{font-size: 14px;}
    .pageTeam .teamBox .hd{ width: 500px;}
    .pageTeam .teamBox .hd ul li{margin:0 25px 30px 0; width: 150px; height: 150px; }
    
}


/* pageCulture */
.pageCulture{ position: relative; width: 100%; padding: 80px 0; background: #fff url(../images/shanBg01.png) center bottom no-repeat; background-size: 100% auto; overflow: hidden;}
.pageCulture .info{ display: inline-block; vertical-align: middle; width: 35%; box-sizing: border-box; padding-right: 5%;}
.pageCulture .info p{ font-size: 16px; line-height: 40px;}
.pageCulture .img{ display: inline-block; vertical-align: middle; width: 65%; text-align: center;}
.pageCulture .img img{ width: 100%; display: inline-block;}


/* pageHonor */
.pageHonor{ position: relative; width: 100%; padding: 80px 0; background-color: rgba(196,176,152,0.1); overflow: hidden;}
.pageHonor .honorBox{ margin-top: 50px;}
.pageHonor .left,.pageHonor .right{display: inline-block; vertical-align: top; width: 450px;}
.pageHonor .mid{ display: inline-block; vertical-align: top; width: 500px; height: 350px; background-color: #fff; text-align: center; box-sizing: border-box; padding: 30px; margin: 0 20px; box-shadow: 0 0 20px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.pageHonor .honorBox img{ max-width: 100%; max-height: 100%; display: inline-block;}
.pageHonor .honorBox ul{ width: 100%;}
.pageHonor .honorBox ul li{ display: inline-block; vertical-align: top; width: 215px; height: 165px; margin:0 20px 20px 0;  background-color: #fff; text-align: center; box-sizing: border-box; padding: 15px;  box-shadow: 0 0 20px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05); position: relative;}
.pageHonor .honorBox ul li:nth-child(2n){ margin-right: 0;}
.pageHonor .honorBox ul li:nth-child(2+1){ margin-bottom: 0;}
.pageHonor .honorBox ul li .info{ width: 100%; box-sizing: border-box; padding:0 15px; text-align: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.pageHonor .honorBox ul li .info p{ font-size: 14px; color: #333; line-height: 26px;}

@media (max-width: 1560px){
    
    .pageHonor .left,.pageHonor .right{ width: 410px;}
    .pageHonor .mid{ width: 360px; margin:  0 10px; padding: 15px; height: 280px;}
    .pageHonor .honorBox ul li{width: 200px; height: 135px; margin:0 10px 10px 0;  padding: 10px;  }
    .pageHonor .honorBox ul li .info p{ font-size: 14px; color: #333; line-height: 24px;}
}

/* pageContact */
.pageContact{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageContact .box{ width: 100%; position: relative;}
.pageContact .img{ width: 50%;}
.pageContact .img img{ width: 100%; display: inline-block;}
.pageContact .info{ position: absolute; right: 0; top: 0; width: 50%; height: 100%; background-color: #c4b098 ; box-sizing: border-box; padding: 80px; overflow: hidden;}
.pageContact .info::after{ content: ''; width: 488px; height: 410px; background: url(../images/logoIcon1.png) center no-repeat; background-size: 100% 100%; position: absolute; bottom: -120px; right: -140px; z-index: 0; opacity: 0.10;}
.pageContact .info .tit{ font-size: 36px; color: #fff; position: relative; z-index: 2;}
.pageContact .info .txt{ width: 100%; margin-top: 25px;  position: relative; z-index: 2;}
.pageContact .info .txt .p{ width: 100%; display: inline-block; position: relative; padding-left: 30px; line-height: 30px; margin: 5px 0; color: #fff; font-size: 16px; box-sizing: border-box;}
.pageContact .info .txt .p .iconfont{ position: absolute; left: 0; top: 0; line-height: 30px; font-size: 22px;}
.pageContact .info .txt .p span{ display: inline-block; font-family:'AdobeDevanagariR'; font-size: 26px;}
@media (max-width: 1560px){
    .pageContact .info{  padding: 60px;}
}

/*caseNav*/
.caseNav{ width: 100%; margin-top: 80px; position: relative; overflow: hidden;}
.caseNav ul{ width: 100%;}
.caseNav ul li{ display: inline-block; vertical-align: bottom; width: 19.2%; margin:0 1% 1% 0; }
.caseNav ul li a{ display: inline-block; width: 100%; margin-top: 20px; background-color: #c4b098; text-align: center; box-sizing: border-box; padding: 20px; line-height: 30px; color: #fff; font-weight: bold; font-size: 18px; transition: all ease 0.6s;}
.caseNav ul li:nth-child(5n){ margin-right: 0;}
.caseNav ul li:hover a,.caseNav ul li.on a{ background-color: #c7000a; padding: 30px 20px; margin-top: 0;}

/* pageCase */
.pageCase{ width: 100%; padding: 80px 0; overflow: hidden;}
.pageCase ul{}
.pageCase ul li{ display: inline-block; vertical-align: top; width: 32%; margin: 0 2% 2% 0;}
.pageCase ul li:nth-child(3n){ margin-right: 0;}
.pageCase ul li .img{ width: 100%; overflow: hidden; position: relative;}
.pageCase ul li .img img{ width: 100%; display: inline-block; transition: all 0.6s ease;}
.pageCase ul li .info{ position: relative; width: 100%; box-sizing: border-box; padding: 20px 50px 20px 0; border-bottom: solid 1px #eee; overflow: hidden;}
.pageCase ul li .info .tit{ font-size: 18px; color: #333; line-height: 30px; transition: all ease 0.6s;}
.pageCase ul li .info .iconfont{ position: absolute; top: 20px; right: 0; width: 30px; height: 30px; box-sizing: border-box; border: solid 1px #c7000a; color: #c7000a; font-size: 20px; text-align: center; line-height: 28px; border-radius: 50%; transition: all ease 0.6s;}
.pageCase ul li:hover img{ transform: scale(1.05);}
.pageCase ul li:hover .info{ border-color: #c7000a;}
.pageCase ul li:hover .tit{ color: #c7000a;}
.pageCase ul li:hover .iconfont{ background-color: #c7000a; color: #fff;}

/* pageCaseD */
.pageCaseD{ width: 100%; padding: 80px 0; overflow: hidden; position: relative;}
.pageCaseD .caseDImg{ width: 720px; position: relative;}
.pageCaseD .caseDImg .bigImg {width: 100%;}
.pageCaseD .caseDImg .bigImg li{width: 100%;overflow: hidden;background-color: #fff;border: 1px solid #eee; position: relative;}
.pageCaseD .caseDImg .bigImg li img{width: 100%;display: block; z-index: 1;}
.pageCaseD .caseDImg .bigImg li a{ position: absolute; right: 0; bottom: 0; z-index: 2; width: 60px; height: 60px;}
.pageCaseD .caseDImg .bigImg li a::after{ content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0;border-color:transparent #c7000a ; border-width: 60px 60px 0 0;border-style: solid; z-index: 1;}
.pageCaseD .caseDImg .bigImg li a span{ font-size: 24px; color: #fff; position: absolute; right: 5px; bottom: 5px;  z-index: 2;}


.pageCaseD .caseDImg .smallScroll {width: 100%; position: relative; margin-top: 20px;box-sizing: border-box; padding:0 30px;}
.pageCaseD .caseDImg .smallImg{overflow: hidden;margin: 0 auto;width: 660px;}
.pageCaseD .caseDImg .smallImg ul{width: 100%;overflow: hidden;}
.pageCaseD .caseDImg .smallImg li{cursor: pointer; float: left; width: 159px; background-color: #c7000a;overflow: hidden;margin-right: 8px;}
.pageCaseD .caseDImg .smallImg li img{ width: 100%; display: block;}
.pageCaseD .caseDImg .smallImg li.on img{opacity: 0.6;}
.pageCaseD .caseDImg .sPrev,.pageCaseD .caseDImg .sNext{display: inline-block;color: #999;  line-height: 24px;  font-size: 30px; transition: all 0.6s ease; position: absolute; top: 50%; margin-top: -15px;}
.pageCaseD .caseDImg .sPrev{transform: rotate(-180deg); left: 0;}
.pageCaseD .caseDImg .sNext{right: 0;}
.pageCaseD .caseDImg .sPrev:hover,.pageCaseD .sNext:hover{color: #c7000a;}

.pageCaseD .info{ width:640px; box-sizing: border-box; position: relative; margin-top: 20px;}
.pageCaseD .info .theme{ display: inline-block; line-height: 30px; padding: 0 15px; border: solid 1px #c7000a; font-size: 14px; color: #c7000a; border-radius: 16px;}
.pageCaseD .info .tit{ font-size: 30px; color: #333; padding: 15px 0 20px 0; border-bottom: solid 1px #eee; margin-bottom: 30px;}
.pageCaseD .info .t{ font-size: 16px; color: #c7000a; font-weight: bold;}
.pageCaseD .info .txt{ font-size: 16px; line-height:36px; margin-top: 10px; color: #333;}
.pageCaseD .info .txt img{ max-width: 100%; display: none; height: auto !important; }

@media (max-width: 1560px){
.pageCaseD .caseDImg{ width: 600px;}
.pageCaseD .caseDImg .smallImg{width: 540px;}
.pageCaseD .caseDImg .smallImg li{cursor: pointer;width: 129px; background-color: #c7000a;overflow: hidden;margin-right: 8px;}
.pageCaseD .info{ width:540px; }

}


#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;}
#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;position: fixed;top: 50% !important;left: 50% !important;transform: translate(-50%,-50%); z-index: 99999;background:#fff;padding:10px;}
#boxer .boxer-close{background:rgba(0, 0, 0, 0.5) url('../images/iconBox.png') no-repeat 0 0; background-size: 150px 50px;cursor:pointer; display:block; height:50px; position:absolute; right:-50px; top:0; width:50px;text-indent:-99999px; z-index:106;transition: all 0.6s ease;}
#boxer .boxer-close:hover{ background:#c7000a url('../images/iconBox.png') no-repeat 0 0;background-size: 150px 50px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.5) url('../images/iconBox.png') no-repeat -50px 0;background-size: 150px 50px;cursor:pointer; display:block;width:50px;height:50px;position: absolute;text-indent:-99999px;top: 50px;}
#boxer .boxer-arrow.previous{left:0; }
#boxer .boxer-arrow.next{background-position:-100px 0px; right: 0;}
#boxer .boxer-arrow:hover{background-color: #c7000a;}
#boxer .boxer-position{display: none;}
#boxer .boxer-caption .caption{color:#333; font-size:18px;line-height:50px;text-align:center;}
#boxer.loading .boxer-container{background: #fff url('../images/loading.gif') no-repeat center;}


/* pageNews */
.pageNews{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageNews li{ width: 100%; margin-bottom: 30px;}
.pageNews li a{ position: relative; display: inline-block; width: 100%; box-sizing: border-box; padding: 30px 0; border: solid 1px #eee; transition: all ease 0.6s; overflow: hidden;}
.pageNews li a::after{ content: ''; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; z-index: -1; background-color: #c7000a; transition: all ease 0.6s;}
.pageNews li .time{ display: inline-block; vertical-align: middle; width: 12%; text-align: center; position: relative; transition: all ease 0.6s;}
.pageNews li .time span{ font-size: 54px; color: #333; line-height: 60px; font-family:'AdobeDevanagariR'; transition: all ease 0.6s;}
.pageNews li .time p{ font-size: 24px;  font-family:'AdobeDevanagariR'; color: #999; transition: all ease 0.6s;}
.pageNews li .time::after{ content: ''; width: 1px; height: 80px; background-color: #eee; position: absolute; right: 0; top: 50%; margin-top: -40px; transition: all ease 0.6s;}
.pageNews li .info{ display: inline-block; vertical-align: middle; width: 87%; box-sizing: border-box; padding: 0 40px;}
.pageNews li .info .tit{ font-size: 18px; color: #333; transition: all ease 0.6s; transition: all ease 0.6s;}
.pageNews li .info .txt{ margin-top: 15px; font-size: 16px; color: #999; line-height: 30px; transition: all ease 0.6s;}
.pageNews li:hover a{ border-color: #c7000a;}
.pageNews li:hover a::after{ height: 100%;}
.pageNews li:hover .time p,.pageNews li:hover .time  span,.pageNews li:hover .info .tit,.pageNews li:hover .info .txt{ color: #fff;}
.pageNews li:hover .time::after{ background-color: rgba(255,255,255,0.4);}


/* pageNewsD */
.pageNewsD{ width: 100%; padding: 80px 0; position: relative; overflow: hidden;}
.pageNewsD .tit{ text-align: center; font-size: 30px; color: #333;font-weight: normal;}
.pageNewsD .info{ text-align: center; padding: 20px 0; }
.pageNewsD .info span{ display: inline-block; font-size: 16px; margin:  0 20px; color: #999;}
.pageNewsD .txt{ font-size: 16px; line-height: 34px; border-top: dashed 1px #ddd; border-bottom: dashed 1px #ddd; padding: 40px 0; }
.pageNewsD .txt img{ max-width: 100%; display: inline-block; height: auto !important;}


.Plink{width: 100%;margin-top: 40px;position: relative;padding: 10px 0;}
.Plink a{max-width: 48%;display: inline-block;color: #666;font-size: 14px;line-height: 20px;transition: all 0.6s ease;}
.Plink a:hover{text-decoration: underline;color: #c7000a;}



/*pages*/
.pages{ padding: 0 0; margin-top: 60px; width: 100%;  font-size:14px; text-align: center; }
.pages a { font-size: 14px; display:inline-block; height:32px; line-height:32px; background:rgba(0, 0, 0, 0); border:solid 1px #c7000a; color: #c7000a; text-align:center;  padding:0 12px; margin:0 5px; box-sizing: border-box;}
.pages a:hover { background:#c7000a;  text-decoration:none ; color: #fff;}
.pages span { font-size: 14px; display:inline-block;  height:32px; line-height:32px; border:solid 1px #c7000a; background:#c7000a; color:#fff; text-align:center; padding:0 12px; margin:0 5px; box-sizing: border-box;}