@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background-color:#fff;min-width: 1200px;}
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: #df1e55;}
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}
.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;}
input,textarea,select{font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}
@font-face {font-family:'avanti'; src: url('../fonts/avanti-2.ttf');} 
@font-face {font-family:'Avignon'; src: url('../fonts/Avignon-Bold.ttf');} 
.scrollbar::-webkit-scrollbar{ width:6px; 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:#df1e55; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

.iconT{display: flex;align-items: center;text-align: center;justify-content: center;}

.c1200{width: 1200px; margin:0 auto;}
.wrap{width: 73%; margin:0 auto;min-width: 1200px;}
.wrap1{width: 88%; margin:0 auto;min-width: 1200px;}

/* header */
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 99;border-bottom: 1px solid rgba(255, 255, 255, 0.14);padding: 28px 0;background-color: #fff;transition: all 0.6s ease;}
.header .logoBox{float: left;margin-top: 5px;}
.header .logo{display: block;float: left;margin-right: 14px;transition: all 0.6s ease;}
.header .logo img{display: block;height: 34px;transition: all 0.6s ease;}
.header .logo:hover{transform: translateY(-3px);}
.navBox{width: 1000px;float: right;display: table;font-size: 0;text-align: right;}
.navBox .nLi{display: inline-block;vertical-align: top;position: relative;}
.navBox .nLi h3 a{display:block; line-height:44px;font-size:16px;color:#333;font-weight: normal;padding: 0 26px; margin-left: 1px;}
.navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{color: #fff;background-color: #df1e55;}
.navBox .nLi .sub{display:none;position:absolute;top:44px;transform: translateX(-50%);left: 50%;width: 180px;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);}
.navBox .nLi .sub a{display:block;text-align: center;font-size: 14px;color: #333;padding:14px 10px;box-sizing: border-box;transition: all 0.6s ease;}
.navBox .nLi .sub a:hover{background-color: #df1e55;color: #fff;}
.is-fixed{box-shadow: 0 0 20px rgba(56, 52, 52, 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); border-bottom: rgba(255,255,255,0);padding: 18px 0;}
@media (max-width: 1680px) {
    .header .logoBox{margin-top: 8px;}
    .header .logo img{height: 28px;}
    .navBox{width: 850px;}
    .navBox .nLi h3 a{padding: 0 20px;}
}
@media (max-width: 1590px) {
    .navBox{width: 790px;}
    .navBox .nLi h3 a{padding: 0 18px; font-size: 14px;}
}
@media (max-width: 1520px) {
    .navBox{width: 750px;}
    .navBox .nLi h3 a{padding: 0 18px;}
}
@media (max-width: 1468px) {
    .header .logoBox{margin-top: 10px;}
    .header .logo img{height: 24px;}
    .navBox{width: 700px;}
    .navBox .nLi h3 a{padding: 0 14px;}
}


/*indexBanner*/
.indexBanner{width: 100%;position: relative;margin-top: 100px;}
.indexBanner .swiper-container{width: 100%;}
.indexBanner .swiper-container .swiper-wrapper{height: auto !important;}
.indexBanner .swiper-container .swiper-slide{height: auto !important;position: relative;}
.indexBanner .swiper-container .swiper-slide img{display: block;width: 100%;}
.indexBanner .pagination{width: 100%;position: absolute;left: 0;bottom:3%;text-align: center;z-index: 2;}
.indexBanner .swiper-pagination-switch{display: inline-block;width: 12px;height: 12px;background:#666;margin: 0 10px;cursor: pointer;transition: all 0.6s ease;}
.indexBanner .swiper-active-switch{background: #df1e55;}

/* indexExpert */
.indexExpert{width: 100%;background-color: rgba(244, 244, 244, 0.4);padding: 80px 0;overflow: hidden;}
.indexExpert .wrap{position: relative;}
.indexExpert .leftBox{width: 57%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 2;}
.indexExpert a{display: block;width:100%;overflow: hidden;}
.indexExpert a img{width: 100%;display: block;}
.indexExpert a .iconfont{width: 80px;height: 80px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.4);line-height: 80px;text-align: center;color: #fff;font-size: 50px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.6s ease;}
.indexExpert a .iconfont:hover{background-color: #df1e55;}
.indexExpert .contBox{float: right;width: 50%;background: url('../images/index_expert_bg.jpg') bottom center no-repeat;background-size: cover;padding:4% 4% 4% 11%;box-sizing: border-box;}
.indexExpert .contBox .title{font-family: Avignon;font-size: 16px;line-height: 24px;color: #333333;position: relative;padding-bottom: 20px;}
.indexExpert .contBox .title::after{content: '';width: 18px;height: 2px;background-color: #df1e55;position: absolute;bottom: 0;left: 0;}
.indexExpert .contBox .img{width: 62%;overflow: hidden;margin: 10px 0 30px 20px;}
.indexExpert .contBox .img img{width: 100%;display: block;}
.indexExpert .contBox .tit{	font-size: 40px;color: #333333;margin-bottom: 10px;}
.indexExpert .contBox .txt{	font-size: 14px;line-height: 24px;color: #333333;}

/* popupVideo */
.popup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);z-index: 998;display: none;}
.popupVideo{width: 50%;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index:999;display: none;}
.popupVideo .iconfont{width: 40px;height: 40px;color: #fff;font-size: 30px;text-align: center;line-height: 40px;position: absolute;top: 0;right: -40px;box-sizing: border-box;transition: all 0.6s ease; cursor: pointer;}
.popupVideo video{display: block;width: 100%;}
.popupVideo .iconfont:hover{color: #df1e55;}

/* indexTitle */
.indexTitle h6{font-size: 40px;color: #333333;}
.indexTitle .p{font-size: 18px;color: #999;text-transform: uppercase;font-family: avanti;margin-top: 6px;}

/* indexAbout */
.indexAbout{width: 100%;background:#fbfbfb url('../images/index_about_bg.jpg') top left no-repeat;background-size: 50% 100%;position: relative;overflow: hidden;}
.indexAbout .img{width: 50%;height: 84%;position: absolute;top: 0;right: 0;}
.indexAbout .contBox{width: 45%;padding: 9% 0;}
.indexAbout .contBox .indexTitle{float: left;}
.indexAbout .contBox .indexTitle h6,.indexAbout .contBox .indexTitle .p{color: #fff;}
.indexAbout .contBox .more{float: right;display: block;width: 160px;height: 50px;line-height: 50px;background-color: #fff;margin-top: 15px;font-size: 16px;color: #df1e55;position: relative;padding-left: 34px;box-sizing: border-box;border-radius: 25px;transition: all 0.6s ease;}
.indexAbout .contBox .more::after{content: ''; width: 0;height: 0;border-left: 6px solid #df1e55;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;top: 50%;transform: translateY(-50%);right: 34px;transition: all 0.6s ease;}
.indexAbout .contBox .more:hover{background-color: #72bb38;color: #fff;}
.indexAbout .contBox .more:hover::after{border-left-color:#fff;}
.indexAbout .contBox .txt{font-size: 16px;line-height: 40px;color: #ffffff;margin: 6% 0;}
.indexAbout .contBox .tit{font-size: 24px;line-height: 36px;color: #ffffff;position: relative;padding-left: 50px;box-sizing: border-box;}
.indexAbout .contBox .tit::after{content: '';width: 40px;height: 2px;background-color: #ffffff;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.indexAbout .contBox .phone{font-size: 16px;line-height: 28px;color: #ffffff;padding-left: 64px;box-sizing: border-box;position: relative;margin-top: 6%;}
.indexAbout .contBox .phone p{font-family: avanti;font-size: 28px;}
.indexAbout .contBox .phone .iconfont{position: absolute;top: 50%;transform: translateY(-50%);left: 0;font-size: 60px;}

/* indexCase */
.indexCase{width: 100%;background-color: #fbfbfb;padding: 70px 0 130px;overflow: hidden;}
.indexCase .wrap{position: relative;}
.indexCase .leftBox{width: 56%;position: absolute;bottom: 0;left: 0;}
.indexCase .leftBox .light{width: 38%;overflow:hidden;position:absolute;top: 32px;right: 0;}
.indexCase .leftBox .light img{width: 100%;display: block;}
.indexCase .leftBox .cont{width: 100%;margin-top: 5%;position: relative;}
.indexCase .leftBox .cont .tit{display: block;font-size: 22px;line-height: 40px;color: #333333;position: relative;padding-left: 34px;border-bottom: 1px solid #eee;padding-bottom: 6px;margin-bottom: 4px;transition: all 0.6s ease;}
.indexCase .leftBox .cont .tit .iconfont{font-size: 30px;position: absolute;top: 0;left: 0;}
.indexCase .leftBox .cont .txt{	font-size: 16px;line-height: 36px;color: #333333; box-sizing: border-box; padding-right: 20%;}
.indexCase .leftBox .cont .img{display: block;width: 100%;overflow: hidden;margin-top: 4%;}
.indexCase .leftBox .cont .img img{display: block;width: 100%;transition: all 0.6s ease;}
.indexCase .leftBox .cont .tit1{width: 24px;background-color: #df1e55;	font-size: 24px;line-height: 28px;color: #fbfbfb;padding:34px 29px;position: absolute;top: 0;right: 40px;}
.indexCase .leftBox .cont:hover .tit{color: #df1e55;}
.indexCase .leftBox .cont:hover .img img{transform: scale(1.1);}
.indexCase .rightBox{width: 41%;float: right;}
.indexCase .rightBox ul{width: 100%;}
.indexCase .rightBox ul li{width: 100%;overflow: hidden;position: relative;margin-bottom: 2%;}
.indexCase .rightBox ul li img{width: 100%;display: block;transition: all 0.6s ease;}
.indexCase .rightBox ul li .tit{width: 100%;background-color: rgba(0, 0, 0, 0.4);font-size: 18px;color: #fff;line-height: 28px;padding: 11px 0 11px 46px;position: absolute;bottom: 0;left:0;box-sizing: border-box;transition: all 0.6s ease;}
.indexCase .rightBox ul li .tit .iconfont{color: #fff;font-size: 26px;position: absolute;top: 50%;left:16px;transform: translateY(-50%);}
.indexCase .rightBox ul li .tit::after{content: '';width: 0;height: 0;border-left: 8px solid #fff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;position: absolute;top: 50%;right: 16px;transform: translateY(-50%);}
.indexCase .rightBox ul li:hover img{transform: scale(1.1);}
.indexCase .rightBox ul li:hover .tit{background-color: rgba(223, 30, 85,0.8);}
.indexCase .rightBox .box{width: 100%;background-color: #fff;padding: 20px 6px 20px 30px;box-sizing: border-box;margin-top: 7%;}
.indexCase .rightBox .box .tit{font-size: 24px;line-height: 50px;color: #333333;float: left;}
.indexCase .rightBox .box .more{float: right;display: block;width: 160px;height: 50px;line-height: 50px;background-color: #fff;font-size: 16px;color: #df1e55;position: relative;padding-left: 34px;box-sizing: border-box;border-radius: 25px;transition: all 0.6s ease;}
.indexCase .rightBox .box .more::after{content: ''; width: 0;height: 0;border-left: 6px solid #df1e55;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;top: 50%;transform: translateY(-50%);right: 34px;transition: all 0.6s ease;}
.indexCase .rightBox .box .more:hover{background-color: #72bb38;color: #fff;}
.indexCase .rightBox .box .more:hover::after{border-left-color:#fff;}

/* indexProgramme */
.indexProgramme{width: 100%;background: url('../images/index_programme_bg.jpg') bottom center no-repeat fixed;background-size: cover;padding: 70px 0;overflow: hidden;}
.indexProgramme .tit{font-size: 44px;letter-spacing: 2px;color: #fbfbfb;text-align: center;}
.indexProgramme .txt{font-size: 18px;text-align: center;color: #fbfbfb;position: relative;padding: 10px 0 30px;}
.indexProgramme .txt::after{content: '';width: 28px;height: 3px;background-color: #df1e55;position:absolute;bottom: 0;left: 50%;transform: translateX(-50%);}

/*footer*/
.footer{width: 100%;background-color: #000;padding-top: 80px;overflow: hidden;}
.footer .left{float: left;}
.footer .left .tit{font-size: 24px;color: #ffffff;margin-bottom: 14px;}
.footer .left .txt{font-size: 14px;line-height: 30px;color: #888;}
.footer .left1{float: left;width: 232px;display: table;font-size: 0;text-align: left;position: relative;margin: 0 8%;}
.footer .left1::after{content: '';width: 1px;height: 100%;background-color: rgba(251, 251, 251, 0.3);position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.footer .left1 li{margin: 20px 30px 0;width: 56px;display: inline-block;vertical-align: top;}
.footer .left1 li:nth-child(-n+2){margin-top: 0;}
.footer .left1 li a{font-size: 14px;color: #888;display: block;}
.footer .left1 li a:hover{color: #df1e55;}
.footer .center{float: left;}
.footer .center .img{width: 90px;float: left;margin: 0 12px;}
.footer .center .img img{display: block;width: 90px;height: 90px;border: 1px solid #eee;box-sizing: border-box;}
.footer .center .img p{text-align: center;font-size: 14px;color: #888;margin-top: 10px;}
.footer .right{float: right;width: 160px;position: relative;}
.footer .right .tit{width: 160px;height: 44px;border-radius: 2px;border: solid 1px rgba(250, 250, 250, 0.2);box-sizing: border-box;font-size: 14px;line-height: 44px;color: #888;position: relative;padding-left: 14px;cursor: pointer;}
.footer .right .tit::after{content: '';width: 0;height: 0;border-top: 6px solid #888;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;top: 50%;transform: translateY(-50%);right: 14px;}
.footer .right ul{width: 100%;max-height: 126px;overflow: auto;position: absolute;top:44px;left: 0;border: 1px solid rgba(250, 250, 250, 0.2);box-sizing: border-box;padding: 6px 0;display: none;}
.footer .right ul li a{display: block;padding:6px 14px;color: #888;font-size: 14px;line-height: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer .right ul li a:hover{color: #df1e55;}
.footer .copyRight{width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 80px;padding: 18px 0;font-size: 14px;color: #888;}
.footer .copyRight a{color: #888;}
.footer .copyRight a:hover{color: #df1e55;}
@media (max-width: 1680px) {
    .footer .left1{margin: 0 4%;}
}


/* pageBanner */
.pageBanner{width: 100%;overflow: hidden;position: relative;margin-top: 100px;}
.pageBanner img{display: block;width: 100%;}
.pageBanner .title{width: 73%;min-width: 1200px;font-size: 36px;color: #ffffff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pageBanner .title p{font-size: 16px;margin-top: 10px;}

/* pagePosition */
.pagePosition{width: 100%;padding: 24px 0;overflow: hidden;}
.pagePosition .position{font-size: 14px;color: #999999;position: relative;padding-left: 22px;}
.pagePosition .position a{color: #999;}
.pagePosition .position span{ margin: 0 5px;}
.pagePosition .position .iconfont{position: absolute;top: 50%;left: 0;transform: translateY(-50%);color: #999;font-size: 18px;}
.pagePosition .position a:hover,.pagePosition .position a.on{color: #df1e55;}

/* pageVr */
.pageVr{ width: 100%; height: 100vh; position: relative; z-index: 1;}

/* pageAbout */
.pageAbout{width: 100%;background: url('../images/about/about_bg.jpg') center center no-repeat;background-size: cover;padding: 60px 0 80px;overflow: hidden;}
.pageAbout .wrap{position: relative;}
.pageAbout .contBox{width: 53%;float: left;}
.pageAbout .contBox .title{font-size: 30px;line-height: 40px;color: #333333;font-weight: bold;margin-bottom: 3%;}
.pageAbout .contBox .txt{font-size: 16px;line-height: 38px;color: #333333;}
.pageAbout .contBox .txt img{ max-width: 100%;}
.pageAbout .box{width: 42%;position: absolute;bottom: 0;right: 0;}
.pageAbout .box .img{width: 100%;overflow: hidden;margin-bottom: 60px;}
.pageAbout .box .img img{width: 100%;display: block;}
.pageAbout .box ul{width: 100%;display: flex;align-items: flex-start;justify-content:space-between;}
.pageAbout .box ul li{cursor: pointer;}
.pageAbout .box ul li .counter{color: #df1e55;font-size: 48px;line-height: 48px;font-family:"Avignon";}
.pageAbout .box ul li .tit{font-size: 14px;color: #999;margin-top: 10px;}

/* pageHonor */
.pageHonor{width: 100%;background-color: #fff;padding: 80px 0 100px;}
.pageHonor .title{font-size: 30px;font-weight: bold;color: #333333;text-align: center;}
.pageHonor .honorList {width:calc(100% + 20px);color: #fff;text-align: center;margin: 40px 0;}
.pageHonor .honorList .swiper-wrapper{height: auto !important;}
.pageHonor .honorList .swiper-slide{height: auto !important;padding-right: 20px;box-sizing: border-box;}
.pageHonor .honorList .swiper-slide a{cursor: pointer;display: block;width: 100%;position: relative;overflow: hidden;}
.pageHonor .honorList .swiper-slide a img{display:block;width: 100%;}
.pageHonor .honorList .swiper-slide a .tit{font-size: 16px;color: #333;line-height: 20px;padding: 20px 10px;background-color: rgba(0, 0, 0, 0.06);transition: all 0.6s ease;}
.pageHonor .honorList .swiper-slide a:hover .tit{background-color: #000;color: #fff;}
.pageHonor .pagination{width: 100%;text-align: center;}
.pageHonor .swiper-pagination-switch{display: inline-block;width: 16px;height: 16px;background:rgba(51, 51, 51, 0.2);margin: 0 10px;cursor: pointer;transition: all 0.6s ease;}
.pageHonor .swiper-active-switch{background: #333;}

/* pageNav */
.pageNav{width: 17%;float: left;background-color: #fff;position: relative;z-index: 4;}
.pageNav>dt{width: 100%;background-color: #df1e55;text-align: center;padding: 20px 0;color: #fff;font-size: 24px;font-weight: bold;}
.pageNav>dd{width: 100%;border: 1px solid rgba(0, 0, 0, 0.07);box-sizing: border-box;border-top: none;border-bottom: 1px dashed rgba(0, 0, 0, 0.07);}
.pageNav>dd:last-child{border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
.pageNav>dd a{width: 100%;display: block;font-size: 16px;color: #333333;font-weight: bold;text-align: center;padding: 20px 10px;box-sizing: border-box;}
.pageNav>dd:hover a,.pageNav dd.on a{color: #df1e55;}
.pageNav .list{width: 960px;min-height: 100%;background-color: #fff;position: absolute;left: 100%;top: 0;z-index: 2;padding:14px 30px;box-sizing: border-box;box-shadow: 10px 0 20px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 10px 0 20px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 10px 0 20px 1px rgba(0, 0, 0, 0.1);display: none;}
.pageNav .list dl{border-bottom: 1px dashed #eee;padding: 14px 0;}
.pageNav .list dl:last-child{border-bottom: none;}
.pageNav .list dl dt{float: left;width: 200px;text-align: right;}
.pageNav .list dl dt a{color: #333;font-size: 16px;line-height: 28px;}
.pageNav .list dl dd{float: left;margin: 2px 0 2px 20px;}
.pageNav .list dl dd a{color: #999;font-size: 14px;line-height: 22px;}
.pageNav .list dl dt a:hover,.pageNav .list dl dd a:hover,.pageNav .list dl dt.on a,.pageNav .list dl dd.on a{color: #df1e55;}

/* pageProduct */
.pageProduct{width: 100%;background-color: #f4f5f7;padding: 40px 0 100px;overflow: hidden;}
.pageProduct .productList{width: 80%;display: table;font-size: 0;text-align: left;float: right;}
.pageProduct .productList li{display: inline-block;vertical-align: top;width: 23.5%;margin-right: 2%;margin-bottom: 2%;border: 1px solid rgba(0, 0, 0, 0.07);background-color: #fff;box-sizing: border-box;}
.pageProduct .productList li:nth-child(4n){margin-right: 0;}
.pageProduct .productList li .img{overflow: hidden;width: 100%;background-color: #fff;}
.pageProduct .productList li .img img{display:block;width: 100%;transition: all 0.6s ease;}
.pageProduct .productList li .tit{font-size: 16px;color: #333;margin-top:8%;width: 100%;padding:0  10px  10%;box-sizing: border-box;text-align: center;transition: all 0.6s ease;}
.pageProduct .productList li:hover .img img{transform: scale(1.1);}
.pageProduct .productList li:hover .tit{color:#df1e55;}

/*pageProductD*/
.pageProductD{width: 100%;background-color: #f4f5f7;padding: 40px 0 100px;}
.pageProductD .productD{width: 80%;float: right;}
.product_box{width: 100%;}
.pro_l{position:relative; width: 400px; height: 400px; border: solid 1px #eee;position: relative;z-index: 2;}
#showbox{z-index:2;}
#showbox span{background:url('../images/whitebg.png') repeat; border: solid 1px #eee;cursor: pointer;}
#showsum{position: absolute !important; bottom: 0;left:24px; }
#showsum span{border: 1px solid #eee;cursor: pointer;box-sizing: border-box;}
#showsum span.sel{border: 2px solid #df1e55;}
.pro_r{width:58%; position: relative; height: 400px;}
.pro_r .pro_info{ float: left; width: 100%;}
.pro_r .pro_info .name{ float: left; font-size: 24px; color: #333; width: 100%; border-bottom: solid 1px #eee; line-height: 24px; padding: 15px 0;}
.pro_r .pro_info .summary{ float: left;  width: 100%; margin-top: 20px; font-size:14px ; color: #333;line-height: 26px; max-height: 208px;  overflow-y: auto;padding-right: 10px;box-sizing: border-box;}
.pro_r .pro_info .summary img{max-width: 100%; display: none;}
.showpage a{display: block;width: 24px;height: 80px;line-height: 80px;text-align: center;background-color: #000;position: absolute;bottom: 9px;cursor:pointer; z-index: 1;color: #fff;font-size: 20px;transition: all 0.6s ease;}
.showpage #showlast{left: 0;transform: rotate(-180deg);}
.showpage #shownext{left: 474px;}
.showpage a:hover{background-color: #df1e55;}
.productCont{width: 100%;margin-top: 30px;background-color: #fff;border: 1px solid #eee;padding: 25px;box-sizing: border-box;}
.productCont .tit{width: 100%;background-color: rgba(0, 0, 0, 0.04);height: 50px;line-height: 50px;color: #333;font-size: 20px;padding: 0 20px;box-sizing: border-box;margin-bottom: 20px;}
.productCont .txt{color: #333;font-size: 14px; line-height: 28px;}
.productCont .txt img{max-width: 100%;}
@media (max-width: 1680px) {
    .pro_r{width: 52%;}
}

/* pageNews */
.pageNews{width: 100%;background-color: #f4f5f7;padding: 40px 0 100px;}
.pageNews .newsList{width: 80%;float:right;}
.pageNews .newsList li{width:100%;margin-bottom: 2%;box-shadow: 0 0 24px rgba(0,0,0,0.06);-webkit-box-shadow: 0 0 24px rgba(0,0,0,0.06);-moz-box-shadow: 0 0 24px rgba(0,0,0,0.06);}
.pageNews .newsList li .img{width: 28%;float: left;overflow: hidden;}
.pageNews .newsList li .img img{width: 100%;transition: all 0.6s ease;}
.pageNews .newsList li .cont{width: 68%;float: right;padding-right: 4%;box-sizing: border-box;}
.pageNews .newsList li .cont h6{color: #333;font-size: 22px;line-height: 32px;font-weight: normal;margin-top: 3%;}
.pageNews .newsList li .cont .time{color: #666;font-size: 16px;line-height: 20px;margin: 2% 0;}
.pageNews .newsList li .cont .text{color: #333;font-size: 16px;line-height: 30px;margin-bottom: 3%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pageNews .newsList li:hover .img img{transform:scale(1.1);}
.pageNews .newsList li:hover .cont h6{color: #df1e55;}


/* pageNewsD */
.pageNewsD{width: 100%;background-color: #f4f5f7;padding: 40px 0 100px;}
.pageNewsD .cont{width: 80%;float: right;background-color: #fff;padding: 4%;box-sizing: border-box;}
.pageNewsD .cont .title{font-size: 26px;line-height: 38px;color: #333333;text-align: center;font-weight: bold;}
.pageNewsD .cont .time{font-size: 16px;color: #999;text-align: center;padding: 20px 0;margin-bottom:30px;border-bottom: 1px dashed #e5e5e5;}
.pageNewsD .cont .time span{margin: 0 10px;}
.pageNewsD .cont .text{font-size: 16px;line-height: 30px;color: #333333;}
.pageNewsD .cont .text img{max-width: 100%;}
.pageNewsD .cont .link{width: 100%;border-top: 1px dashed #e5e5e5;padding-top: 30px;margin-top: 40px;}
.pageNewsD .cont .link a{display: inline-block;font-size: 16px;line-height: 26px;color: #333333;max-width: 49%;transition: all 0.6s ease;}
.pageNewsD .cont .link a:hover{color: #df1e55;text-decoration: underline;}


/* pageForm */
.pageForm{width: 100%;background-color: #f4f5f7;padding: 40px 0 100px;}
.pageForm .title{font-size: 36px;color: #333;text-align: center;font-weight: bold;}
.pageForm .demand{width: 100%;background-color: #fff;padding: 4%;box-sizing: border-box;margin: 40px 0 0;}
.pageForm form{width: 100%;}
.pageForm form label{display: block;position: relative;}
.pageForm form label p{font-size: 16px;line-height:30px;color: #333;position: absolute; top: 13px; left: 30px;display: block;}
.pageForm form .row{width: 49%;float: left;background-color: #f3f3f3;margin-bottom: 30px;margin-right: 2%;}
.pageForm form .row:nth-child(2n){margin-right: 0;}
.pageForm form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:18px 30px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;}
.pageForm form .row1{width: 100%;background-color: #f3f3f3;float: left;margin-bottom: 50px;}
.pageForm form .txt.w2{width: 100%;font-size: 16px;color: #333;line-height: 20px;height:176px;resize: none;padding:18px 30px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;}
.pageForm form .btn{width: 320px;display:block;height: 48px;line-height:48px;cursor: pointer;background-color: #df1e55;border: none;color: #fff;font-size: 18px;text-align: center;margin: 0 auto;transition: all 0.6s ease;}
.pageForm form .btn:hover{background-color: #72bb38;}

/* pageContact */
.pageContact{width: 100%;background-color: #f4f5f7;padding: 60px 0;}
.pageContact .title{font-size: 36px;color: #333;font-weight: bold;}
.pageContact .tit{color: #333;font-size: 24px; line-height: 30px; margin: 30px 0 10px 0;}
.pageContact .txt{color: #333;font-size: 16px; line-height: 30px; margin: 10px 0 0 0;}
.pageContact .txt img{ max-width: 100%;}

/* map */
.map{width: 100%;height: 60vh; position: relative; z-index: 1;}
.map #map{width: 100%;height: 60vh;}

/* pageContent*/
.pageContent{width: 100%;background-color: #f4f5f7;padding: 60px 0; }
.pageContent .box{ width: 100%; font-size: 16px; line-height: 36px; color: #333;}
.pageContent .box img{ max-width: 100%;}


/* pageCase */
.pageCase{width: 100%;background-color: #f4f5f7;padding: 40px 0 100px;overflow: hidden;}
.pageCase .caseList{width: 80%;display: table;font-size: 0;text-align: left;float: right;}
.pageCase .caseList li{display: inline-block;vertical-align: top;width: 49%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;box-sizing: border-box;transition: all 0.6s ease;}
.pageCase .caseList li:nth-child(2n){margin-right: 0;}
.pageCase .caseList li .img{overflow: hidden;width: 100%;}
.pageCase .caseList li .img img{display:block;width: 100%;transition: all 0.6s ease;}
.pageCase .caseList li .tit{width: 100%;font-size: 16px;color: #333;line-height: 26px;padding: 4% 0 4% 46px;box-sizing: border-box;position: relative;transition: all 0.6s ease;}
.pageCase .caseList li .tit .iconfont{color: #444;font-size: 24px;position: absolute;top: 50%;left:16px;transform: translateY(-50%);transition: all 0.6s ease;}
.pageCase .caseList li .tit::after{content: '';width: 0;height: 0;border-left: 6px solid #444;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;top: 50%;right: 16px;transform: translateY(-50%);transition: all 0.6s ease;}
.pageCase .caseList li:hover{background-color: #df1e55;}
.pageCase .caseList li:hover .img img{transform: scale(1.1);}
.pageCase .caseList li:hover .tit{color:#fff;}
.pageCase .caseList li:hover .tit .iconfont{color: #fff;}
.pageCase .caseList li:hover .tit::after{border-left: 8px solid #fff;}



/* fenye */
.pages{ margin-top:40px ;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#df1e55;  border:1px solid #df1e55; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#df1e55; color:#fff; text-align:center; padding:0 12px; margin:0 2px;}