@charset "utf-8";/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0; border:1px;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none}
a:hover{text-decoration:none;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
.gray{ color:#333;}
.white{ color:#fff;}
select optgroup{color:#CAC8BB;}
header{ display:block}
* {margin: 0px;padding: 0px; outline: none;font-size: 100%;line-height: inherit;}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.tc{text-align: center;}.tl{text-align: left;}.tr{text-align: right;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.shape-bg-100, .service-layout3 .inner-wrapper:before, .service-layout4, .work-process-layout1:before, .work-process-layout1.wrap-layout2:after, .pricing-table-layout4, .testomonial-layout5, .contact-form-layout1 .contact-form-slider:before, .price-plan-layout1 .price-action-box, .price-plan-layout1 .price-action-box .shape1, .project-layout1:before {background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}
.shape-bg-cover {background-size: cover;background-repeat: no-repeat;background-position: center center;}
.shape-bg {position: absolute;width: auto;height: auto;}
.shape-bg.shape-br {bottom: 0;right: 0;}
.bg-shape-none .shape-bg, .bg-shape-none:before, .bg-shape-none:after {display: none !important;}
.no-shadow {box-shadow: none;}
.align-items-center {-ms-flex-align: center!important;align-items: center!important;}

.justify-content-center {-ms-flex-pack: center!important;justify-content: center!important;
}
img {border: none;}
.slick-slide,
.slick-slide:focus,
button:focus,
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {-moz-outline: none;outline: none;}
embed,
object,
video {max-width: 100%;height: auto;}
/*公共线*/
.common-line{width:120px; height:1px; background:#e5e6e7; position:relative;}
.common-line i{width:38%; height:100%; position:absolute; left:0; top:0; background:#e50625;}
.bgFull{background-size: cover;background-position: center center;background-repeat: nno-repeat}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover:hover img{ opacity:.6;}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
.main-btn {display: inline-block;padding: 10px 40px;font-size: 14px;font-weight: 500;text-transform: uppercase;color: #fff;background: #ed0009;border-radius: 5px;-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; }
.main-btn:hover, .main-btn:focus {  background: #333;  color: #fff; }
/*分页*/
.page{padding:15px 0;height:36px;line-height:36px;*line-height:50px;}
.page a{padding:8px 10px;border:1px solid #cbcbcb;margin-left:3px;color:#333;}
.page a:hover,.page a.current{background:#ed0009; color:#fff}
/*** 

====================================================================
header
====================================================================

***/
header { background: #fff; position:fixed;top:0;left:0;z-index:99; width: 100%;}
.header-web { max-width: 1280px; margin: 0 auto; }
.header-left { background: #fff; position: relative; float: left; }
.logo { padding: 5px 0; display: block; }
.logo img { display: block; height: 40px; }
nav { position: fixed; top: 50px; z-index: 99; background: #fff; left: 0; width: 100%; height: 100%; padding: 20px 0 50px; overflow-y: auto; display: none; }
nav ul li { border-bottom: 1px solid #e5e5e5; }
nav ul li h4 { position: relative; }
nav ul li h4 a { padding: 10px 20px; display: block; color: #4c4c4c; font-size: 16px; }
nav ul li.active h4 a { color: #ed0009; }
.hotline { display: inline-block; position: relative; font-size:16px; }
.hotline i{ font-size:18px; color:#666; margin-right:8px; width:36px; height:36px; line-height:32px; border:1px solid #666; border-radius:18px; text-align:center;}
.hotline span{ font-size:18px; }
.header-right { float: right; padding-top: 10px; }
.mobile-right { position: absolute; right: 0; top: 10px; }
.mobnav-btn { width: 22px; height: 30px; overflow: hidden; cursor: pointer; z-index: 10; position: relative; margin-left: 4px; display: inline-block; vertical-align: top; }
.mobnav-btn span { top: 50%; margin-top: 0; }
.mobnav-btn span:first-child { content: ""; top: 8px; left: 0; }
.mobnav-btn span:last-child { content: ""; top: auto; bottom: 7px; left: 0; }
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { left: 0; position: absolute; background: #ed0009; -webkit-transition: all 0.5s ease; width: 22px; height: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.mobnav-btn.g_close span { opacity: 0; }
.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 14px; opacity: 1; }
.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 14px; opacity: 1; }
header { padding-left: 0px; padding-right: 0px; }
@media (min-width: 1199px) { /* 头部css开始 */
header { background: #f7f7f7; position: relative; }
.header-web { padding-right: 260px; position: relative; }
.header-web:before { content: ""; position: absolute; left: -50%; top: 0; width: 100%; height: 100%; background: #fff; display: block; z-index: -1; }
header { padding-left: 30px; padding-right: 30px; }
.header-left { float: none; border-right: 2px solid #f0f0f0; position: static; }
.logo { padding: 10px 0; float: left; }
.logo img { height: 70px; }
nav { position: static; float: right; padding: 0 10px 0 0; height: auto; width: auto; display: block; }
nav ul li { float: left; margin: 0; border-bottom: 0; }
nav ul li h4 a { padding: 0 15px; height: 90px; line-height: 90px; }
nav ul li:hover h4 a, nav ul li.cur h4 a { color: #ed0009;}
.header-right { position: absolute; right: 0; top: 0; height: 100%; background: #f7f7f7; padding-left: 20px; padding-top: 24px; display: block; }
.mobnav-btn, .arrorright-btn { display: none; } 

}
@media (min-width: 1281px) { 
nav ul li { margin: 0 10px; }
nav ul li h4 a { padding: 0 22px; font-size:17px;}
.header-right { padding-left: 40px; }
}
@media (min-width: 1600px) { header { padding-left: 0; padding-right: 0; } }
.footer{  width:100%; padding:50px 0 40px; background:rgb(33,33,33); line-height:28px;}
.top_footer{ text-align:center;}
.top_footer .phone{font-size:30px; margin-bottom:20px; color:#666; line-height:1;}
.top_footer .phone .fa{color: #c40000; margin-right:5px;}
.top_footer .addr{ margin-top:8px;color:#666;}
.top_footer ul{ margin:0 auto; width:50%; padding:5px 0;}
.top_footer ul li{ float:left; padding:0 15px; position:relative; line-height:35px;}
.top_footer ul li:after{  content:"|"; position:absolute; right:0; top:0; width:1px; height:15px; line-height:35px;}
.top_footer ul li:last-child:after{  content:"";}
.top_footer ul li a{color:#666;}
.bottom_footer{background:rgb(33,33,33); color:#666; text-align:center;}
.ff-i{font-family:Impact;}

@media (min-width: 769px) and (max-width: 1920px) {
.blank { display:none;}
.hotlink { display:none;}
}

@media (max-width: 1300px) {
.top_footer ul{ margin:0 auto; width:60%;}
}
@media (max-width: 1280px) {
.top_footer ul{ margin:0 auto; width:56%;}
}
@media (max-width: 1024px) {
.top_footer ul{ margin:0 auto; width:72%;}
.hotline {display: none;}
}
@media (max-width: 768px) {
.top_footer ul{ margin:0 auto; width:92%;}
.blank {height: 28px;width: 100%;margin-top: 20px;}
.hotlink {height:48px;width: 100%;background: #c40000;position: fixed;left: 0;bottom: 0; padding-top:5px; z-index:99999;}
.hotlink a {display: block;height:48px;float: left;color: #fff;width: 24.7%;border-right: 1px solid #a20202;text-align: center;}
.hotlink a:last-child {border-right: none;}
.hotlink a span {display: block;font-size:1.05em;line-height:32px;}

}
@media (max-width: 668px) {
.top_footer ul{ margin:0 auto; width:100%; text-align:center;}
.top_footer .phone{font-size:20px; margin-bottom:20px; }
.top_footer ul li{ padding:0 8px; }
}


.swiper-container-banner{height: 680px;}
.swiper-container-banner .swiper-slide a{display:block;width:100%;height:100%;}
@media (max-width:1440px) {
.swiper-container-banner{height: 585px;}
}
@media (max-width:1366px) {
.swiper-container-banner{height: 555px;}
}
@media (max-width:1280px) {
.swiper-container-banner{height: 520px;}
}
@media (max-width: 1199px) {
.index-banner{ margin-top:50px;}
}
@media (max-width:1024px) {
.swiper-container-banner{height: 420px;}
}
@media (max-width: 768px) {
.swiper-container-banner{height: 300px;}
}
@media (max-width: 425px) {
.swiper-container-banner{height: 223px;}
.swiper-button-next, .swiper-button-prev{ width:20px!important; height:33px!important; background-size:20px 33px!important;}
}
@media (max-width: 375px) {
.swiper-container-banner{height: 180px;}
}
@media (max-width: 320px) {
.swiper-container-banner{height: 150px;}
}

.page-section{padding:60px 0}
.section-wrap { overflow: hidden; margin-bottom:40px;}
.section-wrap .indexabout-cn { font-size: 36px; line-height: 36px; margin-bottom: 18px;text-align: center;  color: #db020a;}
.section-wrap .indexabout-en { font-size: 20px;color: #b2b2b2; text-align: center; font-family: helvetica; font-weight: normal; text-transform: uppercase; }
.section-wrap .indexabout-en span {  position: relative; }
.section-wrap .indexabout-en span:after, .indexabout-en span:before { content: ""; position: absolute; width: 20px; height: 1px; display: block; left: -30px; background: #e0e0e0; top: 10px; }
.section-wrap .indexabout-en span:after { right: -30px; left: auto; }
@media (max-width:1200px){
.section-wrap .indexabout-cn{ font-size: 26px; line-height: 50px; margin-bottom:15px;}
}
@media (max-width: 992px){
.page-section{padding:40px 0}
.section-wrap { overflow: hidden; margin-bottom:30px;}
.section-wrap .indexabout-en {font-size: 18px;}
}
@media (max-width: 768px){
.page-section{padding:30px 0}
.section-wrap .indexabout-cn{ font-size: 22px; line-height: 30px;}
}

/*** 

====================================================================
index_pt1
====================================================================

***/
.index_pt1{ background:#fafafa url(../images/bg1.png) no-repeat top center;}
.index_pt1 .about-img-box {position: relative;min-height: 520px; }
.index_pt1 .about-img-box:before {position: absolute;content: '';top: 10px;right: 30px;width: 260px;height: 230px;background: #ebebed;border-radius: 5px; }
.index_pt1 .about-content-box {padding-left: 45px; }
.index_pt1 .about-content-box { padding-top:50px;}
.index_pt1 .about-content-box .title h2{ margin-bottom:20px;}
.index_pt1 .about-content-box .title{ margin-bottom:20px; }
.index_pt1 .about-content-box .title span.span { font-size:20px;}
.index_pt1 .about-content-box p { line-height:34px;padding-bottom: 40px; }
.index_pt1 .about-content-box .main-btn {padding: 10px 50px;border-radius: 7px; }
@media only screen and (min-width: 992px) and (max-width: 1200px) {.index_pt1 .about-img-box:before { display: none; } }
@media (max-width: 767px) {.index_pt1 .about-img-box:before { display: none; } }
.index_pt1 .about-img-box:after {position: absolute;content: '';bottom: 0px;left: 20px;width: 170px;height: 170px;background: #fff;border: 30px solid rgba(237, 0, 9, .1);border-radius: 50%; }
@media (max-width: 767px) {.index_pt1 .about-img-box:after { display: none; }
.index_pt1 .about-content-box .title h2{ font-size:18px; margin-bottom:10px;}
.index_pt1 .about-content-box .title span.span { font-size:16px; margin-bottom:10px;}
.index_pt1 .about-content-box p { line-height:24px;padding-bottom: 40px; }
.index_pt1 .about-content-box .main-btn { text-align:center; margin:0 auto;}
 }
.index_pt1 .about-img-box .img-box {position: absolute;width: 100%; }
@media (max-width: 767px) {.index_pt1 .about-img-box .img-box { position: relative; } }
.index_pt1 .about-img-box .img-box-2 {max-width: 400px;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end; -ms-flex-align: end;align-items: flex-end; }
@media (max-width: 767px) {.index_pt1 .about-img-box .img-box-2 { top: auto; left: auto; -webkit-transform: none;transform: none; margin: 20px 0; } }
.index_pt1 .about-img-box .img-box-2 img {opacity: .9; }
.index_pt1 .about-img-box .img-box-2:after {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background: black;z-index: -1; }

@media only screen and (max-width: 1200px) {.index_pt1 .about-content-box {  padding-left: 0px;padding-top:0px; } }

/*** 

====================================================================
index_pt2
====================================================================

***/
.index_pt2 {background-image: url("../images/bg2.jpg");background-size: 100% 100%;background-position: center top;background-repeat: no-repeat;position: relative;}
.index_pt2 .section-wrap .indexabout-cn { color: #FFF;}
.index_pt2 .section-wrap .indexabout-en { color: #FFF; }
.index_pt2 .section-wrap .indexabout-en span:after, .indexabout-en span:before { background: #FFF; }
.index_pt2 .recom-product {overflow: hidden; height:510PX; }
.index_pt2 .recom-product ul { margin-bottom:20PX;  height:470PX; }
.index_pt2 .recom-product ul li { padding: 0;}
.index_pt2 .recom-product ul li a { display: block; background: #fff; border: 1px solid #ebebeb; position: relative; height: 100%; }
.index_pt2 .recom-product ul li a .zoom img { display: block; width: 100%; }
.index_pt2 .recom-product ul li a .inproduct-con { border-top: 1px solid #EBEBEB; padding: 25px 18px 15px; font-size: 15px; text-align:center; }
.index_pt2 .recom-product ul li a .inproduct-con h5 { font-size: 18px; color: #333; margin-bottom: 16px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.index_pt2 .recom-product ul li a .inproduct-con p { }
.index_pt2 .swiper-pagination-index_pro1{ margin-top:30PX;}

/*** 

====================================================================
index_pt3
====================================================================

***/
.index_pt3 li { margin-bottom:15px; }
.index_pt3 li .con{background-color:#f7f7f7;padding:10px 17px;}
.index_pt3 li:hover .con{ background-color:#e5e5e5; }
.index_pt3 li .xw_date_l{ position: relative; width:20%; font-family:Arial,sans-serif; text-align: right; color:#8c8c8c;}
.index_pt3 li .xw_date_l strong{font-size:35px;position:absolute;right:24px;top:15px;display: block;font-weight: normal;}
.index_pt3 li .xw_date_l span{font-size:16px;position: absolute;right:24px;display: block;}
.index_pt3 li .xw_date_r .h3{ font-weight:normal; font-size: 17px;color: #464646;}
.index_pt3 li .xw_date_r .p{ margin-top:3px;line-height: 22px; color:#666666; }
.index_pt3 li .xw_date_r{width:80%;text-align: left;}
.index_pt3 .more{ width:50%; margin:20px auto 0; text-align:center;}
.index_pt3 li .xw_date_r .h3{ margin-top:10px;}
@media (max-width: 767px) {
.index_pt3 li .xw_date_l strong{font-size:18px;}
.index_pt3 li .xw_date_r{width:75%;}
.index_pt3 li .xw_date_l{ width:25%;}
.index_pt3 li .xw_date_r .h3{ margin-top:0px;}
.index_pt3 li .xw_date_r .p{ height:70px; overflow:hidden; }
}
@media (max-width: 370px) {
.index_pt3 li .xw_date_r{width:72%;}
.index_pt3 li .xw_date_l{ width:28%;}
.index_pt3 li .xw_date_r .p{ height:45px; }
}
/*** 

====================================================================
index_pt4
====================================================================

***/
.gray{ background:#f3f3f3;}
.index_pt4 .section-wrap{ margin-bottom:0px;}
.index_pt4_list { position: relative; overflow: hidden; }
.index_pt4_list ul li { float: left; width:33.333337%; padding: 0; position: relative; overflow: hidden; }
.index_pt4_list ul li .inimg { display: block; width: 101%; -webkit-transition: all ease-in .7s; -o-transition: all ease-in .7s; -moz-transition: all ease-in .7s; transition: all ease-in .7s; }
.index_pt4_list_con { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #fff; -webkit-transition: all ease-in .7s; -o-transition: all ease-in .7s; -moz-transition: all ease-in .7s; transition: all ease-in .7s; }
.index_pt4_list_con img { display: inline-block; height: 56px; width: auto; }
.index_pt4_list_con h5 { font-size: 20px; line-height: 30px; margin: 3% 0 8%; }
.m-positionrel{position:relative;}
.index_pt4_list_con .index_pt4_list-text{text-align: center; overflow: hidden; margin: 0 auto; padding: 0 25%;width:100%; line-height:30px;  }
.index_pt4_list_con .m-ycenter { width: 100%;top:0;transform:translateY(0);margin-top:16%; }
.index_pt4_list ul li:hover .index_pt4_list_con { background: rgba(237, 0, 9, 0.8); }
@media (max-width: 768px) {
.index_pt4_list ul li { float: none; width:100%;}
.index_pt4_list_con h5 { font-size: 18px; margin: 2% 0 2%; }
.index_pt4_list_con .index_pt4_list-text{ padding: 0 5%;  line-height:24px;  }
.index_pt4_list_con .m-ycenter { margin-top:12%; }
}
@media (max-width:370px) {
.index_pt4_list_con .m-ycenter { margin-top:8%; }
.index_pt4_list_con h5 { font-size: 18px; margin: 1% 0 1%; }
.index_pt4_list_con .index_pt4_list-text{ padding: 0 2%; }
}
/*** 

====================================================================
index_pt5
====================================================================

***/

.solution-wraper ul li { margin:20px auto 0; text-align: center;  padding-bottom: 20px; }
.solution-wraper ul li:hover img { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
.solution-wraper ul li img { display: inline-block; height: 80px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
.solution-wraper ul li h4 { margin-top: 10px; font-size: 16px; line-height: 24px; }
@media (max-width:370px) {
.solution-wraper ul li img { width:100%}
}
/*** 

====================================================================
page_banner
====================================================================

***/
.banner_box{position:relative;overflow:hidden;}
.page_banner{height:400px;-webkit-transition: all 0.3s; transition: all 0.3s;}
.page_banner img{  -webkit-transition: all 0.8s; transition: all 0.8s;}
.page_banner .cat_box{position:absolute; bottom:40%; left:0; width:100%;}
.page_banner .cat_box .cat_name{font-size:24px; color:#fff; line-height:2;}
.page_banner .cat_box span{ font-size:36px; color:#fff;font-weight:normal; font-weight: bold;text-transform:uppercase;}
@media (max-width: 1600px){
.page_banner {height:333px;}
}
@media (max-width:1440px){
.page_banner {height: 300px;}
.page_banner .cat_box{position:absolute; bottom:28%;}
}
@media (max-width: 1200px){
.page_banner {height: 250px;}
.page_banner .cat_box .cat_name{font-size:20px; line-height:1.5;}
.page_banner .cat_box span{ font-size:26px;}
}
@media (max-width:992px){
.page_banner{height: 207px; }
}
@media (max-width: 768px){
.banner_box{ margin-top:60px;}
.page_banner{height:180px; overflow:hidden;}
.page_banner .cat_box .cat_name{font-size:16px; line-height:1.5;}
.page_banner .cat_box span{ font-size:22px;}
}
@media only screen and (max-width: 552px){
.page_banner{height:160px;}
}
@media only screen and (max-width: 425px){
.page_banner{height:125px;}
.page_banner .cat_box span{ font-size:20px;}
}
@media only screen and (max-width: 375px){
.page_banner{height:110px;}
}
/*** 

====================================================================
Bread crumbs
====================================================================

***/
.second_nav{ line-height: 60px;border-bottom: 1px solid #eaeaea; background:#f4f4f4; padding:3px 0;}
.second_nav .crumb{float: left;}
.second_nav .crumb li{float: left;color: #333;}
.second_nav .crumb a{color: #333;}
.second_nav .r_sec{float: right;}
.second_nav .r_sec li{float: left;margin:8px 10px 8px 10px; line-height:44px; }
.second_nav .r_sec.pro li{float: left;margin-right:10px; }
.second_nav .r_sec li.active a{background:#d40008; color:#fff;padding:0 12px; }
.second_nav .r_sec li a{display: block;color: #333;}
.second_nav .fa {margin: 0 .3em; font-size: 1em;}
.second_nav a:hover{background:#d40008; color:#fff;}
.second_nav .r_sec li a:hover{background:#d40008; color:#fff;}
@media (max-width: 1200px) {
.second_nav .r_sec li{margin-right:15px; }
.second_nav .r_sec li a{ font-size:15px; font-weight: normal;}
}
@media only screen and (max-width: 992px){
.second_nav .crumb{display: none;}
.second_nav .r_sec{float: left;}
}
@media only screen and (max-width: 670px){
.second_nav{height: auto;line-height: 30px;}
.second_nav .r_sec li{ line-height:30px; }

}
@media only screen and (max-width: 425px){
.second_nav .container{padding-right: 0px;padding-left:1px;}
.second_nav{ border-bottom: 1px solid #eaeaea;}
.second_nav .r_sec.about li{margin-right:15px; }
}
/*** 

====================================================================
about
====================================================================

***/
.about{background:url(../img/about_bg.jpg) no-repeat center; background-size:cover;}
.about .about-content-box .title{ margin-bottom:20px; }
.about .about-content-box .title span.span { font-size:24px;}
.about .about-content-box p { line-height:34px;padding-bottom: 40px; }
/*** 

====================================================================
prolist
====================================================================

***/
.prolist ul li {  margin-bottom:20PX; }
.prolist ul li a { display: block; background: #fff; border: 1px solid #ebebeb; position: relative; height: 100%; }
.prolist ul li a .zoom img { display: block; width: 100%; }
.prolist ul li a .inproduct-con { border-top: 1px solid #EBEBEB; padding: 25px 18px 15px; font-size: 15px; text-align:center; }
.prolist ul li a .inproduct-con h5 { font-size: 18px; color: #333; margin-bottom: 16px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
/*** 

====================================================================
proshow
====================================================================

***/
.proshow .detail_l {border:1px solid #eee; line-height:30px; padding:4% 4%;}
.proshow .detail_l .tit{font-size:24px; font-weight:600; line-height:34px;color:#444;margin-bottom: 15px;text-align: center; }
.proshow .detail_l .meta_info{ text-align: center; margin-top: 15px; border-bottom:1px dotted #ccc; padding-bottom: 15px; }
.proshow .pro_content p,.proshow .pro_content img{ margin:10px 0;}
.proshow .detail_r { border:1px solid #eee;padding:8%;margin-bottom:20px;color:#666;display:block;}
.proshow .detail_r .widget_title {font-size: 22px;font-weight: 500;letter-spacing: 0.20px;position: relative;border-bottom: 1px solid #e5e5e5;padding-bottom: 25px;margin-bottom: 30px}
.proshow .detail_r .widget_title:before {content: '';position: absolute;left: 0;bottom: 0;width: 80px;height: 1px;background-color: #0046e2;}
.proshow .detail_r .pro_list {margin-bottom: 0;padding: 20px 0;border-bottom: 1px solid #f2f2f2;}
.proshow .detail_r .pro_list .pro_list-img {margin-bottom: 20px;}
.proshow .detail_r .pro_list .pro_list-img img {width: 100%;}
.proshow .detail_r .pro_list .pro_list-content { padding: 0;border: none;margin: 0;}
.proshow .detail_r .pro_list .pro_list-content .pro_list-title {font-size: 16px;line-height: 22px;text-transform: none;font-weight: 700;height:30px;}
.proshow .detail_r .pro_list .pro_list-content .pro_list-title a { color:#333;line-height: inherit;}
.proshow .detail_r .pro_list .pro_list-content .pro_list-title a:hover{ color:#0b6fba;}
.proshow .r_contact{border: 1px solid #eee; position: relative;z-index: 1;padding: 0;}
.proshow .r_contact img {width: 100%;}
.proshow .r_contact .link-overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 1;z-index: 3;}
.proshow .r_contact .price-box {position: absolute;top: 25px;right: 25px;width: 110px;height: 110px;background-color: #e6091a;text-align: center;padding: 0 25px;z-index: 1;padding-top: 10px;border-radius: 50%;transition: all ease-in-out 0.3s;}
.proshow .r_contact .price-box:before {content: '';position: absolute;left: -5px;bottom: -5px;right: -5px;top: -5px;border: 2px dotted #e6091a;border-radius: 50%;animation: cspine 20s linear infinite;}
.proshow .r_contact .price-box span.text { font-weight: 500;color: #ffffff; }
.proshow .r_contact .price-box span.price {display: block;color: #ffffff;font-size: 26px;font-weight: 700;line-height: 30px;margin: 15px 0 5px;}
.proshow .r_contact .price-box span.price em {font-size: 20px;font-weight: 500;}
.proshow .r_contact .title {position: absolute;top: 50%;left: 20px;color: #e6091a;transform: translateY(-50%);text-transform: uppercase;font-size: 40px;max-width: 141px;line-height: 36px;font-family: "Oswald", sans-serif;font-weight: 600;}
.proshow .r_contact .title span {margin: 10px 0;display: inline-block;}
.proshow .r_contact .title .f-30 {font-size: 30px;}
.proshow .r_contact .title .f-65 {font-size: 65px;}
.proshow .r_contact .title .f-34 {font-size: 34px;}
.proshow .r_contact .title .f-40 {font-size: 40px;}
.proshow .r_contact .title .f-48 {font-size: 48px;}
.proshow .r_contact .title .text-white {color: #fff!important;}

@media screen and (max-width:1240px){
.proshow .pro_content{padding:3% 3%;}
.proshow .detail_r { padding:6%;}
}
@media screen and (max-width:1200px){
.proshow .detail_r .widget_title {font-size: 20px; }
.proshow .pro_content .tit{font-size:20px;}
}
@media screen and (max-width:1180px){
.proshow .detail_r .pro_list .pro_list-img { width: 130px; }
.proshow .detail_r .pro_list .pro_list-content {width: calc(100% - 150px); }
}
@media screen and (max-width:1170px){
.proshow .r_contact .title { font-size: 36px;}
.proshow .r_contact .title .f-30 {font-size: 28px;}
.proshow .r_contact .title .f-65 {font-size: 62px;}
.proshow .r_contact .title .f-34 {font-size: 32px;}
.proshow .r_contact .title .f-40 {font-size: 38px;}
.proshow .r_contact .title .f-48 {font-size: 44px;}
}
@media screen and (max-width:1024px){
.proshow .detail_r .pro_list .pro_list-img { width: 110px; }
.proshow .detail_r .pro_list .pro_list-content {width: calc(100% - 130px); }
.proshow .detail_r .pro_list .pro_list-content .pro_list-title { height:26px;}
}
@media screen and (max-width:992px){
.proshow .detail_l{ margin-bottom:20px;}
.proshow .detail_r .widget_title {font-size: 20px;}
}
@media screen and (max-width:768px){
.proshow .pro_title{font-size:18px;}
.proshow .r_contact{ display:none}
.proshow .pro_content .tit{font-size:18px;}
.proshow .detail_l img{ width:100%;}
.proshow .detail_r .widget_title {font-size: 16px;}
.proshow .detail_l .tit{font-size:17px; line-height:28px;}

}
/*** 

====================================================================
news
====================================================================

***/
.news .list_box{padding:30px 50px; }
.news .list_main{overflow:hidden;}
.news .bd_c{width:90%; padding-left:5%;}
.news .list_title{font-size:20px;color:#202020;font-weight:normal; margin-bottom:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .list_p{color:#464646;line-height: 26px;height:52px;overflow:hidden; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.news li:hover .list_box{background-color:#f6f9fc;}
.news li:hover .list_box:after{background-color:#f6f9fc;}
.news li:hover .list_time{background:#e60012;}
.news li:hover .list_title a{color:#333;}
.news .list_time_day{display:block;font-size:17px;color:#333; }
.news .list_time{font-size:16px; padding: 1.8% 1%; text-align: center; background: #333; color: #fff; position: relative; width: 10%; }
.news .list_time:after{ content: "";position: absolute; width: 1px; height: 100%; background: #e6e6e6; display: block; top: 0; right: -25%; }
.news .list_time_day{ color: #fff; }
@media only screen and (max-width:1240px){
.news .list_box{padding:10px 20px; }
}
@media only screen and (max-width:996px){
.news .list_box{padding:5px 10px; }
}
@media only screen and (max-width:760px){
.news .bd_r{float: none;width:100%;}
.news .list_main{margin-top: 20px;}
.news .list_title{font-size:17px;}
.news .list_box .bd_c{width:82%;padding: 0 0 0 3%;}
.news .list_box:after{width:100%;}
.news .list_time:after{display:none!important;}
.news .list_time{ margin-top:5px; width:60px;}
.news .list_time_day{font-size:15px; line-height:38px;}
.news .list_time{font-size:14px;}
}
/*** 

====================================================================
newsshow
====================================================================

***/
.newsshow .l_box{ border:1px solid #eee; padding:5% 4%;}
.newsshow .news_title{font-size:24px; font-weight:600; line-height:34px;color:#000;margin-bottom: 15px;}
.newsshow .l_tools{margin-bottom:40px;line-height:26px; border-bottom:1px dotted #ccc; padding-bottom:15px;}
.newsshow .l_tools span{display:inline-block;*display:inline;*zoom:1;font-size:14px;color:#5a5a5a;}
.newsshow .news_time{margin-right: 20px;}
.newsshow .news_content{ line-height:30px;}
.newsshow .news_content p,.newsshow .news_content img{ margin:10px 0;}
.newsshow .detail_r { border:1px solid #eee;padding:8%;margin-bottom:20px;color:#666;display:block;}
.newsshow .detail_r .widget_title {font-size: 22px;font-weight: 500;letter-spacing: 0.20px;position: relative;border-bottom: 1px solid #e5e5e5;padding-bottom: 25px;margin-bottom: 30px}
.newsshow .detail_r .widget_title:before {content: '';position: absolute;left: 0;bottom: 0;width: 80px;height: 1px;background-color: #d40008;}
.newsshow .detail_r .news { padding: 20px 0;border-bottom: 1px solid #f2f2f2;}
.newsshow .detail_r .news .news-content { margin-bottom:13px;}
.newsshow .detail_r .news .news-content .news-title {font-size: 16px;line-height: 32px;text-transform: none;font-weight: 700;}
.newsshow .detail_r .news .news-content .news-title a { color:#333;line-height: inherit;}
.newsshow .detail_r .news .news-content span {font-size: 14px;}
.newsshow .detail_r .news .news-content span i {font-size: 15px;margin-right: 7px;color: #d40008;}
@media screen and (max-width:992px){
.newsshow .detail_l{ margin-bottom:20px;}
.newsshow .news_title{font-size:20px;}
.newsshow .l_tools{margin-bottom:20px;}
}
@media screen and (max-width:768px){
.newsshow .news_title{font-size:18px;}
.newsshow .detail_r { padding:6% 4%;}
.newsshow .detail_r .widget_title {font-size: 20px;}
.newsshow .detail_r .news .news-content .news-title {font-size: 15px; height:45px;}
.newsshow .detail_r .news .news-img {margin-right: 10px; }
.newsshow .news_content{ line-height:26px;}

}
@media screen and (max-width:425px){
.newsshow .news_title{font-size:16px;}
.newsshow .detail_r { display:none;}
}
/*** 

====================================================================
service
====================================================================

***/
.fwzx1 {height: 310px; overflow:hidden; background:#fafafa}
.fwzx1 .img-box img {width: 100%;height:310px;}
.fwzxR {padding: 40px; }
.fwzxR h4 {font-size: 24px;line-height: 50px;padding-bottom: 10px;}
.fwzxR p {font-size: 16px;line-height: 28px;padding-bottom: 5px;}
.fwzc-shfwzx {overflow: hidden; margin-top:40px;height: 310px; background:#fafafa; }
.service .col-sm-6 {padding-left: 0;padding-right: 0;}
.fwzc-shfwzx img { width: 100%;height: 310px;}
.fwzc-shfwzx .fwzc-shfwzx-tel-box {padding:60px 40px;}
.fwzc-shfwzx-tel-box .fwzc-shfwzx-tel { line-height: 50px; margin-bottom:25px; }
.fwzc-shfwzx-tel-box .fwzc-shfwzx-tel i {background: #d40008 url('../images/tel_white.png') no-repeat center;width: 50px;height: 50px; line-height:50px;border-radius: 50%; padding-right:10px; float:left;}
.fwzc-shfwzx-tel-box .fwzc-shfwzx-tel:last-child i {background: #d40008 url('../images/email.png') no-repeat center;z-index:9}
.fwzc-shfwzx-tel-box .fwzc-shfwzx-tel span {font-size: 22px; margin-left:20px;}
@media screen and (max-width:992px){
.fwzxR {padding: 20px; }
.fwzc-shfwzx .fwzc-shfwzx-tel-box {padding:60px 25px;}
.fwzc-shfwzx-tel-box .fwzc-shfwzx-tel span {font-size: 20px; margin-left:10px;}
}
@media screen and (max-width:768px){
.fwzx1 {height:270px;}
.fwzx1 .img-box img {height:270px;}
.fwzxR {padding: 15px; }
.fwzxR h4 {font-size: 20px;line-height: 30px;padding-bottom: 10px;}
.fwzxR p {font-size: 15px;line-height: 24px;padding-bottom: 5px;}
.fwzc-shfwzx { height: 270px; }
.fwzc-shfwzx img { height: 270px;}
.fwzc-shfwzx .fwzc-shfwzx-tel-box {padding:60px 15px;}
}
@media screen and (max-width:767px){
.fwzx1 {height:540px;}
.fwzc-shfwzx { height: 540px; }
}
@media screen and (max-width:425px){
.fwzx1 {height:510px;}
.fwzx1 .img-box img {height:200px;}
.fwzc-shfwzx { height: 420px; }
.fwzc-shfwzx img { height: 200px;}
.fwzxR h4 {font-size: 18px;}
.fwzc-shfwzx-tel-box .fwzc-shfwzx-tel span {font-size:18px;}
.fwzc-shfwzx .fwzc-shfwzx-tel-box {padding:40px 15px;}

}
@media screen and (max-width:375px){
.fwzxR h4 {font-size: 16px;}
.fwzc-shfwzx-tel-box .fwzc-shfwzx-tel span {font-size:16px;}
}
/*** 

====================================================================
contact
====================================================================

***/
.contact-inform {display: flex;font-size: 18px;font-weight: 400; line-height:44px;}
.contact-inform a { color: #63666b; vertical-align:middle; }
.contact-inform i {font-size: 20px;height: 44px;width: 44px; line-height:44px;border:1px solid #d40008; color: #d40008;border-radius: 50px; text-align:center;margin-bottom: 35px; margin-right:20px;}
.ditu{width:99%;height:450px;border:#ccc solid 1px; text-align:center;}
@media only screen and (max-width:640px) {
.contact-inform {font-size: 16px; }
}
@media only screen and (max-width:360px) {
.contact-inform {line-height:40px;}
.contact-inform i {font-size: 18px;height: 40px;width: 40px; line-height:40px; margin-bottom: 25px; margin-right:10px;}
}
@media only screen and (max-width:319px) {
.contact-inform i {font-size: 18px; margin-bottom: 20px;}
.contact-inform {font-size: 15px; }
}