@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:14px 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,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}
.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: 14px;}
input:focus,textarea:focus,select:focus{ outline:none;}
@font-face {font-family:'BebasNeue-Regular'; src: url('../fonts/BebasNeue-Regular-3.ttf'); }
.scrollbar::-webkit-scrollbar{ width:6px; background:rgba(190,0,10,0.1); }/* 滚动条整体部分 */
.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;}/*  定义右下角拖动块的样式 */

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

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

.chevron{width: 36px;height: 52px;position:absolute;left:50%;bottom:60px;z-index:20;text-align:center;transform:translateX(-50%);cursor: pointer;padding:0 10px;animation: pul 2s infinite;}
.chevron a{width: 32px;height: 48px;display: block;border: 2px solid #c7000a;border-radius: 18px;position: relative; transition: all 0.6s ease;}
.chevron a::after{content: '';width: 6px;height: 12px;background-color: #c7000a;border-radius: 3px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); transition: all 0.6s ease;}
@-webkit-keyframes pul{ 0%{-webkit-transform: translate(0, 0);transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px);transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
@keyframes pul{ 0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} }
.chevron a:hover{ background-color: #c7000a; }
.chevron a:hover::after{ background-color: #fff;}

/*header*/
.header{width: 100%;min-width: 1200px;background-color: rgba(255,255,255,1); height: 80px; position: relative;top: 0;left: 0;right:0;margin: auto;z-index: 90;transition: all 0.6s ease; 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 .box{width: 94%;margin: 0 auto;position: relative;}
.headerLogo{float: left;}
.headerLogo a{display: block;padding: 12px 0;}
.headerLogo img{height: 56px;display: block;}
.header .nav{float: right; margin-right: 40px;}
.header .nav .nLi{display: inline-block;position: relative;  margin-right: 90px;transition: all 0.6s ease;}
.header .nav .nLi h3{}
.header .nav .nLi h3 a{display:block; line-height:20px;font-size:18px;color:#333;font-weight: normal;padding: 30px 10px; position: relative;}
.header .nav .nLi h3 a::after{ content: ''; width: 100%; height: 2px; background-color: #c7000a; position: absolute; top: 0; left: 0; transition: all 0.6s ease; transform: scale(0);}
.header .nav .sub{display:none;position:absolute;top:80px;transform: translateX(-50%);left: 50%;width: 180px;background-color:rgba(255,255,255,1);padding: 0 0 8px 0;box-shadow: 0 6px 14px -4px rgba(0,0,0,0.1);-webkit-box-shadow: 0 6px 14px -4px rgba(0,0,0,0.1);-moz-box-shadow: 0 6px 14px -4px rgba(0,0,0,0.1); z-index: 9; font-size: 0;}
.header .nav .sub.fw{ width: 360px;} 
.header .nav .sub.fw::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #eee;}
.header .nav .sub ol{ width: 180px; display: inline-block; vertical-align: top; box-sizing: border-box;}
.header .nav .sub ol h4{ margin-bottom: 10px; }
.header .nav .sub ol h4 a{ color: #333; padding: 15px 10px;  background-color: #f5f5f5;}
.header .nav .sub li{ margin: 8px 0; display: inline-block; width: 100%;}
.header .nav .sub a{display:block;text-align: center;font-size: 15px;color: #333;padding: 0 10px;box-sizing: border-box;text-transform: uppercase;}
.header .nav .sub a:hover{color: #c7000a;font-weight: bold;}
.header .nav .nLi:hover h3 a::after,.header .nav .nLi#on h3 a::after{  transform: scale(1);}
.header .nav .nLi:hover h3 a,.header .nav .nLi#on h3 a{font-weight: bold;color: #c7000a;}

.header .box .iconfont{width: 40px;height: 40px;background-color: #c7000a;color: #FFFFFF;font-size: 28px;border-radius: 50%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);cursor: pointer;transition: all 0.6s ease;}
.header .box .iconfont:hover{background-color: #FFFFFF;color: #c7000a;box-shadow: 0 0 20px rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.15);}

.searchBox{width: 100%;background-color: rgba(255,255,255,1);position: absolute;top: 80px;left: 0;z-index: 8;padding: 30px 3%;box-sizing: border-box;display: none;border-top: 1px solid #eee; box-shadow: 0 6px 14px -4px rgba(0,0,0,0.1);-webkit-box-shadow: 0 6px 14px -4px rgba(0,0,0,0.1);-moz-box-shadow: 0 6px 14px -4px rgba(0,0,0,0.1); }
.searchBox form{width: 600px;height: 46px;float:right;background-color:#fff;border-radius: 23px;padding: 0 23px;box-sizing: border-box;border: 1px solid #c7000a;margin-right: 40px;}
.searchBox form .inputBox{width: 94%;height: 42px;float: left;font-size: 16px;border: none;}
.searchBox form .search{margin-top: 10px;background: rgba(0,0,0,0);border: none;width: 22px;height: 22px;font-size: 28px;color: #666666;float: right; cursor: pointer;transition: all 0.6s ease;}
.searchBox .close{width: 40px;height: 40px;float: right;border-radius: 50%;background-color: #c7000a;color:#FFFFFF;font-size: 24px;margin-top: 3px;cursor:pointer;transition: all 0.6s ease;}
.searchBox form .search:hover{color: #c7000a;}
.searchBox .close:hover{color: #c7000a;background-color: #FFFFFF;box-shadow: 0 0 20px rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.15);}

.is-fixed{width:100%; position: fixed;}

@media (max-width: 1600px) {
    .header .nav .nLi{margin-right: 70px;}
}
@media (max-width: 1400px) {
    .header .nav .nLi{margin-right: 55px;}
}
@media (max-width: 1280px) {
    .header .box{width: 96%;}
}


/*indexBanner*/
.indexBanner{width: 100%;height:calc(100vh - 80px); position: relative;}
.indexBanner .swiper-slide a{width: 100%;height: 100%;display: block;background-size: cover !important;}
.indexBanner .swiper-pagination{bottom: 30px !important;}
.indexBanner .swiper-pagination-bullet {width: 30px !important;height:8px !important; border-radius: 0 !important; margin: 0 10px !important;background-color: #000 !important; filter:Alpha(opacity=100) !important; opacity: 1 !important;}
.indexBanner .swiper-pagination-bullet-active{width: 50px !important; background-color: #c7000a !important; height:8px !important;}



/*indexTitle*/
.indexTitle{width: 100%;}
.indexTitle .title{float: left;}
.indexTitle .title h1{float: left;color: #333333;font-size: 48px;line-height: 48px;text-transform: uppercase;font-weight: 900;}
.indexTitle .title h2{float: left;color: #c7000a;font-size: 40px;line-height: 48px;margin: 48px 0 0 28px;}
.indexTitle a{display: block;width: 180px;height: 50px;line-height:46px;border: 2px solid #c7000a;color: #c7000a;font-size: 14px;float: right;margin-top: 44px;padding: 0 20px;box-sizing: border-box;position: relative;z-index: 1;transition: all 0.6s ease;}
.indexTitle a span{position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}
.indexTitle a::after{content: '';width: 0;height: 100%;background-color: #c7000a;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.6s ease;}
.indexTitle a:hover{color: #FFFFFF;}
.indexTitle a:hover::after{width: 100%;}


/*indexTrend*/
.indexTrend{width: 100%;padding: 60px 0;background: #fff url("../images/index_trend_bg.png") bottom center no-repeat;}
.indexTrend ul{width: 100%;margin-top: 40px;display: table;font-size: 0;text-align: left;}
.indexTrend ul li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;transition: all 0.6s ease;}
.indexTrend ul li:nth-of-type(3n){margin-right: 0;}
.indexTrend ul li .img{width: 100%;overflow: hidden;}
.indexTrend ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.indexTrend ul li .cont{width: 100%;padding: 24px 5%;box-sizing: border-box;transition: all 0.6s ease;position: relative;z-index: 1;}
.indexTrend ul li .cont .tit{font-size: 18px;line-height: 30px;color: #333333;padding-bottom: 4px;border-bottom: 1px solid #fff;transition: all 0.6s ease; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexTrend ul li .cont .txt{font-size: 15px;line-height: 30px;color: #999999;}
.indexTrend ul li:hover{background-color: #FFFFFF;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);}
.indexTrend ul li:hover .img img{transform: scale(1.1);}
.indexTrend ul li:hover .cont{background-color: #FFFFFF;margin-top: -20px;}
.indexTrend ul li:hover .cont .tit{color: #c7000a;padding-bottom: 14px;border-bottom-color:#eee;margin-bottom: 10px;}


/*indexIndustry*/
.indexIndustry{width: 100%;background:#fff url("../images/index_industry_bg.jpg") top center no-repeat;padding: 60px 0;}
.indexIndustry .indexTitle .title h2{margin-top: 0;margin-left: -190px;}
.indexIndustry .industryBox{width:100%;margin-top: 40px;}
.indexIndustry .industryBox .hd{width: 100%;}
.indexIndustry .industryBox .hd ul{width: 100%;display: table;font-size: 0;text-align: left; }
.indexIndustry .industryBox .hd ul li{display:inline-block;vertical-align:top;cursor: pointer;width: 16.6666%;height: 134px;padding: 20px;box-sizing: border-box;background-color: #FFFFFF;border-right: 1px solid #eee;position: relative;transition: all 0.6s ease;}
.indexIndustry .industryBox .hd ul li:last-child{border-right: none;}
.indexIndustry .industryBox .hd ul li .tit{color: #999999;font-size: 18px;line-height: 18px;}
.indexIndustry .industryBox .hd ul li .tit1{color: #999999;font-size: 14px; line-height: 18px;position: relative;padding:6px 0 12px;text-transform: uppercase;}
.indexIndustry .industryBox .hd ul li .tit1::after{content: '';width: 20px;height: 2px;background-color: #999999;position: absolute;bottom: 0;left: 0;}
.indexIndustry .industryBox .hd ul li .iconfont{color: #999999;font-size: 40px;position: absolute;bottom: 10px;right: 10px;}
.indexIndustry .industryBox .hd ul li .iconfont::before{ content: "\e607";}
.indexIndustry .industryBox .hd ul li:nth-child(1) .iconfont::before{ content: "\e607";}
.indexIndustry .industryBox .hd ul li:nth-child(2) .iconfont::before{ content: "\e62d";}
.indexIndustry .industryBox .hd ul li:nth-child(3) .iconfont::before{ content: "\e614";}
.indexIndustry .industryBox .hd ul li:nth-child(4) .iconfont::before{ content: "\e7fd";}
.indexIndustry .industryBox .hd ul li:nth-child(5) .iconfont::before{ content: "\e77d";}
.indexIndustry .industryBox .hd ul li:nth-child(6) .iconfont::before{ content: "\e757";}
.indexIndustry .industryBox .hd ul li.on{background-color: #c7000a;border-right-color: #c7000a;}
.indexIndustry .industryBox .hd ul li.on .tit,.indexIndustry .industryBox .hd ul li.on .tit1{color: #FFFFFF;}
.indexIndustry .industryBox .hd ul li.on .tit1::after{background-color: #FFFFFF;}
.indexIndustry .industryBox .hd ul li.on .iconfont{color: #FFFFFF;}
.indexIndustry .industryBox .tempWrap{width: 100%;margin-top: 40px;}
.indexIndustry .industryBox .bd .box{width:100%;position: relative;}
.indexIndustry .industryBox .bd .box .imgBox{width: 49%;float: left;overflow: hidden;position: relative;}
.indexIndustry .industryBox .bd .box .imgBox img{display: block;width: 100%;transition: all 0.6s ease;}
.indexIndustry .industryBox .bd .box .imgBox .cont{width: 58%;background-color: #FFFFFF;padding: 30px;box-sizing: border-box;position: absolute;bottom: 20px;right: 20px;}
.indexIndustry .industryBox .bd .box .imgBox .cont .tit{color: #333333;font-size: 18px;line-height: 30px;transition: all 0.6s ease; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexIndustry .industryBox .bd .box .imgBox .cont .txt{color: #999999;font-size: 15px;line-height: 30px;margin-top: 10px;}
.indexIndustry .industryBox .bd .box .listBox{float: right;width: 49%;}
.indexIndustry .industryBox .bd .box .listBox .list{width: 100%;background-color: #fff;padding: 20px;box-sizing: border-box;margin-bottom: 5%; border: solid 1px #eee;}
.indexIndustry .industryBox .bd .box .listBox .list .img{width: 40%;overflow: hidden;float: left;}
.indexIndustry .industryBox .bd .box .listBox .list .img img{width: 100%;display: block;transition: all 0.6s ease;}
.indexIndustry .industryBox .bd .box .listBox .list .cont{float: right;width: 56%;}
.indexIndustry .industryBox .bd .box .listBox .list .cont .tit{ display: inline-block; max-width: 100%; color: #333333;font-size: 18px;transition: all 0.6s ease; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indexIndustry .industryBox .bd .box .listBox .list .cont .txt{color: #999;font-size: 15px;line-height: 30px;margin: 2% 0 4%;}
.indexIndustry .industryBox .bd .box .listBox .list .cont .more{color: #c7000a;font-size: 14px;display: block;}
.indexIndustry .industryBox .bd .box .imgBox:hover img{transform: scale(1.1);}
.indexIndustry .industryBox .bd .box .imgBox:hover .cont .tit{color: #c7000a;}
.indexIndustry .industryBox .bd .box .listBox .list:hover .img img{transform: scale(1.1);}
.indexIndustry .industryBox .bd .box .listBox .list:hover .cont .tit{color: #c7000a;}
@media (max-width: 1680px) {
    .indexIndustry .industryBox .bd .box .listBox .list{margin-bottom: 6%;padding: 17px;}
    .indexIndustry .industryBox .bd .box .listBox .list .cont .tit{font-size: 18px;}
    .indexIndustry .industryBox .bd .box .listBox .list .cont .txt{font-size: 14px;line-height: 28px;}
}


/*indexService*/
.indexService{background-color: #f6fbff;width: 100%;padding: 60px 0 ;}
.indexService .indexTitle .title h2{margin-left: -6px;}
.indexService .indexTitle .word{float: right;width: 600px;display: table;text-align: right;font-size: 0;margin-top: 74px;}
.indexService .indexTitle .word p{color: #333333;font-size: 20px;display: inline-block;vertical-align: middle;line-height: 20px;}
.indexService .indexTitle .word p:nth-of-type(2n){width: 6px;height: 6px;background-color: #c7000a;margin: 0 20px;}
.indexService ul{width: 100%;margin-top: 40px;display: table;font-size: 0;text-align: left;}
.indexService ul li{width: 18.8%;margin-right: 1.5%;display: inline-block;vertical-align: top;border: 2px solid rgba(0,0,0,0.06);margin-bottom: 1.5%;box-sizing: border-box;position: relative;z-index: 1;transition: all 0.8s ease;}
.indexService ul li::after{content: '';width: 100%;height: 100%;background: #c7000a url("../images/index_service_bg.png") bottom right no-repeat;position: absolute;bottom: 0;right: 0;z-index: -1;opacity: 0;filter:Alpha(opacity=0);transition: all 0.8s ease;}
.indexService ul li:nth-of-type(5n){margin-right: 0;}
.indexService ul li a{width: 100%;height: 100%;display: block;padding: 40px 0;}
.indexService ul li a .iconfont{color: #999999;font-size: 46px;transition: all 0.6s ease;}
.indexService ul li a .iconfont::before{ content: "\e612";}
.indexService ul li:nth-child(1) a .iconfont::before{ content: "\e612";}
.indexService ul li:nth-child(2) a .iconfont::before{ content: "\e716";}
.indexService ul li:nth-child(3) a .iconfont::before{ content: "\e67b";}
.indexService ul li:nth-child(4) a .iconfont::before{ content: "\e649";}
.indexService ul li:nth-child(5) a .iconfont::before{ content: "\e63e";}
.indexService ul li:nth-child(6) a .iconfont::before{ content: "\e6a1";}
.indexService ul li:nth-child(7) a .iconfont::before{ content: "\e61a";}
.indexService ul li:nth-child(8) a .iconfont::before{ content: "\e62f";}
.indexService ul li:nth-child(9) a .iconfont::before{ content: "\e628";}
.indexService ul li:nth-child(10) a .iconfont::before{ content: "\e60f";}
.indexService ul li a .tit{color: #999999;font-size: 18px;text-align: center;margin-top: 14px;transition: all 0.6s ease;}
.indexService ul li:hover{border-color: #c7000a;}
.indexService ul li:hover::after{opacity: 1;filter:Alpha(opacity=100);}
.indexService ul li:hover a .iconfont,.indexService ul li:hover a .tit{color: #FFFFFF;}


/*footer*/
.footer{width: 100%;background: #363533 url("../images/footer_bg.png") bottom center no-repeat;padding-top: 70px;}
.footer .wrap{position: relative;}
.footer .title{color: #FFFFFF;font-size: 16px;padding-left: 40px;line-height: 30px;position: relative;margin-bottom: 26px;}
.footer .title .iconfont{width: 30px;height: 30px;color: #FFFFFF;font-size: 18px;background-color: #c7000a;border-radius: 50%;position: absolute;top: 0;left: 0;bottom:0;margin: auto;}
.footer .left{width: 300px;float: left;}
.footer .left .phone{color: #bdbdbd;font-size: 14px;margin-bottom: 16px;}
.footer .left .phone p{color: #FFFFFF;font-size: 28px;line-height:32px;font-family: BebasNeue-Regular;}
.footer .center{width: 360px;position: absolute;left: 50%;transform: translateX(-50%);top: 0;}
.footer .center ul{display: table;font-size: 0;text-align: left;width: 100%;}
.footer .center ul li{display: inline-block;vertical-align: top;width: 100px;margin-right: 30px;margin-bottom: 30px;}
.footer .center ul li:nth-of-type(3n){margin-right: 0;}
.footer .center ul li a{color: #FFFFFF;font-size: 16px;transition: all 0.6s ease;}
.footer .center ul li a:hover{font-weight: bold;color: #c7000a;}
.footer .right{width: 202px;float: right;}
.footer .right .box{width: 100%;height: 50px;position: relative;}
.footer .right .box .cont{width: 100%;height: 50px;line-height: 50px;border: 1px solid rgba(255,255,255,0.08);padding-left: 20px;box-sizing: border-box;position: relative;cursor: pointer;}
.footer .right .box .cont p{color: #FFFFFF;font-size: 16px;}
.footer .right .box .cont .iconfont{color: #FFFFFF;font-size: 18px;position: absolute;top: 0;right: 20px;bottom: 0;margin: auto;transform: rotate(90deg);}
.footer .right .box ul{width: 100%;max-height: 210px;overflow-y: auto;border: 1px solid rgba(255,255,255,0.08);box-sizing: border-box;padding: 10px 0;display: none;position: absolute;top: 50px;left: 0;z-index:10;background-color: #363533;}
.footer .right .box ul li{width: 100%;}
.footer .right .box ul li a{width: 100%;display: block;color: #FFFFFF;font-size: 16px;line-height:18px;padding: 10px 20px;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer .right .box ul li a:hover{color: #c7000a;font-weight: bold;}
.footer .copyRight{margin-top: 80px;width: 100%;min-width:1200px;border-top: 1px solid rgba(255,255,255,0.1);padding: 30px 0;color: #898a8a;font-size: 14px;text-align: center;}
.footer .copyRight a{color: #898a8a;}
.footer .copyRight a:hover{color: #c7000a;}


/* customer */
.customer {position:fixed;top:50%;right:2px;z-index:999;transform: translateY(-50%);}
.customer li{margin-bottom: 4px;width:80px; height:80px;position: relative;}
.customer li .a{width:80px; height:80px;position: relative;z-index: 10000;padding-top: 8px;box-sizing: border-box;background-color: #c7000a;cursor: pointer;transition: all 0.6s ease; box-sizing: border-box; border: solid 1px #c7000a;}
.customer li .gotop{padding-top: 0;}
.customer li .iconfont{color: #FFFFFF;font-size: 40px;}
.customer li .a p{color: #FFFFFF;font-size: 14px;text-align: center;}
.customer li:hover .a{background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.customer li:hover .iconfont,.customer li:hover p{color: #c7000a;}
.customer li .qicqSub{width:108px; right:-144px; top:0; position:absolute; background:#c7000a; padding:12px 12px 10px; z-index:999;transition: all 0.8s ease; }
.customer li .qicqSub p{ width:100%; text-align:center; display:inline-block; margin:3px 0;}
.customer li .qicqSub p a img{ margin:8px 4px 8px 8px; float:left;}
.customer li .qicqSub p a{display:block; width:108px; height:32px; padding:0; background:rgba(255, 255, 255, 0.1); border:1px solid #eee; position: relative; text-align: left; line-height:32px; border-radius:32px; margin:0; color:#fff;}
.customer li .qicqSub p a:hover{ background:#fff; color:#333; border:1px solid #fff;}
.customer li:hover .qicqSub{right:80px;}
.customer li .phoneSub{width:120px; right:-150px;top:0; position:absolute; background:#c7000a; padding:14px 12px;z-index:999;transition: all 0.8s ease;font-family: BebasNeue-Regular;color: #fff;font-size: 22px;line-height: 26px;}
.customer li:hover .phoneSub{right:80px;}
.customer li .erweimaSub{width:100px; right:-156px; top:0;position:absolute; background:#c7000a; padding:12px 12px 10px; z-index:999; transition: all 0.8s ease;}
.customer li .erweimaSub img{ width:100px; height:100px;}
.customer li .erweimaSub p{ width:100%; line-height:20px; text-align:center; color: #fff; display:inline-block; margin-top:5px;}
.customer li:hover .erweimaSub{ right: 80px;}


/*pageBanner*/
.pageBanner{width: 100%;height:320px;position: relative; background-size: cover !important;}
.pageBanner .wrap{height: 100%;position: relative;}
.pageBanner ul{width: 100%;display: table;text-align: center;font-size: 0;position: absolute;bottom: 0;left: 0;}
.pageBanner ul li{display: inline-block;vertical-align: top;  margin:0 15px; position: relative;transition: all 0.6s ease;  border-top-right-radius: 15px; border-top-left-radius: 15px; overflow: hidden;}
.pageBanner ul li::after{content: ''; width: 0;height: 0;border-bottom: 8px solid #eee;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;opacity: 0;filter:Alpha(opacity=0);transition: all 0.6s ease;}

.pageBanner ul li a{width: 100%;color: #FFFFFF;font-size: 18px;padding: 10px 30px; background-color: rgba(0,0,0,0.5); box-sizing: border-box; line-height: 30px;display: block;text-align: center;transition: all 0.6s ease;}
.pageBanner ul li:hover a,.pageBanner ul li.on a{background-color: rgba(199,0,10,0.7);}
.pageBanner ul li:hover::after,.pageBanner ul li.on::after{opacity: 1;filter:Alpha(opacity=100);}

.pageBanner ul.l4 li{ width: 24.25%;}
.pageBanner .dw{width: 100%;background-color: rgba(0,0,0,0.6);position: absolute;bottom: 0;left: 0;padding: 20px 0;}
.pageBanner .dw .wz{width: 75%;margin: 0 auto;min-width: 1200px;color: #FFFFFF;font-size: 16px;text-align: right;}
.pageBanner .dw .wz a{color: #FFFFFF;}
.pageBanner .dw .wz a:hover{color: #c7000a;text-decoration: underline;}


/*pageNav*/
.pageNav{width: 100%; padding:  0;  background-color: #eee;}
.pageNav ul{width: 100%;display: table;text-align: center;font-size: 0;}
.pageNav ul li{display: inline-block;vertical-align: top;margin:15px 15px;}
.pageNav ul li a{display: block;color: #333;font-size: 18px;padding: 10px 0;transition: all 0.6s ease;}
.pageNav ul li.on a,.pageNav ul li:hover a{ color: #c7000a; font-weight: bold;}


@media (max-width: 1600px) {
    .pageNav ul li a{font-size: 16px;}
}



/*pagePlan*/
.pagePlan{width: 100%;padding: 60px 0 ;background: #fff url("../images/plan_bg.png") bottom center no-repeat;}
.pagePlan h1{font-size: 36px;font-weight: normal;color: #333333;}
.pagePlan .contBox{width: 100%;margin-top: 40px;}
.pagePlan .contBox .cont{width: 36%;background-color: #f2f2f2;height: 550px;float: left;padding: 60px 3% 0;box-sizing: border-box;}
.pagePlan .contBox .cont .tit{font-size: 30px;color: #333333;}
.pagePlan .contBox .cont .txt{font-size: 16px;line-height: 30px;color: #333333;margin-top: 20px;height: 396px;overflow-y: auto;}
.pagePlan .contBox .cont .txt a{color: #c7000a;text-decoration: underline;}
.pagePlan .contBox .cont .txt img{ max-width: 100%;}
.pagePlan .contBox .img{width: 62%;float: right;height: 550px;}
.pagePlan h6{font-size: 18px;font-weight: normal;color: #c7000a;margin: 40px 0 26px;}
.pagePlan ul{width: 100%;}
.pagePlan ul li{float: left;margin-right: 20px;margin-bottom: 20px;transition: all 0.6s ease;cursor: pointer;}
.pagePlan ul li a{ display: inline-block; font-size: 14px;line-height: 24px;color: #333;padding: 8px 12px;background-color: #f2f2f2;}
.pagePlan ul li:hover a{background-color: #c7000a;color: #FFFFFF;}


/*pageViewpoint*/
.pageViewpoint{width: 100%;background-color: #f2f2f2;padding: 60px 0;}
.pageViewpoint .wrap{position: relative;}
.pageViewpoint .cont{width: 56%;float: left;padding: 40px 0;}
.pageViewpoint .cont h1{font-size: 30px;font-weight: normal;color: #333333;}
.pageViewpoint .cont .tit{font-size: 18px;font-weight: bold;color: #333333;margin: 30px 0 12px;}
.pageViewpoint .cont .txt{font-size: 16px;line-height: 30px;color: #333333;}
.pageViewpoint .box{width: 39%;position: relative; float: right;}
.pageViewpoint .box .img{ width: 100%; position: relative;  z-index: 1;}
.pageViewpoint .box .img img{width: 100%;display: block;}
.pageViewpoint .box .img::before{ content: ''; width: 100%; position: absolute; height: 100%; top: 0; left: 0; z-index: 2; background-color: rgba(0,0,0,0.3);}
.pageViewpoint .box a{width: 100%;height: 100%;display: block;padding: 0 0 0;box-sizing: border-box; position: relative; z-index: 1;}
.pageViewpoint .box .info {position: absolute; z-index: 3; width: 100%; text-align: center; top: 50%; transform: translateY(-50%);}
.pageViewpoint .box .iconfont{width: 80px;height: 80px;margin: 0 auto 14px;background-color: #ffffff;border-radius: 50%;color: #c7000a;font-size: 50px;transition: all 0.6s ease;}
.pageViewpoint .box .a{color: #fff;font-size: 18px;text-align: center;margin-bottom: 6px;transition: all 0.6s ease;}
.pageViewpoint .box .txt{color: #FFFFFF;font-size: 18px;text-decoration: underline;text-align: center;padding: 0 10px;box-sizing: border-box;}
.pageViewpoint .box:hover .iconfont{transform: scale(1.1);}
.pageViewpoint .box:hover .a{text-decoration: underline;}


/*pageCase*/
.pageCase{width: 100%;padding: 60px 0;}
.pageCase h1{font-size: 30px;font-weight: normal;color: #333333;}
.pageCase ul{width: 100%;margin-top: 40px;display: table;font-size: 0;text-align: left;}
.pageCase ul li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom: 10px;}
.pageCase ul li:nth-of-type(3n){margin-right: 0;}
.pageCase ul li .img{width: 100%;overflow: hidden;}
.pageCase ul li .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageCase ul li .tit{font-size: 18px;color: #333333;line-height: 34px;padding: 15px 0;transition: all 0.6s ease;}
.pageCase ul li:hover .img img{transform: scale(1.1);}
.pageCase ul li:hover .tit{color: #c7000a;}


/*pageTrend*/
.pageTrend{width: 100%;background-color: #f2f2f2;padding: 60px 0;}
.pageTrend h1{font-size: 36px;font-weight: normal;color: #333333;}
.pageTrend ul{width: 100%;margin-top: 40px;display: table;font-size: 0;text-align: left;}
.pageTrend ul li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom:2%;background-color: #FFFFFF;transition: all 0.6s ease;}
.pageTrend ul li:nth-of-type(3n){margin-right: 0;}
.pageTrend ul li .img{width: 100%;overflow: hidden;}
.pageTrend ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageTrend ul li .cont{width: 100%;padding: 24px 5% 30px;box-sizing: border-box;}
.pageTrend ul li .cont .tit{font-size: 18px;line-height: 30px;color: #333333;transition: all 0.6s ease;}
.pageTrend ul li .cont .txt{font-size: 15px;line-height: 30px;color: #999999;margin-top: 8px;}
.pageTrend ul li .cont .more{width: 100%;border-top: 1px solid rgba(0,0,0,0.06);padding-top: 20px;margin-top: 20px;position: relative;color: #c7000a;font-size: 14px;line-height: 30px;}
.pageTrend ul li .cont .more .iconfont{width: 30px;height: 30px;background-color: #c7000a;border-radius: 50%;color: #FFFFFF;font-size: 18px;position: absolute;top: 20px;right: 0;}
.pageTrend ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.15);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.pageTrend ul li:hover .img img{transform: scale(1.1);}
.pageTrend ul li:hover .cont .tit{color: #c7000a;}


/*pageMore*/
.pageMore{width: 100%;background-color: #fff;padding:60px 0;}
.pageMore h1{font-size: 36px;font-weight: normal;color: #333333;}
.pageMore ul{width: 100%;margin-top: 40px;display: table;font-size: 0;text-align: left;}
.pageMore ul li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom:2%;position: relative;}
.pageMore ul li:nth-of-type(3n){margin-right: 0;}
.pageMore ul li .img{width: 100%;overflow: hidden;}
.pageMore ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageMore ul li .cont{width: 100%;padding: 24px 5%;box-sizing: border-box;background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));position: absolute;bottom: 0;left: 0;}
.pageMore ul li .cont .tit{font-size: 18px;color: #fff;}
.pageMore ul li .cont .txt{font-size: 16px;color: #fff;font-weight:bold;text-transform: capitalize;margin-top: 6px;}
.pageMore ul li .cont .iconfont{width: 30px;height: 30px;background-color: #c7000a;border-radius: 50%;color: #FFFFFF;font-size: 18px;position: absolute;top: 50%;transform: translateY(-50%);right: 5%;opacity: 0;filter:Alpha(opacity=0);transition: all 0.6s ease;}
.pageMore ul li:hover .img img{transform: scale(1.1);}
.pageMore ul li:hover .cont .iconfont{opacity: 1;filter:Alpha(opacity=100);}


/*pageTitle*/
.pageTitle{width: 100%;}
.pageTitle h1{float: left;color: #333333;font-size: 36px;line-height: 50px;font-weight: normal;}
.pageTitle a{display: block;width: 180px;height: 50px;line-height:50px;border: 2px solid #c7000a;color: #c7000a;font-size: 14px;float: right;padding: 0 20px;box-sizing: border-box;position: relative;z-index: 1;transition: all 0.6s ease;}
.pageTitle a span{position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}
.pageTitle a::after{content: '';width: 0;height: 100%;background-color: #c7000a;position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.6s ease;}
.pageTitle a:hover{color: #FFFFFF;}
.pageTitle a:hover::after{width: 100%;}


/*pageIndustry*/
.pageIndustry{ width: 100%; }
.pageIndustry .item{background-color: #f2f2f2;}
.pageIndustry .item ul li .cont,.pageIndustry .item ul li{background-color: #fff;}
.pageIndustry .item:nth-child(even){ background-color: #fff;}
.pageIndustry .item:nth-child(even) ul li .cont,.pageIndustry .item:nth-child(even) ul li{ background-color: #f2f2f2;}
.pageIndustry .item:nth-child(3n-2){width: 100%;padding: 60px 0 ;}
.pageIndustry .item:nth-child(3n-2) ul{width: 100%;margin-top: 40px;display: table;font-size: 0;text-align: left;}
.pageIndustry .item:nth-child(3n-2) ul li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;background-color: #FFFFFF;}
.pageIndustry .item:nth-child(3n-2) ul li:nth-of-type(3n){margin-right: 0;}
.pageIndustry .item:nth-child(3n-2) ul li .img{width: 100%;overflow: hidden;}
.pageIndustry .item:nth-child(3n-2) ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageIndustry .item:nth-child(3n-2) ul li .cont{width: 100%;padding: 24px 5% 30px;box-sizing: border-box;}
.pageIndustry .item:nth-child(3n-2) ul li .cont .tit{font-size: 18px;line-height: 34px;color: #333333;transition: all 0.6s ease; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.pageIndustry .item:nth-child(3n-2) ul li .cont .txt{font-size: 15px;line-height: 30px;color: #999999;margin: 8px 0 14px;}
.pageIndustry .item:nth-child(3n-2) ul li .cont .more{color: #999;font-size: 14px;transition: all 0.6s ease;}
.pageIndustry .item:nth-child(3n-2) ul li:hover .img img{transform: scale(1.1);}
.pageIndustry .item:nth-child(3n-2) ul li:hover .cont .tit,.pageIndustry ul li:hover .cont .more{color: #c7000a;}
.pageIndustry .item:nth-child(3n-2) ul li.l4{ display: none;}


.pageIndustry .item:nth-child(3n-1){width: 100%;padding: 60px 0;}
.pageIndustry .item:nth-child(3n-1) ul{width:100%;margin-top: 40px; position: relative;}
.pageIndustry .item:nth-child(3n-1) ul li.l1{width: 49%;float: left;overflow: hidden;position: relative;}
.pageIndustry .item:nth-child(3n-1) ul li.l1 .img{ width: 100%; position: relative;overflow: hidden;}
.pageIndustry .item:nth-child(3n-1) ul li.l1 .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageIndustry .item:nth-child(3n-1) ul li.l1 .cont{width: 58%;padding: 30px;box-sizing: border-box;position: absolute;bottom: 20px;right: 20px;}
.pageIndustry .item:nth-child(3n-1) ul li.l1 .cont .tit{color: #333333;font-size: 18px;line-height: 30px;transition: all 0.6s ease; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.pageIndustry .item:nth-child(3n-1) ul li.l1 .cont .txt{color: #999999;font-size: 15px;line-height: 30px;margin-top: 10px;}
.pageIndustry .item:nth-child(3n-1) ul li.l1 .cont .more{ display: none;}
.pageIndustry .item:nth-child(3n-1) ul li.l1:hover img{transform: scale(1.1);}
.pageIndustry .item:nth-child(3n-1) ul li.l1:hover .cont .tit{color: #c7000a;}
.pageIndustry .item:nth-child(3n-1) ul li.l2,.pageIndustry .item:nth-child(3n-1) ul li.l3{ position: absolute; right: 0; width: 49%;padding: 20px;box-sizing: border-box;}
.pageIndustry .item:nth-child(3n-1) ul li.l2{ top: 0;}
.pageIndustry .item:nth-child(3n-1) ul li.l3{ bottom: 0;}
.pageIndustry .item:nth-child(3n-1) ul li.l2 .img,.pageIndustry .item:nth-child(3n-1) ul li.l3 .img{width: 40%;overflow: hidden;float: left;}
.pageIndustry .item:nth-child(3n-1) ul li.l2 .img img,.pageIndustry .item:nth-child(3n-1) ul li.l3 .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageIndustry .item:nth-child(3n-1) ul li.l2 .cont,.pageIndustry .item:nth-child(3n-1) ul li.l3 .cont{float: right;width: 56%;}
.pageIndustry .item:nth-child(3n-1) ul li.l2 .cont .tit,.pageIndustry .item:nth-child(3n-1) ul li.l3 .cont .tit{color: #333333;font-size: 18px;transition: all 0.6s ease; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.pageIndustry .item:nth-child(3n-1) ul li.l2 .cont .txt,.pageIndustry .item:nth-child(3n-1) ul li.l3 .cont .txt{color: #999;font-size: 15px;line-height: 30px;margin: 2% 0 4%;}
.pageIndustry .item:nth-child(3n-1) ul li.l2 .cont .more,.pageIndustry .item:nth-child(3n-1) ul li.l3 .cont .more{color: #c7000a;font-size: 14px;display: block;}
.pageIndustry .item:nth-child(3n-1) ul li:hover .img img{transform: scale(1.1);}
.pageIndustry .item:nth-child(3n-1) ul li:hover .cont .tit{color: #c7000a;}
.pageIndustry .item:nth-child(3n-1) ul li.l4{ display: none;}

@media (max-width: 1680px) {
    .pageIndustry .item:nth-child(3n-1) ul li.l2,.pageIndustry .item:nth-child(3n-1) ul li.l3{padding: 17px;}
    .pageIndustry .item:nth-child(3n-1) ul li.l2 .cont .tit,.pageIndustry .item:nth-child(3n-1) ul li.l3 .cont .tit{font-size: 20px;}
    .pageIndustry .item:nth-child(3n-1) ul li.l2 .cont .txt,.pageIndustry .item:nth-child(3n-1) ul li.l3 .cont .txt{font-size: 14px;line-height: 28px;}
}


.pageIndustry .item:nth-child(3n){width: 100%;padding: 60px 0 ;}
.pageIndustry .item:nth-child(3n) ul{width: 100%;display: table;font-size: 0;text-align: left;margin-top: 40px;}
.pageIndustry .item:nth-child(3n) ul li{display:inline-block;vertical-align:top;width: 49%;padding: 20px;box-sizing: border-box;margin-bottom: 2%;margin-right: 2%;cursor: pointer;}
.pageIndustry .item:nth-child(3n) ul li:nth-of-type(2n){margin-right: 0;}
.pageIndustry .item:nth-child(3n) ul li .img{width: 40%;overflow: hidden;float: left;}
.pageIndustry .item:nth-child(3n) ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageIndustry .item:nth-child(3n) ul li .cont{float: right;width: 56%;}
.pageIndustry .item:nth-child(3n) ul li .cont .tit{color: #333333;font-size: 18px;transition: all 0.6s ease; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.pageIndustry .item:nth-child(3n) ul li .cont .txt{color: #999;font-size: 15px;line-height: 30px;margin: 2% 0 4%;}
.pageIndustry .item:nth-child(3n) ul li .more{color: #c7000a;font-size: 14px;display: block;}
.pageIndustry .item:nth-child(3n) ul li:hover .img img{transform: scale(1.1);}
.pageIndustry .item:nth-child(3n) ul li:hover .cont .tit{color: #c7000a;}
@media (max-width: 1680px) {
    .pageIndustry .item:nth-child(3n) ul li .cont .tit{font-size: 20px;}
    .pageIndustry .item:nth-child(3n) ul li .cont .txt{font-size: 14px;line-height: 28px;}
}



/*pageContent*/
.pageContent{width: 100%;background-color: #f2f2f2;padding: 60px 0 ;}
.pageContent .leftBox{width: 22%;float: left;background-color: #FFFFFF;}
.pageContent .leftBox .title {width: 100%;font-size: 30px;color: #ffffff;padding: 50px 38px;box-sizing: border-box;background:#c7000a url("../images/title_bg.png") bottom center no-repeat;}
.pageContent .leftBox ul{width: 100%;}
.pageContent .leftBox ul li{width: 100%;border-bottom: 1px dashed rgba(0,0,0,0.08);}
.pageContent .leftBox ul li:last-child{border-bottom: none;}
.pageContent .leftBox ul li a{display: block;width: 100%;padding: 20px 40px;box-sizing: border-box;font-size: 18px;line-height: 20px;color: #333;position: relative;}
.pageContent .leftBox ul li a::after{content: '';width: 4px;height: 20px;background-color: #c7000a;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;opacity: 0;filter:Alpha(opacity=0);}
.pageContent .leftBox ul li:hover a,.pageContent .leftBox ul li.on a{color: #c7000a;}
.pageContent .leftBox ul li:hover a::after,.pageContent .leftBox ul li.on a::after{opacity: 1;filter:Alpha(opacity=100);}
.pageContent .rightBox{width: 75%;float: right;}

@media (max-width: 1680px) {
    .pageContent .leftBox .title {font-size: 26px;}
}

/*pageAbout*/
.pageAbout{width: 100%;background-color: #fff;padding: 50px 30px;box-sizing: border-box; margin-bottom: 20px;}
.pageAbout .tit{font-size: 30px;color: #333333;margin-bottom: 20px;}
.pageAbout .text{font-size: 16px;line-height: 30px;color: #333333;}
.pageAbout .text img{ max-width: 100%;}
.pageAbout .box{width: 100%;display: table;text-align: left;font-size: 0;margin-top: 40px;}
.pageAbout .box dl{display: inline-block;vertical-align: top;margin-right:150px;}
.pageAbout .box dl:last-child{margin-right: 0;}
.pageAbout .box dl dt{font-size: 52px;color: #333;font-family: BebasNeue-Regular;line-height: 54px;font-weight: bold;}
.pageAbout .box dl dd{font-size: 16px;color: #999;}
@media (max-width: 1680px) {
    .pageAbout .box dl{margin-right: 130px;}
}
@media (max-width: 1600px) {
    .pageAbout .box dl{margin-right: 110px;}
}

/*pageDevelopment*/
.pageDevelopment{width: 100%;background-color: #fff;padding: 50px 30px;box-sizing: border-box;}
.pageDevelopment .title{font-size: 30px;color: #333333;}
.developmentBox {width: 100%;position: relative;overflow: hidden;}
.developmentBox .bigImg li{position: relative;}
.developmentBox .bigImg li .cont{width: 60%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.developmentBox .bigImg li .cont .time{font-size: 24px;color: #c7000a;position: relative;padding-left: 30px;box-sizing: border-box;}
.developmentBox .bigImg li .cont .time .iconfont{color: #c7000a;font-size: 26px;font-weight:bold;position: absolute;top: 0;bottom: 0;left: 0;margin: auto;}
.developmentBox .bigImg li .cont .time span{font-family: BebasNeue-Regular;}
.developmentBox .bigImg li .cont .tit{font-size: 16px;color: #333;font-weight: bold;position: relative;padding-bottom: 18px;margin: 4% 0 3%;}
.developmentBox .bigImg li .cont .tit::after{content: '';width: 20px;height: 2px;background-color: #c7000a;position: absolute;left: 0;bottom: 0;}
.developmentBox .bigImg li .cont .txt{font-size: 16px;line-height: 34px;color: #333333;max-height: 170px;overflow-y: auto;}
.developmentBox .bigImg li .cont .txt img{ max-width: 100%;}
.developmentBox .bigImg li .imgBox{width: 36%;float: right;position: relative;}
.developmentBox .bigImg li .imgBox .img{width: 90%;height: 90%;overflow: hidden;border-radius: 50%;margin: 5%;}
.developmentBox .bigImg li .imgBox .img img{width: 100%;display: block;}
.developmentBox .bigImg li .imgBox::after{content:'';width: 100%;height: 100%;border-radius: 50%;border: 1px solid rgba(0,0,0,0.08);position: absolute;top: 0;left: 0;box-sizing: border-box;}
.developmentBox .smallScroll{width: 60%;margin-top: 10px;}
.developmentBox .smallImg {float: left;margin: 0 19px;}
.developmentBox .smallImg ul{width: 9999px;}
.developmentBox .smallImg li{cursor: pointer;display: inline-block;color: #999999;font-size: 18px;line-height: 30px;margin: 0 19px;}
.developmentBox .smallImg li span{font-family: BebasNeue-Regular;}
.developmentBox .smallImg li.on{color: #c7000a;}
.developmentBox .sPrev, .developmentBox .sNext{width: 36px;height: 36px;border: 2px solid #999;border-radius: 50%;color: #999999;font-size: 28px;float: left;line-height: 36px;text-align: center;transition: all 0.6s ease;}
.developmentBox .sPrev{transform: rotate(-180deg);}
.developmentBox .sPrev:hover,.developmentBox .sNext:hover{background-color: #c7000a;border-color: #c7000a;color: #FFFFFF;}
@media (max-width: 1680px) {
    .developmentBox .smallImg {margin: 0 14px;}
    .developmentBox .smallImg li{font-size: 22px;margin: 0 14px;}
}
@media (max-width: 1600px) {
    .developmentBox .smallImg li{font-size: 20px;}
}

/*pageStructure*/
.pageStructure{width: 100%;background-color: #FFFFFF;padding: 50px 30px;box-sizing: border-box;margin-top: 20px;}
.pageStructure .tit{font-size: 30px;color: #333333;}
.pageStructure .txt{width: 100%;margin-top: 40px; font-size: 16px; color: #333;}
.pageStructure .txt img{display: inline-block;max-width: 100%;}

/*pageTypical*/
.pageTypical{width: 100%;background-color: #FFFFFF;padding: 50px 30px;box-sizing: border-box;margin-top: 20px;}
.pageTypical .tit{font-size: 30px;color: #333333;}
.pageTypical .typicalBox{width:100%;margin-top: 20px; font-size: 16px; color: #333; line-height: 30px;}
.pageTypical .typicalBox img{ max-width: 100%;}


/*pageCommon*/
.pageCommon{width: 100%;background-color: #FFFFFF;}
.pageCommon .title{color: #333333;font-size: 22px;padding: 20px 30px;box-sizing: border-box;border-bottom: 1px solid #eeeeee;}
.pageCommon .common{color: #333333;font-size: 16px;line-height: 34px;padding: 20px 30px;box-sizing: border-box;overflow: hidden;}
.pageCommon .common img{max-width: 100%;margin: 0 auto;display: inline-block;}


/*pageDown*/
.pageDown{width: 100%;padding: 20px 30px;box-sizing: border-box;display: table;font-size: 0;text-align: left;}
.pageDown li{width: 32%;margin-right: 2%;display: inline-block;vertical-align: top;position: relative;margin-bottom: 2%;overflow: hidden;}
.pageDown li:nth-of-type(3n){margin-right: 0;}
.pageDown li img{width: 100%;display: block;transition: all 0.6s ease;}
.pageDown li .txt{color: #fff;font-size: 16px;padding:15px;box-sizing: border-box;line-height: 26px;position: absolute;bottom: 0;left: 0;background-color: rgba(0,0,0,0.5);width: 100%;transition: all 0.6s ease;}
.pageDown li:hover img{transform: scale(1.1);}
.pageDown li:hover .txt{background-color: rgba(199,0,10,0.7);}


/*pageNews*/
.contentBox{width: 70%;float: left;background-color: #FFFFFF;}
.navBox{width: 100%;display: table;text-align: left;font-size: 0;border-bottom: 1px solid #eee;padding: 20px;box-sizing: border-box;}
.navBox li{display: inline-block;vertical-align: top;margin-right: 30px;}
.navBox li:last-child{margin-right: 0;}
.navBox li a{display: block;color: #000;font-size: 18px;line-height:40px;transition: all 0.6s ease;}
.navBox li:hover a,.navBox li.on a{color: #c7000a;font-weight: bold;}
.pageNews{width: 100%;padding: 0 20px;box-sizing: border-box;}
.pageNews li{width: 100%;border-bottom: 1px solid #eeeeee;padding: 20px 0;}
.pageNews li .img{width: 30%;float: left;overflow: hidden;}
.pageNews li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageNews li .cont{width: 67%;float: right; padding: 10px 0;}
.pageNews li .cont .tit{color: #000;font-size: 18px;margin: 0 0 1.5%;transition: all 0.6s ease;}
.pageNews li .cont .time{color: #999;font-size: 14px;margin-bottom: 1.5%;}
.pageNews li .cont .txt{color: #999;font-size: 15px;line-height: 30px;}
.pageNews li:hover .img img{transform: scale(1.1);}
.pageNews li:hover .cont .tit{color: #c7000a;}
.commonBox{width: 27%;float: right;}
.commonBox h5{color: #333333;font-size: 22px;line-height:40px;padding: 20px;box-sizing: border-box;margin-bottom:20px;border-bottom: 1px solid #eeeeee;font-weight: normal;}
.commonBox .box{width: 100%;background-color: #FFFFFF;margin-bottom: 20px;}
.commonBox .box .txt{color: #333333;font-size: 14px;line-height:30px;box-sizing: border-box;padding: 0 20px;}
.commonBox .box .but{width:180px;height: 44px;line-height: 44px;margin: 20px auto;color: #FFFFFF;font-size: 16px;background-color: #c7000a;border-radius: 4px;position: relative;padding: 0 40px;box-sizing: border-box;cursor: pointer;transition: all 0.6s ease;}
.commonBox .box .but .iconfont{font-size: 30px;position: absolute;top: 50%;transform: translateY(-50%);right: 40px;}
.commonBox .box .but:hover{background-color: #333333;}
.commonBox .box .imgBox{margin: 0 20px;border-top: 1px solid #eee;padding: 20px 0;}
.commonBox .box .imgBox .img{width: 120px;overflow: hidden;float: left;border: 1px solid #eee;}
.commonBox .box .imgBox .img img{width: 100%;display: block;}
.commonBox .box .imgBox .p{float: left;color: #333;font-size: 14px;line-height: 30px;font-weight: bold;margin: 30px 0 0 20px;}
.commonBox .box ul{margin: 0 20px;padding-bottom: 20px;}
.commonBox .box ul li{width: 100%;margin-bottom: 10px;}
.commonBox .box ul li .img{width: 40%;overflow: hidden;float: left;}
.commonBox .box ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.commonBox .box ul li .cont{width:55%;float: right;}
.commonBox .box ul li .cont .tit{color: #000;font-size: 16px;line-height:20px;margin: 3% 0 5%;transition: all 0.6s ease;}
.commonBox .box ul li .cont .time{color: #999999;font-size: 14px;}
.commonBox .box ul li:hover .img img{transform: scale(1.1);}
.commonBox .box ul li:hover .cont .tit{color: #c7000a;}
.commonBox .box .caseList{margin: 0 20px;padding-bottom: 20px;}
.commonBox .box .caseList li{width: 100%;margin-bottom: 10px;position: relative;overflow: hidden;}
.commonBox .box .caseList li img{width: 100%;display: block;transition: all 0.6s ease;}
.commonBox .box .caseList li .tit{width: 100%;position: absolute;bottom: 0;left: 0;padding: 15px;box-sizing: border-box;color: #FFFFFF;font-size: 16px;background-color: rgba(0,0,0,0.5);transition: all 0.6s ease;}
.commonBox .box .caseList li:hover img{transform: scale(1.1);}
.commonBox .box .caseList li:hover .tit{background-color: rgba(190,0,10,0.7);}


/*pageNewsD*/
.pageNewsD{width: 100%;padding: 20px 0;}
.pageNewsD .tit{color: #333333;font-size: 22px;padding: 0 20px;box-sizing: border-box;}
.pageNewsD .time{color: #666666;font-size: 14px;padding: 10px 20px;box-sizing: border-box;border-bottom: 1px solid #eeeeee;}
.pageNewsD .time span{margin-right: 20px;}
.pageNewsD .text{color: #333333;font-size: 16px;line-height: 30px;padding: 20px;box-sizing: border-box;}
.pageNewsD .text img{display: inline-block;max-width: 100%;}
.pageNewsD .link{width: 100%;padding:20px;box-sizing: border-box;margin-top: 20px;}
.pageNewsD .link a{color: #333333;font-size: 14px;max-width: 49%;}
.pageNewsD .link a.fr{text-align: right;}
.pageNewsD .link a:hover{color: #c7000a;text-decoration: underline;}


/*form*/
.popup{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 999;display: none;}
.formBox{width: 400px; height: 540px; padding:30px 20px;box-sizing: border-box;background-color: #FFFFFF;border-radius: 6px;position: fixed;top: 50%;left: 50%; margin: -270px -200px; z-index: 1000;display: none;}
.formBox h2{color: #c7000a;font-size: 24px;text-align: center;margin-bottom: 20px;}
.formBox form{width: 100%;}
.formBox form label{display: block;position: relative;}
.formBox form label span{font-size: 14px;line-height:30px;color: #333;position: absolute; top: 5px; left: 0;display: block;}
.formBox form select{width: 100%;font-size: 14px;color: #333;line-height: 20px;padding:14px 0;background-color: rgba(0,0,0,0);border: none;}
.formBox form select {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.formBox form select::-ms-expand {display: none;}
.formBox form .row{width: 100%;border: 1px solid #ccc;padding: 0 10px;box-sizing: border-box;margin-bottom: 10px;}
.formBox form .row1{position: relative;width: 100%;border: 1px solid #ccc;padding: 0 10px;box-sizing: border-box;z-index: 1;margin-bottom: 10px;}
.formBox form .row1::after{content: '';width: 0;height: 0;border-top: 8px solid rgba(0,0,0,0.12);border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;bottom: 0;right: 10px;top: 0;margin: auto;z-index: -1;}
.formBox form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:10px 0;background-color: rgba(0,0,0,0);border: none;}
.formBox form .row2{width: 100%;border: 1px solid #ccc;padding: 0 10px;box-sizing: border-box;margin-bottom: 10px;}
.formBox form .txt.w2{ width: 100%;font-size: 16px;color: #333;height: 60px;line-height:20px;resize: none;padding:10px 0;background-color: rgba(0,0,0,0);border: none;}

.formBox form .row3{width: 100%;margin-bottom: 10px;}
.formBox form .row3 input.ipt { float: left; border: 1px solid #ccc;padding:  10px;box-sizing: border-box; line-height: 20px;  font-size: 14px; color: #999;   }
.formBox form .row3 input:focus{ float: left; border: 1px solid #ccc;padding:  10px;box-sizing: border-box; line-height: 20px;  font-size: 14px; color: #999;   }
.formBox form .row3 img{ height: 40px; margin-left: 10px; }

.formBox form .row4{width: 100%;margin-top: 20px;}
.formBox form .row4 .btn{float:left;width: 170px;height: 44px;line-height:44px;cursor: pointer;background-color: #c7000a;border: none;color: #fff;font-size: 16px;display: block;transition: all 0.6s ease;}
.formBox form .row4 .btn:hover{background-color: #333;}
.formBox form .row4 .gb{width: 170px;float: right;height: 44px;line-height: 44px;text-align: center;color: #FFFFFF;cursor: pointer;font-size: 16px;background-color: #333333;transition: all 0.6s ease;}
.formBox form .row4 .gb:hover{background-color: #c7000a;}


/*pageContact*/
.pageContact{width: 100%;padding: 20px 30px 40px;box-sizing: border-box;}
.pageContact .tit{color: #333333;font-size: 18px;padding: 10px 0;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;}
.pageContact .contactLeft{float: left;width: 40%;}
.pageContact .contactLeft .text{color: #333333;font-size: 16px;line-height: 34px;}
.pageContact .contactLeft .text img{ max-width: 100%;}
.pageContact .contactRight{float: right;width: 58%;}
.pageContact .contactRight form{width: 100%;}
.pageContact .contactRight form label{display: block;position: relative;}
.pageContact .contactRight form label span{font-size: 16px;line-height:30px;color: #333;position: absolute; top: 9px; left: 0;display: block;}
.pageContact .contactRight form select{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:14px 0;background-color: rgba(0,0,0,0);border: none;}
.pageContact .contactRight form select {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.pageContact .contactRight form select::-ms-expand {display: none;}
.pageContact .contactRight form .row{width: 100%;border: 1px solid #ccc;padding: 0 10px;box-sizing: border-box;margin-bottom: 10px;}
.pageContact .contactRight form .row1{position: relative;width: 100%;border: 1px solid #ccc;padding: 0 10px;box-sizing: border-box;z-index: 1;margin-bottom: 10px;}
.pageContact .contactRight form .row1::after{content: '';width: 0;height: 0;border-top: 8px solid rgba(0,0,0,0.12);border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;bottom: 0;right: 10px;top: 0;margin: auto;z-index: -1;}
.pageContact .contactRight form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:14px 0;background-color: rgba(0,0,0,0);border: none;}
.pageContact .contactRight form .row2{width: 100%;border: 1px solid #ccc;padding: 0 10px;box-sizing: border-box;margin-bottom: 10px;}
.pageContact .contactRight form .txt.w2{ width: 100%;font-size: 16px;color: #333;height: 80px;line-height:20px;resize: none;padding:14px 0;background-color: rgba(0,0,0,0);border: none;}
.pageContact .contactRight form .btn{width: 100%;display:block;height: 50px;line-height:50px;cursor: pointer;margin-top: 20px;background-color: #333;border: none;color: #fff;font-size: 16px;transition: all 0.6s ease;}
.pageContact .contactRight form .btn:hover{background-color: #c7000a;}

.pageContact .contactRight form .row3{width: 100%;margin-bottom: 10px;}
.pageContact .contactRight form .row3 input.ipt { float: left; border: 1px solid #ccc;padding: 14px 10px;box-sizing: border-box; line-height: 20px;  font-size: 14px; color: #999;   }
.pageContact .contactRight form .row3 input:focus{ float: left; border: 1px solid #ccc;padding: 14px 10px;box-sizing: border-box; line-height: 20px;  font-size: 14px; color: #999;   }
.pageContact .contactRight form .row3 img{ height: 48px; margin-left: 10px; }


/*pageTopic*/
.pageTopic{width: 100%;}
.pageTopic ul{width: 100%;display: table;text-align: left;font-size: 0;}
.pageTopic ul li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom: 2%;background-color: #FFFFFF;}
.pageTopic ul li:nth-of-type(3n){margin-right: 0;}
.pageTopic ul li .img{width: 100%;overflow: hidden;}
.pageTopic ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageTopic ul li .txt{color: #333333;font-size: 18px;line-height:22px;width: 100%;padding: 20px;box-sizing: border-box;transition: all 0.6s ease;}
.pageTopic ul li:hover .img img{transform: scale(1.1);}
.pageTopic ul li:hover .txt{background-color: #c7000a;color: #FFFFFF;}


/*pageTopicD*/
.pageTopicD{width: 100%;background-color: #FFFFFF;padding: 80px 0 100px;}
.pageTopicD .topicD{width: 100%;position: relative;}
.pageTopicD .topicD .img{width: 42%;height: 100%;background-size: cover !important;position: absolute;top: 0;left: 0;}
.pageTopicD .topicD .cont{width: 55%;padding-left: 45%;}
.pageTopicD .topicD .cont .tit{color: #333333;font-size: 20px;font-weight: bold;line-height: 30px;}
.pageTopicD .topicD .cont .txt{color: #333333;font-size: 16px;line-height: 30px;max-height: 330px;margin-top: 10px;overflow-y: auto;}
.pageTopicD .topicD .cont .txt img{ max-width: 100%;}
.pageTopicD .detail{width: 100%;color: #333333;font-size: 18px;font-weight: bold;padding: 60px 0;border-bottom: 1px solid #eee;margin-bottom: 40px;}
.pageTopicD .detail img{display: inline-block;margin: 0 auto;max-width: 100%;}
.pageTopicD .title{display: table;margin: 0 auto;color: #333333;font-size: 28px;font-weight: bold;position: relative;padding: 0 140px;box-sizing: border-box;}
.pageTopicD .title::after{content: '';width: 120px;height: 1px;background-color: #ddd;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.pageTopicD .title::before{content: '';width: 120px;height: 1px;background-color: #ddd;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.pageTopicD ul{width: 100%;display: table;text-align: left;font-size: 0;margin-top: 40px;}
.pageTopicD ul li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom: 2%;background-color: #FFFFFF;}
.pageTopicD ul li:nth-of-type(3n){margin-right: 0;}
.pageTopicD ul li .img{width: 100%;overflow: hidden;}
.pageTopicD ul li .img img{width: 100%;display: block;transition: all 0.6s ease;}
.pageTopicD ul li .txt{color: #333333;font-size: 18px;line-height:22px;width: 100%;padding: 20px;box-sizing: border-box;transition: all 0.6s ease;}
.pageTopicD ul li:hover .img img{transform: scale(1.1);}
.pageTopicD ul li:hover .txt{background-color: #c7000a;color: #FFFFFF;}


/*pageServiceCases*/
.pageServiceCases{width: 100%; padding: 60px 0;}
.pageServiceCases .caseNav{width: 100%;display: table;text-align: center;font-size: 0;}
.pageServiceCases .caseNav li{display: inline-block;vertical-align: top;}
.pageServiceCases .caseNav li a{display: block;padding: 10px 30px;font-size: 14px;border-radius: 20px;margin: 0 10px;color: #333333;background-color: #FFFFFF;transition: all 0.6s ease;}
.pageServiceCases .caseNav li:hover a,.pageServiceCases .caseNav li.on a{background-color: #c7000a;color: #FFFFFF;}
.pageServiceCases .serviceCases{width: 100%;display: table;text-align: left;font-size: 0;}
.pageServiceCases .serviceCases li{display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;position: relative;}
.pageServiceCases .serviceCases li:nth-of-type(3n){margin-right: 0;}
.pageServiceCases .serviceCases li img{display: block;width: 100%;}
.pageServiceCases .serviceCases li .cont{position: absolute;bottom: 0;left: 0;background-color: rgba(0,0,0,0.5);padding: 0 20px;box-sizing: border-box;width: 100%;height: 50px;overflow: hidden;transition: all 0.6s ease;}
.pageServiceCases .serviceCases li .cont .tit{color: #fff;font-size: 16px;line-height: 20px;padding: 15px 0;transition: all 0.6s ease;}
.pageServiceCases .serviceCases li .cont .txt{color: #fff;font-size: 14px;line-height:26px;margin-bottom: 30px;transition: all 0.6s ease;}
.pageServiceCases .serviceCases li .cont .iconfont{color: #fff;font-size: 16px;width: 30px;height: 30px;border: 1px solid #fff;border-radius: 50%;margin:0 auto;transition: all 0.6s ease;}
.pageServiceCases .serviceCases li:hover .cont{width: 90%;height: 80%;background-color: rgba(190,0,10,0.7);bottom: 50%;left: 50%;transform: translate(-50%,50%);}
.pageServiceCases .serviceCases li:hover .cont .tit{text-align: center;padding: 30px 0 10px;}
.pageServiceCases .serviceCases li:hover .cont .txt{text-align: center;}
.pageServiceCases .serviceCases li:hover .cont .iconfont:hover{background-color: #FFFFFF;color: #c7000a;}
@media (max-width: 1680px) {
    .pageServiceCases .serviceCases li .cont .txt{margin-bottom: 10px;}
}



/* fenye */
.pages { margin:30px 0; text-align:center; font-size:14px;}
.pages a { display:inline-block; height:40px; line-height:40px; background:#fff; border:1px solid #ccc; text-align:center; color:#333; padding:0 15px; margin-left:6px;}
.pages a.a1 { background:#fff; width:56px; padding:0; }
.pages a:hover { background:#c7000a;  border:1px solid #c7000a; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:40px; line-height:40px; background:#c7000a; border:1px solid #c7000a; color:#fff; text-align:center; padding:0 15px; margin-left:6px;}