.indexbanner{ margin-top: 102px;height:720px; }
.banner_mid{position:absolute; left:0; top:0; width:100%; height:720px; z-index:10;}
.div1200{margin:0 auto;  max-width:95em; padding:0 1em;}
.banner_mid_1{font-size:3em; color:#0e6fda; }
.banner_mid_2{font-size:1.125em; margin:1.5em 0 2.6em 0;}
.banner_mid_3 a{ line-height:3em; padding:0 1.3em; font-size:0.75em;display:inline-block; /*background-color:#999;*/ color:#fff; font-family:Arial, Helvetica, sans-serif;}
.banner_mid_3 a span{ min-width:9.571428571428571em; letter-spacing:0.02em;display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img10.png);}
.banner_mid_3 a:hover span{background-position:95% center;}
.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:6em; height:2em; background:none;border-radius:0; color:#000; position:relative; margin:0 5px;}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:1px; background-color:#000;opacity:0.23;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:1px; background-color:#000;opacity:1;}
.indexbanner .swiper-pagination-bullet-active:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;}
.indexbanner .swiper-pagination-bullet-active i{opacity:1}
.indexbanner .swiper-pagination-index-banner{ position:static; margin:0 auto; width:auto; max-width:95em; padding:0 1em;text-align:left;}
.banner_footer{position:absolute; left:-3%; bottom:13%; width:100%; z-index:10;}
.dot {position: absolute;width: 20px;height: 20px;left: 50%;top: 50%;margin-left:-10px;margin-top:-10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #fcff00;z-index: 2;}
.cell_mid{ display: table; height:720px; width:100%; }
.cell_h{ height:720px;display: table-cell; vertical-align: middle; } 
.pcbannerimg{ height: 720px;}
.mobilebannerimg{ display:none;background-position:center; background-repeat:no-repeat; background-size:cover; background-repeat:no-repeat;}
@media screen and (max-width: 1600px){
.indexbanner{ margin-top: 102px; height:600px; }
.banner_mid{ height:600px;}
.cell_mid{ height:600px;}
.cell_h{ height:600px; } 
.pcbannerimg{ height: 600px;}
.banner_footer{position:absolute; left:0; bottom:13%; width:100%; z-index:10;}
}
@media screen and (max-width: 1440px){
.dot {width:16px; height:16px; margin-left:-8px; margin-top:-8px;}
.indexbanner{ height:540px; }
.banner_mid{ height:540px;}
.cell_mid{ height:540px;}
.cell_h{ height:540px; } 
.pcbannerimg{ height: 540px;}
}
@media screen and (max-width: 1366px){
.indexbanner{ height:512px; }
.banner_mid{ height:512px;}
.cell_mid{ height:512px;}
.cell_h{ height:512px; } 
.pcbannerimg{ height: 512px;}
}
@media screen and (max-width: 1280px){
.indexbanner{ height:480px; }
.banner_mid{ height:480px;}
.cell_mid{ height:480px;}
.cell_h{ height:480px; } 
.pcbannerimg{ height: 480px;}
}
@media screen and (max-width: 1201px){
.pcbannerimg{ display:none;}
.mobilebannerimg{ display: block;}
}
@media screen and (max-width: 1200px){
.indexbanner{ margin-top: 60px;}
.mobilebannerimg{ height: 620px;}
.indexbanner{ height:620px; }
.banner_mid{ height:620px;}
.cell_mid{ height:620px;}
.cell_h{ height:620px; } 
}
@media screen and (max-width: 1090px){
.banner_mid_1{font-size:2.5em;}
.banner_mid_2{font-size:1em;}
.indexbanner .swiper-pagination-bullet{width:4em; height:1.5em;}
.indexbanner .swiper-pagination-bullet-active i{font-size:0.875em;}
.banner_footer{bottom:10%;}
.indexbanner{ height:472px; }
.banner_mid{ height:472px;}
.cell_mid{ height:472px;}
.cell_h{ height:472px; } 
.mobilebannerimg{height: 472px;}
}
@media screen and (max-width: 768px){
.dot{width:12px; height:12px; margin-top:-6px; margin-left:-6px;}
.showmobilemap{display:block}
.banner_mid_2{ width: 75%;}
.banner_mid_3{ display:none;}
.banner_mid_3 a{font-size:0.6em;}
.banner_mid_1{font-size:1.875em;}
.banner_mid_2{font-size:0.875em;}
.header_mid{padding-left:0;}
.indexbanner{ height:333px; }
.banner_mid{ height:333px;}
.cell_mid{ height:333px;}
.cell_h{ height:333px; } 
.mobilebannerimg{height: 333px;}
}
@media screen and (max-width: 640px){
.banner_mid_1{font-size:1.5em;}
.banner_mid_2{line-height:1.6;}
.banner_footer{bottom:2em;}
.indexbanner .swiper-pagination-bullet{width:2.5em;}
.indexbanner{ height:277px; }
.banner_mid{ height:277px;}
.cell_mid{ height:277px;}
.cell_h{ height:277px; } 
.mobilebannerimg{height: 277px;}
}
@media screen and (max-width: 480px){
.banner_mid_1{font-size:1.375em;}
.indexbanner{ height:210px; }
.banner_mid{ height:210px;}
.cell_mid{ height:210px;}
.cell_h{ height:210px; } 
.mobilebannerimg{height: 210px;}
}


.index_1{ position:relative;border-bottom:3px #fff solid; border-top:3px #fff solid;}
/*.index_1.page-section{ padding-bottom: 0PX;}*/
.index_1_mid{margin:0 7.5%; min-height:38em;}
.index_1_mid_img{text-align:center;}
.index_1_mid_1{font-size:22px; color:#000; padding-bottom:20px; position:relative;}
.index_1_mid_1:after{ content: ""; position: absolute;  left:0; bottom:0; height:0.1428571428571429em; width:2.714285714285714em; background-color:#0e6fda; }
.index_1_mid_2{ margin-top:0.5em; font-size:0.875em; letter-spacing:0.05em; font-family:Arial, Helvetica, sans-serif; color:#000;} 
.index_1_mid_3{ margin:25px 0;font-size:15px; color:#666; line-height:30px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:60px; overflow: hidden;word-wrap:break-word;word-break:break-all;}
.index_1_mid_4{ opacity:0;  }
.index_1_mid_4 span{ background-color:#0e6fda; text-align:center;font-size:14px; display:inline-block; width:129px; height:32px; line-height:32px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.index_1_mid_4 span font{ text-align:left;font-style:normal; width:98px; display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img10.png);}
.index_1_mid_img{margin-bottom:3em; margin-top:3.0em;}
.index_1 .swiper-slide:hover .index_1_mid_4{opacity:1;}
.index_1 .swiper-slide:hover .index_1_mid_img img{margin-top:-28px;}
.index_1 .swiper-slide{background-color:#f1f5f8;}
.index_1 .swiper-slide:hover{background-color:#e0e8ef;}
.index_1_left{ cursor:pointer;position:absolute; left:1.14583333333333%; width:4.6875em; height:4.6875em; top:50%; margin-top:-2.34375em; z-index:10; background-image:url(../images/left.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_right{ cursor:pointer;position:absolute; right:1.14583333333333%; width:4.6875em; height:4.6875em; top:50%; margin-top:-2.34375em; z-index:10; background-image:url(../images/right.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
@media screen and (max-width: 1366px){ 
    .index_1_mid_img img{ width: 100%;}
}
@media screen and (max-width: 1200px){    
.index_1_mid_1{font-size:1.375em;}
.index_1_left,.index_1_right{width:3em; height:3em; margin-top:-1.5em;}
}
@media screen and (max-width: 1090px){    
.index_1_mid_1{font-size:1.25em;}
.index_1_mid_img{margin-top:6em; margin-bottom:4em;}
.index_1_mid_4{opacity:1;}
.index_1 .swiper-slide:hover .index_1_mid_img img{margin-top:0px;}
}
@media screen and (max-width: 768px){
.index_1_left, .index_1_right{width:2em; height:2em; margin-top:-1em;}
.index_1_mid_1{font-size:1.125em;}
.index_1_mid_3{height:auto;}
.index_1_mid_img{margin-bottom:1.5em; margin-top:2em;}
.index_1_mid{margin:0 4%;}    
}
@media screen and (max-width: 468px){
.index_1_mid_img img{ width: 100%;}
.index_1_mid{ min-height:33em;}

}
.bowen {position:absolute;width: 120px;height: 120px;right:0; top:0;}
@keyframes ripple{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:1}100%{opacity:0;transform:scale(1)}}
.bowen:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #0e6fda;opacity:0;-webkit-animation:ripple 4s ease-out 225ms infinite;-moz-animation:ripple 4s ease-out 225ms infinite;-o-animation:ripple 4s ease-out 225ms infinite;
animation:ripple 4s ease-out 225ms infinite}
.bowen.delay:after{-webkit-animation:ripple 4s ease-out 725ms infinite;-moz-animation:ripple 4s ease-out 725ms infinite;-o-animation:ripple 4s ease-out 725ms infinite;animation:ripple 4s ease-out 725ms infinite}
.index_2 { background-color: #FAFAFA;}
.index_2 .desc{ width: 80%; margin: 0 auto; font-size: 17px; line-height: 32px; text-align: center;color: #666;}
.index_2 .banner_mid_3 { margin: 40px auto; text-align: center;}
.index_2 .banner_mid_3 a{background-color:#0e6fda; color:#fff;}
.index_2 .banner_mid_3 a span{ text-align: left;background-image:url(../images/img10.png);}
.index_2 ul{ width: 80%; margin:40px auto 0; }
.index_2 ul li .lin{ text-align: center;}
.index_2 ul li a { display: block; padding-bottom: 6px;}
.index_2 ul .pic { height: 58px; line-height: 58px;}
.index_2 ul .pic img { max-width: 100%; max-height: 100%;}
.index_2 ul h3 { font-size: 22px; color: #333; height: 34px; line-height: 34px; margin-top: 16px; margin-bottom: 16px; -webkit-transition: 0.3s; transition: 0.3s;}
.index_2 ul li:hover h3 { color: #0e6fda;}
.index_2 ul .txt { font-size: 16px; color: #666; line-height: 26px;}
@media screen and (max-width: 1280px){
.index_2 .desc{ width: 90%;}
.index_2 ul{ width: 90%; }
}
@media screen and (max-width: 1023px) { 
.index_2 ul li { margin-bottom: 20px; }
.index_2 .desc{ width: 100%; font-size: 16px; line-height: 30px;}
.index_2 ul{ width:100%; margin:30px auto 0; }
}
@media screen and (max-width: 750px) {
.index_2 ul h3 {font-size: 18px; }
}

.index_3 { width: 100%; height: 500px; position: relative; overflow: hidden; background: url(../images/indexbg1.jpg) no-repeat;}
.index_3 .index_3_con { position: absolute; left: 5%; top: 50%; z-index: 3; width: 90%; margin-top: -80px; text-align: center;}
.index_3 .index_3_con h3 { font-size: 40px; color: #fff; line-height: 60px; font-weight: bold;}
.index_3 .index_3_con .txt { font-size: 28px; color: #fff; line-height: 40px; letter-spacing: 2px; margin: 22px 0 50px;}
@media screen and (max-width: 1280px){
.index_3 {height: 400px; }
.index_3 .index_3_con h3 { font-size: 34px; line-height: 50px; }
.index_3 .index_3_con .txt { font-size: 24px;line-height: 34px; margin: 22px 0 30px;}

}
@media screen and (max-width: 750px) { 
.index_3 {height: 300px; }
.index_3 .index_3_con {margin-top: -90px; } 
.index_3 .index_3_con h3 {font-size: 30px;line-height: 50px; } 
.index_3 .index_3_con .txt {font-size: 20px;line-height: 30px;margin-bottom: 40px; }
}
@media screen and (max-width: 450px) { 
.index_3 .index_3_con h3 {font-size: 24px;line-height:40px; } 
.index_3 .index_3_con .txt {font-size: 18px;line-height:26px; }
}
.index_4 .page_title{ text-align: left;}
.index_4 .page_title .title1:after{left: 0; }
.index_4 .tab{ margin-top: 20px;}
.index_4 .tab ul { float: right;}
.index_4 .tab li{ float: left; padding-left: 22px; color: #797979; height: 30px; line-height: 30px; overflow: hidden; margin-right: 30px;}
.index_4 .tab .liNow,.index_4 .tab li:hover{ background: url(../images/line1.jpg) left center no-repeat; color: #2f343c;}
.index_4 .bigBox{ overflow: hidden; padding-top:50px; }
.index_4 .leftDiv{ width: 62%; }
.index_4 .rightDiv{ width: 31%; }
.index_4 .leftDiv .detail{ padding-left: 58%; position: relative;}
.index_4 .leftDiv .detail .imgDiv{ width: 50%; position: absolute; left: 0px; top: 0px; overflow: hidden;}
.index_4 .leftDiv .detail .imgDiv img{ width: 100%; }
.index_4 .leftDiv .detail .hideBox{ position: absolute; left:0; top: 47%; display: none; width: 100%; z-index: 2; background: url(../images/bg2.png) repeat;}
.index_4 .leftDiv .detail:hover .hideBox{ display: block;}
.index_4 .leftDiv .detail .newmore{ position: absolute; left: 50%; top: 50%;width: 248px; height: 46px; line-height: 46px; margin-left: -124px; }
.index_4 .leftDiv .detail .newmore a{ display: block; width: 248px; height: 46px; line-height: 46px; text-align: center; background: url(../images/nimg248Bg.png) no-repeat; padding: 0px 10px;font-size: 14px; color: #fff; font-weight: bold;}
.index_4 .leftDiv .detail .name{ padding-top: 35px; height: 80px; line-height: 40px; overflow: hidden; font-size: 22px; margin-bottom: 40px; font-weight: bold;}
.index_4 .leftDiv .detail .name a{ color: #000; }
.index_4 .leftDiv .detail .name a:hover{ color: #0e6fda; }
.index_4 .leftDiv .detail .content{ line-height: 28px; color: #888; height: 140px; overflow: hidden; position: relative;}
.index_4 .leftDiv .detail .content em{ position: absolute; left: 0px; bottom: 0px; width: 30px; height: 3px; background: #232323;}
.index_4 .rightDiv li{ height: 118px; margin: 20px 0px 20px; border-bottom: #f2f2f2 solid 1px;  position: relative; padding-left: 158px;}
.index_4 .rightDiv li .imgDiv{ position: absolute; left: 0px; top: 0px; width:130px; }
.index_4 .rightDiv li .imgDiv img{ width: 100%;}
.index_4 .rightDiv li .name{ font-size: 15px; padding-top: 20px; height: 40px; line-height: 20px; overflow: hidden; width: 230px;}
.index_4 .rightDiv li .name a{ color: #000; }
.index_4 .rightDiv li .name a:hover{ color: #0e6fda;}
.index_4 .rightDiv li .time{ padding-top: 18px; color: #888; }
.index_4 .rightDiv li:first-child{ margin: 0px 0px 20px;}
.index_4 .rightDiv li:last-child{ border-bottom: none; }
.index_4 .rightDiv li .hideBox{ position: absolute; left: 0px; top: 0px; display: none; width: 100%; z-index: 2; background: url(../images/bg2.png) repeat;}
.index_4 .rightDiv li .newmore{ position: absolute; left: 50%; top: 50%; margin-top: 13px; width: 108px; height: 68px; margin-left: -54px; }
.index_4 .rightDiv li .newmore a{ display: block; width: 108px; height: 68px; line-height: 68px; text-align: center; background: url(../images/nimg108Bg.png) no-repeat; font-size: 14px; color: #fff; font-weight: bold;}
.index_4 .rightDiv li:hover .hideBox{ display: block; }
.index_4 .banner_mid_3 a{background-color:#0e6fda; color:#fff;}
.index_4 .banner_mid_3 a span{ text-align: left;background-image:url(../images/img10.png);}
.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}
.tabContent3{ display:none;}
.tab3 dd{ cursor:pointer;}
@media screen and (max-width: 1280px) { 
.index_4 .leftDiv .detail .name{ padding-top: 5px; height: 70px; line-height: 35px; font-size: 20px; margin-bottom: 25px; }
.index_4 .leftDiv .detail .imgDiv{ width: 53%;}
}
@media screen and (max-width: 1200px) { 
.index_4 .leftDiv .detail .name{ font-size: 18px; height: 60px; line-height: 30px;}
}
@media screen and (max-width: 992px) { 
.index_4 .leftDiv{ width: 100%; }
.index_4 .rightDiv{ width: 100%; }
.index_4 .leftDiv .detail{ height: 385px; }
.index_4 .leftDiv .detail .name{ padding-top:0px; height: 60px; line-height: 28px; font-size:16px; margin-bottom: 20px; }
.index_4 .leftDiv .detail .content{ line-height: 28px;height: 90px; }
.index_4 .tab{ margin-top: 0px;}
.index_4 .bigBox{ padding-top:30px; }
}
@media screen and (max-width: 900px) { 
.index_4 .leftDiv .detail{ height: 360px; }
}
@media screen and (max-width: 768px) { 
.index_4 .leftDiv .detail{ height: 340px; }
}
@media screen and (max-width: 700px) { 
.index_4 .leftDiv .detail{ height: 300px; }
.index_4 .tab ul { float: none;}

}
@media screen and (max-width: 600px) { 
.index_4 .leftDiv .detail{ height: 230px; }
}
@media screen and (max-width: 450px) { 
.index_4 .leftDiv .detail{ height: 450px;padding-left: 0; padding-top: 250px;}
.index_4 .leftDiv .detail .imgDiv{ width: 100%; position: absolute; left: 0px; top: 0px; height: 230px;}
.index_4 .leftDiv .detail .name{height:auto; line-height: 27px;margin-bottom: 10px; }
.index_4 .leftDiv .detail .content{ margin-bottom: 10px; }
}
.index_5 { background-color:#f4f4f5;}
.index_5.page-section { padding-bottom: 0px; padding-top: 0px;}
.index_5_l{ width: 50%; float: left;}
.index_5_r{ width: 50%; float: right;}
.index_5_r .indexelist .banner_mid_3 a{ background-color:#065ec0!important; }
.indexelist { position: relative;}
.indexelist .wapimg{display:none}
.indexelist .textbox{position:absolute;left:15%;top:15%;}
.indexelist .topicon{height:34px}
.indexelist .titlebox{margin-top:54px}
.indexelist img{ width: 100%;}
.indexelist .titlebox .cntitle{font-size:30px;font-weight:bold;color:rgba(255,255,255,0.9); margin-bottom: 15px; }
.indexelist .titlebox .entitle{color:rgba(255,255,255,0.7); font-size: 18px; margin-top:6px}
.indexelist .iconbox{margin-top:55px}
.indexelist .iconlist{width:110px;height:110px;background-color:#fff;border-radius:10px;padding-top:20px;margin-right:20px; z-index: 9999;}
.indexelist .iconlist:nth-last-of-type(1){margin-right:0}
.indexelist .iconlist .icon{height:31px;line-height:31px;text-align:center}
.indexelist .iconlist .icon img{display:inline-block;vertical-align:middle; width: auto;}
.indexelist .iconlist .icon_h{height:31px;line-height:31px;text-align:center;display:none;}
.indexelist .iconlist .icon_h img{vertical-align:middle; width: auto;}
.indexelist .iconlist .title{color:#999;margin-top:15px;text-align:center}
.indexelist .text{margin:32px 0 66px;color:#fff;font-size:16px}
.indexelist .text span{color:#065ec0;font-weight:bold;font-family:Arial;font-size:22px}
.indexelist .btn{width:48px;height:33px;background-image:url(../img/iemore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexelist .iconlist:hover{ background-color:#065ec0; }
.indexelist .iconlist:hover .title{color:#fff;}
.indexelist .iconlist:hover .icon{ display:none;}
.indexelist .iconlist:hover .icon_h{display:block;}
@media (max-width:1620px){
.indexelist .textbox{left:3.83vw;top:3.5vw}
}
@media (max-width:1440px){
.indexdtoplist{margin-right:35px}
.indexelist .textbox{left:2.33vw;top:2.5vw}
.indexelist .titlebox{margin-top:35px}
.indexelist .iconbox{margin-top:30px}
.indexelist .text{margin:20px 0 40px}
.indexelist .iconlist{width:100px;padding:20px 10px 0;margin-right:10px}
}
@media (max-width:1280px){
.indexelist .titlebox{margin-top:25px}
.indexelist .iconbox{margin-top:20px}
.indexelist .textbox{left:1.2vw}
}
@media (max-width:1024px){
.indexd{padding:50px 0}
.indexdbg{width:80%;left:50%;margin-left:-40%;top:30px}
.indexdtop .indextitlebox{width:100%}
.indexdtop .indextitlebox .entitle,
.indexdtop .indextitlebox .cntitle{text-align:center}
.indexdtopr{width:100%;margin-top:16px;text-align:center}
.indexdtoplist{float:none;display:inline-block;margin:0 10px;padding-bottom:10px}
.indexelist .wapimg{display:block}
.indexelist .img{display:none}
.indexelist{width:100%}
.indexelist .titlebox{margin-top:10px}
.indexelist .titlebox .cntitle{font-size:18px; margin-bottom: 10px;}
.indexelist .titlebox .entitle{font-size:12px;margin-top:4px}
.indexelist .wapimg img{width:100%}
.indexelist .iconlist{width:19%;margin-right:1.25%;height:auto;padding:15px 5px;border-radius:5px}
.indexelist .iconlist:nth-of-type(1) .icon img,
.indexelist .iconlist:nth-of-type(2) .icon img{width:20px}
.indexelist .iconlist:nth-of-type(3) .icon img{width:22px}
.indexelist .iconlist:nth-of-type(4) .icon img,
.indexelist .iconlist:nth-of-type(5) .icon img{width:18px}
.indexelist .iconlist .icon{height:24px;line-height:24px}
.indexelist .iconlist .title{font-size:15px;height:32px;margin-top:10px}
.indexelist .textbox{width:calc(100% - 15px);top:20%;bottom:20px;left:15px}
.indexelist:nth-of-type(2) .textbox{top:20px;bottom:auto}
.indexelist .text{margin:10px 0 30px; font-size:15px;}
.indexelist .btn{width:38px;height:26px}
.indexelist .iconbox{margin-top:40px}
.indexelist .iconlist:nth-last-of-type(1){margin-right:0}
}
@media (max-width:768px){
.index_5_l{ width: 100%; float: left;}
.index_5_r{ width: 100%; float: right;}
.indexelist .iconlist {padding: 10px 5px;}
.indexelist .iconlist .icon{height:22px;line-height:20px}
.indexelist .iconlist .title{ height:28px;margin-top:8px}
}
@media (max-width:380px){
    .indexelist .iconbox{margin-top:20px}
.indexelist .iconlist{width:76px;height:72px; }
}
/*内页banner*/
.page_banner{position:relative;  height:480px; margin-top:101px;}
.page_banner .cat_box{position:absolute; bottom:45%; left:0; width:100%;}
.page_banner .cat_box .cat_name{font-size:38px; color:#fff; margin-bottom:30px;line-height:1; font-weight: bold;}
.page_banner .cat_box h4{font-size:20px; color:#fff; font-weight:normal;}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center center; background-size:auto 100%;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center center;  background-size:auto 100%;}
.pro_banner{background:url(../images/pro_banner.jpg) no-repeat center center; background-size:auto 100%;}
.solution_banner{background:url(../images/solution_banner.jpg) no-repeat center center; background-size:auto 100%;}
.selection_banner{background:url(../images/selection_banner.jpg) no-repeat center center; background-size:auto 100%;}
.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center center; background-size:auto 100%;}
.server_banner{background:url(../images/server_banner.jpg) no-repeat center center; background-size:auto 100%;}
@media (max-width:1440px){
.page_banner{height:360px;}
}
@media (max-width:1366px){
.page_banner{height:342px;;}
.page_banner .cat_box .cat_name{font-size:30px;}
}
@media (max-width:1200px){
.page_banner{height:300px; margin-top:60px;}
.page_banner .cat_box .cat_name{font-size:26px;}
}
@media (max-width:992px){
.page_banner{ height:248px;}
.page_banner .cat_box h4{font-size:26px;}
}
@media (max-width: 768px){
.page_banner{margin-top: 54px; height:192px;}
.page_banner .cat_box h4{ display:none;}
.page_banner .cat_box{bottom:40%;}
.page_banner .cat_box .cat_name { margin-bottom: 0px;}
}
@media only screen and (max-width: 760px){
.page_banner .cat_box .cat_name {font-size:20px;margin-bottom: 10px;text-shadow:0 0 2px rgba(0,0,0,0.8); font-weight: normal; }
}
@media only screen and (max-width:425px){
.page_banner{  height:140px;}
.page_banner .cat_box{bottom:36%;}
}
@media only screen and (max-width:375px){
.page_banner{  height:140px;}
}
@media only screen and (max-width:325px){
.page_banner{  height:120px;}
}
.page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea;box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.1);}
.page_nav .crumb{float: right;}
.page_nav .crumb li{float: left;font-size: 16px;color: #666;}
.page_nav .crumb a{color: #666; float: left;font-size: 16px; padding-left: 2px; padding-right: 2px;}
.page_nav .crumb .fa{color: #666; text-align: left; float: left;margin:28px 3px 0;  }
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:18px; padding:0 15px; margin:0 15px;}
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#065ec0; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:0; right:0;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#065ec0;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin:30px 8px 0; font-size:15px;}
.page_nav a:hover{color:#065ec0;}
@media (max-width: 1336px){
.page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;}
}
@media only screen and (max-width: 992px){
.page_nav .crumb{display: none;}
}
@media (max-width: 768px){
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
}    
@media only screen and (max-width: 425px){
.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: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; }
}
.m_sencondNav{position:relative; z-index:9; height:51px; }
.m_sencondNav .m_second.fixed{position: absolute; width:100%; left:0; top:0px; z-index:15;}
.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}
.m_sencondNav .m_second .home{background:#065ec0; 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;}
.ny_nav{width: 100%; height: 55px; position: relative;}
.ny_nav h1 {width: 100%;display: block;line-height: 55px;height: 55px;background: #065ec0 url(../images/ny_icon.png) 95% center no-repeat;background-size:auto 30%;color: #fff;font-size:16px; font-weight:normal; text-align:center;}
.ny_nav h1 dd{line-height: 55px; }
.ny_btnav{display: none;position: absolute;top: 55px;left: 0;width: 100%;overflow: hidden;background: #fff;z-index: 999;}
.ny_btnav li{text-align: center;width: 100%;height:45px;border-bottom: #EDEDED solid 1px;line-height: 45px; }
@media (max-width: 768px){
.ny_nav{height: 45px;}
.ny_nav h1 {line-height: 45px;height: 45px;}	
.ny_nav h1 dd{line-height: 45px; }
}
.about_1{ overflow:hidden;background-position:center bottom; background-repeat:no-repeat; background-image:url(../images/aboutbg1.jpg);}
.about_1_1{ font-size:36px; color:#0e6fda;}
.about_1_2{ margin-top:15px; font-size:20px; color:#6c6c6c; font-family:Arial, Helvetica, sans-serif;}
.about_1_3{font-size:16px; line-height:2.2; margin-top:30px; }
.about_1_4{margin-top:30px;}
.about_1_4 .banner_mid_3 a{ background-color: #0e6fda;}
.about_2{ background-position:center; background-repeat:no-repeat; background-size:cover;overflow:hidden; background-image:url(../images/aboutbg2.jpg); }
.about_2 .about_1_1{color:#fff;}
.about_2 .about_1_2{ color:#fff;  }
.about_2_mid{ max-width:45%; color:#fff; overflow:hidden;background-image:url(../images/about3.png);}
.about_2_mid_mid{margin:4em 10% 4.5em 10%;}
.about_2_mid_mid_3 ul li{ color:#e5cacc; line-height:1.6; margin-top:0.5em;font-size:1.125em; position:relative; padding-left:4.9em;}
.about_2_mid_mid_3 ul li span{ color:#fff;position:absolute; left:0; top:0;}
.about_2_mid_mid_3{margin-top:3em;}
.about_3_list_3{font-size:0.875em; color:#666; line-height:1.6;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; min-height:3.2em;}
.index_3_2{position:relative;}
.index_3_2_left{ overflow:hidden;position:relative;}
.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%; background-color:#000; z-index:1; opacity:0.2;}
.index_3_2_left_1 img{width:100%;}
.index_3_2_left_1_con{position:absolute; left:5%; width:90%; color:#fff; top:17%; z-index:10;}
.index_3_2_left_1_con_1{font-family:Arial, Helvetica, sans-serif; margin-bottom:0.2em;}
.index_3_2_left_1_con_2{font-size:36px;}
.index_3_2_left_1_con_3{font-size:20px; line-height:1.5;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-wrap:break-word;word-break:break-all; margin-top:15px;}
.index_3_2_top{ position:relative; }
.index_3_2_left_1_mask{position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; background-position:center; background-repeat:no-repeat; background-size:cover;}
@media (max-width: 1280px){
.about_2_mid{ max-width:65%; }
.about_1_1{ font-size:32px; }
.about_1_2{ font-size:18px; }
.index_3_2_left_1_con_2{font-size:32px;}
.index_3_2_left_1_con_3{font-size:18px;}
}
@media (max-width: 992px){
.about_2_mid{ max-width:85%; }
.about_1_1{ font-size:28px; }
.index_3_2_left_1_con_2{font-size:28px;}

}
@media (max-width: 768px){
.about_2_mid{ max-width:100%; }
.about_1_1{ font-size:24px; }
.about_1_2{ font-size:16px; margin-top: 10px; }
.index_3_2_left_1_con_2{font-size:24px;}
.index_3_2_left_1_con_3{ font-size:16px; margin-top: 10px; }

}
.about1{ position:relative;background-image:url(../images/about1bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.about1 .leftimg{width:35.7812vw;position:absolute;left:0;bottom:165px}
.about1left{width:440px}
.about1left .cntitle{font-size:30px;line-height:1.333;margin:22px 0 10px}
.about1left .entitle{color:#989aa9;font-family:Arial;line-height:1.143}
.about1right{width:calc(100% - 440px - 6.77vw);margin-left:6.77vw}
.about1right .title{color:#000;font-size:30px;font-weight:bold;line-height:1}
.about1right .text{margin:25px 0 40px}
.about1right .text p{color:#3e3f41;font-size:16px;line-height:34px; margin-bottom: 20px;}
.about1right .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
@media (max-width: 1440px){
.about1right .text p{font-size:16px}
.about1left .cntitle{font-size:24px}
.about1right .title{font-size:24px}
.about1left{width:340px}
.about1right{width:calc(100% - 340px - 4vw);margin-left:4vw}
.about1 .leftimg{width:30vw}
}

@media (max-width: 1024px){
.about1{ background-image:none}
.about1left{width:100%}
.a1logo{width:60%;}
.about1left .cntitle{margin:10px 0 15px}
.about1left .entitle{font-size:13px}
.about1right{width:100%;margin-left:0;margin-top:30px}
.about1 .leftimg{display:none}
.about1right .title{font-size:20px;line-height:1.4}
.about1right .text{margin:10px 0 30px}
}
@media (max-width: 1024px){
.a1logo{width:100%;}
.a1logo img{width:100%;}
.about1right .text p{font-size:15px;line-height:28px; margin-bottom: 10px;}

}
@media (max-width: 768px){
.about1left .cntitle{font-size:20px}
.about1right .title{font-size:20px}
}
@media (max-width: 468px){
.about1left .cntitle{font-size:18px}
.about1right .title{font-size:18px}
}
.company-culture { position: relative; z-index: 3;  overflow: hidden; }
.company-bg { position: absolute; right: 0; top: 0; z-index: -1; width: 80.8333%;background-image: url(../images/culture.png);  height: 130%; background-position: center top; -o-background-size: cover; background-size: cover; }
.culture-title { text-align: center;}
.culture-title .title{color:#000;font-size:30px;font-weight:bold;line-height:1}
.culture-title .desc{font-size: 18px; line-height: 32px; text-align: center; margin: 20px auto; width: 70%; }
.culture-list { margin-top: 116px; width: 1170px; max-width: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.culture-list li { position: relative; z-index: 3; padding-bottom: 42px; border-bottom: 2px solid #c5c5c5; width: 30.08%; margin-right: 4.88%; margin-bottom: 68px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.culture-list li:before { content: ""; width: 0; height: 2px; background: #0e6fda; position: absolute; right: 0; bottom: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; z-index: -1;}
.culture-list li:hover:before,
.culture-list li.active:before { width: 100%; right: auto; left: 0;}
.culture-list li:before { bottom: -2px;}
.culture-list li:hover em { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.culture-list li:hover b { background: #0e6fda; color: #fff;}
.culture-list li:hover .culture-text strong { color: #0e6fda;}
.culture-list li:nth-child(3) ,.culture-list li:nth-child(6) { margin-right: 0;}
.culture-list li em { display: block; position: absolute; right: 0; top: -20px; font-style: normal; line-height: 1; color: #e5e3e3; font-size: 180px; font-family: "Geometric415BlackBT"; z-index: -1; opacity: 0; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}
.culture-list li b { display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50%; color: #000000; font-size: 30px; background: #f2f2f2; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.culture-text { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 14px; min-height: 174px;}
.culture-text strong { display: block; margin-bottom: 23px; line-height: 60px; color: #333333; font-size: 24px; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s;}
.culture-text p { color: #999999; font-size: 16px; line-height: 2.2;}
@media screen and (max-width: 1450px){
.culture-list {margin-top: 60px;}
.company-bg {width: 100%;}
.culture-list {margin-top: 60px;}
}
@media screen and (max-width: 1024px){
.company-bg {  background-image: none;}
.culture-text strong { font-size: 20px; }
.culture-title .title{font-size:20px;line-height:1.4}
.culture-title .desc{font-size: 16px; width: 100%; margin: 20px auto; }

}
@media screen and (max-width: 768px){
.culture-list li {padding-bottom: 22px;  width: 47.08%; margin-right: 4.88%; margin-bottom: 68px; }
.culture-list li:nth-child(2n),.culture-list li:last-child{ margin-right: 0;}
.culture-list li:nth-child(3) { margin-right: 4.88%;}
.culture-text p { font-size: 15px;}
.culture-text { min-height: 124px;}
.culture-text strong { font-size: 18px;margin-bottom: 13px; }
}
@media screen and (max-width: 468px){
.culture-list li {padding-bottom: 22px;  width: 100%; margin-right: 0%; margin-bottom:38px; }
.culture-list li:nth-child(2n),.culture-list li:last-child{ margin-right: 0;}
.culture-list li:nth-child(3) { margin-right:0%;}
}
.factory{ margin-top: 40px;}
.factory li { margin-top: 10px;}
.factory li .img{ padding: 15px; border: 1px solid #dcdcdc;}
.factory li .infor{padding:20px 0px; text-align:center; }
.factory li .infor .title{ font-size: 18px; }
.factory li:hover .infor .title {color:#0e6fda; }
.factory li img{ width:100%;}
@media screen and (max-width: 768px){
.factory{ margin-top: 20px;}
}
@media screen and (max-width: 468px){
.factory{ margin-top: 0px;}
.factory li .infor .title{ font-size: 16px; }
.factory li .infor{padding:10px 0px; text-align:center; }
.factory li { margin-top: 0px;}
.factory li .img{ padding: 5px; }

}
.quality .desc{font-size: 18px; line-height: 32px; text-align: center; margin: 20px auto; width: 70%; }
.quality_con{ margin-top: 40px;}
.quality_con_left{ background-color: #f0f0f0; padding: 60px 55px;}
.quality_con .quality_con_1{font-size: 36px; line-height: 32px; margin-bottom: 20px; }
.quality_con .quality_con_1_en{font-size: 18px; line-height: 32px; margin-bottom: 20px; }
.quality_con .quality_con_2{font-size: 16px; line-height: 32px;  }
@media screen and (max-width: 1200px){
.quality_con img{ width:100%;}
}
@media screen and (max-width: 1024px){
.quality .desc{font-size: 16px; width: 100%; margin: 20px auto; }
.quality_con .quality_con_1{font-size: 30px; }
}
@media screen and (max-width: 468px){
.quality_con_left{ background-color: #f0f0f0; padding:20px 15px;}
.quality_con .quality_con_1{font-size: 22px; line-height: 32px; margin-bottom: 0px;  }
.quality_con .quality_con_1_en{font-size: 16px; line-height: 26px; }
}
@media screen and (max-width: 425px){
.quality_con .quality_con_1{font-size: 18px; line-height: 30px; }
}
.news .list{ overflow: hidden; margin-top: 40px;}
.news .list .box{ background-color: #fafafa;}
.news .list li{ margin-bottom: 30px;}
.news .list li .imgDiv{ position: relative; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .name{ padding: 20px 20px 10px; }
.news .list li .name a{ color: #353535;font-size: 18px; font-weight: bold; height: 38px; line-height: 38px;overflow: hidden; }
.news .list li .name a:hover{ text-decoration: underline;color: #0e6fda; }
.news .list li .content{ padding:0 20px; line-height: 28px; height: 62px; overflow: hidden; color: #999; }
.news .list li .botDiv{ padding:20px; position: relative;}
.news .list li .time{ color: #bfbfbf; }
.news .list li .add{ position: absolute; right: 20px; top: 25px; width: 11px; height: 11px;}
.news .list li .hideBox{ position: absolute; left: 0; top: 50%; display: none; width: 100%; z-index: 2; background: url(../images/bg2.png) repeat;}
.news .list li .imgDiv:hover .hideBox { display: block; }
.news .list li .newsmore{ position: absolute; left: 50%; top: 50%; margin-top: -24px; width: 223px; height: 48px; margin-left: -111px; }
.news .list li .newsmore a{ display: block; width: 223px; height: 48px; line-height: 48px; text-align: center; background: url(../images/nimg223Bg.png) no-repeat; font-size: 14px; color: #fff; font-weight: bold;}
.news .list .box:hover .name a{ color: #0e6fda;}
.news .list .box:hover .content{color: #666; }
@media screen and (max-width:768px){
.news .list li .name{ padding:10px 20px 10px; }
.news .list li .name a{ font-size: 17px; height: 30px; line-height: 30px; }
}

.views {float: right;width: 82.16%;}
.view-top {margin-bottom: 38px;}
.view-top strong {display: block;margin-bottom: 38px;color: #333333;font-size: 28px;line-height: 1.2;font-weight: normal;}
.view-top p {color: #888;font-size: 15px;}
.view-prev {margin-top: 130px;margin-bottom: 40px;}
.view-info {margin-bottom: 40px; }
.view-info:last-child {margin-bottom: 0;}
.view-info a {display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.view-info a i {display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 50%;background: #0e6fda;color: #fff;font-size: 14px;}
.view-info a span {display: inline-block;margin-left: 10px;color: #666666;font-size: 16px;-webkit-transition: 0.38s;-o-transition: 0.38s;-moz-transition: 0.38s;transition: 0.38s;}
.view-info a:hover span {color: #0e6fda;}
.view-texts {color: #666666;font-size: 16px; line-height: 32px;}
.view-texts p{ font-size: 16px;}
.view-texts img {max-width: 100%;width: auto;height: auto;}
.view-flex {float: left;width: 134px;}
.view-time {padding: 22px 22px 25px;background: #0e6fda;text-align: center;color: #fff;font-family: "Helvetica";}
.view-time b {display: block;padding-bottom: 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.22);line-height: 1;font-size: 50px;font-weight: normal;}
.view-time time {display: block;margin-top: 14px;line-height: 1;font-size: 16px;}
@media screen and (max-width: 1024px){
.views {width: 100%;}
.view-top strong {margin-bottom: 24px;font-size: 22px;}
.view-texts {font-size: 14px;}
.view-flex {width: 100%;margin-top: 30px;}
.view-prev {margin-top: 40px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.view-info {margin-bottom: 0;}
.view-time {display: none;}
}
@media screen and (max-width: 768px){
.view-top strong {margin-bottom: 20px;font-size: 18px;}
.view-top {margin-bottom: 25px;}

}
.pro_1{ width:100%; z-index:10;}
.pro_2_mid_left{ color:#fff; background-color:#666;}
.pro_2_mid_right{width:76%; float:right}
.pro_2{ padding-bottom:4em;background-color:#f3f6f9; overflow:hidden;}
.pro_1_mid{padding:1.6em 15%; margin-bottom: 2px; background-color:#0e6fda;}
.pro_1_1{font-size:2.25em;}
.pro_1_2{font-family:Arial, Helvetica, sans-serif; color:#e5c1c4; margin-top:0.3em;}
a.pro_big_cate{font-size:18px; padding:1.1em 0; color:#fff; position:relative; display:block; padding-right:1em;}
.procatelist li a.pro_big_cate.fon{ background-color:#fff;}
.procatelist li{border-bottom:1px #eee solid;}
.procatelist li dl{ display:none; margin-bottom:1.6em;}
.procatelist li.on dl,.procatelist li:hover dl{display:block} 
.procatelist li dl dd{margin-bottom:0.9em;padding:0 10%; }
.procatelist li dl dd a{font-size:15px; color:#fff;}
a.pro_big_cate span{-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;position:absolute; right:0; height:0.65em; width:0.35em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/arrow_r1.png); top:50%; margin-top:-0.325em;}
.procatelist li.on a.pro_big_cate span,.procatelist li:hover a.pro_big_cate span{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-mz-transform:rotate(90deg);}
.procatelist_top a{display:block; padding:0 9%; font-size:1.15em;}
.procatelist_top a span{border-bottom:1px #eee solid;display:block; color:#fff; padding:0.9em 0;}
.procatelist_top a.on{background-color:#fff;}
.procatelist_top a.on span{color:#000; border:none}
.procatelist{margin:0 0 30px;}
.procatelist li{padding:0 9%;}
.procatelist li.on,.procatelist li.on2{background-color:#fafafa; border-top: 1px solid #eee;}
.procatelist li.on a.pro_big_cate,.procatelist li.on2 a.pro_big_cate{color:#000;}
.procatelist li.on dl dd a,.procatelist li.on2 dl dd a{color:#333;}
.procatelist li.on a.pro_big_cate span,.procatelist li.on2 a.pro_big_cate span{background-image:url(../images/arrow_r2.png);}
.pro_right .row{margin-right: 0px;margin-left: 0px;}
.sideCompany{ position: relative; margin-top: 30px;}
.sideCompany .bg img{ width: 100%; }
.sideCompany .layer{ position: absolute; left:10%; top: 15%; }
.sideCompany .txt{ color: #00439e; font-size: 38px; }
.sideCompany .wen{ font-size:18px; color: #787878; padding-top: 15px; }
.sideCompany .msg{ font-size:14px; color: #787878; opacity: 0.8; padding-top: 0.2rem;}

.showmobilemap{display:none;}
.pro_mo_top{display:none; overflow:hidden; background-color:#fff;}

.pro_mo_top_1{display:none}
@media screen and (max-width: 992px){
.pro_info_1_2{display:none}
.sideCompany{display:none}
.pro_mo_top_1{ display:block;margin:1.5em 0; border:4px #f3f6f9 solid; padding:0.1em 1em; 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(../images/arrow_down.png); background-position:right center;appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.pro_mo_top{display:block;}
.pro_2_mid_right_2{margin-top:2em;}
.pro_2{padding-bottom:3em;}
.pro_2_mid_left{display:none;}
.pro_2_mid_right{float:none; width:100%;}
.view-info a i { width: 30px;height: 30px; line-height: 30px; }
.view-info a span { margin-left:5px; font-size: 15px; }
}

.pro_info_1{ overflow:hidden;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/probg.jpg);}
.pro_info_1_1_left{float:left; width:58%;}
.pro_info_1_1_right{float:right; width:40%;}
.pro_info_1_1_right_1{font-size:28px; color:#000; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
.pro_info_1_1_right_2{font-family:Arial, Helvetica, sans-serif; color:#666; margin-top:.8em;}
.pro_info_1_1_right_3{font-size:16px; color:#666; line-height:2.1; margin:2.1em 0 2.5em 0;}
.pro_info_1_1_right_4 a{ padding:15px 20px;display:inline-block; color:#fff; background-color:#0e6fda; font-size:16px;}
.pro_info_1_1_right_4 a span{ padding-left:25px; color:#fff; padding-right: 15px; display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/tel1.png);}
.pro_info_1_1_right_4 a:hover span{ color:#fff; }
.pro_info_1_2{font-size:20px;font-weight: bold; padding:.6em 1em;display:block;color:#fff; margin-top:3.25em;background-color:#0e6fda; border: 1px solid #0e6fda;overflow:hidden}
.pro_info_2{ border: 1px solid #b5b5b5; padding: 20px;}
.pro_info_2_1_t{ margin-top:1em;font-size:18px;font-weight: bold; color:#444;}
.pro_info_2_2_t{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666; margin-top:0.45em;}
.pro_info_2_3_t{margin-top:1.3em; margin-bottom:0em;font-size:15px; color:#666; line-height:2;}
.pro_info_2_mid{overflow:hidden;}
.pro_info_2_mid div{line-height: 32px; }
.pro_info_2_mid table{ width: 100%;}
.pro_info_2_mid tr{line-height: 32px; }
.pro_info_1_3{font-size:20px; padding:.6em 0;display:block;color:#666; margin-top:3.25em; border-bottom: 1px solid #ededed;overflow:hidden}
.pro_info_3{margin-top: 30px;}
.pro_info_3 ul li .pro_img{ border: 1px solid #f0f0f0; padding: 10px; }
.pro_info_3 ul li .pro_img img { width: 100%;}
.pro_info_3 ul li .pro_list_title { text-align: center; font-size: 16px; line-height: 40px;}
.pro_info_3 ul li a:hover .pro_list_title { color:#0e6fda;}

.products .pro_list { margin-bottom: 25px;}
.pro_list {background-color:#f1f5f8; padding: 15px;}
.pro_list_img{text-align:center;}
.pro_list_img img{ width: 100%;}
.pro_list_1{font-size:20px; color:#000; padding-bottom:20px; position:relative;}
.pro_list_1:after{ content: ""; position: absolute;  left:0; bottom:0; height:0.1428571428571429em; width:2em; background-color:#0e6fda; }
.pro_list_2{ margin-top:0.5em; font-size:0.875em; letter-spacing:0.05em; font-family:Arial, Helvetica, sans-serif; color:#000;} 
.pro_list_3{ margin:25px 0;font-size:15px; color:#666; line-height:30px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:60px; overflow: hidden;word-wrap:break-word;word-break:break-all;}
.pro_list .pro_list_4{ opacity:0;  }
.pro_list .pro_list_4 span{ background-color:#0e6fda; text-align:center;font-size:14px; display:inline-block; width:129px; height:32px; line-height:32px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.pro_list .pro_list_4 span font{ text-align:left;font-style:normal; width:98px; display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img10.png);}
.pro_list_img{margin-bottom:20px;}
.pro_list:hover .pro_list_4{opacity:1;}
.pro_list:hover .pro_list_1{color:#0e6fda;}
.pro-big-img {width: 100%;height:390px;overflow: hidden;}
.pro-big-img .gallery-left{width:80%;height: inherit;border: 1px solid #eeeeee; margin: 0; float: left;}
.pro-big-img .gallery-left img{width: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{width: 100%;height: initial; }
.pro-big-img .gallery-thumbs{padding: 22px 5px; width:120px; height: inherit;margin: 0 0 0 10px; float: left; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%;border: 1px solid #eeeeee; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:40%;right:inherit;top:-15px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:inherit;right:36%;top:inherit;bottom:-15px;}
.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;}
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{width:25px;height:50px;background-size: 60%;}

@media screen and (max-width: 1650px){  
.pro_info_1_1_left img { width: 100%;}
.pro-big-img .gallery-thumbs{  margin: 0 0 0 5px;  }
}
@media screen and (max-width: 1600px){  
.pro_info_1_1_left{float:left; width:60%;}
.pro_info_1_1_right{float:right; width:38%;}
}
@media screen and (max-width: 1500px){  
.pro_info_1_1_left{float:left; width:62%;}
.pro_info_1_1_right{float:right; width:36%;}
}
@media screen and (max-width: 1440px){  
.pro-big-img .gallery-left{width:78%;}
.pro_info_1_1_right_1{font-size:24px; }
}
@media screen and (max-width: 1366px){  
.pro-big-img .gallery-left{width:76%;}
.pro-big-img { height:330px; }
.pro_info_1_1_right_1{font-size:22px; }
.pro_info_2_mid img{ width: 100%;}
}
@media screen and (max-width: 1300px){  
.pro-big-img .gallery-left{width:73%;}
.pro-big-img { height:310px; }
}
@media screen and (max-width: 1200px){
.pro_info_1_1_left{float:none; width:100%; margin-bottom: 15px;}
.pro_info_1_1_right{float:none; width:100%;}
.pro_info_1_1_right_1{font-size:20px; }
.pro_info_1_1_right_4 a{font-size:0.875em;}
.pro_info_1_1_right_2{font-size:0.875em;}
.pro_info_1_1_right_1{font-size:1.5em;}
.pro_info_1_1_right_3{font-size:15px;}
.pro_1_1{font-size:1.875em;}
.pro_1_2{font-size:0.875em;}
.pro_2_mid_right_1_mid{margin:0 1em 1em 1em}
.procatelist_top a,a.pro_big_cate,.pro_2_mid_right_1_mid_2{font-size:0.875em;}
.pro_right .row{margin-right: -20px;margin-left: -20px;}
.pro_list_1{font-size:18px;}
.pro_list_left,.pro_list_right{width:3em; height:3em; margin-top:-1.5em;}
}
@media screen and (max-width: 1090px){    
.pro_list_1{font-size:1.25em;}
.pro_list_4{opacity:1;}
.pro_list li:hover .pro_list_img img{margin-top:0px;}
.pro_list_1{font-size:18px;}
.pro_info_1_2{font-size:18px; margin-top:2.25em; }
}
@media screen and (max-width: 1024px){
.pro_info_1_2 ul li{border:none; width:20%; text-align:center;}
.pro_info_1_2 ul li a{display:block; border-right:1px #fff solid; padding-left:0; padding-right:0}
}
@media screen and (max-width: 768px){
.pro_list_4 span{font-size:0.6em;}
.pro_list_left, .pro_list_right{width:2em; height:2em; margin-top:-1em;}
.pro_info_1_1_right_1{font-size:18px; }
.pro_list_1{font-size:1.125em;}
.pro_list_3{height:auto;}
.pro_list_img{margin-bottom:1.5em;}
.pro_list{margin:0 4%;}    
.pro_list_1{font-size:17px; padding-bottom:10px;}
.pro_info_1_1_left{float:left; width:100%;}
.pro_info_1_1_right{float:right; width:100%; margin-top: 30px;}
}
@media screen and (max-width: 559px){
.pro-big-img .gallery-left{width:100%; height: 310px;}
.pro-big-img { height:430px; }
.pro-big-img .gallery-thumbs{padding: 22px 25px; width:100%; height: 120px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0px;right:inherit;top:45px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:0px;top:inherit;bottom:25px;}
}
@media screen and (max-width: 500px){
.pro-big-img { height:430px; }
}
@media screen and (max-width: 459px){
.pro-big-img .gallery-left{width:100%; height: 280px;}
.pro-big-img { height:400px; }
}
@media screen and (max-width: 410px){
.pro-big-img .gallery-left{ height: 260px;}
.pro-big-img { height:380px; }
}
@media screen and (max-width: 380px){
.pro-big-img .gallery-left{ height: 250px;}
.pro-big-img { height:330px; }
}  
.service{ margin-top: 30px;}
.service .li_ .cover{position:absolute; left:0; bottom:0; width:100%; z-index:2; background:url(../images/bg3.png);}
.service .li_ .cover .box{padding:30px 30px;}
.service .li_ .cover .box a{color:#fff;}
.service .li_ .cover .box .title{font-size:24px; line-height:30px; font-weight: bold; color:#fff; }
.service .li_ .cover .box p{font-size:20px; line-height:30px; margin-top: 15px;}
.server_right{ position: relative;}
.server_top{ position: absolute; left: -10%; margin-top: 10%; padding:10% 14%; color: #fff;
background-image: linear-gradient(46deg, rgb(229, 0, 18), rgb(238,42, 42,0.8));
background-image-part-linear-gradient: linear-gradient(46deg, rgb(229, 0, 18), rgb(238,42, 42,0.6));
background-image-part-linear-gradient-part-begin-color: rgba(229, 0, 18, 1);
background-image-part-linear-gradient-part-end-color: rgba(208, 0, 15, 1);
background-image-part-linear-gradient-part-angle: 46px;
box-shadow: 0px 6px 20px 0px rgba(72, 76, 96, 0.3);
shadow-angle: 90px;
shadow-distance: 6px;
}
.server_top h2 { font-size: 28px; margin-bottom: 15px;}
.server_top span { font-size: 22px; line-height: 40px;}
.server_top p{ font-size:16px; line-height: 30px; margin-top: 25px; }
.server_top img{ margin-right: 8px;}
.server_top .title{font-size:18px; line-height:30px; font-weight: bold; color:#fff; margin-top: 30px; }
.server_top .title span{font-size:18px; line-height:30px; margin-top: 15px;}

/*
.server_bottom{ position: absolute; left: 0; margin-top:55%; width: 100%;}
.server_bottom img{ width: 100%;}
*/
@media screen and (max-width: 1024px){
.service .li_ .cover .box{padding:20px 20px;}
.service .li_ .cover .box .title{font-size:20px; }
.service .li_ .cover .box p{font-size:18x; margin-top: 10px;}
.server_top h2 { font-size: 22px; }
.server_top span { font-size: 20px; line-height: 36px;}
}
@media screen and (max-width: 768px){
.server_top h2 { font-size: 20px; }
.server_top span { font-size: 18px; line-height: 28px;}
.server_right{ position: static;}
.server_top{ position: static; left: 0; margin-top: 2%; padding:10% 3%; color: #fff;}
}
@media screen and (max-width: 468px){
.server_top h2 { font-size:18px; }
.server_top span { font-size: 17px; line-height: 27px;}
}
.afterservice{ margin-top: 40px;}
.afterservice strong{ font-size: 20px; color:#0e6fda; line-height: 32px;}
.afterservice p{ line-height: 30px; margin-bottom: 15px; color: #666; font-size: 16px;}
.afterservice span{ font-size: 18px; color:#000; }
@media screen and (max-width: 1566px){
.afterservice img{ width: 100%;}
}
@media screen and (max-width: 768px){
.afterservice strong{ font-size: 18px; line-height: 30px;}
.afterservice span{ font-size: 16px;}
.afterservice p{ line-height: 28px; margin-bottom: 10px;}
}
.job_1{overflow:hidden;}
.job_1_1{margin-top:2.8em;}
.job_1_1 ul{margin-bottom: 25px;}
.job_1_1 ul li{float:left; width:33.33333333333%;}
.job_1_1_1{position:relative; overflow:hidden;}
.job_1_1_1 img{width:100%;}
.job_1_1_1_jj{position:absolute; left:0; width:100%; bottom:0; z-index:10; color:#fff;}
.job_1_1_1_jj_mid{margin:1.5em;}
.job_1_1_1_jj_mid_1{font-size:1.5em;}
.job_1_1_1_jj_mid_2{font-size:1.125em; margin-top:0.4em;}
.job_2_1 {margin-top: 25px;}
.job_2_1 .con p { line-height: 30px;}
.jobs_4{overflow:hidden;}
.jobs_4_1{ overflow:hidden;background-image:url(../images/jobbg.jpg); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jobs_4_1_1{ margin-top:3.766666666666667em;text-align:center; font-size:1.875em;}
.jobs_4_1_2{ letter-spacing:0.08em;font-size:3em; text-align:center; margin-top:0.5em; margin-bottom:2em;}
.jobs_4_1_3{ padding:1.5em 0; margin-bottom:0.625em;background-color:#0e6fda; overflow:hidden;}
.joblist li{ float:left; width:27%;}
.joblist li:nth-child(4){width:19%;}
.joblist li.showjobinfo{ display:none;width:100%; clear:both; background-color:#fff;  }
.joblist_mid{padding-left:2em; padding-right:2em;}
.joblist_mid_2,.joblist_mid_3,.joblist_mid_4{text-align:center}
.joblist_mid_t{font-size:1.125em;}
.joblist{display:block;}
.jobs_4_2{padding-top:5px;  padding-bottom: 40px; overflow:hidden;}
.jobs_4_2 ul{ cursor:pointer;background-color:#fff; border:1px #d3d7df solid; margin-bottom:5px}
.jobs_4_2 ul li{min-height:3.3em;}
.joblist_mid_c{padding:1em 0;}
.showjobinfo_mid{padding:1em 2em 0em 2em; }
.showjobinfo_mid_1{line-height:1.8; overflow:hidden; margin-bottom:1.5em;}
.jobs_4_2 ul.on{background-color:#788694;}
.jobs_4_2 ul.on .joblist_mid_c{color:#fff;}
.jobs_4_2 ul.joblist.on li.showjobinfo{display:block}
.showjobinfo_mid_2 a{ padding:0.45em 2em;display:inline-block; color:#fff; background-color:#0e6fda;}
.showjobinfo_mid_2 a span{ padding-left:20px;background-position:left center; background-repeat:no-repeat; display:inline-block; background-image:url(../images/job.png);}
.jobs_4_2_2{margin:3em 0 5.5em 0}.jobs_4_2_2 a{border:1px #d3d7df solid;}
@media screen and (max-width: 1200px){
.jobs_4_1_3{padding:1.2em 0;}
.joblist_mid_c{font-size:0.875em;}
.joblist_mid_t{font-size:1em;}
.jobs_4_1_1{font-size:1.125em;}
.jobs_4_1_2{font-size:2em;}
.job_1_1{margin-top:1.5em;}
.job_1_1_1_jj_mid_2{font-size:0.875em;}
.job_1_1_1_jj_mid_1{font-size:1.2em;}
}
@media screen and (max-width: 768px){
.job_1_1_1_jj_mid{margin:1em;}
.job_1_1 ul li{width:100%; margin-top:1em;}
.job_1_1 ul li:nth-child(1){margin-top:0}
.joblist_mid{padding:0 1em;}
.showjobinfo_mid{padding:1em;}
.joblist li{width:25%;}
.joblist li:nth-child(4){display:none}
.joblist li:nth-child(2){width:18%;}
.joblist li:nth-child(1){width:55%;}
.jobs_4_2_2{margin-top:2em; margin-bottom:3em;}
.jobs_4_1_1{font-size:1em;}
.jobs_4_1_2{font-size:1.5em;}
.job_1_2{margin-top:1.5em; margin-bottom:2.5em;}
}
.faq-item{ padding: 20px;  margin-bottom: 25px;-o-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; -ms-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; -moz-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px;-webkit-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; box-shadow: 5px 1px 15px rgba(0, 0, 0, .175);}
.faq-label{  color: #0e6fda;  font-weight: bold;}
.faq-a,.faq-q{  padding: 10px;  line-height: 2em;}
.faq-q { border-bottom: 1px solid #e1e2e2; font-size: 18px;}
.faq-q .date { float: right; text-align: right; color: #999;  font-size: 15px;}
.faq-q .fa { color: #cc0000; font-size: 20px; margin-right: 10px;}
.faq-a { color: #666;}
.faq-a .fa {font-size: 20px; margin-right: 10px; }
.faq-item .text-right {font-size: 15px;color: #0e6fda;}
.faq-item .text-right a { color: #cc0000; }
.faq-item:hover .faq-q{ color: #cc0000;  }
@media (max-width: 767px) {
.faq-item{ padding: 10px; }
.faq-q .date { display: none;}
.faq-q {font-size: 16px;}
}

.complaint-wrap {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; background: #fff; }
.complaint-text strong {display: block;line-height: 1.5;color: #0e6fda;font-size: 38px;font-weight: normal;}
.complaint-info {margin-top: 40px;margin-bottom: 100px;}
.complaint-info p {color: #333333;font-size: 16px; line-height: 34px;}
.tels p {margin-bottom: 22px;line-height: 1;color: #333333;font-size: 18px;}
.tels b {display: block;line-height: 1;color: #0e6fda;font-size: 32px;font-weight: normal;}
.messages {width: 55.67%;}
.row .text {-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 24px;padding-left: 20px;width: 49.13%;height: 46px;line-height: 46px;color: #999999;font-size: 16px;border: 1px solid #dadada;border-radius: 6px;-webkit-transition: 0.35s;-o-transition: 0.35s;-moz-transition: 0.35s;transition: 0.35s;}
.row .text::-webkit-input-placeholder {color: #999;}
.row .text:focus {border-color: #0e6fda;}
.row .text:focus::-webkit-input-placeholder {opacity: 0;visibility: hidden;}
.row1 .text {width: 100%;}
.row1 .textarea {font-family: "微软雅黑";height: 135px;padding: 12px 20px;line-height: 1.6;resize: none;}
.lzsub input {-moz-box-sizing: border-box;box-sizing: border-box;border: none;padding: 0;margin: 0;width: 454px;max-width: 100%;height: 50px;line-height: 50px;text-align: center;border-radius: 8px;background: #0e6fda;outline: none;color: #fff;font-size: 16px;-webkit-transition: 0.38s;-o-transition: 0.38s;-moz-transition: 0.38s;transition: 0.38s;cursor: pointer;}
.contact-uss {padding: 0px 0 90px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.add-list {width: 42.578%;}
.add-list p {position: relative;height: 74px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;padding-left: 10px;border-bottom: 1px solid #eeeeee;color: #333333;font-size: 16px;}
.add-list p:before {position: absolute;left: 0;bottom: -1px;content: "";width: 54px;height: 1px;background: #0e6fda;}
.tels1 b {font-weight: bold;}
.map {height: 634px;}
.anchorBL {display: none !important;}
.BMap_bubble_title {color: #0e6fda;font-size: 14px !important;}
.phide {overflow: hidden;}
.solute-title strong {display: block;margin-bottom: 22px;line-height: 1;color: #0e6fda;font-weight: normal;font-size: 36px;}
.solute-title small {display: block;line-height: 1;color: #999999;font-size: 20px;font-weight: lighter;text-transform: uppercase;}
.tels p {margin-bottom: 22px;line-height: 1;color: #333333;font-size: 16px;}
.tels b {display: block;line-height: 1;color: #0e6fda;font-size: 32px;font-weight: bold;}
@media screen and (max-width: 1450px){
.contact-uss {padding: 0px 0 5px;}
.complaint-text strong {font-size: 30px;}
.map {height: 520px;}
}
@media screen and (max-width: 1024px){
.complaint-wrap { display: block;}
.complaint-info {margin-top: 30px;margin-bottom: 50px;}
.complaint-text strong {font-size: 26px;}
.messages {width: 100%;margin-top: 40px;}
.contact-uss {display: block;}
.add-list {width: 100%;margin-top: 30px;}
.map {height: 400px;}
}
@media screen and (max-width: 768px){
.tels b {font-size: 24px;}
.complaint {padding: 0;}
.map {height: 634px;}
.anchorBL {display: none !important;}
.BMap_bubble_title {color: #0e6fda;font-size: 14px !important;}
.complaint-text strong {font-size: 22px; margin-bottom: 12px;}
.solute-title small { font-size: 16px; }
.complaint-info p { line-height: 30px;}
}
@media screen and (max-width: 568px){
.row .text { padding-left: 20px;width:100%; }
}
.contact.page-section{ padding-bottom: 0px;}