@charset "UTF-8";
/* CSS Document */
/*
/*Base*/
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,section {margin: 0;padding: 0;}
html,body{
}
body{
    font: 400 16px/1.5 Roboto,Arial,sans-serif;
}
ul{
    list-style-type: none;
}
input,label,img{
    vertical-align:middle;
}
.clear {
    clear: both;
}
.clearfix{
    zoom: 1;
}
.clearfix:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    content:".";
}
.fl {
    float:left;
}
.fr {
    float:right;
}
.noselect{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.hide{
    display: none !important;
}
.show{
    display: show !important;
}
.text-center{
    text-align: center;
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    display: block;
}
.text-center{
    vertical-align: center;
}
.text-left{
    vertical-align: left;
}
.text-right{
    vertical-align: right;
}
.text-c{ text-align: center;}
a{ text-decoration: none; color: #333;}
a:hover{color: #0692ab;}
hr{margin: 5px 0;height: 0px;overflow: hidden;}
*{box-sizing: border-box;}
.wrapper{ margin:0 auto;min-width: 1180px; max-width:1440px; padding: 0 30px;overflow: hidden;}
.wraper-box{ padding-top: 30px;}
.header-box{display: flex;justify-content: space-between;align-items: center;}
.g300a{display: grid;grid-column-gap: 50px;grid-template-columns: 240px 1fr;}

table{border-collapse: collapse; width: 80%;}
table th,table td{border:1px solid #ddd; }
table{ margin: 0 auto; }
table p{ padding-top: 5px; padding-bottom: 5px;  }

.imgZoom img,.imgY180 img {-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom {overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0);}
.imgZoom:hover img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img {cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.trs{transition:all 0.75s ease;-webkit-transition:all 0.75s ease;-moz-transition:all 0.75s ease;-o-transition:all 0.75s ease;-ms-transition:all 0.75s ease;}
/*--- 图片 ---*/
.mr0{margin-right: 0px !important;}
.header{ background-color:#fff;  box-shadow: 0 2px 5px rgb(0 0 0 / 10%);}
.logo{ width: 168px;}
.logo a img{ max-width: 100%;}


.main-nav>ul{ display: flex;align-items: center;height: 90px;}
.main-nav>ul>li{line-height: 90px;}
.main-nav>ul>li>a{color:#000; font-size:20px; padding:0 20px;}
.main-nav>ul>li.active>a,.main-nav>ul>li:hover a{color:#0faac5;}
.main-nav>ul>li a:hover{color: #0faac5;}
.main-nav li .submenu{display:none; text-align:left; z-index: 100;  position:absolute; top:90px;background-color:#f4f4f4;  box-shadow: 0 3px 10px rgba(0,0,0, 0.15); }
.main-nav li .submenu li{ height:38px; line-height:38px;padding:0 20px;}
.main-nav li .submenu li a{margin-right: 5px; font-weight: normal;display: block;color:#333; font-size: 16px;}
.main-nav li .submenu li a:hover,.main-nav li .submenu li.active a{ color: #0faac5;}

/* --- banner --- */
.banner .swiper{ position: relative;}
.banner .swiper-slide img { width: 100%;}
.banner .swiper-slide img+img {position: absolute; left: 0; top: 0;}
.banner .swiper-slide img { width: 100%;transition: 3s linear; transform: scale(1.08);}
.banner .swiper-slide.swiper-slide-active img {transform: scale(1);}
.banner .swiper-pagination-bullet{ width: 12px; height: 12px; }
.banner .swiper-btn{cursor: pointer;transition: all 0.4s ease-in-out; opacity: 0; border: #eee 3px double; border-radius: 50%; background-color: rgba(0, 0, 0, 0.6);position: absolute;  cursor: pointer; width:50px; height:50px; line-height: 40px; text-align: center; z-index: 100; display: block; top:50%; margin-top:-50px; left:1%; color:#fff;}
.banner .swiper-btn .fa{ font-size:40px; font-weight: 300; }
.banner .swiper-btn.swiper-btn-next{ right:1%; left:auto;}
.banner:hover .swiper-btn{ background-color: #384aeb;color: #fff; opacity: 0.8;}
.banner:hover .swiper-btn.swiper-btn-next{ right:4%; }
.banner:hover .swiper-btn.swiper-btn-prev{ left:4%;}

.mod-hd{ padding-bottom: 40px; text-align: center;}
.mod-hd h2{font-size: 42px;  font-weight: normal; padding-bottom: 20px;}
.mod-hd p{ color: #b4b4b4;}

.youshi{background:url(../images/bg2.png) center center no-repeat; padding: 50px 0;}
.product{background:url(../images/bg3.png) center center no-repeat; padding: 50px 0;}
.li-youshi{ display: grid;  grid-template-columns: repeat(4, 1fr);  grid-gap: 50px; grid-row-gap: 40px;}
.li-youshi li{text-align: center; background-color: #fff; padding:40px 30px;}
.li-youshi li .list-img{width: 100px;height: 100px; display: flex; justify-content: center; margin: 0 auto; align-items: center;background: url(../images/icon_bg.png) center no-repeat; background-size: contain;}
.li-youshi li i{ font-size: 32px; color: #0faac5; font-weight: normal;}
.li-youshi li h2{ font-size: 24px;margin: 18px 0 28px;color: #565656;}
.li-youshi li p{line-height: 30px; color: #666; font-weight: 100;}
.li-youshi li:hover{background-color: #0faac5;}
.li-youshi li:hover i,.li-youshi li:hover h2{ color: #fff;}
.li-youshi li:hover p{ color: #eee;}

.product,.pingjia{ padding: 50px 0; }
.li-product .swiper-wrapper{transition: all 0.3s ease-out;overflow: hidden;}
.li-product .swiper-wrapper img{vertical-align: top;max-width: 100%;}
.li-product .list-thumb{overflow: hidden;}
.li-product h3{ font-weight: normal;font-size: 16px; padding:10px 10px;  }
.li-product .des{ font-size: 15px; color: #555;padding-bottom: 10px;}
.li-product .more i{ font-size: 13px; font-weight: 300; padding-left: 3px;transition: all .5s ease;}
.li-product .list-text{background-color: #fff; padding: 15px;box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);}
.li-product a:hover .list-text{background-color: #0faac5; color: #fff;}
.li-product a:hover i{ padding-left: 10px;}
.li-product .swiper-button-next{ right: -37px;}
.li-product .swiper-button-prev{left: -37px;}
.li-product .swiper{overflow: visible;}
.li-product .swiper-wrapper{ overflow: hidden;}

.li-product .swiper-pagination{ position: relative; margin-top: 15px;}
.product .product-btn{text-align: center; padding-top: 30px;} 

.about,.news{background-color: #fff; padding: 60px 0;}
.about .wrapper{ display: flex;justify-content: space-between;}
.li-about-v{ width: 51%; margin-right: 30px;}
.s-about-info{width: 45%; }

.s-about-info h2{font-size: 42px; font-weight: normal; margin-bottom: 30px;position: relative;}
.s-about-info h2::after{content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    /* transform: translateX(-50%); */
    width: 42px;
    height: 5px;
    background-color: #fe3c01;
    opacity: 0.8;
    animation: opacity_repeat 3s linear infinite;
}
.s-about-info p{ color: #444; line-height: 2; margin-bottom: 15px;}
.abt-btn a:hover{color:#fff;background-color: #0066cc;}
.abt-btn a{border:1px solid #0066cc; color: #0066cc; display: inline-flex;line-height:2.5;border-radius: 35px; padding:0px 35px;text-transform:capitalize;cursor: pointer;}
.ab-img ul{display: flex; justify-content: space-between;flex-wrap: wrap;}
.ab-img ul li{width: 48%; margin: 15px 0; }
.ab-img li img{ max-width: 100%; border-radius: 5px;}
.qh-about{ width: 680px; margin-top: 15px;}

.li-sub-cat a{ margin: 0 20px; border:1px solid #0066cc; color: #0066cc; display: inline-flex;line-height:2.5;border-radius: 35px; padding:0px 35px;text-transform:capitalize;cursor: pointer;}
.li-sub-cat a:hover{color:#fff;background-color: #0066cc;}

.customer{background-color: #f7f8f9; padding: 60px 0;}
.li-customer{display: grid; grid-template-columns: repeat(4, 1fr);  grid-gap: 20px; grid-row-gap: 20px;}

.sy-news{display: grid; grid-template-columns: repeat(2, 1fr);  grid-gap: 50px; }
.sy-news li{transition: all 0.3s ease-out;overflow: hidden;}
.sy-news li img{vertical-align: top;max-width: 100%;}
.sy-news li .date{ color: #969696; padding: 15px 0;}
.sy-news li .des{color: #595959; font-size: 18px;}
.sy-news li a:hover{}
.sy-news .list-thumb{overflow: hidden;text-align: center;}
.sy-news h3{font-weight: normal;font-size: 30px; line-height: 1.5; padding-top: 15px; background-color: #fff; }

.li-customer li{ background-color: #fff; border-radius: 5px;box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);}
.li-customer li .list-title{width: 100%;  box-sizing: border-box; position: absolute; bottom: 0; left: 0;      padding: 0 10px;  background-color: #22222299; font-size: 16px; line-height: 1.5; color: #fff;}
.li-customer li .list-pic img{ opacity: 0.6;}
.li-customer li:hover .list-pic img{-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 1;}

.kouhao{ padding: 40px 0;}
.kouhao-cont{ position: relative;}
.kouhao-cont .list-text{position: absolute;    top: 50%;
    left: 50%;
    z-index: 2;
    width: 78%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;    color: #ffffff;
    font-size: 36px;}

.pingjia-box{ background-color: #fff;  border-radius: 18px;margin-right: 25px;}
.pingjia-box .swiper{ position: static;}
.pingjia-box a{ display: flex;justify-content: space-between;}
.pingjia-box a .list-thumb{ width: 50%;}
.pingjia-box a .list-thumb img{ max-width: 100%; }
.pingjia-box a  .list-text{ width: 45%;}
.pingjia-box a  .list-text .des{ padding-top: 25px;}
.pingjia-box .swiper-pagination{ margin-top: 20px;}


.s-about-box{display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 40px;}
.strength h2{font-size: 34px !important;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; line-height: 1.3em !important; font-weight: 800 !important; color: #000;}
.strength p{color: #666;}
.li-strength li{ display: flex; padding: 30px;background-color: #f3f5f9;    justify-content: space-between;align-items: center; margin: 15px 0;}
.li-strength li .a-icon{ width: 80px;}
.li-strength li .a-info{ width: 300px;}
.li-strength li:hover{background-color: #fff;}

.huishou{padding: 50px 0;}
.li-huishou{display: grid;grid-template-columns: repeat(2,1fr); grid-gap:30px 40px; padding-top: 30px;align-items: center;}
.li-huishou li{background:url(../images/icon06.png) left center no-repeat; padding-left: 50px; min-height: 32px;}
.s-huishou img{ max-width: 100%;border-radius: 5px;}

.s-video-box{
	position: relative;
	height: 100%;
}
.img-box {
    position: relative;
}

.compute_process_img {
    display: flex;
    position: relative;
    width: 100%;
}
.txt-box {
    position: absolute;
    width: 45%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.txt-box .t_button {
    width: 127px;
    height: 127px;
    background-color: rgb(94 178 232 / 30%);
    border-radius: 50%;
    position: relative;
    margin: 0 auto 22px;
}
.txt-box .t_button .button_mask {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background-color: #1973c0;
    transform: translate(-50%,-50%);
}
.txt-box .t_button .button_mask::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-90deg);
    border-top: 22px solid #fff;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}
.ss-list li {width: 360px; float: left; margin-right: 60px;}
.ss-list li .pic{ margin-bottom: 25px;}
.ss-list h3 {font-size: 20px; margin-bottom: 5px; line-height: 1.3; margin-bottom: 20px;}
.ss-list .des { font-size: 14px; color: #777;padding-bottom: 10px;}
.ss-list .more {font-weight: 500;color: #222;}
.ss-list .more i{ font-size: 13px; font-weight: 300; padding-left: 3px;transition: all .5s ease;}
.ss-list time {font-size: 13px;color: #999;}
.ss-list a:hover h3,.ss-list a:hover .more{color: #384aeb;}
.ss-list a:hover i{ padding-left: 10px;}
.ss-list li:nth-child(3n){ margin-right: 0px;}
/*---- page ---- */
#pages{font-size: 14px;padding-top: 20px;text-align: center;}
.pagination {width:100%;text-align: center;}
.pagination ul{display: inline-block;}
.pagination li {display: inline-block;margin-right:10px;line-height: 40px;height: 40px;}
.pagination li:last-child{margin-right:0px;}
.pagination li a,.pagination li span {display: block;color: #555;background-color: #f3f3f3;padding:0 15px;}
.pagination li a:hover,.pagination li a:focus,.pagination li span:hover,.pagination li span:focus {background-color: #d7d7d7;}
.pagination .active a,.pagination .active a:hover,.pagination .active a:focus,.pagination .active span,.pagination .active span:hover,.pagination .active span:focus {background-color: #d7d7d7;}
/* 当前位置 */
.breadcrumb-box{background-color: #0faac5; }
.breadcrumb{ display: flex;font-size: 14px;color: #EEE;align-items: center; padding: 20px 0;}
.breadcrumb .fa {font-size: 16px;margin-right: 5px;}
.breadcrumb a{ color:#EEE;}
.breadcrumb span{padding: 0 5px;}

/*----box----*/
.grid2{ display: grid;grid-template-columns: 300px auto;column-gap: 50px;}
.sub-nav{position: -webkit-sticky;position: sticky;top: 30px;}
.sub-nav h3{font-weight: 500;margin-bottom: 20px; font-size: 26px;}
.sub-nav li a{line-height:50px;display: block; border-bottom:1px solid #dee2e6; color: #333; font-size: 15px;}
.sub-nav li a:hover,.sub-nav li.active{ color:#00afe8;}
.sub-nav li a:hover,.sub-nav li.active a{color:#00afe8;}

.sider-box{padding-bottom: 30px;}
.li-sub-columns ul{ display: flex; }
.li-sub-columns ul li{ margin-right: 20px;}
.li-sub-columns ul li a{display: block; padding: 0 20px; line-height: 36px; border: 1px solid #ddd;border-radius: 30px;}
.li-sub-columns ul li.active a{ background-color: #0faac5; color: #fff;border: none;border: 1px solid #0faac5;}
.li-sub-columns ul li a:hover{border: 1px solid #0faac5;}

/* footer style */
.footer{background:#0faac5;padding:40px 0; margin-top: 40px;}
.footer-content{ display: flex;flex-direction: row;justify-content: space-between; width: 100%;}
.footer-nav-list {margin-right:60px;padding-bottom: 40px;}
.footer-nav-list h2,.footer-contact h2 { height:29px; line-height:29px; font-size:22px; font-weight:400; margin-bottom:30px;color: #bcf5ff;}
.footer-nav-list li { font-size:16px; line-height:2;}
.footer-nav-list li a { color:#f2f2f2;}
.footer-contact{color:#f2f2f2;line-height:2;}
.footer-contact span{ padding-right: 15px;font-size: 18px;line-height: 32px; text-align: center; width: 32px; height: 32px; display: block;}
.footer-contact .fa-mobile{ font-size: 22px;}
.footer-contact li{display: flex;justify-content: flex-start;}
.footer-content .nones { border:none;}
.copyright p{color: #979797;}

.tool-box{ position: fixed; right: 30px; bottom: 90px;z-index: 10000;}
.f-chart-list{ display: flex;flex-direction: column;}
.f-chart-list a{ width: 50px; height: 50px; margin-bottom: 10px; background-color:#64b81a;color: #eee; line-height: 50px; text-align: center;border-radius: 50%; font-size: 26px;}
.f-chart-list a:hover{background-color:#FCBC03; color: #333;}
/* Scroll Top */
.scroll-to-top {  display:none; line-height:50px; cursor:pointer; background-color:#a5a5a5; text-align:center;border-radius: 50%;}
.scroll-to-top > i{ font-size:26px; color:#fff; padding-top: 10px;}
.scroll-to-top > .fa{ font-weight: 300; }

/*---- listproduct ----*/
.li-item-img{display: grid; grid-template-columns: repeat(3,1fr);  grid-gap: 50px; grid-row-gap: 40px;}
.li-item-img li{transition: all 0.3s ease-out;overflow: hidden; }
.li-item-img li a{padding: 15px;background-color: #f4f5f6; display: block;}
.li-item-img li img{vertical-align: top;max-width: 100%;}
.li-item-img .list-thumb{overflow: hidden;text-align: center;}
.li-item-img h2{font-weight: normal;font-size: 16px; line-height: 1.5; padding:20px; background-color: #fff; }
.li-item-img a:hover{background-color:#0faac5 ;}
.product-btn{width: 100%;display: grid; grid-template-columns: 1fr 1fr; gap: 16px 12px; text-align: center;}
.product-btn a{display: block;line-height:2.5;color:#fff;background-color: #0faac5;border-radius: 32px;text-transform:capitalize;cursor: pointer;}
.product-btn a:hover{ background-color: #FCBC03; color: #333;}

/*---tuwen---*/
.li-tuwen li{ margin-bottom: 30px;}
.li-tuwen li a{ display: flex;justify-content: space-between;background-color: #f7f7f7; padding: 40px;}
.li-tuwen li .list-thumb {width: 270px;}
.li-tuwen li .list-thumb img{ width: 100%; border-radius: 5px; }
.li-tuwen li .title { font-size: 24px; padding-bottom: 10px; font-weight: bold; }
.li-tuwen li .description{ color: #666;  line-height: 1.7em; font-size: 16px;}
.li-tuwen li .list-text{color: #312d2d;line-height:30px;display: flex;  flex-wrap: wrap; flex-direction: column; justify-content: space-evenly; width: calc(100% - 300px);}
.li-tuwen li .date{font-size: 13px;color: #888;height: 30px;line-height: 30px; padding-top: 5px;}
.li-tuwen li .list-text .date i,.list-text-none .date i{ padding-right: 5px; }
.li-tuwen li a:hover{ background-color: #0faac5; }
.li-tuwen li a:hover .title{color: #fff;}
.li-tuwen li a:hover .date,.li-tuwen li a:hover .description{ color: #d7f5ff;}

/* product detail */
.product-body{ max-width: 1440px; min-width: 1180px;padding: 0 30px;margin: 0 auto;}
.product-body .sider-box{width: 240px;}
.product-body .main{ width:calc(100% - 280px);}
.product-head{ display: flex;justify-content: space-between; padding-bottom: 40px;}
.product-thumb{ width: 60%;}
.big-img-box{ height:480px;}
.big-img-box .swiper-slide{text-align: center; font-size: 16px;display: flex; justify-content: center;align-items: center;}

.big-img-box .swiper-slide img {display: block; width: 100%; object-fit: cover;}
.big-img-box .swiper-slide,.small-img-box .swiper-slide{ background-size: cover; background-position: center;}
.big-img-box .swiper-button-next:after,.big-img-box .swiper-button-prev:after{ font-size: 20px; color: #fff;}
.swiper-button-next, .swiper-button-prev{  border-radius: 100%; width: 40px; height: 40px;}
.big-img-box .swiper-button-next:hover,.big-img-box .swiper-button-prev:hover{background-color: #3c95d9;}

.small-img-box{ margin-top: 10px;}
.small-img-box .swiper-slide{text-align: center; font-size: 16px;background: #fff; border-radius: 3px; border: 1px solid #fff; display: flex; justify-content: center;align-items: center;}
.small-img-box .swiper-slide {width: 25%; cursor: pointer;}
.small-img-box .swiper-slide-thumb-active {border: 1px solid #3c95d9;border-radius: 1px; }
.small-img-box .swiper-slide img{display: block; width: 100%; height: 100%;object-fit: cover; padding: 3px;}

.product-info{ width: 36%;}
.product-info h1{ font-size: 24px;padding-bottom:10px; margin-bottom:10px; overflow: hidden; border-bottom: 1px solid #ddd;}
.product-info .product-btn{ padding-top: 30px;}
.product-info .shortdes p{ padding-bottom: 15px;}
.product-card{ background-color: #fff; padding: 30px; margin-bottom: 40px;border-radius: 5px;font-size: 18px; }
.product-card .card-title{padding-left: 10px;font-size: 18px; border-bottom: 1px solid #c99302; margin-bottom: 20px; font-weight: normal; line-height: 2; color: #c99302;}
.product-card .card-content p{padding-bottom: 18px; line-height: 1.8;}
.li-shili{display: grid;   grid-template-columns: repeat(4,1fr);   grid-gap: 30px;}
.li-shili img{ border-radius: 5px; width: 100%;}

.product-detail .tab-hd{ background-color: #f6f6f6;}
.product-detail .tab-hd a{ padding: 0 20px;line-height: 3.5; cursor: pointer;display:inline-block;}
.product-detail .tab-hd a.on {background-color: #0faac5; color: #fff;}

/*正常内容页*/
#Article{overflow:hidden; font-family:"微软雅黑"; padding: 15px;}
#Article h1{font-size: 26px;padding-bottom:10px;}
#Article .t-info{ font-size:14px; font-weight:normal; line-height:20px; color:#777;padding-bottom:10px; background:url('../img/i-line.png') repeat-x left bottom;}
#Article .content{ font-size:18px; padding-top: 10px;line-height: 1.8;}
#Article .content img{ max-width: 100%;}
#Article .content p{text-align:justify;word-wrap:break-word; overflow-wrap: break-word;word-wrap: break-word; padding-bottom: 18px; }
.pagepn{ padding-top:20px; border-top:1px solid #ddd; line-height: 2;}


.list-down ul li{ line-height: 40px; font-size: 16px;}
.list-down ul li a i{ padding-left:20px; color:#0033CC; font-weight:normal; font-size:18px;}

/* contact */
.lx-box{display: grid; grid-template-columns: repeat(2, 1fr);gap: 50px;padding: 40px;background-color: #fff; margin-top: 40px;border-radius: 5px;}
/*留言板*/
.formDetail .formDetail-head h1 {
  font-size: 24px;
  border-bottom: 1px solid #dddddd;
  line-height: 46px;
  font-weight: normal;
}
.formDetail .formDetail-head h1,
.formDetail .formDetail-head p {
  padding-left: 12px;
}
.formDetail-body {
  padding: 0;
}
.formDetail-body .form-group {
  margin-bottom: 10px;
}
.formDetail-body .form-group .col-md-2 {
  line-height: 30px;
  display: block;
}
.formDetail-body .form-group select,
.formDetail-body .form-group input,
.formDetail-body .form-group textarea {
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  padding: 5px 8px;
  line-height: 30px;
  vertical-align: top;
  box-sizing: border-box;
}


.formDetail-body .form-group select {
  height: 50px;
  width: 260px;
}
.formDetail-body .form-group textarea {
  width: 770px;
  height: 200px;
}
.formDetail-body .form-group span {
  margin-left: 6px;
  font-style: normal;
  font-size: 14px;
  color: #ff0000;
  line-height: 40px;
}
.formDetail-body .form-group button {
  border: 0;
  width: 258px;
  height: 55px;
  border-radius: 3px;
  background-color: #ffa31f !important;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.formDetail-body .form-group button:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.formDetail-body .form-group input:focus {
    display: block;
    border:1px solid #0066cc;
  }
  
.input-group {
    display: table;
    border-collapse: separate;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group-btn{
    white-space: nowrap;
}

/* contact */
.lx-info{ padding:10px 15px;}
.lx-group{ display: grid;grid-template-columns:56px auto;column-gap: 30px;margin-bottom: 40px;}
.lx-icon img{ width: 80%;}
.lx-map{ margin-top: 40px;}
.box-yy{box-shadow: 0px 10px 10px 0px rgb(209 218 235 / 50%);}
.box-sy{box-shadow: 0 4px 32px 0 rgba(10,14,29,.02),0 8px 64px 0 rgba(10,14,29,.08); border-color: transparent;}
/* single-page */
.main-box{ padding-top: 30px;}
.protit{ text-align: center; color:#565656;padding-bottom: 10px; }
.protit h1 { font-size: 34px;color: #222; font-weight: normal;position: relative; }
.protit h1::after{content: ''; position: absolute; width: 80px; height: 3px; border-radius: 10px; background-color: #0C6EB5; bottom: -8px; left: 50%;transform: translateX(-50%);}
.single-page-content{ font-size: 18px; line-height: 2em; padding: 20px 10px;}
.single-page-content p{text-align:justify;word-wrap:break-word; padding-bottom: 10px;}
.single-page-content hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}

.btn { display: inline-block;  background-color: #e1e5ec;  color:#333;  width: 120px;  height: 35px;  line-height: 35px; text-align: center; font-size: 14px;  outline: none; border-radius: 5px; cursor: pointer; border:0 none;}
.btn.green{  color: #FFF;  background-color: #32c5d2;  border-color: #32c5d2;}
.btn.blue{ background-color: #0066cc;color: #FFF; border-color: #0066cc;}