@charset "UTF-8";
body {font-family: "D DIN","Roboto", "D DIN Bold","Arial", "sans-serif";line-height: 1.42857143;color: #333;background-color: #fff;}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;text-decoration: none;color: #333;}
a:active,a:hover {outline: 0;}b,strong {font-weight: bold;}
img {border: 0;vertical-align: middle;}
button,input,optgroup,select,textarea {color: inherit;font-family: inherit;font-size: inherit;line-height: inherit;background: none;border: none;}
button {overflow: visible;/* -webkit-appearance: none; *//* -moz-appearance: none;-o-appearance: none;appearance: none; */}
button,select {text-transform: none;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
input {line-height: normal;/* -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none; */}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
legend {padding: 0;border: 0;}
textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-spacing: 0;border-collapse: collapse;}
td,th {padding: 0;}* {margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul {list-style: none; margin-bottom: 0px;}
h1,h2,h3,h4,h5,h6 {font-family: inherit;font-weight: 400;line-height: 1.1;color: inherit;}
.tc{ text-align: center;}
/*p,a {word-break: break-all;}*/
.section {width: 100%;overflow: hidden;}
.pull-right {float: right;}
.scrollbar {overflow-y: auto;}
.scrollbar::-webkit-scrollbar {width: 3px;background-color: #dcdbdb;}
.scrollbar::-webkit-scrollbar-thumb {background-color: #099cf1;border-radius: 10px;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
i{font-style: normal;}em {font-style: normal;}/* 动画 */
.landIn {/* display: flex; justify-content: left; flex-wrap: wrap;*/}
.kongs {animation: landIn 0.8s ease-out both;}
@keyframes landIn {from {opacity: 0;transform: translateY(50%);}to {opacity: 1;transform: translateY(0);}}
@-webkit-keyframes landIn {from {opacity: 0;transform: translateY(50%);}to {opacity: 1;transform: translateY(0);}}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}textarea {-webkit-appearance: none;} 
.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) }
.gray{ background:#fafafa;}
.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 .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;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
*[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-51{padding-bottom: 51%;}
.rect-513{padding-bottom: 51.3%;}
.rect-52{padding-bottom: 52%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.red, .red a, a.red{color:red;}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix{clear: both;}
.clearfix:after{clear: both;height: 0;content: "";line-height: 0;font-size: 0;display: block;}
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.fl{float:left}.fr{float:right}
/*通用page*/
.pages{text-align:center; margin-top: 30px; }
.pages ul{display:inline-block}
.pages ul i{float:left;margin:0 5px; font-size:20px; padding: 8px 10px; text-align:center;color:#777; }
.pages ul a,.page ul span{float:left;margin:0 5px; font-size:20px; padding: 8px 18px; text-align:center;color:#777;border:1px solid #dcdcdc; background-color:#fff}
.pages ul a:hover,.page ul  a.on{background-color:#cc0000;border:1px solid #cc0000;color:#fff}
.pages ul .next,.pages ul .prev{font-weight:700;margin:0 10px}
.pages ul span{float:left; font-size:20px;font-weight:700; padding: 8px 18px; margin:0 5px; background-color:#cc0000;border:1px solid #cc0000;color:#fff;}
.pages ul a.first,.pages ul a.last{font-weight:700; color:#777; }
.pages .a1{margin:0 5px; font-size:20px; padding: 22px 18px; background:#fff url(../images/page_l.png) no-repeat center; }
.pages .a2{margin:0 5px; font-size:20px; padding: 22px 18px; background:#fff url(../images/page_r.png) no-repeat center; }
.pages .a1:hover{ background:#cc0000 url(../images/page_l_h.png) no-repeat center; }
.pages .a2:hover{ background:#cc0000 url(../images/page_r_h.png) no-repeat center; }
@media (max-width: 768px) {
.pages ul i{ font-size:18px; padding: 5px 7px; }
.pages ul a,.page ul span{ font-size:18px; padding: 5px 12px; }
.pages ul span{ font-size:18px; padding: 5px 12px;  }
.pages .a1{ font-size:18px; padding: 17px 12px; }
.pages .a2{ font-size:18px; padding: 17px 12px; }
}
@media (max-width: 568px) {
.pages ul i{ font-size:18px; padding: 3px 5px; }
.pages ul a,.page ul span{ font-size:18px; padding: 3px 9px; }
.pages ul span{ font-size:18px; padding: 3px 9px;  }
.pages .a1{ font-size:18px; padding: 15px 11px; }
.pages .a2{ font-size:18px; padding: 15px 11px; }
}
[flex] { display: flex; }
[flex][flex~="i"] { display: inline-flex; }
[flex][flex~="wrap"] { flex-wrap: wrap; }
[flex][flex~="no-wrap"] { flex-wrap: nowrap; }
[flex][flex~="ja"] { justify-content: space-around; }
[flex][flex~="jb"] { justify-content: space-between; }
[flex][flex~="js"] { justify-content: start; }
[flex][flex~="jfs"] { justify-content: flex-start; }
[flex][flex~="jc"] { justify-content: center; }
[flex][flex~="je"] { justify-content: end; }
[flex][flex~="jfe"] { justify-content: flex-end; }
[flex][flex~="ais"] { align-items: flex-start; }
[flex][flex~="aic"] { align-items: center; }
[flex][flex~="acc"] { align-content: center; }
[flex][flex~="aie"] { align-items: flex-end; }

/* indexbanner */
.indexbanner { margin-top: 140px;}
.indexbanner .swiper-slide { height: 750px;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.indexbanner .swiper-pagination-bullet { opacity: 1;width:14px;height: 14px;margin: 0 15px!important;border-radius: 100%; border: 1px solid #fff;background: #fff;}
.indexbanner .swiper-pagination-bullets {width: auto;left:50%; }
.indexbanner .swiper-pagination-bullet-active {background: #dd1010; border: 1px solid #dd1010;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-fraction{width:auto; text-align:right; left:46%; right: auto; bottom:50px;}
.indexbanner .banner_img{position:relative; width:100%; height:750px;}
.indexbanner .banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner .banner_img_jj{ width:100%;position:absolute; left:0; top:46%; z-index:10; color:#fff;transform:translateY(-50%);}
.indexbanner .banner_img_jj .container { padding-right: 0px; padding-left: 0px;}
.banner_img_jj_mid_1{font-size:72px; font-weight: bold; font-family: "D DIN Bold";text-shadow: 3px 4px 2px rgba(51, 51, 51, 0.5); margin-top: 5px; margin-bottom: 25px; line-height: 80px;}
.banner_img_jj_mid_1.w{ width: 80%; margin: 0 auto;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:38px;height:38px; border: 1PX solid #FFF; border-radius: 100%; margin-top:-19px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}


   
@media (min-width:1920px){
.indexbanner .swiper-slide { height: 760px;}
.indexbanner .banner_img{height:760px;}
}
@media (min-width:2000px){
.indexbanner .swiper-slide { height: 780px;}
.indexbanner .banner_img{height:780px;}
}
@media (max-width:1600px){
.indexbanner .swiper-slide { height: 625px;}
.indexbanner .banner_img{ height:625px;}
.banner_img_jj_mid_1{font-size:56px; margin-bottom: 15px; line-height: 60px;}
}
@media (max-width:1440px){
.indexbanner .swiper-slide { height:565px;}
.indexbanner .banner_img{ height:565px;}
.banner_img_jj_mid_1{font-size:52px; line-height: 55px;}
 
 }
@media (max-width:1366px){
.indexbanner .swiper-slide { height: 535px;}
.indexbanner .banner_img{ height:535px;}
.banner_img_jj_mid_1{ font-size:46px; }
}
@media (max-width:1280px){
.indexbanner .swiper-slide { height: 500px;}
.indexbanner .banner_img{ height:500px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ left: 43%; bottom: 30px;}
}
@media (max-width:1199px){
.indexbanner .swiper-slide { padding-top: 0px; }
.indexbanner .banner_img_pc{ display: none;}
.indexbanner .banner_img_mo{ display: block;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.indexbanner .swiper-slide { height:650px;}
.indexbanner .banner_img{ height:650px;}
.banner_img_jj_mid_1.w{ width: 90%; margin: 0 auto;}

}

@media screen and (max-aspect-ratio: 1/1) and (max-width:1200px),screen and (max-width:1024px) {
.indexbanner { margin-top: 10vw;}
}
@media (max-width:1100px){
.indexbanner .swiper-slide { height:586px;}
.indexbanner .banner_img{ height:586px;}
.indexbanner .banner_img_jj .container { padding-right: 0px; padding-left: 0px;}
.banner_img_jj_mid_1{ font-size:42px; }
 }
@media (max-width:1024px){
.indexbanner .swiper-slide { height:546px;}
.indexbanner .banner_img{ height:546px;}
 }
@media (max-width:992px){
.indexbanner .swiper-slide { height: 529px;}
.indexbanner .banner_img{ height:529px;}
.banner_img_jj_mid_1.w{ width: 98%; margin: 0 auto;}
.banner_img_jj_mid_1{ line-height:40px;font-size:38px; padding-bottom: 0px; }
.index-banner .swiper-pagination-bullets {bottom: 25px; }
}    
@media (max-width:868px){
.indexbanner .swiper-slide { height: 465px;}
.indexbanner .banner_img{ height:465px;}
}
@media (max-width:768px){
.indexbanner .swiper-slide { height: 409px;}
.indexbanner .banner_img{ height:409px;}
.index-banner .swiper-pagination-bullet { width:8px;height: 8px;margin: 0 8px;border-radius: 4px; }
.banner_img_jj_mid_1{ font-size:32px; margin-bottom: 10px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ left: 41%; bottom: 40px;}
.indexbanner .swiper-pagination-bullet { margin: 0 10px!important;}
} 
@media (max-width:668px){
.indexbanner .swiper-slide { height: 356px;}
.indexbanner .banner_img{ height:356px;}
.index-banner .swiper-pagination-bullets {bottom:10px; }
}
@media (max-width:568px){
.indexbanner .swiper-slide { height:300px;}
.indexbanner .banner_img{ height:300px;}
.banner_img_jj_mid_1{ font-size:28px; line-height:32px; padding-bottom: 8px; margin-bottom: 8px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ left: 42%; bottom:10px;}
.indexbanner .swiper-pagination-bullet { opacity: 1;width:10px;height: 10px;margin: 0 5px!important;}
}
@media (max-width: 562px){
.indexbanner { margin-top: 60px;}
.indexbanner .swiper-slide { height:290px;}
.indexbanner .banner_img{ height:290px;}
}
@media (max-width:528px){
.indexbanner .swiper-slide { height:280px;}
.indexbanner .banner_img{ height:280px;}
.indexbanner .swiper-pagination-bullet:before{ left:0px; }
.indexbanner .swiper-pagination-bullet:after{ left:0px;}
}
@media (max-width:428px){
.indexbanner .swiper-slide { height:228px;}
.indexbanner .banner_img{ height:228px;}
.banner_img_jj_mid_1{ font-size:22px;}
}
 


.page-section{ padding:90px 0;}
.page_title { line-height: 1;}
.page_title h3 {line-height: 70px; font-size: 60px; font-family: "D DIN Bold"; color: #0c2957; }
.page_title span{ font-size: 20px; color: #666; font-weight: normal; }
.page_title .desc{ font-size: 20px; margin-top: 15px; line-height: 40px;font-family: "Roboto";  }
.pc{ display: block;}
.mob{ display: none;}
@media (max-width:1750px) {
.page_title h3 {line-height: 70px; font-size: 56px;}
}
@media (max-width:1640px) {
.page_title h3 {line-height: 68px; font-size:52px;}
}
@media all and (max-width: 1540px) {
.page_title h3 {line-height: 64px; font-size: 48px;}
}
@media(max-width:1480px){
.page_title h3 { line-height: 60px; font-size: 44px; }
}
@media (max-width:1440px) {
.page-section{ padding:80px 0;}
.page_title h3 {line-height: 58px; font-size: 40px; }
}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page_title h3 { line-height: 50px; font-size: 36px; }
}
@media (max-width:1280px) {
.page_title h3 { line-height: 45px; font-size: 34px;}
}
@media (max-width:1200px) {
.page_title h3 { font-size: 30px; line-height: 40px;}
.page_title .desc{ font-size: 18px; margin-top: 10px; line-height: 32px;}
}
@media (max-width:1024px) {
.page-section{ padding:50px 0;}
.page_title h3 {line-height: 36px; font-size: 28px;}
.pc{ display: none;}
.mob{ display: block;}
}
@media (max-width:992px) {
.page-section{ padding:40px 0;}
.page_title h3{ line-height: 36px; font-size: 24px; }
}
@media (max-width:768px) {
.page_title h3 { font-size: 22px; line-height: 34px; } 
.page_title .desc{ font-size: 16px;line-height: 30px;}
}

.flexCenter {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flexBetween {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}

.more_link .a {font-size: 16px; width: 250px; line-height: 46px; height: 46px; font-family: "Roboto"; position: relative;border-radius:46px; cursor: pointer;}
.more_link .a::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #fff; border-radius:46px; transition: 0.4s;box-sizing: border-box;}
.more_link .a .l { font-size: 18px;color: #fff;padding-left: 56px; width: 100%; position: relative;z-index: 1;transition: 0.4s;}
.more_link .a .l:after {content: '';position: absolute;right: 30px;top: 0;width:60px; height:46px; background: url(../images/arr.png) no-repeat center;}
.more_link .a::after {content: '';position: absolute;right: 0;top: 0;width:60px; height:46px; transition: 0.4s;box-sizing: border-box;}
.more_link .a:hover::after {width: 100%; background: #cc0000; border-radius:46px;box-shadow: 0px 0px 10px 0px rgba(250, 45, 45, 0.42);}
.more_link .a:hover .l {color: #fff;}
.more_link.bgc .a {box-shadow: 0px 0px 10px 0px rgba(60, 64, 251, 0.42);background: linear-gradient(135deg, #1c21f5, #1c21f5);}
.more_link.bgc .a::before {border: 0;}

.index-choose-list { margin-top: 40px;}
.index-choose ul li {padding: 10px;}
.index-choose ul li .content { width: 100%; background: #fff; box-shadow: 0 0 8px rgba(153,153,153,0.4); border-radius: 20px; padding:35px 20px 45px; color: #fff;}
.index-choose ul li .content .img{text-align: center; }
.index-choose ul li .content dl{ min-height: 380px;}
.index-choose ul li .content dt{ font-size: 28px; color: #0c2957; line-height: 33px; font-family: "Roboto"; font-weight: bold; margin-bottom: 20px; padding: 20px 0px; text-align: center; }
.index-choose ul li .content dd{ font-size: 20px; color: #666; line-height: 33px; margin-bottom: 25px; font-family: "Roboto"; padding-left: 40px; background: url(../images/gou.png) no-repeat top left;}
.index-choose .choose_btn { position: absolute; top:50%; left: -120px; width: 110%; padding: 0 50px; }
.index-choose .choose_btn .btns {width: 60px;height: 60px;border-radius: 50%;border: 1px solid #cc0000; transition: 0.4s;cursor: pointer;}
.index-choose .choose_btn .btns .fa {margin: auto;color: #cc0000;transition: 0.4s;}
.index-choose .choose_btn .btns:hover {background: #cc0000;border-color: #cc0000;}
.index-choose .choose_btn .btns:hover .fa {color: #fff;}
.index-choose .choose_btn .prev {margin-left: 20px;left:-2px; float: left; margin-left: 20px;}
.index-choose .choose_btn .next {margin-left: 20px;   float: right;}

.index-choose .swiper-box { position: relative;}
.index-choose .swiper-btn { display: inline-block; width: 50px; height: 48px; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; margin-top: -45px; z-index: 10;}
.index-choose .swiper-btn.prev { left: -80px; background-image: url(../images/arr_l.png);}
.index-choose .swiper-btn.prev:hover { background-image: url(../images/arr_l.png);}
.index-choose .swiper-btn.next { right: -80px; background-image: url(../images/arr_r.png);}
.index-choose .swiper-btn.next:hover { background-image: url(../images/arr_r.png);}
.index-choose .swiper-pagination-choose { display: none;}
@media (max-width: 1600px) {
.index-choose ul li .content { padding:35px 20px 40px; }
.index-choose ul li .content dl{ min-height: 410px;}
.index-choose ul li .content dt{ font-size: 26px; line-height: 32px;min-height: 64px; }
.index-choose ul li .content dd{ line-height: 32px; }
.index-choose .swiper-btn.prev { left: -60px; background-image: url(../images/arr_l.png);}
.index-choose .swiper-btn.next { right: -60px; background-image: url(../images/arr_r.png);}
}
@media (max-width: 1366px){
.index-choose ul li .content {padding:25px 15px 35px; color: #fff;}
.index-choose ul li .content dl{ min-height: 430px;}
.index-choose ul li .content dt{ font-size: 26px; }
}    
@media (max-width: 1280px){
.index-choose ul li .content {padding:25px 10px 35px; color: #fff;}
.index-choose ul li .content dl{ min-height: 380px;}
.index-choose ul li .content dt{ font-size: 22px; line-height: 32px; }
.index-choose ul li .content dd{ font-size: 16px; line-height: 30px; margin-bottom: 15px; }
.index-choose .swiper-btn.prev { left: -40px; }
.index-choose .swiper-btn.next { right: -40px; }
}
@media (max-width: 1040px) {
.index-choose .swiper-btn { display: inline-block; width: 50px; height: 48px; background: #fff; border-radius: 100%; box-shadow: 0 0 8px rgba(153,153,153,0.4); }
.index-choose .swiper-btn.prev { left: 0px;  background-image: url(../images/arr_l.png);}
.index-choose .swiper-btn.next { right: 0px; background-image: url(../images/arr_r.png);}
}
@media (max-width: 1024px){
.index-choose ul li .content {padding:20px 15px 10px; color: #fff;}
.index-choose ul li .content dt{ font-size: 20px;margin-bottom:15px; padding: 15px 10px;}
.index-choose ul li .content dl{ min-height: 360px;}
.index-choose .swiper-pagination-choose { display: none;}
.index-choose .swiper-container-choose{ padding-bottom: 80px;}
.index-choose .swiper-btn { top: 100%; }
.index-choose .swiper-btn.prev { left: 40%;  background-image: url(../images/arr_l.png);}
.index-choose .swiper-btn.next { right: 40%; background-image: url(../images/arr_r.png);}
}
@media (max-width: 768px) {
.index-choose .swiper-container-choose{ padding-bottom: 60px;}
.index-choose ul li .content dt{ margin-bottom:5px; }
}
@media (max-width: 668px) {
.index-choose .swiper-container-choose{ padding-bottom: 50px;}
.index-choose .swiper-btn.prev { left: 38%;}
.index-choose .swiper-btn.next { right: 38%;}
.index-choose ul li .content dl{ min-height: 300px;}
}
@media (max-width: 500px) {
.index-choose .swiper-container-choose{ padding-bottom: 60px;}
.index-choose .swiper-btn.prev { left: 36%;}
.index-choose .swiper-btn.next { right: 36%;}
.index-choose ul li .content dl{ min-height: 300px;}

}
@media (max-width: 445px) {
.index-choose .swiper-btn.prev { left: 35%;}
.index-choose .swiper-btn.next { right: 35%;}
}
@media (max-width: 428px) {
.index-choose .swiper-btn.prev { left: 33%;}
.index-choose .swiper-btn.next { right: 33%;}
}

.index-about { background: #e3ecf2; }
.index-about-left{ width: 95%;}
.index-about-left img{ width:100%;}
.index-about-right .index-about-title{ margin-bottom: 30px;}
.index-about .about-content p{ line-height: 34px; font-size: 20px; font-family: "Roboto"; color: #666; margin-bottom: 3%;}
@media all and (max-width: 1440px) {
.index-about .about-content p{ line-height: 32px;}
}
@media all and (max-width: 1280px) {
.index-about .about-content p{ font-size: 16px; }
.more_link .a { width: 180px; line-height: 45px; height: 45px; border-radius:45px;}
.more_link .a:before { border-radius: 45px;}
.more_link .a:after { width:45px; height:45px; }
.more_link .a .l { font-size: 16px; padding-left: 30px;}
.more_link .a .l:after { right: 10px;  height:45px; }
.index-about-right .index-about-title{ margin-bottom: 20px;}
}
@media all and (max-width: 1200px) {
.index-about .about-content p{ line-height: 28px; }
}
@media (max-width:1024px) {
.index-about-right .index-about-title{ margin-bottom: 20px;}
}
@media screen and (max-width:992px) {
.index-about-left{ width: 100%;}
.index-about-right { margin-right: 0px; margin-top:20px; margin-bottom: 25px;}
}
@media screen and (max-width:768px) {
.index-about-left{ width: 100%;}
.index-about-right { margin-right: 0px; margin-bottom: 0px;}
.more_link .a { width: 170px; line-height: 40px; height: 40px; border-radius:40px;}
.more_link .a:before { border-radius: 40px;}
.more_link .a:after { width:40px; height:40px;  }
.more_link .a .l:after { height:40px; }
}
 
.index-resistant { background-image: url(../images/index-resistant-bg.jpg);background-position: center center;background-repeat: no-repeat; background-size: 100% 100%; background-attachment: fixed; position: relative;width: 100%;}
.index-resistant-tbody {position: relative;width: 100%; }
.index-resistant-tbody .sec-title a:hover {color: #fff;}
.index-resistant-tbody-text {font-size: 48px; font-family:"D DIN Bold"; width: 100%; max-width: 60%;color: #FFFFFF;line-height: 50px;}
.index-resistant-tbody-text a, .index-resistant-tbody-text a:hover {color: #fff;}
.index-resistant-tbody-btn {position: absolute;right: 0;top: 50%;transform: translateY(-50%); }
.index-resistant-tbody-btn a {display: inline-block;vertical-align: top;width: 320px; line-height: 46px; height: 46px;border-radius:46px; font-family: "Roboto"; text-align: center;border: 1px solid #fff;font-size: 20px;padding: 0 20px;color: #fff; }
.index-resistant-tbody-btn a:hover {color: #FFFFFF;background: #cc0000;}
@media (min-width: 992px) and (max-width: 1259px) {
.index-resistant-tbody-text {font-size: 34px; line-height: 40px;}
.index-resistant-tbody-btn a { width: 180px; font-size: 18px;padding: 0 18px;}
}
@media (max-width: 991px) {
.index-resistant-tbody-text {font-size: 28px; line-height:34px;}
.index-resistant-tbody-btn a { line-height: 40px; height: 40px;font-size: 16px;padding: 0 18px;}
}
@media (max-width: 767px) {
.index-resistant-tbody-text {font-size: 24px; max-width: none; }
.index-resistant-tbody-btn {position: relative;top: 0;transform: translateY(0); }
.index-resistant-tbody-btn a {min-width: 140px;line-height: 34px;font-size: 16px;padding: 0 15px;}
}
@media (max-width: 480px) {
.index-resistant-tbody-text {font-size: 22px; max-width: none; }
.index-resistant-tbody-btn {position: relative;top: 0;transform: translateY(0); }
}
.index-products-list { margin-top: 20px;}
.index-products li .box{ width: 100%; }
.index-products li .box .list_img{ width: 100%; margin: 0 auto 8%; }
.index-products li .box .list_img img{ width: 100%; margin: 0 auto; text-align: center;}
.index-products li .content {  border-top: 1px solid #f0f0f0;  padding:6% 0px 15%;  }
.index-products li .content ._tt {color:#0c2957;text-align:center; font-size:30px; font-family: "Roboto"; font-weight: 700 !important; line-height: 35px; white-space:nowrap; margin-bottom:10px; overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-products li .content ._desc{ color:#666666; font-size: 20px; padding-left: 4%; padding-right: 4%; text-align:center; font-family: "Roboto"; line-height:30px; margin-top: 10px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-products .swiper-box { position: relative;}
.index-products .swiper-btn { display: inline-block; width: 50px; height: 48px; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; margin-top: -45px; z-index: 10;}
.index-products .swiper-btn.prev { left: -80px; background-image: url(../images/arr_l.png);}
.index-products .swiper-btn.prev:hover { background-image: url(../images/arr_l.png);}
.index-products .swiper-btn.next { right: -80px; background-image: url(../images/arr_r.png);}
.index-products .swiper-btn.next:hover { background-image: url(../images/arr_r.png);}
.index-products .more_link { margin: 0 auto; width: 60%;}
.index-products .more_link .a {margin: 0 auto; display: block;}
@media (max-width: 1580px) {
.index-products .swiper-btn.prev { left: -60px; background-image: url(../images/arr_l.png);}
.index-products .swiper-btn.next { right: -60px; background-image: url(../images/arr_r.png);}
}
@media (max-width: 1366px) {
.index-products li .content ._tt {font-size:22px; line-height: 30px;}
.index-products li .content ._desc{ font-size: 16px; line-height:30px; margin-top: 10px;  }
}
 
@media (max-width: 1200px) {
.index-products li .content ._desc{ line-height:28px; margin-top: 5px; margin-bottom: 0px;}
}

@media (max-width: 1040px) {
.index-products .swiper-btn { display: inline-block; width: 50px; height: 48px; background: #fff; border-radius: 100%; box-shadow: 0 0 8px rgba(153,153,153,0.4); }
.index-products .swiper-btn.prev { left: 0px;  background-image: url(../images/arr_l.png);}
.index-products .swiper-btn.next { right: 0px; background-image: url(../images/arr_r.png);}
}
@media (max-width: 1024px) {
.index-products li .content ._tt {font-size:18px;  margin-bottom: 5px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-products li .content { padding:6%; }
.index-products .swiper-btn { top: 100%; }
.index-products .swiper-container-products{ padding-bottom: 50px; margin-bottom: 25px;}
.index-products .swiper-btn.prev { left: 40%;  background-image: url(../images/arr_l.png);}
.index-products .swiper-btn.next { right: 40%; background-image: url(../images/arr_r.png);}
}
@media (max-width: 668px) {
.index-products .swiper-btn.prev { left: 38%;}
.index-products .swiper-btn.next { right: 38%;}
}
@media (max-width: 500px) {
.index-products .swiper-btn.prev { left: 36%;}
.index-products .swiper-btn.next { right: 36%;}
}
@media (max-width: 485px) {
.index-products li .content ._desc{margin-top: 7px;}
.index-products li { padding-bottom: 5px;}
}
@media (max-width: 445px) {
.index-products .swiper-btn.prev { left: 35%;}
.index-products .swiper-btn.next { right: 35%;}
}
@media (max-width: 428px) {
.index-products .swiper-btn.prev { left: 33%;}
.index-products .swiper-btn.next { right: 33%;}
}

.index-solution{ position:relative; overflow: visible;}
.index-solution .img{ width:50%;}
.index-solution .img img{width:100%; }
.index-solution .textB{ position:absolute; left:50%; right:0; top:0; bottom:0; padding-left: 8%; line-height:1.7;}
.index-solution .textB .text_x{ position:relative; z-index:1;max-height: 100%; overflow:hidden; padding-top: 100px;}
.index-solution .textB .bg_x{ position:absolute; left:-10px; top:-95px; font-size: 200px; font-family: "D DINExp Bold"; color: rgba(204, 0, 0, 0.1);}
.index-solution .textB .text_x .tt_h{font-size:30px; color:#0c2957;font-weight:bold; font-family: "Roboto";line-height:1.5; margin-bottom:40px;}
.index-solution .textB .text_x p{ color:#666; font-size:20px; font-family: "Roboto";}
.index-solution .textB .more_link{ margin-top:70px;}
.index-solution .index-solution-content { margin-top: 40px;}
.index-solution .swiper-box { position: relative; margin-top: 30px;}
.index-solution .swiper-btn { display: inline-block; width: 50px; height: 48px; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; margin-top: -25px; z-index: 10;}
.index-solution .swiper-button-solution-prev { left: -80px; background-image: url(../images/arr_l.png);}
.index-solution .swiper-button-solution-prev:hover { background-image: url(../images/arr_l.png);}
.index-solution .swiper-button-solution-next{ right: -80px; background-image: url(../images/arr_r.png);}
.index-solution .swiper-button-solution-next:hover { background-image: url(../images/arr_r.png);}
 
.index-solution {width: 100%; overflow: hidden;}
.index-solution .gallery-left{width:100%; margin: 0; }
.index-solution .gallery-left img{width: 100%;}
.index-solution .gallery-left .swiper-slide{width: 100%;height: 100%;margin: 0 auto; }
.index-solution .gallery-left .swiper-slide img{width: 100%;height: 100%; margin: 0 auto; text-align: center;}
.index-solution .gallery-thumbs{ height: 20%; box-sizing: border-box; border: 3px solid #fff; }
.index-solution .gallery-thumbs img{width: 100%; overflow: hidden;}
.index-solution .gallery-thumbs .swiper-slide {height: initial; }
.index-solution .gallery-thumbs .swiper-slide img{width: 100%; position: relative;}
.index-solution .gallery-thumbs .swiper-slide-thumb-active { border: 3px solid #cc0000;}
.index-solution .gallery-thumbs .swiper-slide .tt{ position: absolute; top: 40%; left: 0; text-align: center; content: ""; width: 100%; font-size:20px; font-family: "Roboto";line-height:1.5; color: #fff; }
.index-solution .gallery-thumbs .swiper-slide-thumb-active  .tt{ display: none;}
.index-solution .swiper-pagination-solution { display: none;}
@media (max-width: 1580px) {
.index-solution .swiper-button-solution-prev { left: -60px; background-image: url(../images/arr_l.png);}
.index-solution .swiper-button-solution-next { right: -60px; background-image: url(../images/arr_r.png);}
.index-solution .textB .more_link{ margin-top:20px;}
.index-solution .textB .text_x .tt_h{ margin-bottom:30px;}
.index-solution .textB .bg_x{ position:absolute; left:-10px; top:-75px; font-size: 160px;  }
.index-solution .textB .text_x{ padding-top: 80px;}
}
@media (max-width: 1366px) {
.index-solution .swiper-button-solution-prev { left: -40px; }
.index-solution .swiper-button-solution-next { right: -40px; }
.index-solution .textB .text_x p{ font-size:16px; }
.index-solution .textB .text_x .tt_h{ margin-bottom:20px;}
}
@media (max-width: 1280px) {
.index-solution .textB .text_x .tt_h{font-size:24px; }
.index-solution .gallery-thumbs .swiper-slide .tt{  font-size:16px;  }
}
@media (max-width: 1200px) {
.index-solution .textB .bg_x{ position:absolute; left:0px; top:-55px; font-size: 120px;  }
.index-solution .textB .text_x{ padding-top: 50px;}
}
@media (max-width: 1040px) {
.index-solution .swiper-btn { display: inline-block; width: 50px; height: 48px; background: #fff; border-radius: 100%; box-shadow: 0 0 8px rgba(153,153,153,0.4); }
.index-solution .swiper-button-solution-prev{ left: 0px; top:40%; background-image: url(../images/arr_l.png);}
.index-solution .swiper-button-solution-next{ right: 0px; top:40%; background-image: url(../images/arr_r.png);}
}
@media (max-width: 1024px) {
.index-solution .gallery-thumbs{ padding-bottom: 50px;}
.index-solution .swiper-button-solution-prev { left: 40%;  background-image: url(../images/arr_l.png);}
.index-solution .swiper-button-solution-next{ right: 40%; background-image: url(../images/arr_r.png);}
}
@media (max-width: 992px) {
.index-solution .textB .bg_x{ position:absolute; left:0px; top:-25px; font-size: 80px;  }
.index-solution .textB .text_x{ padding-top: 40px;}
.index-solution .textB .text_x .tt_h{font-size:24px;margin-bottom:10px;}
.index-solution .textB .text_x p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.index-solution .textB .more_link{ margin-top:10px;}
}
@media (max-width: 768px) {
.index-solution .img{ width:100%;}
.index-solution .textB{ position: static; left:20px; right:20px; top:20px; bottom:20px; padding-left: 20px; padding-right: 20px; line-height:1.7;}
.index-solution .textB .text_x{padding-top: 60px;}
.index-solution .textB .text_x p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden; }
.index-solution .textB .bg_x{ position:absolute; left:0px; top:5px; font-size: 70px;  }
.index-solution .textB .more_link{ margin-top:30px;}
.index-solution .gallery-left{ padding-bottom: 70px;}
.index-solution .swiper-box { display: none;}
.index-solution .swiper-pagination-solution { display: block;}
.index-solution .swiper-btn { display: none;}
}
@media (max-width: 668px) {
.index-solution .swiper-button-solution-prev { left: 38%;}
.index-solution .swiper-button-solution-next{ right: 38%;}
}
@media (max-width: 500px) {
.index-solution .swiper-button-solution-prev { left: 36%;}
.index-solution .swiper-button-solution-next { right: 36%;}
}

@media (max-width: 445px) {
.index-solution .swiper-button-solution-prev { left: 35%;}
.index-solution .swiper-button-solution-next { right: 35%;}
}
@media (max-width: 428px) {
.index-solution .swiper-button-solution-prev { left: 33%;}
.index-solution .swiper-button-solution-next { right: 33%;}
}


.index-part5 { background: #e3ecf2 url(../images/index-part5-bg.jpg) no-repeat center; background-size: cover; }
.index-part5-content{ margin-top: 40px;}
.index-part5-content dl{ margin-bottom: 30px; margin-right: 30px;}
.index-part5-content dt{ font-size: 30px; color: #0c2957; line-height: 35px; font-family: "Roboto"; font-weight: bold; margin-bottom: 18px; padding-left: 50px; background: url(../images/gou.png) no-repeat top left; }
.index-part5-content dd{ font-size: 20px; color: #666; line-height: 35px; margin-bottom: 25px; padding-left: 50px; font-family: "Roboto";}
.index-part5-content dl:last-child{ margin-bottom: 0px;}
@media (max-width: 1366px) {
.index-part5-content dd{ font-size: 16px; line-height: 30px;  }
.index-part5-content dl{ margin-bottom: 20px; margin-right: 20px;}
}
@media (max-width: 1280px) {
.index-part5-content dt{ font-size: 24px; margin-bottom: 15px; }
}
.index-news { background: #e3ecf2 url(../images/index-news-bg.jpg) no-repeat center; background-size: cover; }
.index-news-content{ margin-top: 40px;}
.index-news-content li .content { padding:45px 25px 75px;width: 100%;background: #FFFFFF;border: 1px solid #EBEBEB;box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); border-radius: 20px;}
.index-news-content li .content ._tt { margin-bottom:10px; padding-bottom:30px; border-bottom: 1px solid #f0f0f0;}
.index-news-content li .content ._tt a{color:#0c2957; text-align:left; font-size:30px; font-weight: bold; font-family: "Roboto"; line-height: 36px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-news-content li .content ._desc{ color:#666; font-size: 20px; line-height:32px; font-family: "Roboto"; margin-top: 30px; margin-bottom:65px; min-height: 165px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.index-news-content .newsmore { float: left;font-size: 20px; line-height:32px; width: 40%; font-family: "Roboto";position: relative; }
.index-news-content .newsmore a{ color: #999999; }
.index-news-content .newsmore:after{position:absolute;right:0px;top:0px; content: ""; width: 50px;height:28px;background:url(../images/arr2.png) no-repeat;}
.index-news-content .date{ float: right;font-size: 20px; line-height:32px; color: #999999; font-family: "Roboto";}
.index-news-content li:hover .content { background: #1c21f5;} 
.index-news-content li:hover .content ._tt a{color:#fff; }
.index-news-content li:hover .content ._desc{ color:#fff;}
.index-news-content li:hover .newsmore a{ color: #fff; }
.index-news-content li:hover .date{ color: #fff; }
.index-news-content li:hover .newsmore:after{position:absolute;right:0px;top:0px; content: ""; width: 50px;height:28px;background:url(../images/arr3.png) no-repeat;}
@media (max-width: 1680px) {
.index-news-content li .content { padding:40px 25px 70px;}
.index-news-content li .content ._desc{  min-height: 150px;}
}
@media (max-width: 1480px) {
.index-news-content li .content { padding:35px 25px 60px;}
.index-news-content li .content ._tt {padding-bottom:25px;}
.index-news-content li .content ._desc{ margin-top: 25px;}
}
@media (max-width: 1280px) {
.index-news-content li .content ._tt { margin-bottom:10px; padding-bottom:20px;}
.index-news-content li .content ._tt a{ font-size:24px; line-height: 32px;  overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.index-news-content li .content ._desc{  font-size: 18px; line-height:30px; margin-top: 20px; margin-bottom:50px;min-height: 140px; }
.index-news-content .newsmore { width: 50%;font-size: 16px; line-height:30px; }
.index-news-content .date{ font-size: 16px; line-height:30px; }

}
@media (max-width: 1024px) {
.index-news-content li .content ._tt { padding-bottom: 20px;}
.index-news-content li .content ._tt a{ font-size:22px; }
.index-news-content li .content ._desc{ margin-top: 20px; margin-bottom: 30px; min-height: 110px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;line-clamp: 4; -webkit-box-orient: vertical;}
.index-news-content .newsmore { width: 60%;}
}
@media (max-width: 992px) {
.index-news-content .newsmore { width: 150px; }
.index-news-content li .content { padding:25px 15px 65px; }
.index-news-content li .content ._tt {padding-bottom: 15px;}
.index-news-content li .content ._tt a{ font-size:22px; line-height: 30px; }
.index-news-content li .content ._desc{ margin-top: 15px; }
}
@media (max-width: 892px) {
.index-news-content .newsmore { width: 130px; }
}
@media (max-width: 820px) {
.index-news-content .date{ display: none;}   
}
@media (max-width: 768px) {
.index-news-content li { margin-bottom: 20px;}
.index-news-content li .content ._tt { padding-bottom: 15px;}
.index-news-content li .content ._tt a{ font-size:20px;}
.index-news-content li .content ._desc{ margin-top: 15px;  margin-bottom: 20px; }
}

 


.p-banner {background: center no-repeat;background-size: cover;height: 555px;text-align: left;color: #fff;padding-top: 10%; margin-top: 140px; position: relative; }
.p-banner h2 {font-size: 74px; font-weight: bold; line-height: 40px; text-align: center;  font-family: "D DIN Bold"; position: relative;text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}
.p-banner .en{ font-size: 20px; line-height: 58px; margin-top: 10px; text-align: center; font-family:"Roboto"; text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}
.about-banner { background-image: url('../images/about_banner.jpg');}
.products-banner { background-image: url('../images/products_banner.jpg');}
.selection-banner { background-image: url('../images/selection_banner.jpg');}
.news-banner { background-image: url('../images/news_banner.jpg');}
.service-banner { background-image: url('../images/service_banner.jpg');}
.solution-banner { background-image: url('../images/solution_banner.jpg');}
.contact-banner { background-image: url('../images/contact_banner.jpg');}
.page_nav{height: 75px;line-height: 75px; position: absolute; left: 0px; bottom: 0px; width: 100%;  font-family:"Roboto";}
.page_nav .crumb li{float: left;font-size: 18px;color: #fff;}
.page_nav .crumb a{color: #fff;}
.page_nav .crumb .fa{ color: #fff; text-align: left; margin:22px 8px 0;}
.page_nav .crumb li:last-child{ color:#cc0000;}
.page_nav a:hover{color:#cc0000;}


@media (max-width: 1850px){
.p-banner {height: 535px;padding-top: 10%;}
}
@media (max-width: 1800px){
.p-banner {height: 520px;padding-top: 11%;}
}
@media (max-width: 1700px){
.p-banner {height: 490px; padding-top: 10%;}
}
@media (max-width: 1600px){
.p-banner {height: 463px; }
.p-banner h2 {font-size: 64px;}
}
@media (max-width: 1540px){
.p-banner {height: 445px; }
}
@media (max-width: 1480px){
.p-banner {height: 428px; }
}
@media (max-width: 1440px){
.p-banner {height: 416px;}
.p-banner .en{line-height: 50px;}
.p-banner h2 {font-size: 58px; }

}
@media (max-width: 1400px){
.p-banner {height: 405px; }
}
@media (max-width: 1366px){
.p-banner {height: 395px; }
}
@media (max-width: 1336px){
.p-banner {height: 387px; }
.p-banner h2 {font-size: 52px;  }
.p-banner .en{ font-size: 20px; line-height: 40px;}
.page_nav .r_sec li{ margin:0 30px 0 5px;}
 
}
@media (max-width: 1280px){
.p-banner {height: 450px; padding-top: 13%;}
.about-banner { background-image: url('../images/about_banner_p.jpg');}
.products-banner { background-image: url('../images/products_banner_p.jpg');}
.selection-banner { background-image: url('../images/selection_banner_p.jpg');}
.news-banner { background-image: url('../images/news_banner_p.jpg');}
.service-banner { background-image: url('../images/service_banner_p.jpg');}
.solution-banner { background-image: url('../images/solution_banner_p.jpg');}
.contact-banner { background-image: url('../images/contact_banner_p.jpg');}
.page_nav .r_sec li{ margin:0 20px 0 5px;}
 }   
@media (max-width: 1240px){
.p-banner {height: 436px; padding-top: 14%;}
.p-banner h2 {font-size: 48px;  }
}
@media (max-width: 1200px){
.p-banner {height: 422px; padding-top: 12%;}
.p-banner h2 {font-size:44px; }
.page_nav .r_sec li{ font-size:16px; margin:0 10px 0 5px; }
}  
@media (max-width: 1140px){
.p-banner {height: 400px; }
}
@media (max-width: 1100px){
.p-banner {height: 387px; }
}
@media (max-width: 1040px){
.p-banner {height: 366px; }
}
@media (max-width: 1024px){
.p-banner { margin-top: 90px; }
}

@media only screen and (max-width: 992px){
.p-banner {height: 450px; padding-top: 16%;}
.p-banner h2 {font-size:40px; }
.p-banner .en{ font-size: 18px; line-height: 32px;}
.about-banner { background-image: url('../images/about_banner_m.jpg');}
.products-banner { background-image: url('../images/products_banner_m.jpg');}
.selection-banner { background-image: url('../images/selection_banner_m.jpg');}
.news-banner { background-image: url('../images/news_banner_m.jpg');}
.service-banner { background-image: url('../images/service_banner_m.jpg');}
.solution-banner { background-image: url('../images/solution_banner_m.jpg');}
.contact-banner { background-image: url('../images/contact_banner_m.jpg');}

}
@media (max-width: 900px){
.p-banner {height: 409px;  }
.p-banner .en{ font-size: 17px; line-height: 30px;}
}
@media (max-width: 868px){
.p-banner {height: 394px; padding-top: 15%;}
}
@media (max-width: 768px){
.p-banner {height: 348px; }
.p-banner .en{line-height: 30px;}
.p-banner h2{font-size:36px; line-height: 30px; }
.page_nav{line-height:50px; height:50px;}
 }
@media (max-width: 728px){
.p-banner {height: 330px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;bottom: 10px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
.p-banner {height: 303px; }
.p-banner .en{ font-size: 16px; line-height: 30px;}
} 
@media (max-width:600px){
.p-banner {height: 273px; }
}   
@media (max-width:568px){
.p-banner {height: 258px;padding-top: 17%; }
}
@media (max-width: 562px){
.p-banner { margin-top: 50px; }
}
@media (max-width:480px){
.p-banner {height: 236px; padding-top: 100px;}
.p-banner .en{ line-height: 28px; display: none;}
}
@media only screen and (max-width: 425px){
.p-banner {height: 206px;padding-top: 80px;}
.p-banner h2{font-size:30px; }
.p-banner .en{ line-height: 25px;}
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px; }
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }

}
@media only screen and (max-width: 375px){
.p-banner {height: 198px; }
.p-banner h2 {line-height: 28px;font-size:24px; }
}
.m_sencondNav{position:relative; z-index:99; height:51px; }
.m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:90px; }
.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}
.m_sencondNav .m_second .home{background:#cc0000; 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 { padding-top: 51px;}
.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;}
@media (max-width: 1024px) {
.m_sencondNav .m_second.fixed{ top:10vw; }
}
@media (max-width: 568px) {
.m_sencondNav .m_second.fixed{ top:50px; }
}
.boxflex { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-box-flex: wrap; -ms-flex-wrap: wrap}
.df {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.pagetit h3{ font-size: 36px; color: #333333; margin-bottom: 40px; text-align: center; }

.wpb{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.title-center {margin-bottom: 50px;}
.title-center h2{text-align: left; font-size:60px; color: #0c2957; margin-bottom: 5px; font-family:"D DIN Bold"; }
.title-center p{ font-size:20px; font-family:"Roboto"; color: #666;}

.title-center1 {margin-bottom: 50px;}
.title-center1 h2{text-align: left; font-size:48px; color: #0c2957; margin-bottom: 15px; font-family:"D DIN Bold"; }
.title-center1 p{ font-size:20px; line-height: 32px; font-family:"Roboto"; color: #666;}

.page-about .title-center h2{ margin-bottom: 30px; width: 75%;}
.page-about .title-center p,.page-about1 .title-center p{ line-height: 34px;}
.page-about .img img{ max-width: 100%;}
.page-about1{background: #e3ecf3; }
.page-about1 .title-center h2{ margin-bottom: 30px; }
.page-about1-con {/*position: absolute;left: 0px; */text-align:left;z-index: 33; margin-bottom: 40px;}
.page-about1-con li { padding-bottom: 25px;}
.page-about1-con li .box{width: 100%; }
.page-about1-con li .content { padding-top:6%; }
.page-about1-con li .content ._tt{color:#0c2957; text-align:left; font-size:30px; line-height: 35px;  font-family:"Roboto"; font-weight: bold; margin-bottom:15px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.page-about1-con li .content ._desc{ color:#666; font-size: 20px; line-height:32px; margin-top: 15px; font-family:"Roboto"; }

@media(max-width:1440px) {
.title-center h2{ font-size:52px; }
}
@media (max-width: 1366px) {
.title-center{margin-bottom: 40px;}
.title-center h2{ font-size:48px; }
.title-center1 {margin-bottom: 40px;}
.title-center1 h2{ font-size:42px; }
.page-about1-con li .content ._tt{ font-size:26px; }
.page-about1-con li .content ._desc{ line-height:30px; margin-top: 15px;  }}

@media (max-width: 1280px) {
.title-center h2{ font-size:42px; }
.title-center1 {margin-bottom: 30px;}
.title-center1 h2{ font-size:36px; }
.page-about1-con li .content ._tt{ font-size:24px; }
}
@media (max-width: 1200px) {
.title-center h2{ font-size:36px; }
.title-center1 h2{ font-size:30px; }
.page-about1-con li .content ._desc{ line-height:28px; margin-top: 5px; }
}
@media (max-width: 1024px) {
.title-center h2{ font-size:32px; }
.title-center1 h2{ font-size:26px; }
.page-about .title-center h2{ margin-bottom: 20px; width: 100%;}
.page-about1 .title-center h2{ margin-bottom: 20px; }
.page-about .title-center p,.page-about1 .title-center p{ line-height: 30px;font-size:18px;}
.page-about1-con li .content ._tt {font-size:22px; margin-bottom: 5px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.page-about1-con li .content { padding-top:4%; padding-bottom: 4%; }
.page-about1-con li .content ._desc{font-size:18px;}
}
@media (max-width: 992px) {
.title-center {margin-bottom: 30px;}
.title-center h2{ font-size:30px; }
.title-center1 h2{ font-size:24px; }
.title-center p{ font-size:18px; line-height: 30px;}
.title-center1 p{ font-size:18px; line-height: 30px;}
}
@media (max-width: 668px) {
.title-center h2{ font-size:26px; }
.title-center1 h2{ font-size:22px; }
.page-about1-con { margin-bottom: 30px;}
}

@media (max-width: 485px) {
.page-about1-con li { padding-bottom: 15px;}
.page-about1-con li .content ._desc{margin-top: 7px;}

}
.news-content li { margin-bottom: 30px;}
.news-content li .content { padding:45px 25px 75px;width: 100%;background: #FFFFFF;border: 1px solid #EBEBEB;box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1); border-radius: 20px;}
.news-content li .content ._tt { margin-bottom:10px; padding-bottom:30px; border-bottom: 1px solid #f0f0f0;}
.news-content li .content ._tt a{color:#0c2957; text-align:left; font-size:30px; font-weight: bold; font-family: "Roboto"; line-height: 36px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.news-content li .content ._desc{ color:#666; font-size: 20px; line-height:32px; font-family: "Roboto"; margin-top: 30px; margin-bottom:85px;  overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;line-clamp: 4; -webkit-box-orient: vertical;}
.news-content .newsmore { float: left;font-size: 20px; line-height:32px; width: 40%; font-family: "Roboto";position: relative; }
.news-content .newsmore a{ color: #999999; }
.news-content .newsmore:after{position:absolute;right:0px;top:0px; content: ""; width: 50px;height:28px;background:url(../images/arr2.png) no-repeat;}
.news-content .date{ float: right;font-size: 20px; line-height:32px; color: #999999; font-family: "Roboto";}
.news-content li:hover .content { background: #1c21f5;} 
.news-content li:hover .content ._tt a{color:#fff; }
.news-content li:hover .content ._desc{ color:#fff;}
.news-content li:hover .newsmore a{ color: #fff; }
.news-content li:hover .date{ color: #fff; }
.news-content li:hover .newsmore:after{position:absolute;right:0px;top:0px; content: ""; width: 50px;height:28px;background:url(../images/arr3.png) no-repeat;}

@media (max-width: 1280px) {
.news-content li .content ._tt a{ font-size:24px; line-height: 32px; }
.news-content li .content ._desc{  font-size: 18px; line-height:30px; margin-bottom:50px;}
.news-content .newsmore { width: 50%;font-size: 16px; line-height:30px; }
.news-content .date{ font-size: 16px; line-height:30px; }
}
@media (max-width: 1024px) {
.news-content li .content ._tt { padding-bottom: 20px;}
.news-content li .content ._tt a{ font-size:22px; }
.news-content li .content ._desc{ margin-top: 20px; margin-bottom: 30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news-content .newsmore { width: 60%;}
}
@media (max-width: 992px) {
.news-content .newsmore { width: 150px; }
.news-content li .content { padding:25px 15px 65px; }
.news-content li .content ._tt {padding-bottom: 15px;}
.news-content li .content ._tt a{ font-size:22px; line-height: 30px; }
.news-content li .content ._desc{ margin-top: 15px; }
}
@media (max-width: 892px) {
.news-content .newsmore { width: 130px; }
}
@media (max-width: 820px) {
.news-content .date{ display: none;}   
}
@media (max-width: 768px) {
.news-content li { margin-bottom: 20px;}
.news-content li .content ._tt { padding-bottom: 15px;}
.news-content li .content ._tt a{ font-size:20px;}
.news-content li .content ._desc{ margin-top: 15px;  margin-bottom: 20px; }
}

.news_show {border:1px solid #e5e5e5; padding: 60px; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.news_show .param-tit{font-size: 60px; font-weight: bold; font-family: "D DIN Bold";padding-bottom:15px; color: #0c2957; }
.news_show .param-s{ font-size: 20px; margin-bottom: 30px; color: #666; border-bottom:1px solid #e5e5e5; padding-bottom: 30px; font-family: "Roboto";}
.news_show .param-c p,.news_show .param-c div { font-size: 20px; color: #666; line-height: 32px; font-family: "Roboto";}
.news_show .param-img{  margin-bottom: 20px; }
.left_nav{ background-color: #f6fbfe; margin-bottom: 25px; width: 90%; float: right;}
.left_nav dl{ padding: 30px; font-family: "Roboto";}
.left_nav dt{ line-height: 58px; font-size: 22px; color: #333; font-weight: bold; }
.left_nav dd{line-height: 32px; }
.left_nav dd a{font-size: 20px; color: #333;}
.left_nav:hover dt{color:#fff;}
.left_nav:hover dd a{color:#fff;}
.left_nav:hover,.newsshow .f_social:hover{background:#2d83c2;} 
.newsshow .f_social { padding: 30px; background-color: #f6fbfe;  width: 90%; float: right;}
.newsshow .f_social dl { margin-bottom: 30px;}
.newsshow .f_social dt{ line-height: 58px; font-size: 22px; color: #333; font-weight: bold; }
.newsshow .f_social dd a{ float:left; color:#777;width:46px;line-height:46px; height:46px; border-radius:50%; margin-right:12px; }
.newsshow .f_social dd a i {text-align:center; width:46px;line-height:46px; height:46px; border-radius:50%;border:1px solid#666; }
.newsshow .f_social dd .fab{text-align:center; font-size: 20px; color:#666;}
.newsshow .f_social dd .fab:before{position: static;}
.newsshow .f_social ._back { font-weight:normal;background:#1c21f5; height:50px; line-height:50px; width: 100%; font-size: 20px; margin:20px auto 0px; text-align: center; vertical-align:middle; }
.newsshow .f_social ._back a{color:#fff;text-align: center; width: 100%;}
.newsshow .f_social:hover dt { color:#fff;}
.newsshow .f_social:hover dd a i { border:1px solid#fff; }
.newsshow .f_social:hover dd .fab{ color:#fff;}
@media(max-width:1780px) {
.news_show .param-tit{font-size: 52px; }
}
@media(max-width:1440px) {
.news_show .param-tit{font-size: 44px; }
}
@media(max-width:1366px) {
.news_show { padding: 50px;}
.news_show .param-tit{font-size: 40px; }
.news_show .param-s{ margin-bottom: 25px; padding-bottom:25px;}
.news_show img{ width: 100%;}
.left_nav dt{ line-height: 48px;}
.newsshow .f_social dt{ line-height: 48px; margin-bottom: 15px;}
}
@media(max-width:1280px) {
.news_show { padding: 40px;}
.news_show .param-tit{font-size: 34px; }
.news_show .param-s{ margin-bottom: 20px; padding-bottom:20px;}
.left_nav{  width: 95%;}
.left_nav dl{ padding: 25px;}
.newsshow .f_social { padding: 25px; }
.newsshow .f_social dd a{ width:40px;line-height:40px; height:40px; margin-right:8px; }
.newsshow .f_social dd a i { width:40px;line-height:40px; height:40px; }
.newsshow .f_social dd .fab{ font-size: 18px; }
.news_show .param-c p,.news_show .param-c div { font-size: 18px; line-height: 30px;  }
.news_show .param-s{ font-size: 18px; }
}
@media(max-width:1024px) {
.news_show { padding: 30px;}
.news_show .param-tit{font-size: 30px; }
.left_nav dl{ padding: 20px;}
.newsshow .f_social { padding: 20px; }
.newsshow .f_social ._back { height:45px; line-height:45px; font-size: 18px;}
}
@media(max-width:992px) {
.news_show { padding: 25px;}
.news_show .param-tit{font-size: 28px;padding-bottom: 10px; }
.news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;}
.news_show p,.news_show div { line-height: 28px;}
.left_nav dl{ padding: 15px;}
.newsshow .f_social { padding: 15px; }
.left_nav dt{ line-height: 40px;}
.newsshow .f_social dt{ line-height: 40px;}
}
@media(max-width:680px) {
.news_show { padding: 20px;}
.news_show .param-tit{font-size: 26px; }
.news_show .param-s{ margin-bottom: 10px; padding-bottom: 10px; }
.news_show .param-c { padding-top: 0px;}
}
@media(max-width:680px) {
.news_show .param-tit{font-size: 24px; }
.left_nav dl{ padding: 10px;}
.newsshow .f_social { padding: 10px; }
.newsshow .f_social ._back { height:40px; line-height:40px;}
}   
.products_l{ width:23%; float:left; margin-right:5%;}
.products_r{ width:72%; float:left; }
.left_bg{background-color: white; text-decoration: none;  margin-bottom:35px;}
.products_l h3{ font-size:24px; color:#0c2957; font-weight: bold; font-family:"Roboto"; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
.left_search { background: #f3f9fc; padding: 30px; margin-bottom:35px; }
.left_search .search-box { height: 40px;  color: #333;}
.left_search .search-box form {position: relative;}
.left_search .search-box input {width: 100%; font-size: 20px; padding-left: 10px; border:0px solid #fff; line-height: 40px;height: 40px;}
.left_search .search-box .search-Btn {position: absolute;right: 0px;top:0px; content: ""; width: 40px; height: 40px; background-color:#1c21f5;border:1px solid #1c21f5;}
.left_search .search-box .search-Btn .fa{ color: #fff;}
.left_bg { background: #f3f9fc; padding: 30px;}
.left_bg .menu {display: block;}
.left_bg .menu li{ line-height:44px;  width: 100%; position: relative;}
.left_bg .menu li a{ font-family: 'Roboto'; font-size:20px;color:#999999; font-weight: normal; padding-left: 30px; }
.left_bg .menu li:before{ position:absolute; left:0px; height:30px; width:14px; content: ""; background:url(../images/arrows.png) no-repeat right; top:6px; }
.left_bg .menu li:hover:before,.left_bg .menu li.cur:before{ background:url(../images/arrows2.png) no-repeat right;}
.left_bg .menu li:hover a { color: #1c21f5;}
.left_bg .menu li.cur a { color: #1c21f5;}
.left_bg .menu li span{ float:right; font-size:20px;}
.left_bottom{ margin-top:35px; margin-bottom:35px; background: #f3f9fc; padding: 30px;}
.left_bottom .form-item { background-color: #ffffff; line-height: 40px; height: 40px; margin-bottom: 20px;  }
.left_bottom .form-item span{ width:4%; float: left;}
.left_bottom .form-item input {width:100%;border: 0; color: #cccccc; float: left;font-size: 20px; line-height: 40px; padding-left: 15px;}
.left_bottom .button {text-align: center; }
.left_bottom .button button { width: 100%; padding: 10px 0px;background:#1c21f5;color: #fff;}
.left_bottom button{ border: 0px; font-size: 20px; font-family:"Roboto"; }
.products_list .products_r_list {background-color: #ffffff; border:1px solid #dcdcdc; box-shadow: 5px 5px 15px rgba(0, 0, 0, .1); overflow: hidden; width:100%; margin-bottom:30px;}
.products_list .products_r_list img{ width:100%; overflow: hidden;}
.products_list .products_r_list .item-content { padding: 20px 25px;}
.products_list .products_r_list .item-content .item-title {margin-bottom: 10px; text-align: center;min-height: 60px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.products_list .products_r_list .item-content .item-title a{ font-size:20px; color:#0c2957; font-family: "Roboto"; font-weight: 600; line-height: 30px;}
.products_list .products_r_list .item-content .item-title a:hover{color:#1c21f5;}
.products_list .products_r_list .item-content p{line-height:30px; font-size:16px; margin:20px 0;}
.products_list .products_r_list .item-content .more { width: 220px; line-height: 46px; height: 46px; padding: 0 40px; margin: 0px auto 10px; font-family: "Roboto";border-radius:46px; cursor: pointer; color: #1c21f5; font-size:20px; }
.products_list .products_r_list .item-content a .more  { color: #1c21f5; font-size:20px; position: relative;}
.products_list .products_r_list .item-content .more:after{content: '';position: absolute;right: 20px;top: 0;width:60px; height:46px; background: url(../images/arr4.png) no-repeat center; }
.products_list .products_r_list:hover{ border:1px solid #dcdcdc;}
.products_list .products_r_list:hover .item-content .more { background: #1c21f5;}
.products_list .products_r_list:hover .item-content .more:after { background: url(../images/arr3.png) no-repeat center;content: '';position: absolute; right: 20px;top: 0;width:60px; height:46px; }
.products_list .products_r_list:hover .item-content a .more { color: #fff; }

.products_list .infor{text-align:center; margin-bottom: 30px;}
.products_list .infor .tit{font-size:30px; color:#181818; font-family: "Roboto";}
.products_list .infor .tit span{color:#ff0000}

.products .products_r .products_r_com{ font-size: 20px; padding: 40px; margin-top: 30px; border:1px solid #e5e5e5; font-family: "Roboto"; }
.products .products_r .products_r_com img{ max-width: 100%;}
.products .products_r .products_r_mid dd{ font-size: 20px; color: #666; font-family: "Roboto"; line-height: 35px; margin-bottom: 25px; padding-bottom: 22px; border-bottom:1px solid #e5e5e5; padding-left: 40px; background: url(../images/gou.png) no-repeat top left;}
.products .products_r .products_r_application ul{ margin-top: 40px; }
.products .products_r .products_r_application ul li { margin-bottom:50px;}
.products .products_r .products_r_application .application-item img{ width: 100%;}
.products .products_r .products_r_application .box{ padding:18px 0px; border-bottom: 2px solid #b5b5b5;}
.products .products_r .products_r_application .box .tit { float: left; color:#333; font-size:30px; width: 85%; font-family: "Roboto"; line-height: 48px;}
.products .products_r .products_r_application .application-item:hover .box{ border-bottom: 2px solid #1c21f5; } 
.products .products_r .products_r_application .application-item:hover .box .tit  { color: #1c21f5;} 
.products .products_r .products_r_application .more { float: right;font-size: 20px; line-height:32px; width: 15%; font-family: "Roboto";position: relative; }
.products .products_r .products_r_application .more:after{position:absolute;right:0px;top:10px; content: ""; width: 50px;height:28px;background:url(../images/arr4.png) no-repeat center right;}
.products .products_r .products_r_application-show ul li { margin-bottom:30px;}
@media screen and (max-width:1400px){
.left_bg .menu li a{ padding-left: 20px; }
}
@media screen and (max-width:1366px){
.products_l{ width:24%; float:left; margin-right:4%;}
.left_search { padding: 25px; margin-bottom:30px; }
.left_bg {padding: 25px;}
.left_bottom{ margin-top:30px; margin-bottom:30px;padding: 25px;}
.products .products_r .products_r_com{ padding: 30px;}
.products .products_r .products_r_application ul{ margin-top: 30px; }
.products .products_r .products_r_application ul li { margin-bottom:40px;}
.products .products_r .products_r_application .box .tit { font-size:26px; line-height: 42px;}
.products_list .products_r_list .item-content { padding: 20px 15px;}
}
@media screen and (max-width:1240px){
.products_l{ width:27%; margin-right:3%;}
.products_r{ width:70%; }
.products_l h3{ font-size:22px; }
.left_search .search-box input { font-size: 18px; }
.left_bg .menu li a{ font-size:18px;}
.left_bottom .form-item input { font-size: 18px; }
.products .products_r .products_r_mid dd{ font-size: 18px; line-height: 32px; margin-bottom: 20px; padding-bottom: 20px; }
.products_list .products_r_list .item-content .more { width: 180px;padding: 0 20px; margin: 20px auto 10px;font-size:18px; }
.products_list .products_r_list .item-content .more:after{ right: 10px;top: 0;width:60px; }
.products_list .products_r_list .item-content a .more  { font-size:18px; }
.products .products_r .products_r_application .more { font-size: 18px;}
.products .products_r .products_r_application .box .tit { font-size:24px; line-height: 40px;}
.products .products_r .products_r_application .more:after{top:0px;}
}
@media screen and (max-width:992px){
.products .products_r .products_r_application ul li { margin-bottom:30px;}
.products .products_r .products_r_application-show ul li { margin-bottom:20px;}
.products .products_r .products_r_application .box .tit { font-size:22px; line-height: 38px;}
.products .products_r .products_r_mid dd{ line-height: 28px; margin-bottom:10px; padding-bottom: 10px; }
.products_r{ width:100%; }
.products .products_r .products_r_com{ padding:20px;}
.products_list .products_r_list .item-content .more {padding: 0 10px; margin: 10px auto 10px;}
.products_list .products_r_list .item-content .more:after{ right: 5px;top: 0;width:60px; }
}
@media screen and (max-width:495px){
.products_list .products_r_list .item-content { padding: 10px 5px 0px;}
.products_list .products_r_list .item-content .more { width: 160px;padding: 0 10px; margin: 0px auto; }
.products .products_r .products_r_com{ padding: 15px;}
.products_list .products_r_list .item-content .item-title a{ font-size:18px; line-height: 28px;}
.products_list .products_r_list .item-content .more {line-height: 36px; height: 36px; border-radius:36px; text-align: center; }
.products_list .products_r_list .item-content .more:after{ right: 0px;top: 0;width:0px;}
.products_list .products_r_list .item-content a .more  { margin-bottom: 15px;}
.products_list .products_r_list:hover .item-content .more:after { right: 0px;top: 0;width:0px; height:0px; }
}

.page-solution ul{ margin-top: 40px; }
.page-solution ul li { margin-bottom:50px;}
.page-solution .application-item img{ width: 100%;}
.page-solution .box{ padding:18px 0px; border-bottom: 2px solid #b5b5b5;}
.page-solution .box .tit { float: left; color:#333; font-size:24px; width: 87%; font-family: "Roboto"; line-height: 48px;}
.page-solution .application-item:hover .box{ border-bottom: 2px solid #1c21f5; } 
.page-solution .application-item:hover .box .tit  { color: #1c21f5;} 
.page-solution .more { float: right;font-size: 20px; line-height:32px; width: 13%; font-family: "Roboto";position: relative; }
.page-solution .more:after{position:absolute;right:0px;top:10px; content: ""; width: 50px;height:28px;background:url(../images/arr4.png) no-repeat center right;}
.page-solution-show ul { margin-top: 30px;}
.page-solution-show ul li { margin-bottom:30px;}
.page-solution-show ul li img{ max-width: 100%;}
@media screen and (max-width:1580px){
.page-solution .box .tit { line-height: 42px;}
}
@media screen and (max-width:1440px){
.page-solution .box .tit { font-size:22px; line-height: 38px;}
.page-solution .more:after{ top:7px; }
}
@media screen and (max-width:1366px){
.page-solution ul{ margin-top: 30px; }
.page-solution ul li { margin-bottom:40px;}
.page-solution .box .tit { font-size:20px; line-height: 34px;}
}
@media screen and (max-width:1280px){
.page-solution .box .tit { line-height: 32px;}
}
@media screen and (max-width:1140px){
.page-solution .box .tit { font-size:18px; line-height: 30px;}
.page-solution .more:after{ top:5px; }

}
@media screen and (max-width:992px){
.page-solution ul li { margin-bottom:30px;}
.page-solution-show ul li { margin-bottom:20px;}
.page-solution .box .tit { width: 100%; font-size:18px; line-height: 30px;}
.page-solution .more:after{ top:0px; width: 0px; height: 0px;}
}
@media screen and (max-width:568px){
.page-solution .box .tit { line-height: 28px;}
.page-solution .col-xs-6{ width: 100%;}
}

 
.page-contact{background: #e3ecf3;}
.contact-ny{width: 55%; }
.contactr{width: 40%;}
.contactr img{ width: 100%;}
.contact-nylist .fa{ flex-grow: 0;flex-shrink: 0;}
.contact-nylist{margin-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #dcdcdc;}
.contact-nylist .fa::before{display: block;width: 54px;height: 54px;margin-right: 20px;font-size: 32px;color: #0c2957; border: 1px solid #d2d2d2; text-align: center;line-height: 54px;}
.contact-listtxt{width: 88%; }
.contact-listtxt h3{font-size: 20px; color: #1c21f5; font-family:"Roboto"; text-transform: capitalize;}
.contact-listtxt p{margin-top: 5px;font-size: 20px; color: #333; font-family:"Roboto";}
@media(max-width:992px) {
.contact-ny{width: 100%; }
.contactr{width: 0px; display: none;}
}
.message { background: url(../images/message.png) no-repeat left bottom;}
.message .message_left { float: left; width: 43%; padding-right: 5%;}
.message .message_right  { float: left; width: 50%;  }
.message .form-item {border-bottom: 1px solid #dcdcdc;line-height: 70px; height: 70px;  }
.message .form-item span{ width:4%; float: left;}
.message .form-item input {width: 93%;border: 0; color: #cccccc; float: left;font-size: 20px; line-height: 68px; background: transparent; }
.message .form-area{border-bottom: 1px solid #dcdcdc; height: 150px;margin-bottom:30px;}
.message .form-area textarea { width: 98%; float: left; height: 148px;line-height: 70px; border: 0;font-size: 20px; padding: 0px 0px;background: transparent; }
.message .form-area span{ width:2%; float: right;}
.message .form-bottom {margin-top: 30px;}
.message .form-bottom span {display: inline-block;color: #cccccc;margin-right: 30px;}
.message .form-bottom #code {width: 285px;height: 65px;font-size: 20px; border: 1px solid #e5e5e5;background-color: #fff; padding-left: 5px; color: #cccccc;}
.message .form-bottom input { color: #cccccc;}
.message .message_right .button {text-align: center; }
.message .message_right .button button {padding: 15px 90px;background:#1c21f5;color: #fff;}
.message .message_right .text-muted {font-size: 20px;color: #999;line-height: 32px;font-weight: 400; }
.message .message_right .text-muted i{line-height: 25px; color: #cc0000; }
.message button{ border: 0px; font-size: 20px; font-family:"Roboto"; }
.d-inline {display: inline-block;}
@media(max-width:1440px) {
.title-center h2{ font-size:50px; }
}
@media(max-width:1366px) {
.title-center{margin-bottom: 40px;}
.message .form-bottom #code {width: 315px;}
.title-center h2{ font-size:40px; }
}
@media(max-width:992px) {
.title-center {margin-bottom: 30px;}
.title-center h2 { font-size:34px; }
.message .message_left {width: 100%;vertical-align: top;padding-right:0;}
.message .message_right  { width: 100%;vertical-align: top; }
.message .form-area span{ width:4%; float: left;}	
.message .form-main {padding-top: 0px;}
.message .form-bottom #code {width: 265px;}
}
@media(max-width:768px) {
.message .form-bottom #code {width: 185px; height: 55px; }
.message form .button button {padding: 15px 30px; margin-top: 0px;}
}
@media(max-width:528px) {
.title-center h2 { font-size:28px; }
.message .form-bottom span { display: none;}
.message .message_right .message_right{ float: left;}
.message .message_right .button button {padding: 15px 40px; }
.message .message_right .button { margin-top: 30px;}

}