/*内页样式*/

.subbanner{position: relative;overflow: hidden;}
.subbanner img{max-width:100%;position:relative;left:50% !important;transform:translateX(-50%) !important;}
.subbanner .txtarea{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;text-align: center;background: url(../images/sub_bg.png)center no-repeat;width: 30%;padding:20px 0;background-size: cover;}
.subbanner .txtarea h3{color: #fff;font-size: 30px;font-weight: bold;}
.subbanner .txtarea p{font-size: 24px;font-family: 'Montserrat',Arial,'Microsoft yahei';}
.subbanner .icon_down{display: block;width: 30px;height: 38px;background: url(../images/icon_down.png)center no-repeat;margin: 0 auto;}

.innernav .path{float: left;color: #666;padding: 20px 0;}
.innernav .path a{color: #666;}
.innernav .path i{display: inline-block;width: 28px;height: 28px;line-height: 28px;text-align: center;color: #fff;background: #c50000;border-radius: 50%;margin-right: 5px;}

.inner{padding: 0 0 3% 0;}
.inner .title{text-align: center;}
.inner.about .title{margin-bottom: 30px;}
.inner.contact .title{margin-bottom: 30px;}
.inner .title h3{font-size: 24px;font-weight: bold;}
.inner .title .en_tit{font-size: 16px;color: #888;text-transform: uppercase;}

.about .mod1{padding: 3% 0}
.about .mod1 h4{font-size: 24px;margin-bottom: 25px;}
.about .mod2 .txtarea{padding: 20px 0;color: #fff;font-size: 24px;text-align: center;}
.about .mod2 li:first-child .txtarea{background: #c50000;}
.about .mod2 li:last-child .txtarea{background: #333;}
.about .partner li{display: table-cell;}
.about img{max-width: 100%;}
.about .mod3{padding: 3% 0;background: #f5f5f5;margin-top: 3%;}
.about .mod3 li{text-align: center;font-size: 15px;}
.about .mod3 .imgarea{padding: 8px;background: #fff;margin-bottom: 10px;}
.about .mod4{padding-top: 3%;}
.about .mod4 li{text-align: center;margin-bottom: 15px;}
.about .mod4 li .wrap{padding: 5px;border: 1px solid #ddd;}
.about .mod4 li img{height: 220px;}
.about .mod4 .swiper-container{padding-bottom: 20px;}
.swiper-pagination-bullet-active{background: #c50000;}

/* pro */
.inner .prolist li{padding: 20px 0;border-bottom: 1px solid #ddd;overflow: hidden;}
.inner .prolist li .imgarea{overflow: hidden;position: relative;width: 42%;padding: 0 20px;}
.inner .prolist li:nth-child(even) .imgarea{float: right;}
.inner .prolist li:nth-child(even) .txtarea{float: left;}
.inner .prolist li .txtarea{padding: 50px 50px;width: 58%;}
.inner .prolist li:nth-child(odd) .imgarea{float: left;}
.inner .prolist li:nth-child(odd) .txtarea{float: right;}
.inner .prolist li h5{font-size: 22px;position: relative;padding-top: 20px;margin-bottom: 15px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inner .prolist li h5::before{position: absolute;content: '';width: 40px;height: 3px;background: #c50000;top: 0;left: 0;}
.inner .prolist li .des{color: #666;}
.inner .prolist li .more{display: inline-block;border-radius: 30px;padding: 5px 30px;background: #fff;color: #c50000;margin-top: 20px;border: 2px solid #ddd;}
.inner .prolist li:hover .txtarea{background: #c50000;color: #fff;}
.inner .prolist li:hover .des{color: #fff;}
.inner .prolist li:hover h5::before{background: #fff;}
.inner .prolist li:hover .more{border-color: #fff;transition: all 0.2s;}
.inner .prolist li:hover img{transform: scale(1.1);}
.inner .prolist li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border-bottom: none;}
.inner .prolist li:hover h5{color: #fff;}

/* proshow */
.pro_top{width: 100%;border: 1px solid #ddd;position: relative;margin-bottom: 30px;}
.pro_top .pro_scroll{width: 45%;border-right: 1px solid #ddd;position: relative;height: 420px;}
.pro_top .pro_scroll li{text-align: center;}
.pro_top .pro_scroll li img{max-width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pro_top .pro_scroll .swiper-pagination-bullet-active{background: #c50000;}
.pro_top .pro_scroll .swiper-button-prev{background: none;background-color: #999;color: #fff;left: 0;width: 45px;height: 45px;line-height: 45px;text-align: center;}
.pro_top .pro_scroll .swiper-button-prev i{color: #fff;font-size: 24px;display: inline-block;}
.pro_top .pro_scroll .swiper-button-next{background: none;background-color: #999;color: #fff;right: 0;width: 45px;height: 45px;line-height: 45px;text-align: center;}
.pro_top .pro_scroll .swiper-button-next i{color: #fff;font-size: 24px;transform: rotate(-180deg);display: inline-block;}
.pro_top .pro_txt{float: right;width: 55%;padding:0 30px;}
.pro_top .pro_txt .pro_tit{font-size:24px;margin-top: 40px;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_top .pro_txt .link{position: absolute;bottom: 50px;}
.pro_top .pro_txt .link a{display: inline-block;padding: 8px 30px;border-radius: 30px;color: #fff;margin-right: 20px;}
.pro_top .pro_txt .link a i{display: inline-block;line-height: 1;vertical-align: middle;font-size: 20px;}
.pro_top .pro_txt .link a:first-child{background: #c50000;}
.pro_top .pro_txt .link a:last-child{background: #333;}
.detail_icon{display: inline-block;padding: 8px 30px;border-radius: 5px;background: #333;color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 20px;}
.proshow .article .center{text-align: center;}
.proshow .article h4{font-size: 24px;font-weight: bold;text-align: center;margin: 30px 0 15px;}
.proshow .article .center img{max-width: 550px;}
.proshow .article li{float: left;margin-bottom: 20px;}
.proshow .article li img{height: 210px !important;}
.proshow .article .adv p{position: relative;padding-left: 20px;}
.proshow .article .adv p::before{position: absolute;content: '';width: 8px;height: 8px;border-radius: 50%;background: #c50000;left: 0;top: 8px;}
.table-bordered{border:1px solid #ddd;}

.relate-news{overflow: hidden;margin-top: 40px;}
.relate-news h4{font-size: 16px;font-weight: bold;line-height: 18px;margin-bottom: 20px;color: #fff;}
.relate-news h4 i{display: inline-block;line-height: 38px;position: relative;padding: 0 5px 0 10px;margin-right: 20px;background: #333;font-size: 18px;}
.relate-news h4 i::after{content: '';position: absolute;width: 0;height: 0;border-right: 15px solid transparent;border-bottom: 38px solid #333;right: -15px;bottom: 0;}
.relate-news h4 span{display: inline-block;line-height: 38px;position: relative;padding: 0 20px;margin-right: 20px;background: #c50000;}
.relate-news h4 span::after{content: '';position: absolute;width: 0;height: 0;border-left: 15px solid transparent;border-top: 38px solid #c50000;left: -15px;top: 0;}
.relate_scroll li{border: 1px solid #ddd;text-align: center;}
.relate-news .newsl li{width: 46%;margin: 0 2%;float: left;margin-bottom: 10px;border-bottom: 1px dashed #ddd;position: relative;padding-left: 15px;}
.relate-news .newsl li::before{position: absolute;content: '';width: 6px;height: 6px;border-radius: 50%;background: #c50000;top: 10px;left: 0;}
.relate-news .newsl li .tit{display: inline-block;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.relate-news .newsl li span{float: right;font-size: 12px;color: #666;}
.buy h4{font-size: 16ppx;font-weight: bold;margin-top: 40px;border-bottom: 2px solid #333;padding-bottom: 10px;margin-bottom: 30px;}
.buy h4 span{color: #c50000;}
.buy form {margin: 0 auto;width: 550px;}
.buy form .field{margin-bottom: 10px;}
.buy form .text{width: 150px;text-align: right;line-height: 40px;display: inline-block;float: left;}
.buy form i{color: #c50000;}
.buy form input{width: 380px;line-height: 38px;border: 1px solid #ddd;padding-left: 15px;}
.buy form input.topAlign{width: 180px;}
.buy form textarea{height: 120px;width: 380px;line-height: 30px;border: 1px solid #ddd;padding-left: 15px}
.buy form .last_item{padding-left: 150px;}
.buy form .sub-btn{line-height: 40px;padding: 0 40px;color: #fff;background: #c50000;border-radius: 3px;width: auto;border: none;}
#code_img{height: 40px;border: 1px solid #ddd;box-sizing: border-box;}

.contact .mod2{padding:0 0 4%;margin: 0;}
.contact .mod2 .meaasge{padding-left: 50px;}
.contact .mod2 .imgarea{overflow: hidden;position: relative;padding: 0;}
.contact .mod2 .imgarea .info{position: absolute;width: 100%;bottom: 0;padding: 20px;background: rgba(197, 0, 0, 0.85);color: #fff;}
.contact .layui-input{background: #f1f1f1;padding-left: 10px;line-height: 60px;margin-bottom: 15px;width: 100%;}
.contact .layui-textarea{background: #f1f1f1;padding-left: 10px;line-height: 30px;height: 140px;width: 100%;}
.contact .last{text-align: center;}
.contact .ui-btn{width: 120px;line-height: 50px;margin: 10px 15px;color: #fff;}
.contact .ui-btn1{background: #d91e28;}
.contact .ui-btn2{background: #666;}

/* left Sidebar */
.left_sides{width: 300px;margin-right: 40px;overflow: hidden;}
.sidebar .overview{position: relative;background: #c50000;overflow: hidden;padding: 0 30px;font: 500 24px "microsoft yahei";color: #fff ;line-height: 70px}
.sidebar .overview i{font-size: 32px;line-height: 70px;display: inline-block;float: right;color: #fff;}
.sidenav{background: #fff;border:1px solid #ddd;border-top: none;}
.sidenav .icon-arrow-right{float: right;line-height: 30px;margin-top: 15px;font-size: 24px;}
.sidenav li{line-height: 60px;padding: 0 20px;font-size: 15px;border-bottom: 1px dashed #ddd;position: relative;}
.sidenav li a{color: #333333;font-size: 15px}
.sidenav li:last-child{border-bottom: none}
.sidenav li:hover{background: #f4f4f4;}
.sidenav li:hover::before{content: '';position: absolute;width: 3px;height: 60px;left: 0;top: 0;background: #c50000;}
.sidenav li:hover a,.sidenav li.active a{color: #c50000;font-weight: bold;}
.sidenav li:hover .icon-arrow-right,.sidenav li.active .icon-arrow-right{color: #c50000;}
.level2 {*zoom:1;  overflow: hidden;}
.level2 li {border-bottom: 0 none;margin: 5px 10px;padding: 0 10px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.level2 li:first-child{border-top: 1px solid #cdcbcb;}
.sidenav .level2 li a { color: #333; background: none; font-size: 12px; line-height: 24px; padding:5px 0;}
.sidenav .level2 .active a,
.sidenav .level2 li a:hover { color: #c50000; }

.hotnews,.contact_l {margin-top: 40px;}
.hotnews .title,.contact_l .title{height: 60px;line-height: 60px;position: relative;text-align: left;padding: 0 30px;background: #c50000;}
.left_sides h2{font: 500 24px/60px "microsoft yahei";color: #fff;}
.hotnews ul{padding: 10px 20px;border: 1px solid #dddddd;border-top: none;}
.hotnews li{position: relative;padding-left: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;border-bottom: 1px dashed #ddd;line-height: 40px;}
.hotnews li::before{position: absolute;content: '';width: 6px;height: 6px;border-radius: 50%;background: #c50000;top: 15px;left: 0;}
.tag .title{height: 55px;position: relative;margin: 0 20px;border-bottom: 1px solid #ddd;}
.left_sides .tag h2{font: 600 21px "microsoft yahei";line-height: 55px;color: #c50000;}
.contact_l .contactbd{padding: 10px 15px;border: 1px solid #dddddd;border-top: none}
.contact_l p{line-height: 2;}
.contact_l .link{margin-top: 20px;}
.contact_l .link .icon-lianximaijia{width: 50px;height: 50px;line-height: 50px;text-align: center;display: inline-block;color: #fff;margin-right: 2px;background: #c50000;font-size: 22px;float: left;}
.contact_l .link span{display: inline-block;line-height: 50px;padding: 0 20px;color: #fff;background: #c50000;font-size: 16px;}
.contact_l .link span i{padding-left: 20px;}

.right_slide{flex: 1;overflow: hidden;}

/* newslist */
.inner .newslist li{padding: 30px 0;border-bottom: 1px dashed #ccc;transition: all .3s ease-out 0s;display: flex;align-items: flex-start;}
.inner .newslist li:first-child{padding-top: 0;}
.inner .newslist li .time{position: absolute;background: #333;font-family: 'Century Gothic',Arial;width: 60px;height: 60px;text-align: center;transition: all 0.5s;color: #fff;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.inner .newslist li .time h5{font-size: 22px;line-height: 1;color: #fff;font-weight: bold;}
.inner .newslist li .imgarea{width: 240px;float: left;margin-right:30px;position: relative;border: 1px solid #ddd;}
.inner .newslist li .txtarea{flex: 1;overflow: hidden;}
.inner .newslist li .txtarea h5{font-size: 18px;font-weight: bold;}
.inner .newslist li .txtarea .tag{margin: 8px 0;color: #666;}
.inner .newslist li .txtarea .tag span{margin-right: 20px;}
.inner .newslist li .txtarea  .more{display: inline-block;padding: 3px 30px;border-radius: 20px;background: #eee;color: #666;margin-top: 20px;}
.inner .newslist li:hover .time{background: #c50000;}
.inner .newslist li:hover .more{background: #c50000;color: #fff;}
.inner .newslist li:hover .time h5{color: #fff;}
.inner .newslist li:hover .txtarea h5{color: #c50000;}

/* newshow */
.right_slide .col_tit{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.sub_title {padding-bottom: 10px;border-bottom: 1px dashed #dfdfdf;line-height: 30px;margin-bottom:15px;text-align: center;}
.sub_info,.sub_info a{color: #777;}
.sub_info span{margin-right: 10px}
.sub_title h1{font:500 24px/1 "microsoft yahei";margin-bottom: 10px;color: #000;}
.sub_title h4{font:500 24px/1 "microsoft yahei";margin-bottom: 10px;color: #000;}
.article img{text-align: center;height: auto !important;}
.skip{padding: 5px;}
.skip>div{line-height:30px;height: 30px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;margin-bottom: 10px;background: #eee;width: 49%;}
.skip a{color: #666666}
.skip span{display: inline-block;color: #666;margin-right: 10px;}
.right_slide .art_tags{font-size: 15px;font-weight: bold;color: #c50000;position: relative;margin-top: 50px;margin-bottom: 10px;}
.right_slide .art_tags a{color: #666;margin-right: 10px;}
.right_slide .art_tags .link{float: right;display: inline-block;padding: 0px 20px;background: #c50000;color: #fff;border-radius: 20px;}



/* ============分页=========== */
#dcms_pager{text-align: center;margin: 50px 0;font-size: 13px;}
#dcms_pager li{display: inline-block;color: #333; cursor: pointer;height: auto;}
#dcms_pager a, #dcms_pager span {float: left;color: #333;line-height: 2;text-align: center;border: 1px solid #ddd;min-width: 14px;padding:2px 10px;margin-right: 5px;border-radius: 3px;}
#dcms_pager a:hover {text-decoration: none;background: #c50000;color:#fff}
#dcms_pager .active {color: #FFF;border:none; cursor: default;}
#dcms_pager .active a{background: #c50000;color: #fff;border: 1px solid #c50000;}
#dcms_pager .disabled {color: #333;cursor: default;}

.breadcrumb-bar{padding: 20px 0;font-size: 12px;}
.breadcrumb-bar .path{line-height: 25px;color: #666;}
.breadcrumb-bar .path a{margin: 0 5px;color: #666;}


.inner .case li{margin-bottom: 40px;}
.inner .case .wrap{padding: 10px;border: 1px solid #ddd;overflow: hidden;}
.inner .case .txtarea{padding: 15px 10px 0;position: relative;}
.inner .case .txtarea h5{font-size: 16px;font-weight: bold;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inner .case .txtarea .des{color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 30px;line-height: 30px;}
.inner .case .txtarea .more {position: absolute;right: 0;top: 10px;}
.inner .case .txtarea .more i{display: inline-block;line-height: 1;font-size: 30px;font-weight: bold;color: #ccc;}
.inner .case li:hover h5,.inner .case li:hover .more i{color: #d91e27;}
.inner .case .imgarea{overflow: hidden;height: 220px;}
.inner .case img{width: 100%;transition: all 1s;}
.inner .case li:hover img{transform: scale(1.1);}