@charset "utf-8";
/* CSS Document */
/*************************************导航css*******************************************/
.header{width:100%;position:relative;top:0;left:0;z-index:999; height: 100px; background: #fff; color: #000;}
header .logo{width:220px; float:left; margin: 15px 70px 0 40px;}
header .logo img{width:100%;}

/******************导航栏css*****************/
.header .nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height:45px;line-height: 45px; display: block;}
.header .navbar_nav li{float:left;position: relative;display: block; margin: 25px 5px 0 5px;}
.header .navbar_nav li a{text-decoration: none;height: 100%;display: block; color: #000; font-size: 16px; padding: 0 15px;}
.header .navbar_nav li:hover a{color:#fff; background: #1c65c7; border-radius:2px;}
.header .header_message{width:100px; height: 100px; background: #1c65c7; text-align: center; position:absolute; z-index: 2; right: 0; top: 0;}
.header .header_message a{ display:block; line-height: 100px;}
.header .header_message a:hover{background:#003a99;}


/*白色背景的头部*/
.header.on{background: #fff;border-bottom: 1px solid #ccc;}
.header.on .left .img1{display: none;}
.header.on .left .img2{display: block;}
.header.on .navbar_nav li a{color: #333;}
.header.on .navbar_nav li:hover a{color: orangered;}
#navToggle{display: none;}

.m_nav{position: fixed;top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #fff;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;z-index: 1000;opacity: 0;visibility: visible;margin-top: 0;overflow-y: auto;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;top: 0;transform: translateX(100%);}
.m_nav.open{transform: translateX(0); opacity: 1;}
.m_nav .top{height: 60px;padding: 20px;box-sizing: border-box;}
.m_nav .top .closed{width: 30px;height: 30px;vertical-align: middle;float:right;cursor: pointer;}
.m_nav .logo{width: 100%;margin:0 auto;}
.m_nav .logo img{height: 50px; display: block;margin:30px auto;}
.m_nav .ul{margin-top: 30px;}
.m_nav .ul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;opacity: 0;}
.m_nav.open .ul li{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.m_nav .ul li:nth-child(1) {-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2) {-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3) {-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4) {-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5) {-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6) {-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{display: block;text-decoration: none;color: #333;font-size: 18px;height: 50px;line-height: 50px;width: 100%;}
.m_nav li.lang_cn{ font-weight:bold;}
.m_nav li.lang_cn img{width:18px; margin-right: 8px;}

@media screen and (max-width: 1360px){
    header .logo{width:220px; float:left; margin: 15px 20px 0 40px;}
}

@media screen and (max-width: 1200px){
    header .logo{width:220px; float:left; margin: 15px 10px 0 10px;}
}

@media screen and (max-width: 992px){
    .header .header_message{display:none;}
    .header #navToggle {height: 100%;padding: 9px 15px;margin-right: -15px;display: inline-block;float: right;}
    .header #navToggle span {position: relative;width: 25px;height: 1px; margin-top: 30px;}
    .header #navToggle span:before,.header #navToggle span:after {content: '';position: relative;width: 100%;height: 1px;left: 0;}
    .header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;display: block;background: #4f4f4f;}
    .header #navToggle span:before {top: 8px;}
    .header #navToggle span:after {bottom: 10px;}
    .header #navToggle.open span:before {top: 10px;-webkit-transform: translateY(-11px) rotate(-45deg);-moz-transform: translateY(-11px) rotate(-45deg);-ms-transform: translateY(-11px) rotate(-45deg);-o-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}
    .header #navToggle.open span:after {bottom: 12px;-webkit-transform: translateY(10px) rotate(45deg);-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
    .header #navToggle.open span {background: none;}
    .header #navToggle.open span:before,.header #navToggle.open span:after {background: #4f4f4f;}
    .header .nav{display: none;}
    .banner img{height: 600px;object-fit: cover;}
}
@media screen and (max-width: 760px){
    .header{height: 80px;}
    header .logo{width:50%;margin: 0px 0px 0 10px;}
    header .logo img{width:80%;}
}
@media screen and (max-width: 576px){
    header .logo{width:50%;margin: 10px 0px 0 10px;}
}

/****************************首頁banner css***************************/
@-webkit-keyframes scale-bg{
    from{-webkit-transform:scale(1.2);transform:scale(1.2);}
    to{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes scale-bg{
    from{-webkit-transform:scale(1.2);transform:scale(1.2);}
    to{-webkit-transform:scale(1);transform:scale(1);}
}
/*banner */
.section1{position: relative;}
.index_banner .item{background-size: cover;-webkit-background-size:cover;background-position: center;background-repeat: no-repeat;height:76vh;position: relative;}
.index_banner .item.slick-current .scaleBg{visibility: visible; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;}
.index_banner .items{background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height:100%;z-index: 0;}
.index_banner .items:after{content: "";display: block;width: 100%;height:100%;position: absolute;left: 0;top: 0;/*background: rgba(0,0,0,0.2);*/}
.index_banner .item .inner .block_txt{position: absolute; z-index: 10; top: 32%;right: 10px;left:10px;opacity: 0; transform: translateY(40px);-webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.index_banner .item .inner .block_txt1{top: 12% !important;}
.index_banner .item.active .inner .block_txt{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms;}
.index_banner .item .inner .block_txt img{ display:inline-block;}
.index_banner .item .inner .block_txt h2{}
.index_banner .item .inner .block_txt h2 span{color: #f5c920;display: inline-block;letter-spacing: 5px;}
.index_banner .item .inner .block_txt h3{margin:0 0;}
.index_banner .item .inner .block_txt h4{ margin-bottom:20px;}
.index_banner .item .inner .block_txt1 h4{ margin:50px 0 0 0;}
.index_banner .item .inner .block_txt h5{ margin-top:20px; color: #fff; font-size:32px;}
.index_banner .item .inner .block_txt .banner_more{width:160px; line-height:50px; border-radius:4px; background:#1c65c7; margin-top:20px; text-align: center;}
.index_banner .item .inner .block_txt .banner_more a{ display:block; color:#fff;}
.index_banner .item .inner .block_txt .banner_more a:hover{ background:#003a99; border-radius:4px;}

.section1 .slick_txt{width:10%;height:760px;background-color: transparent;transition: all 500ms ease;-webkit-transition:all 500ms ease; background-repeat: no-repeat;position: absolute; z-index: 5; top: 0;font-size: 0;outline: none;border:0;}
.section1 .left{left: 0;}
.section1 .right{right:0;}
.section1 .slick_txt:hover .slick_arrow{opacity: 1;visibility: visible;}
.section1 .slick_txt .slick_arrow{width: 20px;height: 36px;background-repeat: no-repeat;background-position: center;margin-top: -18px;position: absolute;top: 50%;cursor: pointer;transition: all 500ms ease;-webkit-transition:all 500ms ease;opacity: 1;visibility: hidden;}
.section1 .slick_txt .prev{background-image:url(../images/ban_prev.png);left:60px;}
.section1 .slick_txt .next{background-image:url(../images/ban_next.png);right:60px;}
.section1 .slick_txt .prev:hover{background-image:url(../images/ban_prev_hover.png);}
.section1 .slick_txt .next:hover{background-image:url(../images/ban_next_hover.png);}
.section1 .number{position: absolute;bottom:6%;left: 50%;display: table;padding: 0 20px;width: auto;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.section1 .number span{font-size: 30px;color: #000;margin-right:10px;display: inline-block;cursor: pointer;position: relative;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.section1 .number span:last-child{margin-right: 0;}
/*.section1 .number span:after{content: "";display: inline-block;width: 0;height: 2px; position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom:-20px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;}*/
.section1 .number span.active{/*width: 100%;opacity: 1;visibility: visible; */color: #1c65c7;}
.index_banner .banner_bg1{background: url(../images/banner1.jpg) top center no-repeat;}
.index_banner .banner_bg2{background: url(../images/banner2.jpg) top center no-repeat;}
.index_banner .banner_bg3{background: url(../images/banner3.jpg) top center no-repeat;}
.index_banner .banner_bg4{background: url(../images/banner4.jpg) top center no-repeat;}

/* Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}

.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:before{font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


@media only screen and (max-width: 1366px){
    .index_banner .slick-arrow{background-size: auto 30px;}
}
@media only screen and (max-width: 760px){
    .index_banner .item{height: 76vh;}
    .index_banner .item .inner .block_txt .container{ display:none;}
    
    .index_banner .slick-arrow{display: none !important;}
    .index_banner .slick-dots{position: absolute;bottom: 12px;}
    .index_banner .slick-dots li{width: 12px;height: 12px;border-radius: 50%;border:2px solid #1c65c7;}
    .index_banner .slick-dots li button{display: none;}
    .index_banner .slick-dots li.slick-active{background: #1c65c7;}
    .section1 .number{bottom: 12%;display: none;}
    .section1 .number span{margin-right: 22px;}
    .section1 .number span:after{bottom: -14px;}
    .index_banner .banner_bg1{background: url(../images/m_banner1.jpg) top center no-repeat;}
    .index_banner .banner_bg2{background: url(../images/m_banner2.jpg) top center no-repeat;}
    .index_banner .banner_bg3{background: url(../images/m_banner3.jpg) top center no-repeat;}
    .index_banner .banner_bg4{background: url(../images/m_banner4.jpg) top center no-repeat;}
}


/****************************首页公司简介 css***************************/
.inabout_bg{width:100%; background: #fff; padding: 80px 0;}
.inabout_img img{width:100%; position: relative; z-index: 2; margin-top: -130px;}
.inabout_info h1 em{font-size:18px; text-transform: uppercase; display: block; font-style: normal;}
.inabout_info p{ font-size:16px; line-height: 28px; color: #3d3d3d; margin: 60px 0 30px 0;}
.inabout_more{width:160px; line-height: 42px; text-align: center; background:#1c65c7; border-radius:4px;}
.inabout_more a{ color:#fff; display:block;}
.inabout_more a:hover{ background:#003a99; border-radius:4px;}

@media screen and (max-width: 760px){
    .inabout_bg{padding: 20px 0;}
    .inabout_img img{margin-top: 0px;}
    .inabout_info p{margin: 20px 0; font-size:14px; line-height: 23px;}
    .inabout_more{width:90px; line-height: 28px; margin-bottom: 25px; font-size:12px;}
}

/****************************首页产品展示 css***************************/
.inproduct_bg{width:100%; background: #f2f2f2; padding: 50px 0; text-align: center;}
.inproduct_bg h1{width:100%; margin-bottom:50px;}
.inproduct_bg h1 em{font-size:18px; display: block; font-style: normal; color: #3d3d3d; padding-top: 10px;}
.inproduct_list{width:100%; float: left; background: #fff; border-left: 8px #e5e5e5 solid; margin-bottom: 30px; transition:all .5s ease-in-out;}
.inproduct_list:hover{border-left: 8px #1c65c7 solid;}
.inproduct_list_left{width:44%; text-align: left; float: left; margin-left: 4%;}
.inproduct_list_img{width:51%; float: right; border-left: 1px #f2f2f2 solid;}
.inproduct_list_img img{width:95%;}
.inproduct_list h2{color: #022b58; padding: 40px 0 0; font-size:24px;}
.inproduct_list ul li{width:27%; float: left; text-align: center; margin: 30px 5% 10% 0; font-size:12px;}
.inproduct_list ul li img{width:90%;}
.inproduct_list_more{width:100px; line-height: 32px; float: left; text-align: center; border-radius:2px; background: #b9b9b9; margin-bottom: 20px;}

.inproduct_list_more a{ display:block; color: #fff;}
.inproduct_list_more a:hover{background:#1c65c7; border-radius:2px;}
.inproduct_more{width:250px; line-height: 44px; font-size:18px; text-align: center; margin:35px auto 0;}
.inproduct_more a{ display:block; color: #000; border: 1px #000 solid; border-radius:22px;}
.inproduct_more a:hover{ background:#1c65c7; color: #fff; border: 1px #1c65c7 solid; border-radius:22px;}

@media screen and (max-width: 760px){
    .inproduct_bg{padding:30px 0;}
    .inproduct_bg h1{margin-bottom:30px;}
    .inproduct_list{border-left: 5px #e5e5e5 solid; margin-bottom:25px;}
    .inproduct_list:hover{border-left: 5px #1c65c7 solid;}
    .inproduct_list h2{ font-size:20px; padding:20px 0 0; font-weight:bold;}
    .inproduct_list ul li{width:30%; margin: 20px 2% 20px 0; font-size:12px;}
    .inproduct_list ul li img{width:90%;}
    .inproduct_list_more{width:90px; line-height: 28px; font-size:12px;}
    .inproduct_more{margin:10px auto 0; font-size:14px;}
}


/****************************首页应用领域 css***************************/
.inapp_bg{width:100%; background: #1c65c7; padding: 50px 0; text-align:center; position: relative; height:520px; overflow-x: hidden;}
.inapp_bg h1{ color:#fff;}
.inapp_bg h1 em{ font-size:18px; padding-top: 10px; font-style: normal; display: block;}
.inapp_info{width:100%; position: relative; z-index: 3;}
/*图片滚动*/
#gdt{clear:both; width:96%; float:left; padding:40px 2% 0px;}
.scroll_div{width:100%; margin:0 auto; overflow: hidden; white-space:nowrap;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li { display:inline; }
#scroll_begin ul,#scroll_end ul{width:253px; height: 280px; display:inline-block; text-align:center; margin:5px 15px 0 0; background: #fff; box-shadow: 0 0 5px rgba(0,55,132,0.8); border-radius:4px;}
#scroll_begin li a,#scroll_end a{color:#009944;}
#scroll_begin li a:hover,#scroll_end a:hover{color:#006b41; text-decoration:underline;}
#gdt li img{width:180px; margin:20px 0 10px;}
#gdt li p{ font-size:24px; text-align:center; padding-top:10px;}

#particles-js, #parallax, .layer, .some-more-space {width: 100%; height:100%;position: absolute; top: 0; left: 0; z-index: 1;}
#particles-js {opacity: 0.6;}
.some-more-space {-webkit-animation: rotate 15s 0.1s infinite linear;animation: rotate 15s 0.1s infinite linear;}


/****************************首页解决方案 css***************************/
.insolution_bg{width:100%; position:relative; background: #f2f2f2; padding: 50px 0 150px;}
.insolution_bg h1{width:100%; margin-bottom:50px; text-align: center;}
.insolution_bg h1 em{font-size:18px; display: block; font-style: normal; color: #3d3d3d; padding-top: 10px;}

.pc-slide {margin:40px 0px 0px;}
.view .swiper-container .swiper-slide{background:#fff; border-radius:4px; padding:40px 20px;}
.view .swiper-container section{padding:0px 5%;display:flex;justify-content:space-between;}
.view .swiper-container section big{width:36%;}
.view .swiper-container section big img{width:100%; border: 6px #efefef solid;}
.view .swiper-container section span{width:56%;display:flex;align-items:center;flex-wrap:wrap;}
.view .swiper-container section span p{font-size:22px;color:#000;line-height:30px;width:100%;}
.view .swiper-container section span small{display:block;font-size:14px;color:#4d4d4d;/*line-height:36px;*/width:100%;}
.view .swiper-container section span a{display:block;width:140px; line-height:40px;text-align:center;color:#fff;border-radius:3px;background:#b9b9b9;}
.view .swiper-container section span a:hover{background:#1c65c7;}
.view .arrow-left {background: url(../images/cslbt.png) no-repeat left center;background-size:auto 100%;position: absolute;left:20px;top: 50%;margin-top: -25px;width: 35px;height: 51px;z-index: 10;}
.view .arrow-right {background: url(../images/csrbt.png) no-repeat right center;background-size:auto 100%;position: absolute;right:20px;top: 50%;margin-top: -25px;width: 35px;height: 51px;z-index: 10;}
.preview {width: 100%;margin-top: 20px;position: relative;}
.preview .swiper-slide {width: 15.5%;cursor:pointer;margin-right:1.4%;background:#fff;padding:3px;border-radius:3px;}
.preview img {opacity:.47;width:100%; max-height: 140px;}
.preview .active-nav img {opacity:1;}
.preview .swiper-slide:hover img{opacity:1;}
.active-nav{border:2px #1c65c7 solid;}

@media screen and (max-width: 760px){
    .insolution_bg{padding: 40px 0;}
    .view .swiper-container .swiper-slide{padding:20px 10px;}
    .view .swiper-container section{padding:0px 8%;flex-direction:column;}
    .view .swiper-container section big{width:100%;}
    .view .swiper-container section span{width:100%;}
    .view .arrow-left {left:10px;margin-top: -15px;width: 20px;height: 29px;}
    .view .arrow-right {right:10px;margin-top: -15px;width: 20px;height: 29px;}
    .view .swiper-container section span p{font-size:18px; margin: 15px 0 5px 0;}
    .view .swiper-container section span small{font-size:12px;line-height:22px;}
    .view .swiper-container section span a{width:90px; line-height:28px; font-size:12px; margin-top: 10px;}
    .active-nav{border:1px #1c65c7 solid;}
}

/****************************底部版权信息 css***************************/
.footer_bg{width:100%; background: url("../images/footer_bg.jpg") bottom center no-repeat; background-size:cover; color: #d1d1d1;}
.footer_service{width:100%; border-radius:4px; background: #fff; border-bottom: 8px #1c65c7 solid; position:relative; z-index: 2; margin-top: -85px; margin-bottom: 50px; text-align: center; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.footer_service i{width:80px; height: 60px; display: inline-block; margin: 20px 0 10px 0;}
.footer_service i.footer_icon1{background: url("../images/footer_icon1.png") top center no-repeat;}
.footer_service i.footer_icon2{background: url("../images/footer_icon2.png") top center no-repeat;}
.footer_service i.footer_icon3{background: url("../images/footer_icon3.png") top center no-repeat;}
.footer_service i.footer_icon4{background: url("../images/footer_icon4.png") top center no-repeat;}
.footer_service>.row>div{ border-right:1px #ddd solid; padding-bottom: 20px;}
.footer_service>.row>div:last-child{border-right:none;}
.footer_service h5{ color:#000;}

.footer_bg .footer_logo{width:100%; margin-bottom: 20px;}
.footer_bg p{ line-height: 64px; border-bottom: 1px #404040 solid;}
.footer_bg p i{width:35px; height: 30px; display: inline-block; margin: 0 10px -10px 0;}
.footer_bg p i.footer_tel{ background: url("../images/footer_icon5.png") top center no-repeat;}
.footer_bg p i.footer_email{ background: url("../images/footer_icon6.png") top center no-repeat;}
.footer_bg p i.footer_add{ background: url("../images/footer_icon7.png") top center no-repeat;}
.footer_service>.row>div p{ border-bottom:none; line-height: 1.1;}

.footer_message li{width:100%; float: left; line-height: 45px; background: #000; margin-bottom: 8px;}
.footer_message li input{width:80%; float: right; line-height: 45px; background: none; border: none; color: #d1d1d1;}
.footer_message li textarea{width:78%; float: right; line-height: 40px; background: none; border: none; color: #d1d1d1;}
.footer_message li.submit input{width:100%; float: left; font-size:16px; font-weight: bold; background: #1c65c7;}
.footer_message li span{ padding-left:15px;}
.footer_erweima{ text-align:right;}

.copyright{width:100%; background: rgba(0,0,0,0.4); text-align: center; line-height: 60px; font-size:14px; margin-top: 40px;}
.copyright img{ margin-right:6px;}
.footer_bg a{color: #d1d1d1;}
.footer_bg a:hover{color: #4ba4ff;}

@media screen and (max-width: 760px){
    .footer_bg{ background-size: cover;}
    .footer_service,.footer_erweima{ display:none;}
    .footer_bg .footer_logo{margin: 50px 0 20px;}
    .footer_message{ margin-top:40px;}
    .copyright{ text-align:left; line-height: 24px; padding:20px 0 20px 15px; font-size:12px;}
    .copyright span{ display:block;}
}


/***********************************内页关于硕亿css****************************/
.about_banner{width:100%; height: 450px; background:url("../images/about_banner.jpg") top center no-repeat;background-size:100%;}
.about_bg{width:100%; background: #fff; padding: 80px 0;}
.about_bg img{width:100%;}
.about_info h1 em{font-size:18px; text-transform: uppercase; display: block; font-style: normal;}
.about_info p{ font-size:16px; line-height: 26px; color: #3d3d3d; margin: 15px 0;}
.about_img1 img{ margin-top:35px;}

.advantage_bg{width:100%; background: #f2f2f2; padding: 50px 0; text-align: center;}
.advantage_bg h1 em{font-size:18px; display: block; font-style: normal; color: #3d3d3d; padding-top: 10px;}
.advantage_info{width:100%; float: left; background: #fff; border-bottom-left-radius:4px; border-bottom-right-radius:4px; box-shadow: 0 0 10px #e1e1e1; margin-top:40px; padding-bottom: 25px;}
.advantage_info h4{ color: #1c65c7; padding-top: 15px;}
.advantage_info p{ padding:0 15px;}
.advantage_info img{width:100%;}

.honor_bg{width:100%; background: #fff; padding: 50px 0; text-align: center;}
.honor_bg h1 em{font-size:18px; display: block; font-style: normal; color: #3d3d3d; padding-top: 10px;}
.honor_bg p{ line-height:50px;}
.honor_bg img{width:100%; box-shadow: 0 0 10px #e1e1e1; margin-top: 40px;}
/*.honor_info{width:100%; float: left; background: #fff; border-bottom-left-radius:4px; border-bottom-right-radius:4px; margin-top:40px; padding-bottom: 5px;}*/

.she_bg{width:100%; background: #f2f2f2; padding: 50px 0 110px; text-align: center; position: relative;}
.she_bg h1{margin-bottom:40px;}
.she_bg h1 em{font-size:18px; display: block; font-style: normal; color: #3d3d3d; padding-top: 10px;}
.she_info{/*width:100%; float: left; background: #fff; border-bottom-left-radius:4px; border-bottom-right-radius:4px;  */ padding-bottom: 30px;}
.she_info h4{ color: #1c65c7; padding-top: 15px;}
.she_info p{ padding:0 15px;}
.she_info img{width:100%; box-shadow: 0 0 10px #e1e1e1;}

@media screen and (max-width: 760px){
    .about_bg{padding: 20px 0;}
    .about_info p{ font-size:14px; line-height: 22px;}
    .about_img img{margin-top: 0px;}
    .advantage_bg{padding: 30px 0;}
    .advantage_bg h1 em{font-size:14px; line-height: 24px;}
    .advantage_info{margin-top:20px;}
    .honor_bg{padding: 50px 0 40px;}
}


/***********************************内页产品展示css****************************/
.products_banner{width:100%; height: 650px; background:url("../images/product_banner.jpg") top center no-repeat;background-size:100%;}

.products_bg{width:100%; background: #f5f5f5; padding: 50px 0 140px; position: relative; text-align: center;}
.products_bg h1{padding-bottom: 40px;}
.products_bg h1 em{font-size:18px; display: block; font-style: normal; color: #3d3d3d; padding-top: 10px;}
.products_bg p{ font-size:16px; line-height: 50px;}
.products_bg a img{width:100%;}


/***********************************内页产品详情css****************************/
.productsview_bg{width:100%; background: #f5f5f5; padding: 50px 0 120px; position: relative;}
.products_show h4{font-size:20px; padding-bottom: 25px; font-weight: bold;}
.products_show h5{font-size:18px; color: #1c65c7; font-weight: bold; padding-bottom: 8px;}
.products_show p{ line-height:30px;}
.productview_img{ margin-bottom:20px; overflow: hidden;}

.productview_bottom{width:100%; float: left; text-align: center; color: #fff; font-size:16px; margin-top: 40px;}
li.product_email{width:40%; float: left; background: #3d566d; line-height: 60px; list-style:none; border-radius:3px;}
li.product_buy{width:40%; float: left; background: #1c65c7; line-height: 60px; margin: 0 0 0 10%; list-style:none; border-radius:3px;}
.productview_bottom img {width:25px !important; margin-right:8px;}
.productview_bottom li.product_email a{ color:#fff; display: block;}
.productview_bottom li.product_email a:hover{ color:#fff; background:#000; border-radius:3px;}
.productview_bottom li.product_buy a{ color:#fff; display: block;}
.productview_bottom li.product_buy a:hover{ color:#fff; background:#000; border-radius:3px;}

.products_show table{ margin-bottom:35px;}
.products_show table td{ border: 1px #000 solid; text-align: center; line-height: 40px;}
.products_show table tr:first-child{ font-weight:bold; font-size:16px;}


.jqzoom img{width:600px; height: 600px;}
/*图片小图预览列表*/
.spec-preview{width:602px;height:602px;border:1px solid #DFDFDF; margin-bottom: 20px;}
.spec-scroll{clear:both;margin-top:5px;width:600px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; text-align:center;width:20px;height:90px; line-height:90px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none; font-weight: bold;}
.spec-scroll .items{float:left;position:relative;width:550px;height:100px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px; height:100px;}
.spec-scroll .items ul li{float:left;width:110px; text-align:center; border-bottom: none;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:90px;height:90px;}
.spec-scroll .items ul li img:hover{border:2px solid #3d566d;padding:1px;}

/*********************分页css************************/
.pagination {align-items:center;justify-content:center;font-size:0;line-height:0; }
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin-top:0;margin-bottom:14px;margin-left:14px}
.page-item {display:inline-block;vertical-align:middle;text-align:center}
.page-item:first-child .page-link,.page-item:last-child .page-link {color:#79aaba;border-radius:50%}
.page-item:first-child .page-link:hover,.page-item:first-child .page-link:focus,.page-item:first-child .page-link:active,.page-item:last-child .page-link:hover,.page-item:last-child .page-link:focus,.page-item:last-child .page-link:active {color:#79aaba}
.page-link {display:inline-block;min-width:38px;padding:6px 5px 4px;font-size:20px;line-height:1.2;font-weight:400;letter-spacing:.075em;color:#151515;background-color:#fff;border-radius:50%;border:2px solid transparent;box-shadow:0 0 6px 0 rgba(0,0,0,.17)!important;transition:all .3s ease-in-out}
.page-link .icon {font-size:22px}
.page-link:hover,.page-link:focus,.page-link:active {color:#78aaba;background-color:transparent;border-color:transparent}
.page-item.active>.page-link,.page-item.active>.page-link:hover,.page-item.active>.page-link:focus,.page-item.active>.page-link:active {color:#3a3a3a;background-color:transparent;border-color:transparent}
.page-item.disabled>.page-link,.page-item.disabled>.page-link:hover,.page-item.disabled>.page-link:focus,.page-item.disabled>.page-link:active {color:#9b9b9b;background-color:transparent;border-color:transparent}
.page-item-control .icon::before {font-family:fontawesome;line-height:25px}
.page-item-control:first-child .icon::before {content:'';margin-left:-1px}
.page-item-control:last-child .icon::before {content:'';margin-right:-1px}
*+.pagination-wrap {margin-top:30px}

.prev_next{width:100%; margin-top:30px; color: #1c65c7; font-size:15px; line-height: 32px;}
.prev_next a{ color:#1c65c7; margin-left: 10px;}
.prev_next a:hover{ color:#000; text-decoration: underline;}

@media screen and (max-width: 760px) {
    .products_bg,.productsview_bg{padding: 40px 0;}
    .jqzoom img{width:100%;}
    .spec-preview{width:100%;}
    .spec-scroll{width:100%;}
    .spec-scroll .items{width:88%;}
    .spec-scroll .items ul li{float:left;width:102px;}
    .productview_bottom{ display:none;}
    
    .products_show table{ margin:20px 0;}
    .products_show table td{ border: 1px #000 solid; line-height: 32px;font-size:12px;}
    .products_show table tr:first-child{font-size:14px;}
    
    .pagination>* {margin-bottom:0px;}
    .page-link {font-size:14px;line-height:1.6;}
}

@media(min-width:576px) {
    .pagination {margin-bottom:-18px;margin-left:-18px}
    .pagination:empty {margin-bottom:0;margin-left:0}
    .pagination>* {display:inline-block;margin-top:0;margin-bottom:18px;margin-left:18px}
    .page-link {min-width:35px;padding:9px 9px 7px;font-size:14px;line-height:1.04167;border-radius:50%;}
}

/***********************************内页解决方案css****************************/
.news_banner{width:100%; height: 650px; background:url("../images/news_banner.jpg") top center no-repeat;background-size:100%;}

.news_bg{width:100%; background: #f5f5f5; padding: 50px 0 140px; position: relative;}
.news_bg h1{padding-bottom: 40px; text-align: center;}
.news_bg h1 em{font-size:18px; display: block; font-style: normal; color: #3d3d3d; padding-top: 10px;}
.news_box{width:100%; float: left; background: #fff; border-radius:4px; box-shadow: 0 0 10px rgba(0,0,0,0.05); margin-bottom: 25px;}
.news_box .news_img{width:35%; float: left; text-align: center; padding-top: 15px;}
.news_box .news_img img{width:90%;}
.news_box .news_info{width:62%; float: left;}
.news_box .news_info h4{ font-size:22px; color: #000; padding: 20px 0 10px 0;}
.news_box .news_more{width:100px; line-height: 36px; text-align: center; margin: 20px 0;}
.news_box .news_more a{ display:block; color: #fff; border-radius: 2px; background: #b9b9b9;}
.news_box .news_more a:hover{border-radius: 2px; background: #1c65c7;}

.newsview_info h2{ font-size:24px; color: #000; padding-bottom: 15px;}
.newsview_info p strong{ font-weight:bold; font-size:16px;}
.newsview_info table{ margin-bottom:35px;}
.newsview_info table td{ border: 1px #000 solid; text-align: center; line-height: 40px;}
.newsview_info table tr:first-child{ font-weight:bold; font-size:14px;}

@media screen and (max-width: 760px) {
    .news_bg{padding: 40px 0;}
    .news_bg h1{padding-bottom: 20px;}
    .news_box .news_img{width:100%;}
    .news_box .news_img img{width:90%;}
    .news_box .news_info{width:90%; margin: 0 5%;}
    .news_box .news_more{width:90px; line-height: 28px;}
    .newsview_info h2{padding-bottom: 10px;}
    .newsview_info img{width:100%; margin: 15px 0;}
}


/***********************************内页在线留言css****************************/
.message_banner{width:100%; height: 450px; background:url("../images/message_banner.jpg") top center no-repeat;background-size:100%;}
.message_bg{width:100%; background: #f5f5f5; padding: 50px 0 140px; position: relative;}
.message_bg h1{padding-bottom: 40px; text-align: center;}
.message_bg h1 em{font-size:18px; display: block; font-style: normal; color: #3d3d3d; padding-top: 10px;}
.message_bg h1 em span{ font-size:14px; color: #1c65c7;}

.message_info li{width:100%; float: left; line-height: 50px; background: #fff; margin-bottom:20px; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius:2px;}
.message_info li input{width:86%; float: right; line-height: 50px; background: none; border: none;}
.message_info li textarea{width:93%; float: right; line-height: 40px; background: none; border: none;}
.message_info li.submit input{width:100%; float: left; font-size:16px; font-weight: bold; background: #1c65c7; color: #fff;}
.message_info li span{ padding-left:15px;}

@media screen and (max-width: 760px) {
    .message_bg h1{padding-bottom: 20px;}
    .message_bg{padding:40px 0 20px;}
    .message_info li input{width:80%;}
    .message_info li textarea{width:80%;}
    .message_bg h1 em span{ display:block; margin-top: 10px;}
}


/***********************************内页联系我们css****************************/
.contact_banner{width:100%; height: 450px; background:url("../images/contact_banner.jpg") top center no-repeat;}
.contact_bg{width:100%; background: #f5f5f5; padding: 50px 0 140px; position: relative;}


.iw_poi_title {color:#1c65c7;font-size:18px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font-size:14px;overflow:visible;padding:4px 5px 0 0;white-space:-moz-pre-wrap;word-wrap:break-word}


@media screen and (max-width: 760px){
    h1{font-size:24px;line-height:1.30556;}
    h1 em{font-size:14px !important;}

}