
@keyframes ani-rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);} }
.relative {position: relative;}
.cycle-box {--size: 40px;--time: 4s;--b-c: var(--main-color);--b-w: 3px;position: relative;width: 20px;height: 20px;}
.cycle-box .cycle-son {position: absolute;top: 0;height: 20px;width: calc(20px*0.5);overflow: hidden;}
.cycle-box .cycle-son::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cycle-box .left-c {left: 0;}
.cycle-box .left-c::before {transform-origin: right center;border-radius: calc(20px*0.5) 0 0 calc(20px*0.5);border: var(--b-w) solid var(--b-c);border-right: 0;transform: rotate(-180deg);}
.cycle-box .right-c {right: 0;}
.cycle-box .right-c::before {transform-origin: left center;border-radius: 0 calc(20px*0.5) calc(20px*0.5) 0;border: var(--b-w) solid var(--b-c);border-left: 0;transform: rotate(-180deg);}
.cycle-box.run .left-c::before {animation: cycle-left var(--time) linear;}
.cycle-box.run .right-c {right: 0;}
.cycle-box.run .right-c::before {animation: cycle-right var(--time) linear;}
.run .cycle-box .left-c::before {animation: cycle-left var(--time) linear;}
.run .cycle-box .right-c {right: 0;}
.run .cycle-box .right-c::before {animation: cycle-right var(--time) linear;}
@keyframes cycle-left {0% {transform: rotate(-180deg);}50% {transform: rotate(-180deg);}100% {transform: rotate(0deg);}}
@keyframes cycle-right {0% {transform: rotate(-180deg);}50% {transform: rotate(0deg);}100% {transform: rotate(0deg);}}
.self-svg {display: flex;align-items: center;justify-content: center;}
.self-svg svg.icon {width: 20px;height: 20px; color: #fff;}

.p-banner {background: center no-repeat;background-size: cover;height:700px;text-align: left;color: #fff;padding-top: 310px;}
.p-banner h2 {font-size: 36px; font-weight: bold; line-height: 40px;padding: 15px 0 30px; position: relative;text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}
.p-banner h2:after{ position: absolute; left:0px; bottom: 0px; height: 3px; width: 60px; background-color: #fff; content: "";text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}
.p-banner .en{ font-size: 20px; line-height: 55px; margin-top: 10px; text-transform: uppercase;text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}

.about-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnHSOpDHShHSWnJ1ENUI5SIt.jpg');}
.products-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnDHOpHROFExOeI1OpKISUU1uQHj.jpg');}
.news-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnK1qRE2cGH11nHRZpJHEF.jpg');}
.service-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnDyqODykFI2kJIS9pIxLoJ0WH.jpg');}
.solution-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnDy1sDHSLKI1eI1OpKISUU1uQHj.jpg');}
.contact-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnHy1qDSEFEzkJIS9pIxLoJ0WH.jpg');}

.page_nav{height: 80px;line-height:80px;border-bottom: 1px solid #eaeaea; background: #f8f8f8;}
.page_nav .crumb{float: right;}
.page_nav .crumb li{float: left;font-size: 18px;color: #333;}
.page_nav .crumb a{color: #333; font-size: 18px; }
.page_nav .crumb .fa{ color: #333; text-align: left; margin:22px 8px 0;}
.page_nav .crumb li:last-child{ color:#d61419 ;}
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{ float:left; font-size:18px; margin:0 40px 0px 0px;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#d61419;}
.page_nav .r_sec li a{color:#333;}
.page_nav .fa {margin:0px 8px 0; font-size:15px;}
.page_nav a:hover{color:#d61419;}
.page_nav.page_nav_pro .r_sec li{ margin:0 32px 0px 0px;}
.page_nav.page_nav_pro li{position:relative;}
.page_nav.page_nav_pro li .third_nav {position:absolute; left:0px; top:100%; width:100%; background:#fff; color:#3333; padding:0; display:none; z-index:3; }
.page_nav.page_nav_pro li .third_nav a {display:block; font-size:16px; line-height:30px; color:#666; background:#eaeaea; border-bottom:1px solid #fafafa; padding:5% 0; text-align:center;}
.page_nav.page_nav_pro li .third_nav a:hover {background:#d61419; color:#fff;}
.page_nav.page_nav_pro .fa{ margin:22px 3px 0;}
.page_nav.page_nav_pro .crumb li{float: left;font-size: 17px;color: #333;}
.page_nav.page_nav_pro .crumb a{color: #333; font-size: 17px; }

@media (max-width: 1800px){
.p-banner {height: 656px;padding-top: 250px;}
}
@media (max-width: 1700px){
.p-banner {height: 620px; }
}
@media (max-width: 1600px){
.p-banner {height: 583px;padding-top: 200px;}
}
@media (max-width: 1540px){
.p-banner {height: 561px; padding-top: 14%;}
}
@media (max-width: 1480px){
.p-banner {height: 540px; }
.p-banner h2 {font-size: 34px; }
}
@media (max-width: 1440px){
.p-banner {height: 525px;padding-top: 16%;}
.p-banner .en{line-height: 50px;}
.p-banner h2 {font-size: 32px; }
}
@media (max-width: 1400px){
.p-banner {height: 510px; }
}
@media (max-width: 1366px){
.p-banner {height: 500px; padding-top: 16%;}
.p-banner h2 {font-size: 30px; padding: 0px 0 20px; }
.p-banner .en{ font-size: 18px; }
.page_nav .r_sec li{ margin:0 25px 0 5px;}
.page_nav.page_nav_pro .r_sec li{ margin:0 25px 0px 0px;}
.page_nav{height:70px;line-height:70px; }
}
@media (max-width: 1300px){
.page_nav .r_sec li{ margin:0 22px 0 5px;}
.page_nav.page_nav_pro .r_sec li{ margin:0 22px 0px 0px;}
}
@media (max-width: 1280px){
.p-banner {height: 467px; padding-top: 17%;}
.p-banner h2 {font-size: 28px; }
.page_nav .r_sec li{ margin:0 17px 0 5px;}
.page_nav.page_nav_pro .r_sec li{ margin:0 17px 0px 0px;}
 }   
@media (max-width: 1240px){
.p-banner {height: 452px; }
.p-banner h2 {font-size: 26px; }
}
@media (max-width: 1200px){
.p-banner {height: 440px; padding-top: 100px; }
.p-banner h2 {font-size:24px; }
.page_nav .r_sec li{ font-size:16px; margin:0 10px 0 5px; }
.page_nav.page_nav_pro .r_sec li{ margin:0 10px 0px 0px;}
.page_nav{height:60px;line-height:60px; }
}  
@media (max-width: 1140px){
.p-banner {height: 416px; }
}
@media (max-width: 1100px){
.p-banner {height: 401px; }
}
@media (max-width: 1040px){
.p-banner {height: 380px; }
}
@media only screen and (max-width: 992px){
.p-banner {height: 362px; padding-top: 150px;}
.p-banner h2 {font-size:22px; }
.about-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnHSOpDHShHSWnJ1ENoSxoJ0WH.jpg');}
.products-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnDHOpHROFExOeI1OpKISUoy8qKxIJ.jpg');}
.news-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnK1qRE2cGH11nHRAgKucsDIH.jpg');}
.service-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnDyqODykFI2kJIS9pIxMdKOkMESV.jpg');}
.solution-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnDy1sDHSLKI1eI1OpKISUoy8qKxIJ.jpg');}
.contact-banner { background-image: url('/DxMFDSkFDEkqJSOIIxpnHy1qDSEFEzkJIS9pIxMdKOkMESV.jpg');}
.page_nav .crumb{display: none;}
}
@media (max-width: 900px){
.p-banner {height: 363px; margin-top: 50px; padding-top: 130px;}
}
@media (max-width: 868px){
.p-banner {height: 350px; padding-top: 110px;}
}
@media (max-width: 768px){
.p-banner {height: 310px; padding-top: 95px; }
.p-banner .en{line-height: 30px;}
.p-banner h2 {font-size:24px; line-height: 30px;padding: 10px 0 15px;}
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
 }
@media (max-width: 728px){
.p-banner {height: 294px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
.p-banner {height: 269px; padding-top: 85px; }
.p-banner .en{ font-size: 17px; line-height:28px;}
.p-banner h2 {font-size:22px; padding: 0px 0 10px;}
.p-banner h2:after{height: 2px; width: 25px; }
} 
@media (max-width:600px){
.p-banner {height: 242px; }
}   
@media (max-width:568px){
.p-banner {height: 229px; }
}
@media (max-width:528px){
.p-banner {height: 213px; padding-top: 70px; }
.p-banner .en{ font-size: 16px; line-height: 26px;}
}
@media (max-width:480px){
.p-banner {height: 194px; }
.p-banner .en{ display: none;}
}
@media only screen and (max-width: 425px){
.p-banner {height: 170px;padding-top: 60px;}
.p-banner h2 {font-size:20px; }
.p-banner .en{ font-size: 16px; line-height: 25px;}
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }

}
@media only screen and (max-width: 375px){
.p-banner {height: 151px; }
.p-banner h2 {line-height: 28px;padding: 8px 0 8px;}
}
.m_sencondNav{position:relative; z-index:99; /*height:51px;*/ }
.m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:60px; }
.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}
.m_sencondNav .m_second .home{background:#d61419; border-right:1px solid #e8e8e8; width:50px; height:50px; float:left; line-height:50px; display:block; text-align:center;}
.m_sencondNav .m_second .home .fa{display:block; color:#fff; height:50px; line-height:50px;}
.m_sencondNav .m_second .m_second_hd{width:calc(100% - 51px); background:#f6f6f6; float:left}
.m_sencondNav .m_second .m_second_hd li{float:left; position:relative;}
.m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;}
.m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none}
.m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 50px 0 23px; font-size:16px;}
.m_sencondNav .m_second .m_second_hd li:after,
.m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
.m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
.m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
.m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;}
.m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;}
.m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#f8f8f8; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; border-bottom: 1px solid #dedede; font-size:15px; color:#666; display:block}
.m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;}
.m_sencondNav .m_second .m_second_hd.active{background:#efefef;}
.m_sencondNav .m_second .m_second_hd.cur{background:#efefef;}
.m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block}
.m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;}

.page-tit { text-align: center; margin-bottom: 30px;}
.page-tit h3{ font-size: 48px;margin-bottom:40px; color: #333;}
.page-tit p{ font-size: 16px; line-height: 30px; color: #666; width: 80%; margin: 0 auto;}
@media (max-width:1440px) {
.page-tit h3{ font-size: 32px; }
}
@media (max-width:1366px) {
.page-tit { margin-bottom: 25px;}
.page-tit h3{ font-size: 28px;  margin-bottom: 30px;}
}
@media (max-width:1280px) {
.page-tit { margin-bottom: 20px;}
}
@media (max-width:1200px) {
.page-tit h3{ font-size: 24px; margin-bottom: 20px; }
.page-tit p{ font-size: 16px; width: 90%; }
}
@media (max-width:1024px) {
.page-tit { margin-bottom: 15px;}
.page-tit h3{ font-size: 22px;}
}
@media (max-width:768px) {
.page-tit { margin-bottom: 10px;}
.page-tit h3{ margin-bottom: 15px;}
.page-tit p{ width: 100%; line-height: 28px; }
}
@media (max-width:468px) {
.page-tit { margin-bottom: 10px;}
}
.i_title h2 { font-size: 36px;}
.aboutpage .i_title{ margin: 0 auto 30px; text-align: left;}
.aboutpage .i_title h2,.aboutpage .i_title h2 a{ color:#d61419; text-align: left; }
.aboutpage .i_title h3{ line-height: 35px; font-size: 20px; margin-top: 15px; color:#42aff0;}
.aboutpage .text {margin-top: 10px; }
.aboutpage .text p {font-size: 16px;line-height:34px; color: #666; text-indent: 2em; margin-bottom: 20px;}

.about-pt2{ margin-top: 50px;}
.about-pt2 li{float: left;width: 16.666666667%;text-align: center;overflow: hidden;position: relative;}
.about-pt2 li::after{position: absolute;top: 43%;transform: translateY(-50%);right: 0;content: "";display: block;height: 202px;width: 1px;border-left: 1px solid rgba(255, 255, 255, .1);  }  
.about-pt2 li:hover>img{ animation: swing;animation-duration: 3s;cursor: pointer;}  
.about-pt2 h4{ color: #333;font-size: 18px; margin: 23px 0 18px;}  
.about-pt2 li:hover .info-font>div{transform: translateX(100%);}
@media (max-width: 1600px) {
.i_title h2 { font-size: 34px;}
}
@media (max-width: 1440px) {
.i_title h2 { font-size: 32px;}
.aboutpage .i_title{ margin: 0 auto 20px;}
.aboutpage .text p { line-height:32px; margin-bottom: 15px;}
}
@media (max-width: 1366px) {
.i_title h2 { font-size: 28px;}
.aboutpage .text p { line-height:30px; margin-bottom: 10px;}
.about-pt2{ margin-top: 30px;}
.about-pt2 h4{ font-size: 18px; margin: 20px 0 18px;} 
}
@media (max-width: 1200px) {
.crumbs{ display: none;}
.aboutpage .i_title{ margin: 0 auto 20px;}
.aboutpage .i_title h2,.aboutpage .i_title h2 a{ font-size: 24px;}
.aboutpage .text p { line-height:32px;}
.about-pt2 h4{ font-size: 16px;}
}
@media (max-width:768px){
.aboutpage .text p { line-height:28px;}
.about-pt2 {margin-top: 40px;}
.about-pt2 li{ width: 33%; }
.about-pt2 h4{ margin: 15px 0 15px;}  
}
@media (max-width:480px){
.about-pt2 h4{ height: 40px;}
.aboutpage .i_title h2,.aboutpage .i_title h2 a{ font-size: 22px;}
.aboutpage .text {margin-top:5px; }
}
@media (max-width:468px){
.aboutpage .i_title h2,.aboutpage .i_title h2 a{ font-size: 20px;}
.aboutpage.pad-80 { padding-bottom: 0px;} 
.about-pt2 {margin-top: 20px;}
.about-pt2 li img{ width: 63%; }
.about-pt2 h4{ font-size: 16px; height: 45px; line-height: 26px;}  
}
.about-page2.pad-80 { padding-top: 0px;}
.index_3_2_left{ overflow:hidden;position:relative; margin-bottom: 17px;}
.index_3_2_left_1{ height:100%;position:relative; overflow:hidden;}
.index_3_2_left_1:after{content: "";  position: absolute;  left:0; bottom:0; height:100%; width:100%; z-index:1; opacity:0.2;}
.index_3_2_left_1 img{width:100%;}
.about-page2 .container {padding-right: 10px;padding-left: 10px;}
.about-page2 .row {margin-right: -10px;margin-left: -10px;}
.about-page2 .col-lg-07{padding-right: 10px;padding-left: 10px;}
.about-page2 .col-lg-05{padding-right: 10px;padding-left: 20px;}

.about-page2 .col-lg-05 .col-lg-6 {padding-right: 10px;padding-left: 0px;}
.about-page2 .col-lg-05 .col-lg-12 {padding-left: 0px;padding-right: 10px;} 
 
.page-culture-content { margin-top: 30px;}
.page-culture-list .item .cover{position:absolute; left:0; bottom:0; width:100%; height:100%; transition: .7s ease;}
.page-culture-list .item .cover .box{padding:38% 45px 15%; text-align: center;}
.page-culture-list .item .cover .box .title { padding: 30px 0;}
.page-culture-list .item .cover .box .title .icon{ margin-bottom: 15px;}
.page-culture-list .item .cover .box .tit{font-size:26px; color:#fff;}
.page-culture-list .item .cover .box .con{ display: none; font-size:18px; line-height: 36px; color:#fff; margin-top: 10px; }
.page-culture-list .item a:hover .cover .box {padding:26% 45px 15%; }
.page-culture-list .item a:hover .cover .box .tit{ position: relative; padding-bottom: 15px;}
.page-culture-list .item a:hover .cover .box .tit::after{content: "";  position: absolute; left:44%; bottom:0; height:2px; width:40px; background: #fff; }
.page-culture-list .item a:hover .cover .box .con{ display: block; }
@media (max-width:1440px){
.page-culture-list .item .cover .box .con{ width: 100%;}
}
@media (max-width:1280px){
.index_3_2_left{ margin-bottom: 16px;}
}
@media (max-width:1200px){
.page-culture-list .item .cover .box{padding:38% 25px 15%; }
.page-culture-list .item .cover .box .title .icon{ margin-bottom: 10px;}
.page-culture-list .item .cover .box .tit{font-size:24px;}
.page-culture-list .item .cover .box .con{ line-height: 32px;}
.page-culture-list .item a:hover .cover .box {padding:22% 25px 15%; }
}
@media (max-width:1140px){
.page-culture-list .item .cover .box{padding:32% 25px 15%; }
.page-culture-list .item a:hover .cover .box {padding:20% 25px 15%; }
}
@media (max-width:1024px){
.page-culture-list .item .cover .box{padding:28% 15px 15%; }
.page-culture-list .item a:hover .cover .box {padding:12% 25px 12%; }
} 
@media (max-width:992px){
.page-culture-list .item .cover .box{padding:25% 10px 10%; }
.page-culture-list .item .cover .box .tit{font-size:20px;}
.page-culture-list .item .cover .box .title .icon{ margin-bottom:5px;}
.page-culture-list .item .cover .box .con{font-size:16px; line-height: 28px; margin-top: 5px;}
}
@media (max-width:868px){
.page-culture-content { margin-top: 20px;}
.page-culture-list .item a:hover .cover .box {padding:3% 10px 7%; }
}
@media (max-width:768px){
.page-culture-content { margin-top: 10px;}
.page-culture-list { margin-bottom: 20px;}
.page-culture-list .rect-120{padding-bottom: 80%;}
.page-culture-list .item .cover .box{padding:30% 25px;}
.page-culture-list .item a:hover .cover .box {padding:23% 25px 7%; }
}
@media (max-width:568px){
.page-culture-list .item .cover .box{padding:25% 20px;}
.page-culture-list .item .cover .box .con{ line-height: 26px; }
.page-culture-list .item .cover .box .tit{font-size:18px;}
.page-culture-list .item a:hover .cover .box {padding:15% 20px 7%; }
}
@media (max-width:468px){
.page-culture-list .item .cover .box{padding:22% 20px;}
.page-culture-list .rect-120{padding-bottom: 90%;}
}
@media (max-width:428px){
.page-culture-list .item .cover .box{padding:26% 20px;}
.page-culture-list .rect-120{padding-bottom: 110%;}
}
@media (max-width:375px){
.page-culture-list { width: 100%;}
.page-culture-list .rect-120{padding-bottom: 120%;}
}


.manufacture ul li { margin-bottom: 30px;}
.manufacture .box-list .list-pic {width: 100%; overflow: hidden;}
.manufacture .box-list .list-pic img {width: 100%;transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.manufacture .box-list .list-cent {width: 100%;}
.manufacture .box-list .list-cent .cent-title { font-size: 18px; text-align: center;padding:10px 0; line-height: 30px;color: #393435; background-color: #f0f0f4; border-bottom: 2px solid #f0f0f4;}
.manufacture .box-list:hover .list-pic img {transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));}
.manufacture .box-list:hover .list-cent .cent-title { border-bottom: 2px solid #d72222;}
@media only screen and (max-width:992px) {
.manufacture .box-list .list-cent .cent-title { font-size: 17px; }
}
@media screen and (max-width: 768px){
.manufacture .box-list .list-cent .cent-title { font-size: 16px; padding: 5px 0;}
}
.development .content .item .left { width: 50%; float: left;}
.development .content .item .right .box .c{ font-size: 16px; line-height:32px; color:#666; overflow:hidden; }
.development .content .item .right .box .t{font-size: 24px; font-weight: bold; padding-bottom: 20px;}
.development .content .item .right { width: 50%; float: left; background-color: #f9f9f9; padding:90px 70px 18px;}
.development .content .item .right .box { min-height: 340px;}
@media ( max-width:1479px) {
.development .content .item .right { padding:70px 45px;}
.development .content .item .right .box { min-height: 270px;}
}
@media ( max-width:1359px) {
.development .content .item .right { padding:57px 45px;}
}
@media ( max-width:1299px) {
.development .content .item .right { padding:50px 45px;}
}
@media ( max-width:1280px) {
.development .content .item .right { padding:58px 30px;}
.development .content .item .right .box { min-height: 255px;}
.development .content .item .right .box .c{line-height:30px;}
.development .content .item .right .box .t{font-size: 28px; padding-bottom: 20px; }
}
@media ( max-width:1279px) {
.development .content .item .right .box { min-height: 245px;}
}
@media ( max-width:1200px) {
.development .content .item .right { padding:48px 30px;}
.development .content .item .right .box { min-height: 240px;}
.development .content .item .right .box .t{font-size: 24px;}
}
@media ( max-width:1190px) {
.development .content .item .right { padding:45px 30px;}
}
@media ( max-width:1100px) {
.development .content .item .right { padding:42px 30px;}
}
@media ( max-width:1090px) {
.development .content .item .right { padding:30px 25px;}
.development .content .item .right .box { min-height: 225px;}
}
@media ( max-width:1024px) {
.development .content .item .left .rect-78{padding-bottom: 81%;}
.development .content .item .right { padding:35px 20px;}
.development .content .item .right .box .c{line-height:28px;}
}
@media ( max-width:992px) {
.development .content .item .right { padding:30px 20px;}
.development .content .item .left .rect-78{padding-bottom: 92%;}
}
@media ( max-width:982px) {
.development .content .item .right { padding:23px 20px;}
.development .content .item .right .box { min-height: 215px;}
.development .content .item .right .box .t{ padding-bottom: 10px; font-size: 22px;}
}
@media ( max-width:965px) {
.development .content .item .right { padding:15px 15px;}
}
@media ( max-width:920px) {
.development .content .item .right { padding:10px 10px;}
.development .content .item .right .box { min-height: 250px;}
.development .content .item .right .box .c{line-height:29px;}
.development .content .item .right .box .t{font-size: 20px;}
}
@media ( max-width:900px) {
.development .content .item .right .box { min-height: 245px;}
}
@media ( max-width:890px) {
.development .content .item .right .box .c{line-height:26px;}
.development .content .item .right .box { min-height: 240px;}
}
@media ( max-width:870px) {
.development .content .item .right .box { min-height: 230px;}
}
@media ( max-width:840px) {
.development .content .item .right .box { min-height: 225px;}
}
@media ( max-width:820px) {
.development .content .item .right .box { min-height: 220px;}
}
@media ( max-width:800px) {
.development .content .item .right { padding:5px 5px;}
.development .content .item .right .box .t{font-size: 18px; padding-bottom: 2px;}
.development .content .item .right .box .c{  line-height:24px; }
}
@media ( max-width:768px) {
.manufacture ul li { margin-bottom: 25px;}
.development .content .item { margin-bottom: 20px;}
.development .content .item .left .rect-78{padding-bottom: 70%;}
.development .content .item .left { width: 100%; float: none;}
.development .content .item .right .box .t{font-size: 18px;padding-bottom: 15px;}
.development .content .item .right .box .c{  line-height:28px; }
.development .content .item .right { width: 100%; float: none;padding:30px 20px;}
.development .content .item .right .box { min-height: 175px;}
}
@media ( max-width:468px) {
.manufacture ul li { margin-bottom:20px;}
.development .content .item .right { padding:20px 20px 20px;}
.development .content .item .right .box .t{ padding-bottom: 10px;}
}
@media ( max-width:400px) {
.development .content .item .right { padding:15px 15px 15px;}
}
.products ul li { margin-bottom: 30px;}
.products .box-list .list-pic {width: 100%; overflow: hidden; border: 1px solid #e5e5e5;}
.products .box-list .list-pic img {width: 100%; }
.products .box-list .list-cent {width: 100%;}
.products .box-list .list-cent .cent-title { font-size: 18px; text-align: center;padding:10px 0; line-height: 30px;color: #393435; border-bottom: 2px solid #fff;}
.products .box-list:hover .list-pic img {transform: scale(1.1, 1.1) translateZ(0);-o-transform: scale(1.1, 1.1) translateZ(0);-moz-transform: scale(1.1, 1.1) translateZ(0);-webkit-transform: scale(1.1, 1.1 translateZ(0));}
.products .box-list:hover .list-cent .cent-title { border-bottom: 2px solid #d72222;}
.application .swiper-container-right-application{ padding-bottom: 20px;}
.application .box-list .list-pic { border: 1px solid transparent;}
.application .box-list .list-cent .cent-title { border-bottom: 2px solid transparent;}
.application .swiper-pagination-bullet { width: 12px; height: 12px; float: left; border-radius: 100%;}
.application .swiper-pagination-right-application .swiper-pagination-bullet-active{ background: #cc0000; border-radius: 100%; }
.application .swiper-container-horizontal>.swiper-pagination-bullets,.application .swiper-pagination-right-application,.application .swiper-pagination-fraction { width: 100%; left: 48%;}
@media only screen and (max-width:1300px) {
.products ul li { margin-bottom: 25px;}
}
@media only screen and (max-width:1280px) {
.products ul li { margin-bottom: 20px;}
.products .box-list .list-cent .cent-title { height: 56px; line-height: 28px;}
}
@media only screen and (max-width:992px) {
.products ul li { margin-bottom: 15px;}
.products .box-list .list-cent .cent-title {height: auto; font-size: 17px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
}
@media screen and (max-width: 768px){
.products .box-list .list-cent .cent-title { font-size: 16px; }
}
@media screen and (max-width: 568px){
.products .box-list .list-cent .cent-title { height: 64px; line-height: 25px; }
}


.solution_list ul li{ margin-bottom: 25px;}
.solution_list ul li .con{ width: 100%;}
.solution_list .pagetitle {margin-bottom: 20px; }
.solution_list a { display: block;}
.solution_list .suspen { width: 100%;padding: 15px 0px; }
.solution_list .h1 a{font-size: 30px;color: #333; font-weight: bold; line-height: 28px; }
.solution_list .suspen .desc {font-size: 16px;color: #666; line-height: 28px; }
.solution_list .suspen .more { display: inline-block; color: #d61419; font-size: 16px; margin-top: 15px; text-transform: uppercase; line-height: 28px;}

@media only screen and (max-width: 1440px) {
.solution_list .h1 a{font-size: 26px;}
}
@media only screen and (max-width: 1366px) {
.solution_list .h1 a{font-size: 22px;}
}
@media only screen and (max-width: 992px) {
.solution_list .h1 a{font-size: 20px;}
.solution_list .suspen { padding: 10px 0px; }
.solution_list .suspen .h1 {margin-top: 15px;}
}
@media only screen and (max-width: 767px) {
.solution_list .suspen {padding: 10px 0;}
.solution_list .suspen .h1 {margin-top: 10px; margin-bottom: 10px;}
.solution_list .h1 a{font-size: 18px;}
.solution_list .suspen .more { margin-top: 10px; }
}
@media only screen and (max-width:467px) {
.solution_list .suspen { padding: 5px 0px; }
}

.solution_show .col-md-7{width: 53.73333333%;}
.solution_show .col-md-5{width: 46.26666667%;}
.solution_show .item { padding: 6% 0 0 7%; }
.solution_show .item h3{ font-size:36px; font-weight: bold; color: #333; margin-bottom: 35px;}
.solution_show .item p { color: #666; line-height: 32px; font-size: 16px;}
.solution_show .share { margin-top:20%; }
.solution_show .share .wechat { position: relative;}
.solution_show .share .wechat:hover .vx { display: block;}
.solution_show .share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.solution_show .share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.solution_show .share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.solution_show .share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.solution_show .share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}
.solution_show .share a { margin-right:10px; float: left;}

.solution-pt2{ margin-top: 40px;}
.solution-pt2 .col-sm-4{ text-align: center;overflow: hidden;position: relative;}
.solution-pt2 .col-sm-4::after{position: absolute;top: 43%;transform: translateY(-50%);right: 0;content: "";display: block;height: 202px;width: 1px;border-left: 1px solid rgba(255, 255, 255, .1);  }  
.solution-pt2 .col-sm-4:hover>img{ animation: swing;animation-duration: 3s;cursor: pointer;}  
.solution-pt2 .col-sm-4 h4{ font-size: 18px; line-height: 32px; margin: 15px auto; color: #333;}
.solution-pt2 .col-sm-4 .desc{ font-size: 16px; line-height: 32px; color: #666;margin: 10px auto;}
.gray { background: #f8f8f8;}
@media (max-width:1440px){
.solution_show .item h3{ font-size:32px; margin-bottom: 30px; }
.solution_show .share { margin-top:15%; }
}
@media (max-width:1366px){
.solution_show .item h3{ font-size:30px; margin-bottom: 20px;}
}
@media (max-width:1280px){
.solution_show .item h3{ font-size:28px; }
.solution_show .item { padding: 4% 0 0 4%; }
.solution_show .share { margin-top:10%; }
}
@media (max-width:1080px){
.solution_show .item h3{ font-size:26px; }
.solution_show .item { padding: 2% 0 0 2%; }
}
@media (max-width:1024px){
.solution_show .item h3{ font-size:24px; }
}
@media (max-width:992px){
.solution_show .item {padding: 4% 0 0 0px; margin-bottom: 0px;}
.solution_show .col-md-7{width: 100%;}
.solution_show .col-md-5{width: 100%;}
.solution_show .item h3{ font-size:22px; margin-bottom: 15px; }
.solution_show .item p {line-height: 30px; font-size: 16px;}
.solution_show .share { margin-top:5%; }
}
@media (max-width:768px){
.solution_show .item .rect-35 { padding-bottom: 28%;}
.solution_show .item p {line-height: 28px; font-size: 15px;}
.solution_show .item h3{ font-size:22px; padding-bottom: 15px; margin-bottom: 15px;}
.pro_show_right .pro_content{ margin-bottom:20px; margin-top:20px;}
}
@media (max-width:568px){
.solution_show .item .rect-35 { padding-bottom: 58%;}
.solution_show .item h3{ font-size:18px; }
}

.newslist li{ margin-bottom: 25px;}
.newslist .list_box{padding:10px 40px; border: 1px solid #e6e6e6; border-radius: 15px; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.newslist .img{overflow:hidden; width:25%;}
.newslist .img img{ width:100%;}
.newslist .list_main{overflow:hidden; width:62%; margin-left:3%;margin-right:3%; margin-top: 2%;}
.newslist .list_title{font-size:20px;font-weight: bold; line-height:60px; color:#202020; display:block;}
.newslist .list_title:hover{color: #d61419;}
.newslist .list_p{ color:#666;line-height: 32px; overflow:hidden;}
.newslist .date{ display:none; font-size:15px;line-height: 32px;}
.newslist .list_time{ color:#999999; width:7%;text-align: center; margin-top: 2%;}
.newslist .list_time_year{font-size:55px; font-weight: bold;}
.newslist .list_time_day{display:block;font-size:16px; line-height:40px; font-weight: bold; border-top: 1px solid #999999; width: 80%; margin: 0 auto;}
.newslist li:hover .list_box{ box-shadow:0 0 8px rgba(153,153,153,0.4);}
.newslist li:hover .list_box:after{background-color:#f8f8f8;}
.newslist li:hover .list_title{color:#d61419;}
.newslist li:hover .list_time{ color:#d61419;} 
.newslist li:hover .list_time_day{ border-top: 1px solid #d61419; }
@media only screen and (max-width:1440px){
.newslist .list_time_year{font-size:50px;}
.newslist .list_time_day{ line-height:34px; width: 100%; }
.newslist .list_p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
}
@media only screen and (max-width:1366px){
.newslist .list_time_year{font-size:46px;}
.newslist .list_title{ line-height:50px;}
.newslist .list_box{padding:10px 30px;}
}
@media only screen and (max-width:1240px){
.newslist .list_box{padding:10px 20px;}
.newslist .list_time{ font-size:20px;}
.newslist .list_time_year{font-size:40px;}
.newslist .list_time_day{ line-height:32px; }
.newslist .list_title{font-size:18px; line-height:40px;}
}
@media only screen and (max-width:1024px){
.newslist .list_time_year{font-size:36px;}
.newslist .list_time_day{ line-height:30px;}
}
@media only screen and (max-width:992px){
.newslist .list_time_year{font-size:32px;}
.newslist .list_time{ width:10%; }
.newslist .list_main{ width:60%; margin-left: 2%;margin-right: 2%;}
.newslist .img{ width:26%;}
.newslist .list_p{ line-height: 30px; }
}
@media only screen and (max-width:768px){
.newslist .list_box{ padding:2%; }
.newslist li{margin-bottom:20px;}
.newslist .list_time{ display:none;}
.newslist .img{overflow:hidden; width:36%;}
.newslist .list_main{overflow:hidden; width:62%; margin-right:2%; margin-left: 0px;}
.newslist .list_p{line-height: 24px;height:50px;overflow:hidden;}
.newslist .list_title{font-size:17px; line-height:34px;}
.newslist .date{ display:block; }
}
@media only screen and (max-width:728px){
.newslist .img{ width:40%;}
.newslist .list_main{ width:58%; margin-top:1%;}
}
@media only screen and (max-width:540px){
.newslist .date{ display:block;}
}
@media only screen and (max-width:500px){
.newslist li{ margin-bottom: 25px;}
.newslist .list_box{padding:0px; border-radius:0px; border:0px; background: #f7f7f7;}
.newslist .list_title{font-size:16px;line-height:25px; color:#000;}
.newslist .img{ width:100%;}
.newslist .list_main{ width:100%; margin-right: 0px; }
.newslist .list_main .bd_c{ padding: 15px;}
}


.show-news .left .page-tit { text-align: left!important;}
.show-news .left .page-tit h1{ font-size: 30px; }
.show-news .tool{ margin-top: 30px; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc;}
.show-news .tool .left #hits { margin-left: 35px;}
.show-news .tool .float-left span{ margin-right: 5px;}
.show-news .tool .float-left .fa{ margin-right: 8px;}

.show-news .tool .share { margin: 0 10px;}
.show-news .tool .share ul li { font-size: 15px; color: #666; margin-right: 0px;}
.show-news .tool .share ul li img{ width: 60%;}
.show-news .news-box .left { float: left; width: 69%; padding-right: 5%; }
.show-news .news-box .left .news-c { margin: 30px 0 0; }
.show-news .news-box .left .news-c p,.show-news .news-box .left .news-c div{ line-height: 34px; font-size: 16px; color: #666;} 
.show-news .news-box .right { float: right; width: 31%;}
.show-news .news-box>.right .commend-t { font-size: 24px; color: #333; position: relative; padding-left: 4%;}
.show-news .news-box>.right .commend-t:before{  content: ''; position: absolute; left:-2px; top: 2px; width:4px; height: 30px; background:#dc0202;}

.show-news .news-box>.right .commend-lists ul li { margin-top:20px; padding-bottom: 20px; border-bottom:1px solid #e5e5e5;}
.show-news .news-box>.right .commend-lists ul li .item-tit { font-size: 20px;line-height: 36px; color: #333;}
.show-news .news-box>.right .commend-lists ul li .item-desc { font-size: 16px;line-height: 30px; color: #666;}
.show-news .news-box>.right .commend-lists ul li .item-c {color: #d61419; font-size: 16px; line-height: 30px;}
.show-news .news-box>.right .commend-lists ul li .commend-item a { display: block;}
.show-news .news-box>.right .commend-lists ul li .commend-item a:hover{color: #dc0202; }
.share ul li { float: left; margin-right: 15px;}
.share ul li:last-child { margin-right: 0;}
.show-news .share { margin: 20px 0;}
.share .wechat { position: relative;}
.share .wechat:hover .vx { display: block;}
.share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; top: -14px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: transparent transparent #fff transparent}
.share .wechat .vx { position: absolute; bottom: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -76px; display: none;}
.share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}

.prev_next {margin-top: 40px; line-height: 60px; border-top:1px solid #e5e5e5;color: #666; }
.prev_next a{color: #666; }
.prev_next li {margin: 10px auto;font-size: 16px; width: 48%;}
.prev_next li a:hover { color: #dc0202; }

@media(max-width:1366px) {
.show-news .left .page-tit {margin-bottom:20px;}
.show-news .left .page-tit h1{ font-size: 24px; }
.show-news .news-box>.right .commend-t { font-size: 24px; }
.show-news .news-box>.right .commend-lists ul li .item-tit { font-size: 16px;line-height: 30px;}
.show-news .tool{ margin-top:20px; }
}
@media(max-width:1200px) {
.show-news .left .page-tit h1{ font-size: 20px; }
.show-news .news-box>.right .commend-t { font-size: 20px; }

}
@media(max-width:992px) {
.show-news .prev_next li { width: 100%; margin: 0px auto;}
}
@media(max-width:768px) {
.show-news .left .page-tit h1{ font-size: 18px; }
.show-news .tool{ margin-top: 10px; padding-bottom: 10px;}
.show-news .news-box>.left { float: none; width: 100%;padding-right:0; border-right: 0px solid #e5e5e5;}
.show-news .news-box>.right { float: none; display:none; width: 0px; padding-left: 0;}
.show-news .tool .share { display:none;}
.show-news .prev_next {margin-top: 30px; line-height: 40px;}
}
@media(max-width:668px) {
.show-news .left .page-tit {margin-bottom:15px;}
.show-news .tool{ margin-top: 0px; padding-bottom: 10px;}
.show-news .news-box .left .news-c { margin: 20px 0 0; }
.show-news .news-box .left .news-c p{ line-height: 28px; } 
.prev_next li {width: 100%;margin: 5px auto 0px;}
.prev_next {margin-top: 20px; line-height: 35px;}
}

.server .page-tit{ text-align: left;}
.server .page-tit h3{ margin-bottom: 30px;}
.server .page-tit p{text-align: left; width: 100%; color: #333; }
.server .server_right {padding-top: 40px; padding-left: 8%;}
.server .server_right dl { margin-bottom: 25px;}
.server .server_right dl dt{ padding-left: 35px; font-size: 24px; color: #333; font-weight: bold; margin-bottom: 20px; position: relative;}
.server .server_right dl dt::before{ content: ''; position: absolute; left: 0px; top: 7px; width: 20px; height: 20px; background: url(/DxMFDSkFDEkqJSOIIxpnDyqOn1qnURAnHt.jpg) no-repeat; }
.server .server_right dl dt span{  font-weight: normal; font-size: 16px; color: #666; margin-left: 5px;}
.server .server_right dl dd{ font-size: 16px; color: #666; line-height: 32px;}
@media(max-width:1600px) {
.server .page-tit h3{ font-size: 42px; margin-bottom: 25px; }
}
@media(max-width:1440px) {
.server .page-tit h3{ font-size: 38px; margin-bottom: 20px;}
}
@media(max-width:1366px) {
.server .page-tit h3{ font-size: 34px; margin-bottom: 15px;}
.server .server_right {padding-top: 20px; padding-left: 4%;}
}
@media(max-width:1200px) {
.server .page-tit h3{ font-size: 30px; margin-bottom: 10px;}
}
@media(max-width:1100px) {
.server .page-tit h3{ font-size: 28px;}
.server .server_right { padding-left: 2%;}
.server .server_right dl { margin-bottom: 15px;}
}
@media(max-width:992px) {
.server .page-tit h3{ font-size: 26px;}
.server .server_right { padding-left:0PX;}
.server .server_right dl dt{ padding-left: 30px; font-size: 20px; margin-bottom:15px;}
.server .server_right dl dt::before{ top: 3px;}
}
@media(max-width:768px) {
.server .page-tit h3{ font-size: 24px; margin-bottom: 15px;}
.server .server_left img{ width: 100%;}
.server .server_right dl dt{ font-size: 18px; margin-bottom:10px;}
.server .server_right dl dt::before{ top: 0px;}
.server .server_right dl dd{ line-height: 28px;}
}
@media(max-width:468px) {
.server .server_right dl dt{ margin-bottom:5px;}
}
.server1 { background: url(/DxMFDSkFDEkqJSOIIxpnDyqODyOQN2kJHu9LD1Z.jpg) no-repeat center bottom;background-size: cover;}
.server1 .page-tit h3{ color: #fff; text-align: left;}
.server1 .box ul li { float: left; width: 50%;}
.server1 .box ul li .server1-item { margin-bottom: 20px; margin-top: 20px;}
.server1 .box ul li .server1-item h3 { font-size: 20px; color: #fff; font-weight: bold; padding-bottom: 15px; margin-top: 15px;}
.server1 .box ul li .server1-item p { font-size: 18px; line-height: 32px; color: rgba(255, 255, 255, .65);}
.server1 .box ul li .server1-item .server1-ico { height: 72px; line-height: 72px;}
.server1 .box ul li .server1-item .server1-ico.server1-ico1{ background: url(/DxMFDSkFDEkqJSOIIxpnDyqODyOQN2kqIy4QUHEoIt.jpg) no-repeat;} 
.server1 .box ul li .server1-item .server1-ico.server1-ico2{ background: url(/DxMFDSkFDEkqJSOIIxpnDyqODyOQN2kqIy4NUHEoIt.jpg) no-repeat;} 
.server1 .box ul li .server1-item .server1-ico.server1-ico3{ background: url(/DxMFDSkFDEkqJSOIIxpnDyqODyOQN2kqIy4OUHEoIt.jpg) no-repeat;} 
.server1 .box ul li .server1-item .server1-ico.server1-ico4{ background: url(/DxMFDSkFDEkqJSOIIxpnDyqODyOQN2kqIy4TUHEoIt.jpg) no-repeat;} 

@media (max-width:1440px){
.server1 .box ul li .server1-item p { font-size: 16px; }
}
@media (max-width:1280px){
.server1 .box ul li .server1-item p {line-height: 28px;}
}
@media (max-width:1180px){
.server1 .box ul li .server1-item p {line-height: 26px;}
}
@media (max-width:992px){
.server1 { width: 100%; float: none; }
.server1 .box ul li .server1-item h3 { font-size: 18px; line-height: 30px; padding-bottom: 10px;}
}
@media (max-width:400px){
.server1 .box ul li { width: 100%;}
.server1 .box ul li .server1-item h3 { margin-top: 0px; padding-bottom: 5px;}
.server1 .box ul li .server1-item p {font-size: 16px; line-height: 25px;}
}
.server2 .page-tit h3{ text-align: left;}
.server2 .box{ box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3); padding: 30px; margin-top: 50px; height: 150px; position: relative; }
.server2 .box .number { content: ''; position: absolute; left: 30px; top: -40px; background: #cc0000; height: 190px; line-height: 190px; width: 90px; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #fff; font-size: 48px; font-weight: bold; text-align: center;}
.server2 .box .content{ margin-left: 120px; }
.server2 .box .content dl dt{font-size: 20px; line-height: 30px; color: #333; padding-bottom: 10px;}
.server2 .box .content dl dd{font-size: 18px; line-height: 30px; color: #666;}

@media (max-width:1366px){
.server2 .box{ padding: 20px; height: 140px; }
.server2 .box .number { left: 20px;height: 180px; line-height: 180px; width: 80px; }
.server2 .box .content{ margin-left: 100px; }
}
@media (max-width:1200px){
.server2 .box{ padding: 15px; }
.server2 .box .content dl dt{ padding-bottom: 5px;}
.server2 .box .content dl dd{font-size: 16px; line-height: 28px;}
.server2 .box .number { left: 15px;}
}
@media (max-width:992px){
.server2 .box{height: 120px; margin-bottom: 20px; }
.server2 .box .number { left: 20px;height: 160px; line-height: 160px; width: 70px; }
}
@media (max-width:468px){
.server2 .box{padding: 10px;}
.server1 .box ul li .server1-item .server1-ico { height: 62px; line-height: 62px;}
.server1 .box ul li .server1-item h3 { font-size: 17px; line-height: 28px;}
}
@media (max-width:392px){
.server2 .box .content{ margin-left: 90px; }
.server2 .box .content dl dt{font-size: 18px;}
}

.comproblemitem{background-color:#f4f4f4; border: 1px solid #f4f4f4; margin-bottom:25px}
.comprmitemtop{width:100%; padding:25px 38px;cursor:pointer}
.comprmitemtop .type{width:35px;height:35px; border-radius: 100%; text-align:center;line-height:35px; background: #cc0000; color:#fff; font-size:16px}
.comprmitemtop .name{ margin:0 40px 0 20px;line-height:35px;color:#333;font-size:18px}
.comprmitemtop .icon{width:36px;height:36px;text-align: center; position:relative}
.comprmitemtop .icon:after{content:"";width:18px;height:2px;background-color:#cc0000;position:absolute;left:23%;top:50%;margin-top:-1px}
.comprmitemtop .icon:before{content:"";width:2px;height:18px;background-color:#cc0000;position:absolute;left:48%;top:50%;margin-top:-9px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.comprmitembot{padding:30px 38px 58px 18px; background: #fff; display:none}
.comprmitembot .type{width:30px;height:30px; text-align:center;line-height:35px;border-radius:30px;color:#fff;font-weight:bold;font-family:'gothicb';font-size:16px}
.comprmitembot .con{ margin-left:20px; line-height: 35px;  font-size: 16px;padding-left: 55px; color:#666; position: relative;}
.comprmitembot .con::before{ position: absolute; left: 0px; top:0px; content: "A"; width:35px;height:35px; border-radius: 100%; text-align:center;line-height:35px; background: #cc0000; color:#fff; font-size:16px }
.comprmitembot .con p,.comprmitembot .con div{color:#666; font-size: 16px;}
.comproblemitem.cur{background-color:#fff;box-shadow:0px 0px 17px 0px rgba(0,0,0,0.15)}
.comproblemitem.cur .comprmitemtop .icon:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
@media(max-width:1640px) {
.comprmitemtop{ padding:25px 28px; }
.comprmitembot{padding:35px 28px 35px; }
}
@media(max-width:1440px) {
.comprmitemtop{ padding:25px 18px; }
.comprmitembot{padding:25px 18px 25px; }
}
@media(max-width:1366px) {
.comprmitemtop{ padding:20px 15px; }
.comprmitembot{padding:20px 15px 20px; }
}
@media(max-width:992px) {
.comprmitemtop .name{ margin:0 20px 0 20px; font-size:17px}
}
@media(max-width:768px) {
.comproblemitem{ margin-bottom:20px}
.comprmitemtop{ padding:20px 5px; }
.comprmitembot{padding:20px 5px 20px; }
.comprmitemtop .name{ font-size:17px;margin:0 10px 0 10px;}
.comprmitemtop .icon{width:32px;height:32px;}
.comprmitemtop .icon:after{ width:16px;height:2px; left:22%;top:50%;margin-top:-1px}
.comprmitemtop .icon:before{ width:2px;height:16px; left:46%;top:50%;margin-top:-8px;}
.comprmitembot .con{ line-height: 30px;}
}
@media(max-width:568px) {
.comprmitemtop{ padding:15px 5px; }
.comprmitemtop .name{ width: 88%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; margin:0 2px 0 2px;}
.comprmitemtop .type{width:0px; display: none;}
.comprmitemtop .icon{width:30px;height:30px; }
.comprmitemtop .icon:after{ left:20%; }
.comprmitembot .con{ margin-left: 8px; padding-left: 0px;}
.comprmitembot .con::before{ position: absolute; left: 0px; top:0px; content: ""; width:0px;  }
}
@media(max-width:468px) {
.comproblemitem{ margin-bottom:15px}
.comprmitemtop{ padding:10px 5px; }
.comprmitemtop .icon{width:26px;height:26px; margin-top: 4px; }
.comprmitemtop .icon:after{ width:14px; left:20%; margin-top:-1px}
.comprmitemtop .icon:before{ height:14px; left:46%; margin-top:-7px;}
.comprmitembot .con{ line-height: 28px;}
}

.download-lists ul li{ margin-bottom: 25px;}
.download-lists ul a {display: block;padding: 27px 15px; color: #333; font-size: 18px; background:  #ececec; }
.download-lists ul a:hover { background: #cc0000; color: #fff; }
.download-lists ul a span {  float: left; line-height: 35px;}
.download-lists ul a .date { float: left; width: 13%; text-align: center; margin-right: 1%;}
.download-lists ul a .fa{ text-align: center; padding-left: 40%; color: #cdcdcd; font-size: 34px; }
.download-lists ul a:hover .fa{color: #fff; }
@media(max-width:1280px) {
.download-lists ul li{ margin-bottom: 20px;}
.download-lists ul a { padding: 20px 10px;}   
}
@media(max-width:668px) {
.download-lists ul li{ margin-bottom: 15px;}
.download-lists ul a .date { display:none;}
.download-lists ul a { padding: 12px 0;}
.download-lists ul a span {font-size: 16px;}
.download-lists ul li .col-xs-10 span{ height: 35px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.download-lists ul a .fa{ padding-left: 0px; }
}

.contact .box{padding:45px 30px; margin-bottom: 25px; display:block;box-shadow:0 0 10px rgba(121,121,121,.2);}
.contact .intro { text-align: center;}
.contact .intro .img{ margin-bottom: 25px;}
.contact .intro .top_ .title{color:#333; line-height:38px; font-size:18px; padding-bottom: 5px;}
.contact .intro .con{ height: 65px; line-height:32px; color:#666; font-size:16px; margin-top: 5px; overflow:hidden;}
@media screen and (max-width: 1440px){
.contact .intro .img img{ width: 70%;}
}
@media screen and (max-width: 1366px){
.contact .intro .img img{ width: 60%;}
}
@media screen and (max-width: 1200px){
.contact .intro .img img{ width: 55%;}
}
@media screen and (max-width: 992px){
.contact .intro .img img{ width: 45%;}
}
@media screen and (max-width: 768px){
.contact .box{padding:35px 25px;}
.contact .intro .img img{ width: 30%;}
}
@media screen and (max-width: 758px){
.contact .intro .img img{ width: 25%;}
}
@media screen and (max-width: 428px){
.contact .intro .img img{ width: 45%;}
}

.contact .map_box .map{ height: 100%; overflow:hidden;/*height:750px;*/}
.contact .ditu{width:100%;height:450px; text-align:center;/*position:absolute;bottom:0px;left:0; z-index:0; */}
.message .title p{ line-height:32px; color:#666; font-size:16px; }
.message .formCheck {line-height: 0; margin-top: 30px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;-ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;-ms-flex-line-pack: stretch; align-content: stretch;}
.message .formCheck:after {display: none;}
.message .formItem {position: relative;margin-bottom: 20px;color: #666666;line-height: 55px;}
.message .formItem:last-child {margin-bottom: 0;}
.message .formItem.w1 {width: 48%;}
.message .formItem.w0 {width: 100%;}
.message .formItem.red:after {content: "x";position: absolute;right: 10px;top: 0;white-space: nowrap;font-size: 14px;pointer-events: none;-webkit-user-select: none;   -moz-user-select: none; -ms-user-select: none; user-select: none;color: #f00 ;}
.message .formItem:first-child {margin-top: 0;}
.message .formItem .skin {padding: 8px 19px;display: block;width: 100%;height: 55px;line-height: 32px;border: #d7d7d7 solid 0px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #f4f4f4;}
.message .formItem input.skin {height: 55px;}
.message .formItem textarea.skin {height: 125px;}
.message .formItem.yzm {width: 60%;font-size: 0;white-space: nowrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;-ms-flex-wrap: nowrap; flex-wrap: nowrap;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;-ms-flex-line-pack: start; align-content: flex-start;}
.message .formItem.yzm:after {display: none;}
.message .formItem.yzm .skin {width: 60%;display: inline-block;vertical-align: top;}
.message .formItem.yzm .refreshVC {width: 48px;height: 48px;background-size: 36px 36px;background-position: 50% 50%;background-repeat: no-repeat;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;min-width: 48px;}
.message .formItem.yzm .bindClick {display: inline-block;vertical-align: top;width: 118px;height: 46px;border: #d7d7d7 solid 1px;}
.message .formItem .enter {display: inline-block; vertical-align: top;margin-left: 10px;border-radius: 25px; width: 164px;height: 53px;line-height: 51px; padding-right: 50px;  background: #d61419;color: #fff;font-size: 16px;}
.message .formItem .enter button{ background: transparent; width: 120px; background: url(/DxMFDSkFDEkqJSOIIxpnHy1qDSEFEu5JDE9PKIZ.jpg) no-repeat center right;}
.message .formItem p{ line-height: 30px; padding: 15px 0;}
@media screen and (max-width: 1024px) {.message {  padding-right: 0;}.message:before {  display: none;}
}
@media screen and (max-width: 1024px) {.message {  display: block;}
.message:before {  display: none;}
.message .contain {  width: 100%;  max-width: 100%;}
.message .formItem {  width: 100% !important;}
}

.red, .red a, a.red{color:red;}

.pro_show_left .tit { font-size: 36px; font-weight: bold; color: #333;}
.m-snav .v1{display:block; line-height:35px;background-color:#fff;font-size:18px;color:#333;padding:10px 30px 10px 0px; position:relative;overflow:hidden}
.m-snav li { border-bottom: 1px solid #e5e5e5;}
.m-snav li .v1,.m-snav li .v1{color:#333;background:url(/DxMFDSkFDEkqJSOIIxpnHROOn1RsDy1G.jpg) 98% center no-repeat; }
.m-snav li.on { background: #d61419; border-bottom: 1px solid #f7f7f7; }
.m-snav li.on .v1{ padding-left:15px; color: #fff;}
.m-snav-1 li.on .v1{ padding-left:23px; }
.m-snav li.on .v1,.m-snav li.on .v1{ background:url(/DxMFDSkFDEkqJSOIIxpnHROOTxIsID.jpg) 98% center no-repeat; }

.m-snav dl{display:none;padding:20px 0px;}
.m-snav li.on dl{display:block; padding:20px 0px; background: #f7f7f7;}
.m-snav dl a{font-size:16px;color:#333;display:block;padding:0px 33px 0px 20px;background: #f7f7f7;-webkit-background-size:auto 18px;background-size:auto 18px; line-height:47px}
.m-snav dd.on a{background: #f7f7f7; color:#d61419; -webkit-background-size:auto 12px;background-size:auto 12px; }
.index-snv .m-snav li.on .v1{padding-left: 33px;}
@media screen and (max-width: 1280px){
.pro_show_left .tit { font-size: 32px; }
}
@media screen and (max-width: 1200px){
.m-snav .v1{ height:40px;line-height:40px;font-size:17px;padding:0 30px 0 15px;}
.m-snav li.on .a1,.m-snav li:hover .a1{padding-left:15px; }
.m-snav li.on .v1{ padding-left:18px; }
.m-snav-1 li.on .v1{ padding-left:15px; }
.m-snav dl a{font-size:16px; padding:0 30px 0 18px;height:35px;line-height:35px}
}
@media screen and (max-width: 1140px){
.m-snav { margin-bottom: 25px;}
.m-snav .v1{ padding:0 20px 0 12px;}
.m-snav li.on .a1,.m-snav li:hover .a1{padding-left:12px; }
.m-snav li.on .v1{ padding-left:15px; }
.m-snav-1 li.on .v1{ padding-left:12px; }
.m-snav dl a{padding:0 20px 0 15px; }
}
@media screen and (max-width: 1024px){
.left_pro ul li p{ line-height: 30px; font-size: 16px; }
}

.pro_show .plt .menu{background: #fff; }
.pro_show .plt .menu .tt{ margin-bottom: 30px; }
.pro_show .plt .menu .tt .cn{ font-size: 36px; font-weight: bold; color: #333;}
.pro_show .plt .pc-aside {display: block; /* box-shadow: 0 4px 10px rgba(11,1,2,.1);*/}
.pro_show .plt .pc-aside li{border-bottom: 1px solid #e5e5e5; }
.pro_show .plt .pc-aside a{display: block; text-decoration:none;}
.pro_show .plt .pc-aside .aside-tit{position: relative;font-size: 20px;color: #333; padding:15px 10px 15px 15px;}
.pro_show .plt .pc-aside .aside-tit:after{content: "";position: absolute;right: 10px;top:50%;margin-top:-7px;width: 18px;height: 18px;background-image:url(/DxMFDSkFDEkqJSOIIxpnN20PTxIsID.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;transition:all .3s linear;}
.pro_show .plt .pc-aside .sub{display: none; background: #f7f7f7;}
.pro_show .plt .pc-aside .sub a{ color: #666; font-size: 17px;text-decoration:none;padding:15px 0 15px 30px;border-top:1px solid #e5e5e5; background-repeat: no-repeat;background-position: right center;transition:all .3s linear;}
.pro_show .plt .pc-aside .sub a:hover{color: #d61419; text-decoration:none;}
.pro_show .plt .pc-aside li.cur .aside-tit{color: #fff; background: #d61419; padding-left: 15px;}
.pro_show .plt .pc-aside li.cur .aside-tit:after{ background-image:url(/DxMFDSkFDEkqJSOIIxpnN20PJEgOKSD.jpg);background-repeat: no-repeat;}
.pro_show .plt .pc-aside .sub a:hover,.pro_show .plt .pc-aside .sub a.cur{color:#d61419; text-decoration:none;}
.pro_show .plt .menu .ul1 li:last-child{border:none;}
.pro_show .plt .pc-aside {display: block;/* box-shadow: 0 4px 10px rgba(11,1,2,.1);*/}
.pro_show .plt .pc-aside li{border-bottom: 1px solid #e5e5e5; }

.prodetail-top-1{ width:100%; background-color: #fff; padding-left: 30px;}
.prodetail-top-1 .prodetail-top-tit{ font-size:36px; color:#333; margin-bottom: 30px;}
.prodetail-top-1 .prodetail-top-img img { width: 100%;}
.prodetail-top-1 .prodetail-top-ul{color:#333; margin-top: 40px; margin-bottom: 40px; }
.prodetail-top-1 .prodetail-top-ul a{display:block; width: 100%; font-size: 20px; line-height:60px;height: 60px;border:none;padding:0 35px; text-transform: uppercase; position: relative;}
.prodetail-top-1 .prodetail-top-ul .dh{border: 2px solid #d61419; color:#d61419; position: relative;}
.prodetail-top-1 .prodetail-top-ul .dh::after{ position: absolute; right: 30px; top: 15px; content: ""; width: 40px; height: 30px; background: url(/DxMFDSkFDEkqJSOIIxpnDHOpn1SrEI0nEI9I.jpg) no-repeat;}
.prodetail-top-1 .prodetail-top-ul .lx{background: #00568c; color: #fff; }
.prodetail-top-1 .prodetail-top-ul .lx::after{ position: absolute; right: 30px; top: 15px; content: ""; width: 40px; height: 30px; background: url(/DxMFDSkFDEkqJSOIIxpnDHOpn1yWURAnHt.jpg) no-repeat;}
.prodetail-mid { padding-left: 30px; }
.pro_show_left {margin-bottom: 70px;}
.pro_show_left .tit{ margin-bottom: 30px;}
.prodetail-mid .pro_info_1_2 { height: 55px;line-height: 55px; text-align: center; color: #fff; background: #d61419; font-size:24px;}
.pro_info_2_mid{overflow:hidden;margin-top:2.3em; }
.pro_info_2_1_t{ font-size:20px; font-weight: bold; color:#333;margin-top:2em; margin-bottom:0.8em;}
.pro_info_2_3_t img { max-width: 100%;}
.pro_info_2_3_t{margin-bottom:0em; color:#333; line-height:2; font-size: 16px;clear: both;}
.pro_info_2_3_t h2 { color: #333; margin-bottom: 20px; font-size: 16px; }
.pro_info_2_3_t ul { clear: both;}
.pro_info_2_3_t ul li{ width: 50%; float: left;}
.pro_info_2_3_t table td{ padding-left: 8px; line-height: 38px;}
.pro_info_2_3_t table { background: #fff; border: 1px solid #eee;font-size: 18px; color: #666;}
.pro_info_2_3_t table tr:first-child td{ background: #cacaca!important; color: #333; padding: 10px 0px; }
.pro_info_2_3_t table tr:nth-child(2n) td{ background: #ffffff; padding: 10px 0px;}
.pro_info_2_3_t table tr:nth-child(2n+1) td{ background: #f9f9f9; padding: 10px 0px;}
.pro_info_2_3_t .article-text ul li{ position: relative; padding-left: 15px;} 
.pro_info_2_3_t .article-text ul li:before { content: ""; background: #666; position: absolute; left: 0px; top: 15px; width: 5px; height: 5px; border-radius: 100%; -webkit-transform:translate(0,-2px) scale(1.1);-ms-transform:translate(0,-2px) scale(1.1);transform:translate(0,-2px) scale(1.1); } 
@media (max-width: 1440px) {
.prodetail-top-1 .prodetail-top-ul{ margin-top: 20px; }  
.prodetail-top-1 .prodetail-top-tit{ font-size:32px;}
}
@media (max-width: 1280px) {
.pro_show_left .tit{ margin-bottom: 20px;}
.prodetail-top-1 .prodetail-top-tit{ font-size:30px;}
.prodetail-top-1 .prodetail-top-ul{ margin-top: 30px; }
.prodetail-top-1 .prodetail-top-ul a{font-size: 18px; padding: 0 15px;}
.prodetail-top-1 .prodetail-top-ul .dh::after{ right: 10px; }
.prodetail-top-1 .prodetail-top-ul .lx::after{ right: 10px;}
.prodetail-mid .pro_info_1_2 {font-size:22px;}
.pro_info_2_3_t{margin-top:1.3em; line-height: 1.7; }
.prodetail-mid .pro_info_1_2 ul li a{ font-size:1.15em; padding:0 1.5em; color: #fff; display:block; }
.pro_info_2{ padding: 0px 20px 40px; }
 }
@media screen and (max-width: 1200px){
.pro_show_left {margin-bottom: 0px;}
.prodetail-top-1 .prodetail-top-tit{ font-size:28px; margin-bottom: 20px;}
.prodetail-top-1 .prodetail-top-ul{ margin-top: 15px; margin-bottom: 30px; }
.prodetail-top-1{ padding-left: 0px;}
.prodetail-mid { padding-left: 0px; }
.pro_info_2{ padding: 0px 0px 0px; }
.pro_info_2_mid{overflow:hidden;margin-top:1.3em; }
.pro_info_2_1_t{ font-size:18px;}
}
@media (max-width: 992px) {
.prodetail-top-1 .prodetail-top-tit{ font-size:26px; margin-bottom: 15px;}
.prodetail-mid .pro_info_1_2 {font-size:20px;}
}
@media (max-width: 768px) {
.prodetail-mid .pro_info_1_2 { height: 45px;line-height: 45px;}
.prodetail-mid .pro_info_1_2 {font-size:20px;}
.prodetail-mid .pro_info_1_2 ul li a{ font-size:1em;}
.prodetail-top-1 .prodetail-top-ul{ margin-bottom: 20px; }
.prodetail-top-1 .prodetail-top-ul a{ margin-right: 10px; height: 50px; line-height: 50px;}
.prodetail-top-1 .prodetail-top-ul li{ margin-bottom: 15px;}
.prodetail-top-1 .prodetail-top-ul .dh::after{ right: 5px; top: 10px; }
.prodetail-top-1 .prodetail-top-ul .lx::after{ right: 5px; top: 10px; }
.pro_info_2_3_t ul li{ width: 100%; float: left;}
}
@media screen and (max-width: 992px){ 
.pro_info_2_1_t{ margin-top:30px;}
}
@media screen and (max-width:768px){ 
.pro_info_2{ padding: 0px 0px 30px;}
.pro_info_2_1_t{ margin-top:25px;}
.pro_show_left { margin-bottom: 10px;}
.pro_info_2_mid{ margin-top:1em; }
.prodetail-top-1 .prodetail-top-tit{ font-size:24px; margin-bottom: 10px;}
}
@media screen and (max-width:568px){ 
.pro_info_2{ padding: 0px 0px 20px;}
.prodetail-top-1 .prodetail-top-ul{ margin-bottom:10px; }
.prodetail-top-1 .prodetail-top-ul a{ margin-right: 5px; padding: 0 10px;}
.pro_info_2_mid{ margin-top:0.61em; }
.pro_info_2_3_t{margin-top:0.7em; line-height: 1.5; }
.pro_info_2_1_t{ margin-top:15px; margin-bottom: 0.6em;}
.prodetail-top-1 .prodetail-top-tit{ font-size:22px;}
.prodetail-top-1 .prodetail-top-ul a{font-size: 16px;}
}

.product-list .categories { overflow: hidden; margin-bottom: 30px;}
.product-list .categories .title { float: left; width:13%; margin-right:25px; font-weight: bold; font-size: 16px; background-color:#ff9b1a; padding:10px 8px; text-align:center; color:#FFFFFF;}
.product-list .categories .categories_list{ float: left; width:100%; padding:8px 0 10px;}
.product-list .categories .categories_list dl dd { float:left; width:19%; margin-left: 1%; margin-bottom: 1%; font-size:16px; line-height:32px;}
.product-list .categories .categories_list dl dd i { display: inline-block; width: 20px; height: 20px; background: url(/DxMFDSkFDEkqJSOIIxpnHycJI15GKHfnEI9I.jpg) no-repeat 0 0; margin-right: 15px; vertical-align: middle; }
.product-list .categories .categories_list dl dd.checked i { background-position: -20px 0; }
.pro_mo_top{display:none; overflow:hidden; background-color:#fff;}
.pro_mo_top_1{display:none}



.policy h3{ margin-bottom: 10px;}
.policy div{ line-height: 30px;}
.mapmenu .param-t { color: #333; background: #f0f0f0; padding: 15px 0 15px 15px; margin-bottom: 30px; position: relative;}
.mapmenu .param-t a{font-size:24px; font-weight: 600; }
.mapmenu .param {margin-bottom: 30px;}
.mapmenu .param-t::before {content: "";display: inline-block;vertical-align: middle;height: 25px;width: 3px; top: 0px; margin-bottom:5px; margin-right: 15px;background-color: #d61419;}
.mapmenu .param-t a:hover{color: #d61419;}
.mapmenu .param-c .param-tit{ margin-bottom: 20px;} 
.mapmenu .param-c .param-tit a{ color: #444; padding-left:30px; font-size:20px; font-weight: 600;}
.mapmenu .param-c .param-tit a:hover{color: #d61419;}
.mapmenu .param-c a{ font-size: 16px; color: #666; line-height: 32px;}
.mapmenu .param-c ul { padding-left:30px;}
.mapmenu .param-c ul li{ margin-bottom: 15px; margin-right: 2%; float: left; position: relative; padding-right:2%; }
.mapmenu .param-c ul li::after{ position: absolute; right: 0px; bottom: 6px; width: 1px; height:15px; content: ""; background: #666;}
.mapmenu .param-c ul li a{ padding-bottom:10px;}
.mapmenu .param-c ul li a:hover{color: #d61419;}
@media(max-width:1440px) {
.mapmenu .param {margin-bottom: 20px;}
.mapmenu .param-t a{font-size:22px; margin-bottom: 20px;}
.mapmenu .param-c a{ line-height: 28px;}
}

@media(max-width:992px) {
.pro_mo_top_1{ display:block;margin:1.5em 0; border:4px #f3f6f9 solid; padding:0.1em 0px; background-color:#fff;}
.pro_mo_top_1 select{color:#000;font-size:0.875em; border:none; background:none; padding:0.5em 1em;width:100%; background-repeat:no-repeat; background-image:url(/DxMFDSkFDEkqJSOIIxpnHROOJ0WhIykQJk9PKIZ.jpg); background-position:right center;appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.pro_mo_top{display:block;}
.mapmenu .param-t {margin-bottom: 20px;padding: 10px 0 10px 10px;}
.mapmenu .param-t a{font-size: 20px;}
.mapmenu .param-t::before {height: 25px; margin-right: 10px;}
.mapmenu .param-c a{ font-size: 15px; line-height: 28px;}
.mapmenu .param-c .param-tit a{ font-size:18px; padding-left:20px; }
.mapmenu .param-c ul { padding-left:20px;}

}
@media(max-width:768px) {
.mapmenu .param {margin-bottom: 0px;}
.mapmenu .param-t {margin-bottom: 10px;}
.mapmenu .param-t a{font-size:18px;}
.mapmenu .param-c .param-tit{ margin-bottom: 10px;} 
.mapmenu .param-c .param-tit a{ font-size:17px; }
}
@media(max-width:468px) {
.mapmenu .param-t a{font-size:17px;}
.mapmenu .param-c .param-tit a{ font-size:16px; }
}
.products .infor{ margin-bottom: 30px;}
.products .infor .tit{ text-align: center; font-size: 24px;} 
.products .infor .tit span{ color: #d61419;}<!--ºÄÊ±0.00088000297546387Ãë-->