@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff; min-width: 1200px; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#bd0d20;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
table{ width: 100%; border: solid 1px #eee; border-collapse:collapse;}
/*table tr,table td{ width: 100%; border: solid 1px #eee; }*/


.fl{ float:left;}
.fr{ float:right;}

input,textarea,select{  font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}

/*@font-face {font-family:'avignon-bold'; src: url('../fonts/avignon-bold.ttf') format('truetype'); }*/

.scrollbar::-webkit-scrollbar{ width:5px; background:#d4d7e3; }/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#bd0d20; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */
.c1200{ width: 1200px; margin: auto; position: relative; z-index: 1;}


/*header*/
.header{width: 100%;background: #FFFFFF;position: fixed;top: 0;left: 0;z-index: 99;}
.headerTop{ width: 100%; padding: 28px 0;}
.headerLogo a{display: block; width: 245px; margin:auto; text-align: center; height:64px;background: url(../images/headerLogo.png) center center no-repeat;}
.headerPhone{ background: url("../images/icon-phone.png") left center no-repeat; background-size: 40px 40px; margin: 4px 0; min-width: none; padding-left: 50px; }
.headerPhone p{font-size: 30px;color: #bd0d20; font-weight: bold;  line-height:40px; text-align: left;}
.headerNav{width: 100%;height: 60px;background: #333;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.headerNav .nav{height:60px; max-width: 1000px; position:relative; z-index:1;float: left;}
.headerNav .nav a{ color:#fff;  }
.headerNav .nav .nLi{ float:left;  position:relative; display:inline;  }
.headerNav .nav .nLi h3{ float:left;  width: 160px;height: 60px;background-color: #333;line-height: 60px;text-align: center;font-size: 16px;color: #ffffff;}
.headerNav .nav .nLi h3 a{ display:block; padding:0 20px; font-size:16px;font-weight: normal;}
.headerNav .nav .sub{ display:none; width:160px; left:0; top:60px;  position:absolute; background:#333;  }
.headerNav .nav .sub li{ zoom:1; border-top: solid 1px rgba(255,255,255,0.05); }
.headerNav .nav .sub li:nth-child(1){border-top: 0;}
.headerNav .nav .sub a{ display:block;  line-height:20px; padding:12px 10px; text-align: center;font-size: 14px;color: #ffffff;}
.headerNav .nav .sub a:hover{ background:#bd0d20; color:#fff;}
.headerNav .nav #seced h3 a,.headerNav .nav .nLi:hover h3 a{ background:#bd0d20; color:#fff;}
.headerNav form{width: 200px;height: 36px;background-color: #ffffff;border-radius: 18px;margin-top: 12px;padding: 0 18px;box-sizing: border-box;float: right;}
.headerNav form .inputBox{width: 140px;height: 36px;float: left;font-size: 14px;border: none;}
.headerNav form .searchBox{margin-top: 10px;background: rgba(0,0,0,0);border: none;width: 16px;height: 16px;background: url("../images/icon-search.png") center center no-repeat;float: right; cursor: pointer;}
.headerNav form .searchBox:hover{background: url("../images/icon-search1.png") center center no-repeat;}


/*indexBanner*/
.indexBanner{width:100% ;position:relative;height:640px; margin:180px auto 0; z-index:1;overflow: hidden;}
.indexBanner .bd{margin:0 auto; width: 100%; position:relative;z-index:0;overflow:hidden;}
.indexBanner .bd ul{width:100% !important;}
.indexBanner .bd li{width:100% !important; height:640px; overflow:hidden; text-align:center;}
.indexBanner .bd li a{display:block; width:100% !important; height:640px;}
.indexBanner .hd{position:absolute;z-index:1;bottom:30px;left:0;right: 0;margin: auto;}
.indexBanner .hd ul{height: 20px;background-color: rgba(255,255,255,0.3);border-radius: 20px;text-align: center;display: table;margin: auto;padding: 10px 30px;box-sizing: border-box; }
.indexBanner .hd ul li{display:inline-block;width:10px;height:10px;margin:5px ; background-color: #fff;transition: all 0.8s ease; border-radius: 5px;font-size: 0; cursor: pointer;}
.indexBanner .hd ul .on{ width: 60px; transition: all 0.8s ease;}
.indexBanner .prev,.indexBanner .next{display:block; width:50px; height:50px;  position:absolute; z-index:22; top:50%; overflow:hidden; cursor:pointer; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); transition: all 0.8s ease; margin-top: -25px;}
.indexBanner .prev{left:-50px; background:rgba(255,255,255,0.4) url(../images/prev.png) center center no-repeat;}
.indexBanner .next{right:-50px; background:rgba(255,255,255,0.4) url(../images/next.png) center center no-repeat;}
.indexBanner .prev:hover,.indexBanner .next:hover{ background-color: #bd0d20; }
.indexBanner:hover .prev{ left: 100px;}
.indexBanner:hover .next{ right: 100px;}


/*indexService*/
.indexService{width: 100%;background-color: #fff;padding: 82px 0 68px;}
.indexTitle{text-align: center;font-size: 36px;color: #333;font-weight: bold;}
.indexService .serviceBox{overflow:hidden; zoom:1; margin-top: 30px;}
.indexService .serviceBox .box{ position: relative;}
.indexService .serviceBox .parHd{margin-bottom: 60px; position: relative;}
.indexService .serviceBox .parHd ul li{display: inline-block;width: 240px;height: 40px;line-height:40px;background-color: #333;font-size: 16px;color: #ffffff;margin-right: 30px;text-align: center;cursor: pointer;}
.indexService .serviceBox .parHd ul li.on{ background-color: #bd0d20; }
.indexService .serviceBox .parBd .servicePic{width: 570px; height: 380px;overflow: hidden;}
.indexService .serviceBox .parBd .servicePic img{width: 570px; height: 380px;}
.indexService .serviceBox .parBd .serviceInfor{ width: 460px; padding-right: 90px; min-width: 380px; position: relative;}
.indexService .serviceBox .parBd .serviceInfor::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 20px; background-color: #ddd;}
.indexService .serviceBox .parBd .serviceInfor>h3{font-size: 28px;color: #333333;margin: 24px 0; font-weight: normal;}
.indexService .serviceBox .parBd .serviceInfor>p{font-size: 16px;color: #999999;width: 100%;margin-top: 16px;line-height: 30px;}
.indexService .serviceBox .parBd .serviceInfor>p span{color: #bd0d20;}
.indexService .serviceBox .parBd .serviceInfor>a{ display: inline-block; font-size: 14px;color: #bd0d20;margin-top: 30px;width: 148px;height: 40px;line-height: 40px;text-align: center;transition: all 0.6s ease;box-sizing: border-box;border: 1px solid #bd0d20;}
.indexService .serviceBox .parBd .serviceInfor>a:hover{background-color: #bd0d20;color: #fff;}
.indexService .serviceBox .parBd .serviceScroll{ width:100%;margin-top: 32px;}
.indexService .serviceBox .parBd .serviceScroll .sPrev{ display:block;width: 40px;height: 40px;cursor:pointer;background:#333 url("../images/arrow-left.png") center center no-repeat;position: absolute;left: -60px;bottom: 90px;z-index: 2;}
.indexService .serviceBox .parBd .serviceScroll .sNext{ display:block;width: 40px;height: 40px;cursor:pointer;background:#333 url("../images/arrow-right.png") center center no-repeat;position: absolute;right: -60px;bottom: 90px;z-index: 2;}
@media screen and (max-width: 1260px) {
  .indexService .serviceBox .parBd .serviceScroll .sPrev{position: absolute;left: 3px;bottom: 90px;}
  .indexService .serviceBox .parBd .serviceScroll .sNext{position: absolute;right: 3px;bottom: 90px;}
}
.indexService .serviceBox .parBd .serviceScroll .sPrev:hover{background-color: #bd0d20;}
.indexService .serviceBox .parBd .serviceScroll .sNext:hover{background-color: #bd0d20;}
.indexService .serviceBox .parBd .serviceScroll .picList{width: 100%;}
.indexService .serviceBox .parBd .serviceScroll .picList li{ display: inline-block;position: relative;margin-right: 20px;}
.indexService .serviceBox .parBd .serviceScroll .picList li .pic{display: block;width: 224px;height: 224px;overflow: hidden;transition: all 0.6s ease;border: 3px solid rgba(0,0,0,0);box-sizing: border-box;}
.indexService .serviceBox .parBd .serviceScroll .picList li .pic img{ width:100%;transition: all 0.6s ease;}
.indexService .serviceBox .parBd .serviceScroll .picList li:hover .pic{border: solid 3px #bd0d20;}
.indexService .serviceBox .parBd .serviceScroll .picList li:hover .pic img{transform: scale(1.1);}
.indexService .serviceBox .parBd .serviceScroll .picList li .iconMore{transition: all 0.6s ease;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;display: block;width: 40px;height: 40px;background-color: #bd0d20;font-size: 30px;color: #ffffff;line-height: 40px;text-align: center;opacity: 0;}
.indexService .serviceBox .parBd .serviceScroll .picList li:hover .iconMore{opacity: 1;}

.indexService .more {display: block;width: 40px;height: 40px;background-color: #bd0d20;font-size: 30px;color: #ffffff;line-height: 40px;position: absolute;right: 0;top: -100px; text-align: center;}
  

/*indexOneService*/
/* .indexOneService{width: 100%;background: #FFFFFF;position: relative;padding: 90px 0 ;}
.indexOneService .item{width: 100%;text-align: center;display: table;word-spacing: normal;margin-top: 50px;}
.indexOneService .item dl{ display: inline-block; vertical-align: top; width: 25%;}
.indexOneService .item dl dt{ width: 120px; height: 120px; border-radius: 50%; border: solid 1px #d4d4d4; margin: auto;  transform: rotate(0deg); transition: width 1.3s,height 1.3s,transform 1.3s;}
.indexOneService .item dl:nth-child(1) dt{ background: url(../images/icon-service-1.png) center center no-repeat;}
.indexOneService .item dl:nth-child(2) dt{ background: url(../images/icon-service-2.png) center center no-repeat;}
.indexOneService .item dl:nth-child(3) dt{ background: url(../images/icon-service-3.png) center center no-repeat;}
.indexOneService .item dl:nth-child(4) dt{ background: url(../images/icon-service-4.png) center center no-repeat;}
.indexOneService .item dl dd{ margin-top: 20px;color: #666; transition: all 0.8s ease;}
.indexOneService .item dl dd div{font-size: 18px;color: #333333;text-align:center;}
.indexOneService .item dl dd p{font-size: 14px;color: #999;text-align:center;line-height: 22px;margin-top: 10px;}
.indexOneService .item dl:hover dt{ border-color: #bd0d20; transition: width 1.3s ,height 1.3s, transform 1.3s; transition-timing-function: ease; transform: rotate(360deg);}
.indexOneService .item dl:hover dd div{ color: #bd0d20;}
.indexOneService .item dl:hover dd p{ color: #333;}
.indexOneService .item dl:nth-child(1):hover dt{background:#bd0d20 url(../images/icon-service-11.png) center center no-repeat;}
.indexOneService .item dl:nth-child(2):hover dt{background:#bd0d20 url(../images/icon-service-22.png) center center no-repeat;}
.indexOneService .item dl:nth-child(3):hover dt{background:#bd0d20 url(../images/icon-service-33.png) center center no-repeat;}
.indexOneService .item dl:nth-child(4):hover dt{background:#bd0d20 url(../images/icon-service-44.png) center center no-repeat;}
.indexOneService .line1{width: 200px;height: 1px;background: #eee;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);position: absolute;top: 70px;right: 200px;}
.indexOneService .line2{width: 200px;height: 1px;background: #eee;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);position: absolute;bottom: 70px;left: 60px;} */


/*indexAbout*/
.indexAbout{width: 100%;background: #edf1f6;padding: 80px 0 62px;}
.indexAbout .indexAboutPic{position: relative;width: 560px;height: 400px;}
.indexAbout .indexAboutPic::after{ content: ''; width: 160px;height: 160px;background-color: #bd0d20;position: absolute;top: 0;left: 0; z-index: 1;}
.indexAbout .indexAboutPic img{width: 530px;height: 370px;overflow: hidden; position: relative; margin: 10px; z-index: 2;}
.indexAbout .indexAboutPic a{display: block;position: absolute;bottom: 0;right: 0;width: 120px;height: 120px;background: #333 url(../images/about-more.png) center center no-repeat; z-index: 3;}
.indexAbout .indexAboutPic a:hover{background-color: #bd0d20;}
.indexAbout .indexAboutInfor{width: 580px;}
.indexAbout .indexAboutInfor h4{font-size: 36px;color: #bd0d20;}
.indexAbout .indexAboutInfor .tit{font-size: 18px;color: #333;text-transform: uppercase;margin-top: 6px;}
.indexAbout .indexAboutInfor .text{font-size: 16px;line-height: 30px;color: #888888;border-top: 1px solid #ddd;padding: 20px 20px 0 0;box-sizing: border-box;margin-top: 20px;overflow: hidden;}
.indexAbout .indexAboutInfor .list{ width: 100%; text-align: left; margin: 30px 0 0 0;  display: table; word-spacing:0;}
.indexAbout .indexAboutInfor .list dl{ display: inline-block;   vertical-align: top; text-align: center; margin-right: 40px;}
.indexAbout .indexAboutInfor .list dl dt a{ width: 80px; height: 80px; border: solid 1px #ddd;}
.indexAbout .indexAboutInfor .list dl dd a{ display: block;font-size: 16px; color: #999; margin-top: 15px;}
.indexAbout .indexAboutInfor .list dl:nth-child(1) dt a{display: block;background: url(../images/icon-about-1.png) center center no-repeat;}
.indexAbout .indexAboutInfor .list dl:nth-child(2) dt a{display: block;background: url(../images/icon-about-2.png) center center no-repeat;}
.indexAbout .indexAboutInfor .list dl:nth-child(3) dt a{display: block;background: url(../images/icon-about-3.png) center center no-repeat;}
.indexAbout .indexAboutInfor .list dl:nth-child(4) dt a{display: block;background: url(../images/icon-about-4.png) center center no-repeat;}
.indexAbout .indexAboutInfor .list dl:hover dt{ border-color: #bd0d20;}
.indexAbout .indexAboutInfor .list dl:hover dd a{ color: #bd0d20;}
.indexAbout .indexAboutInfor .list dl:nth-child(1):hover dt a{display: block;background:#bd0d20 url(../images/icon-about-11.png) center center no-repeat;}
.indexAbout .indexAboutInfor .list dl:nth-child(2):hover dt a{display: block;background:#bd0d20 url(../images/icon-about-22.png) center center no-repeat;}
.indexAbout .indexAboutInfor .list dl:nth-child(3):hover dt a{display: block;background:#bd0d20 url(../images/icon-about-33.png) center center no-repeat;}
.indexAbout .indexAboutInfor .list dl:nth-child(4):hover dt a{display: block;background:#bd0d20 url(../images/icon-about-44.png) center center no-repeat;}
.indexAbout .customer{width: 100%;margin-top: 14px;}
.indexAbout .customer h5{font-size: 16px;color: #bd0d20;margin-left: 10px;}
.indexAbout .picScroll{ width:100%;margin-top: 24px;}
.indexAbout .picScroll .hd{margin-top: 20px;}
.indexAbout .picScroll .hd ul{display: table;margin: auto;}
.indexAbout .picScroll .hd ul li{ float:left;  width: 12px;height: 12px;background-color: #bd0d20;opacity: 0.5;border-radius: 50%;font-size: 0;margin: 0 8px; cursor: pointer;}
.indexAbout .picScroll .hd ul li.on{ opacity: 1;}
.indexAbout .picScroll .bd{overflow: hidden;}
.indexAbout .picScroll .bd ul li{display: inline-block;width: 230px;height: 80px;background-color: #ffffff;border: solid 1px rgba(6, 0, 1, 0.1);margin-right:10px;overflow: hidden;}
.indexAbout .picScroll .bd ul li a{display: block;}
.indexAbout .picScroll .bd ul li a img{ width: 230px; height: 80px;}
.indexAbout .picScroll .bd ul li:hover{background: #f8f9fb;border: 1px solid #bd0d20;}


/*indexCase*/
.indexCase{width: 100%;background: #fff;padding: 82px 0 90px;}
.indexCase .picCase{ width:100%; position:relative;margin-top: 60px; }
.indexCase .picCase .hd .prev{ display:block;width: 40px;height:40px;cursor:pointer; background:#333 url("../images/arrow-left.png") center center no-repeat;position: absolute;left: -60px;top: 160px;z-index: 2;}
.indexCase .picCase .hd .next{ display:block; width: 40px;height: 40px;cursor:pointer; background:#333 url("../images/arrow-right.png") center center no-repeat;position: absolute;top: 160px;right: -60px;z-index: 2;}
@media screen and (max-width: 1260px) {
  .indexCase .picCase .hd .prev{position: absolute;left: 4px;top: 160px;}
  .indexCase .picCase .hd .next{position: absolute;top: 160px;right: 4px;}
}
.indexCase .picCase .hd a:hover{background-color: #bd0d20;}
.indexCase .picCase .bd{overflow: hidden;}
.indexCase .picCase .bd ul li{display: inline-block;width: 282px;margin-right: 24px;position: relative;}
.indexCase .picCase .bd ul li a{display: block;}
.indexCase .picCase .bd ul li .casePic{width: 276px;height: 224px;overflow: hidden; border: 3px solid rgba(0,0,0,0);border-bottom: none;transition: all 0.6s ease;}
.indexCase .picCase .bd ul li .casePic img{width: 276px;height: 224px; transition: all 0.8s ease;}
.indexCase .picCase .bd ul li .caseInfor{width: 100%;background-color: #f8f9fb;padding: 14px 0 0 0;box-sizing: border-box;transition: all 0.6s ease;}
.indexCase .picCase .bd ul li .caseInfor .tit{font-size: 18px;color: #333333;padding:0 20px;box-sizing: border-box;transition: all 0.6s ease;}
.indexCase .picCase .bd ul li .caseInfor .text{font-size: 14px;line-height: 24px;color: #999999;padding: 0 20px;box-sizing: border-box;margin-top: 12px;transition: all 0.6s ease;}
.indexCase .picCase .bd ul li .caseInfor .address{border-top: 1px solid #ddd;padding:12px 20px 12px 40px;box-sizing: border-box;margin-top: 14px; background: url("../images/icon-address.png") left 20px center no-repeat; color: #999;}

.indexCase .picCase .bd ul li .more{width: 48px;height: 48px;border: solid 1px rgba(255,255,255,0.4);line-height: 48px;text-align: center;font-size: 30px;color: #ffffff;position: absolute;left: 0;
  right: 0;top: 100px;margin: auto;opacity: 0;transition: all 0.6s ease;}
.indexCase .picCase .bd ul li:hover .more{opacity: 1;}
.indexCase .picCase .bd ul li:hover .more:hover{ background-color: #bd0d20; border-color: #bd0d20;}
.indexCase .picCase .bd ul li:hover .casePic{border: 3px solid #bd0d20;border-bottom: none;}
.indexCase .picCase .bd ul li:hover .casePic img{ transform:scale(1.05);}
.indexCase .picCase .bd ul li:hover .caseInfor{background: #bd0d20;}
.indexCase .picCase .bd ul li:hover .caseInfor .tit{color: #fff;}
.indexCase .picCase .bd ul li:hover .caseInfor .text{color: #fff;}
.indexCase .picCase .bd ul li:hover .caseInfor .address {background: url("../images/icon-address1.png") left 20px center no-repeat; color: #fff;}



/*indexNews*/
.indexNews{width: 100%;background-color: #f8f9fb;padding: 82px 0 112px;}
.indexNews .news{width: 100%;background-color: #ffffff;padding: 14px;box-sizing: border-box;margin-top: 58px;}
.indexNews .news .newsPic{width: 350px;height: 235px;overflow: hidden;}
.indexNews .news .newsPic img{width: 100%;transition:all 0.6s ease-out;}
.indexNews .news:hover .newsPic img{transform: scale(1.1);}
.indexNews .news .newsInfor{width: 742px;margin-left: 40px;}
.indexNews .news .newsInfor .tit { padding-right: 100px; line-height: 30px; margin-top: 10px; position: relative;}
.indexNews .news .newsInfor .tit a{font-size: 18px;color: #333333;float: left;overflow: hidden;}
.indexNews .news:hover .newsInfor .tit a{color: #bd0d20;}
.indexNews .news .newsInfor .tit p{ position: absolute; top: 0; right: 0; font-size: 14px;color: #999999;}
.indexNews .news .newsInfor .text{font-size: 14px;line-height: 30px;color: #999999;margin: 20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.indexNews .news .newsInfor>a{display: block;width: 148px;height: 40px;border: solid 1px #bd0d20;color: #bd0d20;font-size: 14px;text-align: center;line-height: 40px;transition: all 0.6s ease;}
.indexNews .news .newsInfor>a:hover{background: #bd0d20;color: #fff;}
.indexNews .newsList li{float: left;width: 580px;height: 128px;background-color: #ffffff;border: solid 1px rgba(0, 0, 0, 0.1);padding: 14px;box-sizing: border-box;margin: 24px 40px 0 0;transition: all 0.4s ease;}
.indexNews .newsList li:nth-of-type(2n){margin-right: 0;}
.indexNews .newsList li a{display: block;}
.indexNews .newsList li .time{width: 100px;height: 100px;background-color: #333;transition: all 0.6s ease;}
.indexNews .newsList li .time .day{font-family: ArialMT;font-size: 34px;color: #ffffff;text-align: center;margin: 6px 0; position: relative; padding-bottom: 6px; position: relative;}
.indexNews .newsList li .time .day::after{ content: ''; width: 24px; height: 3px; background-color: #fff; position: absolute; left: 50%; bottom: 0; margin-left: -12px;}
.indexNews .newsList li .time .year{font-family: ArialMT;font-size: 16px;color: #ffffff;text-align: center;}
.indexNews .newsList li .text{width: 406px;margin-left: 24px;}
.indexNews .newsList li .text h3{font-size: 18px;color: #333333;margin-top: 8px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.indexNews .newsList li .text p{font-size: 14px;line-height: 24px;color: #999999;margin-top: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexNews .newsList li:hover .text h3{color: #bd0d20;}
.indexNews .newsList li:hover .time{background: #bd0d20;}
.indexNews .newsList li:hover{border: 1px solid #fff;-moz-box-shadow:0 0 15px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,0.1);}


/*footer*/
footer{width: 100%;background-color: #333;padding: 80px 0;}
footer .footerItem dt{font-size: 16px;color: #ffffff; padding-bottom: 20px; margin-bottom: 30px; position: relative; position: relative;}
footer .footerItem dt::after{ content: ''; width: 30px; height: 3px; background-color: #bd0d20; position: absolute; left: 0; bottom: 0;}
footer .footerItem dt a{display: block;font-size: 16px;color: #ffffff;}
footer .footerItem dd{font-size: 14px;color: #ffffff;margin-top: 20px;}
footer .footerItem dd a{display: block;font-size: 14px;color: #ffffff;margin-top: 20px;}
footer .footerItem dd a:hover {color: #bd0d20;}
footer .footerItem dd #allmap{width: 480px;height: 162px;margin-top: 30px;}
footer .footerItem dd form{width: 360px;}
footer .footerItem dd form div{border-bottom: 1px solid #666;padding: 8px 0;box-sizing: border-box;}
footer .footerItem dd form div span{font-size: 14px;color: #b3b3b3;}
footer .footerItem dd form div input{background: rgba(0,0,0,0);width: 300px;line-height: 30px;color: #fff;border: none;font-size: 16px;}
footer .footerItem dd form div textarea{background: rgba(0,0,0,0);width: 300px;color: #fff;float: left;height: 60px;font-size: 16px;line-height: 24px;border: none;resize: none;}
footer .footerItem dd form .btn{width: 120px;height: 40px;background-color: #bd0d20;color: #fff;font-size: 14px;margin: 30px auto 0;display: block;border: none; cursor: pointer; transition: all 0.8s ease;}
footer .footerItem dd form .btn:hover{ background-color: #fff; color: #bd0d20;}
footer .left{ width: 160px; margin-right: 50px;}
footer .mid{ width: 480px;}
footer .right{ width: 360px;}
.copyright{width: 100%; padding: 20px 0; background-color: #bd0d20;}
.copyright p{font-size: 14px;line-height: 20px;color: rgba(255,255,255,0.4);text-align: center;}
.copyright a{color: rgba(255,255,255,0.4);}
.copyright a:hover{ color: #fff;}

/*up*/
#customer{width: 64px;height: 64px;position: fixed;bottom:60px;right: 60px;z-index: 100;background:#bd0d20 url(../images/up.png) center center no-repeat;display: none;cursor: pointer;}


/*page*/
.pageBanner{width: 100%;height: 320px;margin-top: 180px;padding-top: 112px;box-sizing: border-box;}
.pageBanner h2{font-family: SourceHanSansSC-Medium;font-size: 48px;font-weight: normal;color: #ffffff;text-align: center;}

.pageContent{ width: 100%; padding: 80px 0; margin: auto; font-size: 14px; color: #333; line-height: 32px;}
.pageContent img{ max-width: 100%;}


.pageClass{width: 100%;border-bottom: 1px solid #eee;}
.pageClass ul{padding: 22px 0; text-align: center;}
.pageClass ul li{display: inline-block; vertical-align: top; margin: 0 40px}
.pageClass ul li a{display: block;font-size: 16px;color: #999999;}
.pageClass ul li:hover a,.pageClass ul li.on a{color: #bd0d20;font-weight: bold;}


/*pageCase*/
.pageCase{width: 100%;padding: 80px 0;}
.pageCase .pageItem{margin-bottom: 36px;display: table;text-align: left;word-spacing: 0;}
.pageCase .pageItem li{display: inline-block;vertical-align: top;width: 282px;margin:0 24px 24px 0;position: relative;}
.pageCase .pageItem li:nth-of-type(4n){margin-right: 0;}
.pageCase .pageItem li .casePic{width: 276px;height: 224px;overflow: hidden; border: 3px solid rgba(0,0,0,0);border-bottom: none;transition: all 0.6s ease;}
.pageCase .pageItem li .casePic img{width: 276px;height: 224px;  transition: all 0.8s ease;}
.pageCase .pageItem li .caseInfor{width: 100%;background-color: #f8f9fb;padding: 14px 0 0 0;box-sizing: border-box;transition: all 0.6s ease;}
.pageCase .pageItem li .caseInfor .tit{font-size: 18px;color: #333333;padding:0 20px;box-sizing: border-box;transition: all 0.6s ease;}
.pageCase .pageItem li .caseInfor .text{font-size: 14px;line-height: 24px;color: #999999;padding: 0 20px;box-sizing: border-box;margin-top: 12px;transition: all 0.6s ease;}
.pageCase .pageItem li .caseInfor .address{border-top: 1px solid #ddd;padding:12px 20px 12px 40px;box-sizing: border-box;margin-top: 14px; background: url("../images/icon-address.png") left 20px center no-repeat; color: #999;}
.pageCase .pageItem li .more{width: 48px;height: 48px;border: solid 1px rgba(255,255,255,0.4);line-height: 48px;text-align: center;font-size: 30px;color: #ffffff;position: absolute;left: 0;
  right: 0;top: 100px;margin: auto;opacity: 0;transition: all 0.6s ease;}
.pageCase .pageItem li:hover .more{opacity: 1;}
.pageCase .pageItem li:hover .more:hover{ border-color: #bd0d20; background-color: #bd0d20;}
.pageCase .pageItem li:hover .casePic{border: 3px solid #bd0d20;border-bottom: none;}
.pageCase .pageItem li:hover .casePic img{transform:scale(1.05);}
.pageCase .pageItem li:hover .caseInfor{background: #bd0d20;}
.pageCase .pageItem li:hover .caseInfor .tit{color: #fff;}
.pageCase .pageItem li:hover .caseInfor .text{color: #fff;}
.pageCase .pageItem li:hover .caseInfor .address{background: url("../images/icon-address1.png") left 20px center no-repeat; color: #fff;}


/* pagePartner */
.pagePartner{ width: 100%; padding: 60px 0; background-color: #f8f8f8;}
.pagePartner h5{ font-size: 16px; color: #bd0d20; }
.pagePartner ul{ width: 1224px; margin: 0 -12px; text-align: left; display: table; word-spacing: 0; margin-top: 30px;}
.pagePartner ul li{ display: inline-block; width: 282px; text-align: center; margin: 12px; width: ; vertical-align: top; background-color: #fff; -moz-box-shadow:0 0 15px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,0.1);}
.pagePartner ul li a{ display: block; font-size: 16px; color: #333; line-height: 30px; padding: 10px 30px; }
.pagePartner ul li:hover{ background-color:#bd0d20; }
.pagePartner ul li:hover a{ color: #fff; }

/*pageNews*/
.pageNews{width: 100%;background: #f8f8f8;padding: 80px 0 60px;}
.pageNews ul{ width: 100%;}
.pageNews li{width: 100%; float: left; background-color: #ffffff;padding: 15px;box-sizing: border-box;margin-bottom: 20px;}
.pageNews li .newsPic{width: 350px;height: 235px;overflow: hidden;}
.pageNews li .newsPic img{width: 350px;height: 235px;transition:all 0.6s ease-out;}
.pageNews li .newsInfor{width: 740px; padding: 20px 40px;}
.pageNews li .newsInfor .tit{ width: 100%; padding-right: 100px; position: relative; box-sizing: border-box; line-height: 30px;}
.pageNews li .newsInfor .tit a{display: block;font-size: 18px;color: #333333;float: left;}
.pageNews li .newsInfor .tit p{ position: absolute; top: 0; right: 0; font-size: 14px; color: #999;}
.pageNews li .newsInfor .text{font-size: 14px;line-height: 30px;color: #999999;margin: 20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.pageNews li .newsInfor>a{display: block;width: 148px;height: 40px;border: solid 1px #bd0d20;color: #bd0d20;font-size: 14px;text-align: center;line-height: 40px;transition: all 0.6s ease;}
.pageNews li .newsInfor>a:hover{background: #bd0d20;color: #fff;}
.pageNews li:hover .newsPic img{transform:scale(1.1);}
.pageNews li:hover .newsInfor .tit a{color: #bd0d20;}


/*pageContact*/
.pageContact{width: 100%;background: #f8f8f8;padding: 80px 0 60px;}
.pageContact .contact dt{font-size: 30px;color: #333333;margin-bottom: 20px;}
.pageContact .contact dd{font-size: 14px;color: #999999;margin-top: 10px; line-height: 30px;}
.pageContact .info a{display: block;width: 140px;height: 140px;border: 1px solid #dfdfdf;float: left;margin-left: 30px;}
.pageContact .info a.weixin{background: url("../images/WeChat.png") center center no-repeat;}
.pageContact .info a.qq{background: url("../images/qq.png") center center no-repeat;}
.pageContact .info a:hover{border: 1px solid #bd0d20;}
.pageContact .info a.weixin:hover{background: #bd0d20 url("../images/WeChat1.png") center center no-repeat;}
.pageContact .info a.qq:hover{background: #bd0d20 url("../images/qq1.png") center center no-repeat;}

/*weixintanchuang*/
.tanchuang{width: 100%;height: 100vh;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.tanchuang .weixin{width: 360px;height: 400px;border-radius: 10px;background: #FFFFFF;position: fixed;top: 200px;left: 0;right: 0;margin: auto;}
.tanchuang .weixin .wx{width: 240px;height: 240px;overflow: hidden;margin: 30px auto 10px;}
.tanchuang .weixin .wx img{width: 100%;}
.tanchuang .weixin p{color: #333;font-size: 16px;text-align: center;}
.tanchuang .weixin .close{width: 110px;height: 36px;background: #bd0d20;color: #fff;border-radius: 5px;font-size: 14px;margin: 20px auto 0;line-height: 36px;text-align: center; cursor: pointer;}




/*pageCaseD*/
.pageCaseD{width: 100%;padding: 80px 0;}
.pageCaseD h1{font-weight: normal;font-size: 30px;color: #333333;margin-bottom: 30px;}
.pageCaseD .casePicD{margin: 30px 0;color: #333;font-size: 14px;}
.pageCaseD .casePicD img{ max-width: 100%;}
.pageCaseD .link{width: 100%;padding: 20px 0;border-top: dashed 1px #ddd;border-bottom: dashed 1px #ddd;}
.pageCaseD .link .back{margin: 20px 0;line-height: 40px;height: 40px;}
.pageCaseD .link .back a{font-size: 18px;color: #666;line-height: 40px;}
.pageCaseD .link .right{height: 80px;}
.pageCaseD .link .right p{margin: 5px 0;}
.pageCaseD .link .right p a{font-size: 14px;color: #999;line-height: 30px;}
.pageCaseD .link .right p a:hover{color: #bd0d20;text-decoration: underline;}
.pageCaseD .link .back a:hover{color: #bd0d20;text-decoration: underline;}
.table{width: 100%;border: none;}
.table tr th{width: 100%;height: 70px;background-color: #f8f8f8;padding: 0 20px;box-sizing: border-box;font-size: 16px;font-weight: bold;color: #bd0d20;text-align: left;}
.table tr td{height: 70px;padding: 0 20px;box-sizing: border-box;font-size: 16px;color: #999999;}


/*pageNewsD*/
.pageNewsD{width: 100%;padding: 80px 0;}
.pageNewsD h2{color: #333;font-weight: normal;font-size: 30px;text-align: center;margin-bottom: 6px;}
.pageNewsD .time{font-size: 14px;color: #999;padding: 10px 0;border-bottom: dashed 1px #ddd;text-align: center;}
.pageNewsD .time span{margin: 0 10px;}
.pageNewsD .abstract{margin: 20px 0;padding: 20px;background-color: #f8f8f8;font-size: 14px;color: #999;line-height: 24px;}
.pageNewsD .abstract span{font-weight: bold;}
.pageNewsD .text{width: 100%;margin: 30px auto 60px;font-size: 14px;color: #333;line-height: 34px;}
.pageNewsD .text img{max-width: 100%;}
.pageNewsD .link{width: 100%;padding: 20px 0;border-top: dashed 1px #ddd;border-bottom: dashed 1px #ddd;}
.pageNewsD .link .back{margin: 20px 0;line-height: 40px;height: 40px;}
.pageNewsD .link .back a{font-size: 18px;color: #666;line-height: 40px;}
.pageNewsD .link .right{height: 80px;}
.pageNewsD .link .right p{margin: 5px 0;}
.pageNewsD .link .right p a{font-size: 14px;color: #999;line-height: 30px;}
.pageNewsD .link .right p a:hover{color: #bd0d20;text-decoration: underline;}
.pageNewsD .link .back a:hover{color: #bd0d20;text-decoration: underline;}


/* pageService */
.pageService{ width: 100%; padding: 0; margin: auto;}
.pageService li{ float: left; width: 100%; padding: 80px 0;}
.pageService li .img{ float: left; width: 450px; height: 260px;}
.pageService li .img img{ width: 450px; height: 260px;}
.pageService li .info{ float: right; width: 700px; }
.pageService li .info h3{ font-size: 24px; color: #333; margin: 20px 0;}
.pageService li .info .cont{ font-size: 14px; line-height: 30px;}
.pageService li .info .cont img{ max-width: 100%;}
.pageService li:nth-child(even){ background-color: #f5f5f5;}
.pageService li:nth-child(even) .img{ float: right;}
.pageService li:nth-child(even) .info{ float: left;}

/* pageSearch */
.pageSearch{ width: 100%; padding: 80px 0;}
.pageSearch .title{ text-align: center; font-size: 24px; }
.pageSearch ul{ width: 1224px; margin: 0 -12px; text-align: left; display: table; word-spacing: 0;}
.pageSearch ul li{ display: inline-block; vertical-align: top; width: 280px; margin: 12px;  border: solid 1px #eee; position: relative; overflow: hidden; transition: all 0.8s ease;}
.pageSearch ul li img{ width: 100%;}
.pageSearch ul li p{ padding: 15px; font-size: 16px; line-height: 24px; color: #333;}
.pageSearch ul li span{ margin-right: 10px; color: #666;}
.pageSearch ul li:hover{  -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px rgba(0,0,0,0.1); box-shadow:0 0 20px rgba(0,0,0,0.1);}



/* pages */
.pages { margin:40px 0; position:relative; text-align:center; font-size:12px;}
.pages a { display:inline-block; height:35px; line-height:35px; background:#fff; border-right: 3px; overflow: hidden; border:1px solid #eee; text-align:center; color:#333; padding:0 15px; margin-left:6px;}
.pages a.a1 { background:#fff; width:56px; padding:0; }
.pages a:hover { background:#bd0d20;  border:1px solid #bd0d20; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:35px; line-height:35px; background:#bd0d20; border:1px solid #bd0d20; color:#fff; text-align:center; padding:0 15px; margin-left:6px; border-right: 3px; overflow: hidden;}