body, html { width: 100%; margin: 0; padding: 0; font-size: 62.5%; font-family:"Poppins",Microsoft Sans Serif,Arial, Helvetica;color: #333; }
* { margin: 0px; padding: 0px; outline: 0 none; word-wrap:break-word;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
ul, li { list-style-type: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { color: #000; outline: none; text-decoration: none; /*-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none;*/}
a:hover { color: #0267b5; text-decoration: none; }
em, i { font-style: normal; }
.cf:before, .cf:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
input,textarea,button{ border: none; background: none; appearance:none; -webkit-appearance:none;font-family:Microsoft Sans Serif,Arial, Helvetica; }
.clear { height: 0; overflow: hidden; clear: both; }
.cf { zoom: 1; }
@font-face {
font-family: "Poppins";
/*src: url("../fonts/Poppins.woff2") format("woff2"),*/
url("../fonts/Poppins.woff") format("woff"),
url("../fonts/Poppins.ttf") format("truetype"),
url("../fonts/Poppins.eot") format("embedded-opentype"),
url("../fonts/Poppins.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "fjallaone";
/*src: url("../fonts/fjallaone.woff2") format("woff2"),*/
url("../fonts/fjallaone.woff") format("woff"),
url("../fonts/fjallaone.ttf") format("truetype"),
url("../fonts/fjallaone.eot") format("embedded-opentype"),
url("../fonts/fjallaone.svg") format("svg");
font-weight: normal;
font-style: normal;
}
img { border: none; max-width: 100%; height: auto; transition: all 0.5s ease 0s; }
.hid { overflow: hidden; }
.pd{padding:1.2em 0;}
.pd5{padding:5em 0;}
.pd8{padding:84px 0;}
.mb5{margin-bottom: 5em;}
.mb{margin-bottom: 1.8em;}
.mt{margin-top: 2em;}
.mt5{margin-top:2em;}
.mt98{margin-top:98px;}
.font30{font-size:3rem;}
.font20{font-size:2rem;}
.font18{font-size:1.8rem;}
.font16{font-size:1.6rem;}
.font14{font-size:1.4rem;}
.els{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.wrap { max-width: 1400px; margin: 0 auto; position: relative; }
.header{width:100%;height:98px; position:fixed;left:0;top:0; background: #fff;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); z-index: 99999; }
.logo { float: left; margin-top: 15px; }
.t_right { float: right; padding-top: 40px; }
.email{float:right;width:224px;height:34px;padding-left:34px; line-height: 34px; background: url(../images/email.png) no-repeat 0 0; color: #fff; font-size:1.4rem;margin-top:32px;}
.email:hover{color: #fff; text-decoration: underline;}
.search{ float: right;width:19px;height:19px; background: url(../images/search.png) no-repeat 0 0;margin-top:38px;margin-right:35px; }
.nav {float:left;margin-top:34px;margin-left:60px; }
.nav li { float: left; position: relative;}
.nav li a { display:block; font-size: 1.6rem;color:#333;padding:0 34px 38px; position: relative; }
.nav li>a::after{ content: '';width: 0;height:3px;background: #0267b5; position: absolute;left:50%;bottom:0;margin-left:-48%; transition: all 0.3s;}
.nav li a:hover, .nav li.cr a, .nav li.current-menu-item a, .nav li.hover a{color: #0267b5; font-weight: bold;text-transform: uppercase;}
.nav li>a:hover::after, .nav li.current-menu-item>a::after, .nav li.hover a::after{width: 96%;}
.nav li .sub-menu { display: none; position: absolute; width: 100%; left: 50%; top: 64px; background: #fff; min-width: 224px;margin-left:-112px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);}
.nav li .sub-menu li { float: none; padding: 0; }
.nav li .sub-menu a { display: block; padding: 0 1em; height: 40px; line-height: 40px; font-size: 1.5rem; color: #666; font-weight: normal;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.nav li .sub-menu a::after{display: none;}
.nav li .sub-menu a:hover{ background: #0267b5; color: #fff; }
.nav li .sub-menu .has_menu a:hover{ background: #0267b5;}
.banner { width: 100%;position:relative; z-index: 10; }
.bantxt{ position: absolute;left:0;width:90%;left:5%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align:center;color:#fff;font-size:22px; z-index: 20;}
.bantxt h3{ font-size: 7.4rem; line-height: 1; font-weight: 700; opacity: 0;filter: alpha(opacity=0);margin-top:-10px; transition: all 0.5s ease 0.5s; }
.bantxt p{ font-size: 2rem;margin-top:20px;opacity: 0;filter: alpha(opacity=0);transition: all 0.5s ease 0.8s; }
.bantxt a{display: inline-block;padding:0.5em 4em 0.5em 2em;margin:6em auto 0;font-size:1.8rem; color: #fff; border:2px solid #0267b5; background: #0267b5 url(../images/more.png) no-repeat right center/auto 100%;transition: all 0.5s ease 1s;opacity: 0;filter: alpha(opacity=0);}
.swiper-slide-active .bantxt h3{ opacity: 1;filter: alpha(opacity=100);margin-top:0;}
.swiper-slide-active .bantxt p{ opacity: 1;filter: alpha(opacity=100);margin-top:0;}
.swiper-slide-active .bantxt a{opacity: 1;filter: alpha(opacity=100);margin-top:4em;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{width: 52px; height: 48px; left: 5%; background: url(../images/ar1.png) no-repeat 0 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{width:52px; height:48px; right: 5%; background: url(../images/ar2.png) no-repeat 0 0;}
.swiper-pagination-bullet{ background: #fff; }
.aboutbox{ background: #fafafa; padding:156px 0 84px;position: relative; z-index: 12; }
.numbox{ position: absolute; width:100%;top:-17%;left:0; z-index: 999; }
.numbox .wrap{padding:50px 0 50px; background: #fff; overflow: hidden;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); }
.numbox dl{float: left; width:23%;padding:0 1%; text-align: center; position: relative; box-sizing: content-box;}
.numbox dt{font-size:4.8rem;color: #174a77; font-family: "fjallaone";line-height:1;}
.numbox dd {font-size:1.6rem;color: #666;}
.numbox dl::after {display: block; clear: both; width:1px;height: 45px; background: #eee; position: absolute;left:0; top:25%; content: ""; }
.numbox dl:nth-child(1)::after{display: none;}
.aboutbox h3{ font-size:4rem; text-align: center; line-height: 1;}
.aboutbox p{width:95%;margin:32px auto; font-size:1.6rem;color: #666; line-height: 1.75; text-align: center; }
.aboutbox a.more,.probox a.more{margin-left:auto;margin-right:auto;}
a.more{display: block;width:145px;height:44px;line-height:44px; position: relative; text-align:left;}
a.more span{font-size:1.8rem; color: #fff;padding-left:1.3em; position: relative; z-index: 10; font-family: Arial;}
a.more::after{ content: ''; position: absolute;top:0;right:0;bottom:0;left:0; z-index:1; background: #0267b5; transform: skew(-20deg); }
a.more i{display: block;width:44px;height:44px; position: absolute; right:0;top:0; z-index: 10;}
a.more i::before{ content: '';position: absolute;top:0;right:0; width:44px;height:44px; background: url(../images/icon9.png) no-repeat center; z-index: 2;}
a.more i::after{ content: ''; position: absolute;top:0;right:0;bottom:0;left:0; z-index:1; background: #02599c; transform: skew(-20deg); }
a.smore{display: block;width:120px;height:34px; line-height: 34px; position: relative;text-align:left;}
a.smore span{font-size:1.4rem; color: #fff;padding-left:1.5em; position: relative; z-index: 10; font-family: Arial;}
a.smore::after{ content: ''; position: absolute;top:0;right:0;bottom:0;left:0; z-index:1; background: #0267b5; transform: skew(-20deg); }
a.smore i{display: block;width:34px;height:34px; position: absolute; right:0;top:0; z-index: 10;}
a.smore i::before{ content: '';position: absolute;top:0;right:0; width:34px;height:34px; background: url(../images/menu1.png) no-repeat center; z-index: 2;}
a.smore i::after{ content: ''; position: absolute;top:0;right:0;bottom:0;left:0; z-index:1; background: #02599c; transform: skew(-20deg); }
.sjTit{ text-align: center;font-size:4rem; line-height: 1; text-transform: uppercase;}
.proTab{margin-top:-0.5em; text-align: center; overflow: hidden;}
.proTab a{display: inline-block;padding:0 1.5em; color: #9e9e9e; font-size:1.6rem; cursor:pointer; border-left:1px solid #eee;}
.proTab a:nth-child(1){border:none;}
.proTab a.active{ color: #0267b5; }
.proContent{margin-top:60px;}
.proCell{ display: none; }
.proCell dl{width:92%;margin:0 auto;}
.proCell dt img{display:block;margin:0 auto;border: 1px solid #f6f6f6; }
.proCell dd{margin-top:30px;text-align: center; }
.proCell dd h3{font-size:20px;color: #1a1b20; font-weight: noraml; line-height: 1.5;}
.proCell dd p{font-size:1.4rem; color: #888;line-height: 1.8;margin-top:0.5em;}
.proCell dd a:hover h3,.proCell dd a:hover p{color: #0267b5;}
.probox a.more{margin-top:40px;}
.newswrap{ background: #f9f9f9; }
.news_left{width:43%;float: left;}
.news_left dt{ position: relative;margin-bottom: 3em; }
.news_left dt img,.casecon dt img{display: block;}
.news_date{ position: absolute;left:0;top:0;width:76px;height:76px; background: rgba(2,103,181,0.65); text-align: center; color: #fff; }
.news_date span{display: block;height:46px; line-height: 46px; font-size:2.4rem;}
.news_date em{display: block;height:30px; line-height: 30px; font-size:1.8rem; background: #1e6da8;}
.newswrap dd p{margin:1.4em 0 2.5em;}
.newswrap dd p a{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: normal;}
.news_right{width:54%;float: right;}
.news_right dl{padding:3em;margin-bottom:4em; border:1px solid #eee; background: #fff;}
.news_right dl:last-child{ margin-bottom:0; }
.casewrap{ background: url(../images/casebg.jpg) no-repeat center top; background-size: cover; }
.casewrap .sjTit{color: #fff;}
.sjTxt{ font-size:1.6rem;color: #fff; text-align:center;margin-top:1.5em; }
.casecon{margin-top:6em;}
.casecon dl{width:90%; margin:0 auto; }
.casecon dl dd{padding:42px 36px 39px 36px; text-align: center;background: #fff;}
.casecon dl dd h3 ,.proCell dd h3,.caselist dl dd h3 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height:70px;white-space: normal;}
.casecon dl dd p{margin:1.2em 0 2em;}
.casecon dl dd p a{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal;}
.casecon dl dd a.smore{margin:0 auto;}
.proCell dd h3{height:3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.toTop{width:50px;height:50px;border-radius:50%;position:fixed;bottom:40px;right:20px;z-index:999;background-color:#0267b5;cursor:pointer; display: flex;justify-content: center;opacity: 0; /* 初始时隐藏按钮 */
pointer-events: none; /* 初始时禁用按钮点击 */
transition: opacity 0.3s ease, transform 0.3s ease; /* 加入平滑过渡 */}
.toTop svg{height:100%;}
@media (max-width:768px){.toTop{display:none;}}
.mesform{margin-top:7em;}
.mesform li{float: left;width:23.5%;margin-left:2%;margin-bottom:2%;}
.mesform li:nth-child(1){ margin-left: 0;}
.mesform li.mestext{clear:both; width:100%;margin-left:0;}
.mesform li span{display: block;font-size:16px;margin-bottom:1em;}
.mesform li em{color:#ff0000;}
.mesform li input{width:100%;padding:0.8em 1em;border:1px solid #ccc; font-size:1.6rem; border-radius: 4px;}
.mesform li textarea{width:100%;height:105px;padding:1em;border:1px solid #ccc; font-size:1.6rem;border-radius: 4px;}
.btn_submit{display: block;width:145px;height:44px;line-height:48px;margin-left:auto;margin-right:auto; position: relative; }
.btn_submit input{width:100%;height:100%;font-size:1.8rem; color: #fff; position: relative; z-index: 10; font-family: Arial; cursor: pointer;padding-left:1.5em; text-align:left; }
.btn_submit::after{ content: ''; position: absolute;top:0;right:0;bottom:0;left:0; z-index:1; background: #0267b5; transform: skew(-20deg); }
.btn_submit i{display: block;width:44px;height:44px; position: absolute; right:0;top:0; z-index: 10;}
.btn_submit i::before{ content: '';position: absolute;top:0;right:0; width:44px;height:44px; background: url(../images/icon9.png) no-repeat center; z-index: 2;}
.btn_submit i::after{ content: ''; position: absolute;top:0;right:0;bottom:0;left:0; z-index:1; background: #02599c; transform: skew(-20deg); }
.footer {clear:both; background:url(../images/ftbg.jpg) no-repeat center top; background-size:cover;overflow: hidden;padding:64px 0 0;}
.f_left{width:68%;float: left;}
.copyright{border-top:1px solid #3a3a3a;padding:2em 0;margin-top:2em;}
.copyright p { color: #999;font-size:1.4rem; }
.copyright p a{ color: #999; }
.f_menu {color: #939393;}
.f_menu a{font-size:1.4rem; color: #999;padding:0 12px; }
.f_menu a:hover{color: #fff;}
.f_about{margin-top:10em; overflow: hidden; }
.f_about p{float: left; color: #fff; font-size:1.4rem;padding:0 12px;}
.f_about p a{color: #fff;}
.f_about p img{ vertical-align: -2px;margin-right:6px; }
.f_about p span{color: #999;}
.f_about em{float: left; color: #555;margin-top:2px;}
.f_right{width:370px;float: right;}
.f_right dl{margin-bottom: 1em;}
.f_right dl dt{float:left;margin-right:1em;}
.f_right dl dd{color: #adadad;font-size:0.8rem; overflow: hidden;}
.send {text-align: right;}
.send .sendinput{width:100%; border:1px solid #3a3a3a;padding:1em; font-size:1.4rem; color: #fff; }
.flink{clear:both;margin-top:6em; text-align: right;}
.flink a{display: inline-block;margin-right:1em;}
.send .sendinput::-webkit-input-placeholder{color: #999;}
.send .sendinput:-moz-placeholder {color: #999;}
.send .sendinput::-moz-placeholder {color: #999;}
.send .sendinput:-ms-input-placeholder {color: #999;}
.send .btnsend{width:102px;height:38px; background: #174a77; color: #fff;font-size:1.4rem;margin-top:17px; }
.inbanner img{display: block;}
.graybg{ background: #fafafa; overflow: hidden;}
.nobg{background: #fff!important;}
.crumbs {padding-top:2em;font-size: 1.8rem;}
.crumbs a { padding:0 20px; color: #7a7a7a;font-size: 1.4rem; }
.crumbs a:hover { color: #0267b5; }
.crumbs a.home{padding-left:30px; background: url(../images/icon8.png) no-repeat 0 0;}
.crumbs span {padding-left:15px; color: #0267b5;font-size: 1.4rem; }
.crumbs1{padding:2em 0;}
.cur_tit{text-transform: uppercase;font-size:3.6rem; text-align:center;/* color: #5d5650;*/margin-top:1em;margin-bottom:2em;}
.cur_tit span{ display: inline-block;padding:0 12px;height:20px;line-height: 20px; border:1px solid #0267b5; font-size:1.4rem;color: #0267b5; font-weight: bold; border-radius: 20px; vertical-align: 7px;margin-left:1em;}
/*导航*/
.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before { -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s }
.hamburger { display: none; width: 24px; float:right;margin-left:1em;margin-top:18px; z-index: 10000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation }
.hamburger__icon { position: relative; margin-top: 7px; margin-bottom: 7px }
.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before { display: block; width: 24px; height: 2px; background-color: #0267b5 ; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-duration: .4s }
.hamburger__icon:after, .hamburger__icon:before { position: absolute; content: "" }
.hamburger__icon:before { top: -7px }
.hamburger__icon:after { top: 7px }
.hamburger.active .hamburger__icon { background-color: transparent }
.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before { background-color: #0267b5 ; }
.hamburger.active .hamburger__icon:before { -moz-transform: translateY(7px)rotate(45deg); -ms-transform: translateY(7px)rotate(45deg); -webkit-transform: translateY(7px)rotate(45deg); transform: translateY(7px)rotate(45deg) }
.hamburger.active .hamburger__icon:after { -moz-transform: translateY(-7px)rotate(-45deg); -ms-transform: translateY(-7px)rotate(-45deg); -webkit-transform: translateY(-7px)rotate(-45deg); transform: translateY(-7px)rotate(-45deg) }
.fat-nav { top: 55px; left:0; z-index: 100; position: fixed; width: 100%;max-height: 90%; background:rgba(0,0,0,0.8); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; display: none;}
.fat-nav__wrapper { width: 100%; height: 100%; }
.fat-nav.active {display:block;z-index: 100;}
.fat-nav li h3 { font-size: 1.1rem; border-top:1px solid #3a3a3a; position: relative; }
.fat-nav li h3 a{display:block;color: #fff;padding: 0.8em 22px; }
.fat-nav li.has_nav h3 a{display: inline-block;}
.fat-nav li.has_nav h3 i { display: block; width: 10px; height: 10px; background: url(../images/down.png) no-repeat center center/100%; position: absolute; right: 1em; top: 50%; margin-top: -5px; transition: all .2s ease 0s; }
.fat-nav li.cr h3 i{ transform: rotate(90deg); }
.fat-nav li .sub_nav{ display: none;}
.fat-nav li .sub_nav a{ display:block;padding:0.8em 30px;color: #ccc; font-size:1rem;border-top:1px solid #3a3a3a; }
/*滚动*/
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-theme .owl-controls { margin-top: 0; text-align: center; }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; width:52px; height: 48px; position: absolute; top: 47%; text-indent: -9999em; }
.owl-theme .owl-controls .owl-buttons div.owl-prev { background: url(../images/ar1.png) no-repeat center center/100%; left: 0%; }
.owl-theme .owl-controls .owl-buttons div.owl-next { background: url(../images/ar2.png) no-repeat center center/100%; right: 0%; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;
}
.owl-theme .owl-controls .owl-page span { display: block; width: 8px; height: 8px; margin: 5px 7px; -webkit-border-radius: 100%; -moz-border-radius:100%; border-radius:100%; background: none; background: #908785; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #0267b5; }
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #333; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-theme .owl-controls .owl-page em { display: none; }
/*分页*/
.page{text-align:center; padding:5em 0; }
.page a{ position: relative; }
.page a span{ position: relative; z-index: 2; }
.page a::after{ content: ''; position: absolute;top:0;right:0;bottom:0;left:0; z-index:1; background: #0267b5; transform: skew(-20deg); display: none; }
.page a:hover{color: #0267b5;}
.page a.cr{color: #fff; }
.page a.cr::after{display: block;}
.page a.prev::after,.page a.next::after{display: none;}
.page a.prev,.page a.next{width:auto; font-size:1.6rem; color: #aba8a5; }
.page a.prev:hover,.page a.next:hover{color: #1371ba;}
/*新闻*/
.newsbox dl {display:flex;align-items:center;position: relative; margin-bottom:3em;overflow: hidden; border:1px solid #f4f4f4; border-left:none; background: #fff; }
.newsbox dl dt { float: left;width: 24%;position: relative; z-index: 10;height:22vw;max-height:330px; }
.newsbox dl dt img{display: block;width:100%;height:100%;object-fit: cover;}
.newsbox dl dt .mask{width:100%;height:100%; position: absolute;left:0;top:0; background: rgba(0,0,0,0.3);}
.newsbox dl dt .mask p{width:100%; position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align:center;color:#fff;font-size:2rem; z-index: 20;}
.newsbox dl dt .mask p span{display:block;font-size:5rem; line-height: 1;}
.newsbox dl dd { width:76%;padding:2em 5em 1.5em;overflow: hidden;}
.newsbox dl::after{ display: none; position: absolute;width: 100%;height:2px;background:#0267b5; content: ""; left:0;bottom:0; z-index: 2; }
.newsbox dl dd p {margin:1.3em 0 1.2em;line-height: 1.8; color: #666;}
.newsbox dl:hover::after{ display: block; }
.newsCon{ width:100%; min-height: 300px;margin-top:4em;}
.newsCon .newsTit { font-size:4rem; text-align: center; padding: 0px 0 15px 0; font-weight: normal; }
.newsCon h4 { font-size: 18px; font-weight: normal; text-align: center; /*padding: 0 0 12px 0;*/ }
.newsCon .source {padding-bottom:25px; border-bottom: 1px solid #ddd; text-align: center;overflow: hidden; }
.newsCon .source li { display: inline; font-size: 1.6rem; padding: 0 8px 0 8px; color: #545454; }
.newsCon .content { overflow: hidden; margin-top: 30px; }
.newsCon .content p { font-size: 1.6rem; line-height: 1.8; margin-bottom:1em; }
.sharebox{display: inline-block;height:28px; vertical-align: middle; padding:6px 3px; background: #fff; box-sizing: content-box;}
.sharebox a{display: inline-block;width:28px;height:28px;margin:0 5px;}
.prev-next { clear: both; font-size: 12px; padding: 20px 0; margin: 20px auto 0; border-bottom: 1px solid #e2e2e2; }
.prev-next span { color: #999;padding-left:5px; }
.prev-next a { color: #0267b5;padding-left:5px; text-decoration: underline;}
.prev-next .Rpre,.prev-next .Raft { font-size: 1.6rem; color: #999; overflow: hidden; width: 100%;padding:5px 0; }
.rectit{padding:2em 0; font-size:3rem;text-align:center;}
.reco_pro dl{width:92%;margin:0 auto;}
.reco_pro dt img{display:block;margin:0 auto;border: 1px solid #f6f6f6; }
.reco_pro dd{margin:2em 0;text-align: center; }
.reco_pro dd a{font-size:2.4rem;color: #1a1b20; font-weight: 600;}
.reco_pro dd a:hover{color: #0267b5;}
.reco_pro .owl-theme .owl-controls .owl-buttons div{top:36%;}
.reco_pro .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-5%;}
.reco_pro .owl-theme .owl-controls .owl-buttons div.owl-next{right:-5%;}
/*关于我们*/
.aboutCon{margin-top:3em;padding:4em 0; position: relative;}
.about_desc{width:56%; background: #0267b5; color: #fff;padding:5em 13em 5em 4em;}
.about_desc .bar{width:46px; border-top:1px solid #fff;}
.about_desc h3{font-size:4rem;margin:5px 0 10px;}
.about_desc p{font-size:1.4rem; line-height: 2;margin-bottom:2em;}
.about_pro dd a{font-size:1.6rem; font-weight: normal;}
.about_img{ position: absolute;right:0;top:0;width:48%; overflow:hidden;max-height:550px;}
/*搜索*/
.searchbox{padding:6em 0; background: #f0f6fb;}
.searchform{width:560px;margin:2em auto 1em;padding:1.5em; background: #fff; border:1px solid #e0e0e0; border-radius: 4px;}
.searchform input{width:90%;font-size:1.6rem;}
.searchform a{display:inline-block;width:25px;height:25px; background: url(../images/icon10.png) no-repeat center; vertical-align: middle;}
.searchform input::-webkit-input-placeholder{color: #a2a2a2;}
.searchform input:-moz-placeholder {color: #a2a2a2;}
.searchform input::-moz-placeholder {color: #a2a2a2;}
.searchform input:-ms-input-placeholder {color: #a2a2a2;}
.searchform input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;border: 1px solid #CCC!important;}
.search_keyword{width:560px;padding:0 1.5em;margin:0 auto; font-size:1.4rem;}
.search_keyword a{color: #0267b5;padding:0 20px;}
.search_keyword form{ display: inline-block; }
.search_keyword form input{ font-size:1.6rem;color: #0267b5;margin:0 20px 1em; cursor: pointer;}
.search_keyword form input:hover{ text-decoration: underline; }
.searchlist{border-bottom:1px solid #e3e4e4;}
.searchlist dl {position: relative; margin-bottom:4em;overflow: hidden; }
.searchlist dl dt { float: left;width: 24%;position: relative; z-index: 10; }
.searchlist dl dt img{display: block; border:1px solid #f6f6f6;}
.searchlist dl dd { width:76%;padding:2em 0 0 5em;overflow: hidden;}
.searchlist dl dd p {margin:1.3em 0 4em;line-height: 1.8; color: #666;}
/*联系我们*/
.contactbox{ background: #f4f4f4;margin-top:4em;margin-bottom:5em; }
.contactbox dl{ float: left;width:30.3%;padding:0 0 4% 3%; }
.contactbox dl:nth-of-type(4){clear: both;}
.contactbox dl:last-child{width:55%;}
.contactbox dt{float:left;width:60px;height:60px;margin-right:2em;border:1px solid #0267b5;border-radius: 100%; text-align: center;}
.contactbox dt img{margin-top:15px;}
.contactbox dd{ overflow: hidden;}
.contactbox dd span{font-size:1.4rem;color: #666;}
.contactbox dd p{font-size:1.8rem;color: #a8aab2;line-height: 1.5;margin-top:0.5em;}
/*案例列表*/
.caselist dl{width:31.3%;float: left;margin-left:3%;margin-bottom:3em;}
.caselist dl:nth-child(3n+1){margin-left:0;}
.caselist dt img{display: block;}
.caselist dd{ background: #fff; text-align: center;padding:3em 2em;box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.1);}
.mesbg{ background: #f4f4f4;padding:64px 0; }
.mesbg .message{padding:3em; border:1px solid #ccc;margin-top:4em; background: #fff;}
.mesbg .mesform{margin-top:0;}
/*产品列表*/
.prolist .cur_tit{margin-bottom:20px;}
.prolist dl{width:23%;float:left;margin:0 1%;margin-bottom:3em; }
.prolist dl dd p{height:3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.proTab1 .item{position:relative;z-index:998;}
.proTab1 .item > a{ width:255px;height:50px;line-height:50px; position: relative; text-align:center;border:none;padding:0; vertical-align: middle;margin:0 1em;}
.proTab1 .item > a span{font-size:1.6rem; color: #0267b5; position: relative; z-index: 10; cursor: pointer;display:inline-block;padding-right:1.5em;background:url(../images/arrow1.png) right center no-repeat; white-space: nowrap; /* 禁止文本换行 */
overflow: hidden; /* 超出部分隐藏 */
text-overflow: ellipsis; /* 超出部分显示省略号 */}
.proTab1 .item > a::after{ content: ''; position: absolute;top:0;right:0;bottom:0;left:0; z-index:1; border:1px solid #0267b5; transform: skew(-20deg); }
.proTab1 .item > a.active::after,.proTab1 .item > a:hover::after{ background: #0267b5;}
.proTab1 .item > a.active span,.proTab1 .item > a:hover span{color: #fff;background:url(../images/arrow2.png) right center no-repeat;}
.prolist .proContent{margin-top:4em;}
.proTab1{overflow:visible;}
.proTab1 .item{display:inline-block;position:relative;width:255px;margin-top:5px;}
.subTab{display:none;position:absolute;left:0;width:100%;top:100%;padding:1em 0;margin-left:7px;background:rgba(255,255,255,0.9);box-shadow:0 4px 6px 4px rgba(236,236,236,0.5);}
.proTab1 .item:hover{z-index:999;}
.proTab1 .item:hover .subTab{display:block;}
.subTab a{display:block;font-size:1.6rem;color:#888;line-height:3;height:3em;}
.subTab a:hover{color:#1371ba;text-decoration:underline;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
width: 6px;
height: 6px;
background-color: #ffffff;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
border-radius: 10px;
background-color: #f2f2f2;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #e0e0e0;
}
/*产品详情*/
.proimg{width:50%;float: left;margin-right:3.5%;}
.protxt{overflow:hidden;}
.protxt h2{font-size:4rem;line-height:1.1;margin-bottom:0.3em;}
.protxt h3{ font-size:1.6rem; font-weight: bold;margin-bottom:20px;}
.protxt p{font-size:1.6rem;color: #7e7a76;line-height: 1.8;margin-bottom:10px; }
.protxt .tel_email{ color: #0267b5; font-size:1.4rem; }
.protxt .tel_email span{padding-right:35px;}
.protxt .tel_email a{ color: #0267b5; }
.protxt .tel_email img{ vertical-align: middle;margin-right:15px; }
.protxt a.pro_consult,.protxt a.pro_contact{float:left;display: block; height:50px;line-height: 50px; border:1px solid #0072cc;text-align: center;color: #0072cc;font-size:1.6rem;padding:0 36px 0 60px;margin-top:20px;}
.protxt a.pro_consult{ background: url(../images/consult1.png) no-repeat 28px 50%;margin-right:60px;}
.protxt a.pro_contact{ background: url(../images/contact1.png) no-repeat 28px 50%;}
.protxt a.pro_consult:hover{ background:#0267b5 url(../images/consult2.png) no-repeat 28px 50%; color: #fff;}
.protxt a.pro_contact:hover{ background:#0267b5 url(../images/contact2.png) no-repeat 28px 50%; color: #fff;}
.pro_table {width:100%; overflow-x: auto;margin-top:2em;}
.pro_table table{width:100%; border:1px solid #eee; text-align: center;border-collapse:collapse; empty-cells: show;margin-top:5em; }
.pro_table table td{padding:10px 0;height:74px; border:1px solid #fff; font-size:1.4rem;}
.pro_table table th{font-size:2.4rem; background: #e1e1e1;padding:10px 0;height:74px; border:1px solid #eee;}
.pro_table table tr:nth-child(2n+1){background:#f2f2f2;}
.pro_table table.table2 td,.pro_table table.table2 tr:nth-child(2) td{font-weight: normal;}
.pro_table table.table2 tr td:nth-child(1){ font-weight: bold; }
.pro_table table.table2 tr td:nth-child(2){text-align: left; text-indent: 8%;}
.pro_table table .firstRow td{font-size:2.4rem; background: #e1e1e1;padding:10px 0;height:74px; border:1px solid #eee;}
.pro_table table td[data-col='1'] { font-weight: bold;}
.pro_table p{ font-size:1.4rem;line-height: 2;margin-bottom:1em; }
.text_p{margin-bottom:2em;}
.adNewModule{padding-top:40px;}
.adNewModule .cur_tit{margin:1em 0;}
.adNewModule p{font-size:1.6rem;line-height: 1.8;color:#7e7a76;margin-bottom:10px;}
/*404页面*/
.errorbox{margin-top:98px;padding:10em 0 8em;text-align:center; background: #f9fefd;}
.errorbox p{font-size: 4rem; color: #6e7177; font-weight: bold; line-height: 1;margin:1.5em 0 1.2em;}
.errorbox a {text-align: left;margin:0 auto;}
.reco_pro dd a {
font-size: 1.6rem;
font-weight: normal;
}
@media only screen and (max-width:1560px) {
.reco_pro .owl-theme .owl-controls .owl-buttons div.owl-prev{left:0%;}
.reco_pro .owl-theme .owl-controls .owl-buttons div.owl-next{right:0%;}
}
@media only screen and (max-width:1440px) {
.wrap{margin:0 1em; }
.nav{margin-left:50px;}
.nav li a{padding:0 24px 38px;}
.newsbox dl dd{padding:2em 3em 1em;}
.newsbox dl dd p{margin:0.5em 0 1em;}
.about_desc{width:61%;}
.about_img{width:44%;}
}
@media only screen and (max-width:1280px) {
.email{display: none;}
.f_left,.f_right{width:100%;float: none; overflow: hidden;}
.f_right{margin-top:2em;}
.f_about{margin-top:2em;}
.send{width:40%;float:left; text-align: left;}
.send .sendinput{width:68%;}
.send .btnsend{margin-top:0;}
.flink{clear:none;float: right;margin-top:0;}
.newsbox dl{ background: none; border:none; }
.newsbox dl::after,.newsbox dl:hover::after{display: none;}
.newsbox dl dd{padding:0 2em;}
.searchlist dl dd{padding:0 0 0 3em;}
}
@media (max-width: 1024px) {
.header{height:55px; }
.logo{height:40px;margin-top:8px;}
.logo img{width:auto; height:100%;}
.nav{display: none;}
.search{margin-top:17px;margin-right: 10px;}
.email{margin-top:11px;}
.mt98{margin-top:55px;}
.bantxt h3{font-size:5.4rem;}
.bantxt p{font-size:1.6rem;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:2%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:2%;}
.hamburger{display:block;}
.aboutbox{padding:9em 0 5em;}
.numbox .wrap{padding:30px 0 30px;}
.numbox dt{font-size:3rem;}
.numbox dd{font-size:1.4rem;}
.sjTit,.aboutbox h3{font-size:3rem;}
.pd8{padding:4em 0;}
.news_right dl{padding:2em;}
.prolist dl{width:31.3%;}
.contactbox dl{ float: left;width:47%; }
.contactbox dl:nth-of-type(4){clear: none;}
.contactbox dl:last-child{width:100%;}
.protxt{overflow: visible;}
.protxt h2{font-size:3rem;}
.aboutbox p{margin:20px auto;}
.casecon dl dd{padding:30px 20px;}
.proCell dd h3{font-size:20px;}
.mesbg{padding:42px 0;}
.footer{padding-top:42px;}
}
@media (max-width: 768px) {
.aboutbox{padding:3em 0;}
.numbox{ position: static;top:0;margin-bottom:3em; }
.news_left{width:100%;float: none;}
.news_left dt img{width:100%;}
.newswrap dd p{margin:0.5em 0 1.5em;}
.news_right{width:100%;float: none;margin-top:3em;}
.news_right dl{margin-bottom:3em;}
.send{width:100%;float: none;}
.flink{float: none;margin-top:3em; text-align:center;}
.f_menu,.copyright{text-align: center;}
.errorbox{padding:5em 0 3em;}
.errorbox img{width:45%;}
.errorbox p{font-size:2rem;}
.cur_tit{font-size:3rem;}
.crumbs{display: none;}
.newsCon{margin-top:2em;}
.newsCon .newsTit{font-size:2rem;}
.newsCon .source li{font-size:1.4rem;}
.prev-next{margin-top:0;}
.rectit{font-size:2rem;padding:1em 0;}
.reco_pro dd a{font-size:1.6rem;}
.graybg{padding-bottom:2em;}
.newsCon .content p{font-size:1.4rem; text-align:justify;}
.aboutCon{margin-top:0;padding:2em 0;}
.about_desc{width: 100%;padding:2em;}
.about_desc h3{font-size:3rem;}
.about_img{float: right; position: static;margin-right:-4%;margin-top:2em;margin-left:2em;}
.prolist dl{width:48%;}
.page{padding:2em 0;}
.page a{width:35px;line-height: 1.5; font-size:1.4rem;}
.caselist dl{width:48.5%;}
.caselist dl:nth-child(3n+1){margin-left:3%;}
.caselist dl:nth-child(2n+1){margin-left:0;clear:both;}
.graybg .message{border:none;padding:0;margin-top:3em;}
.protxt h2{font-size:2rem;}
.protxt p{font-size:1.4rem;}
.pro_table table td,.pro_table table th{height:50px;}
.pro_table table th{font-size:2rem;}
.pro_table table.table2 tr td:nth-child(2){text-indent: 0;padding-left: 1em;padding-right:1em;}
.footer .wrap .f_left,.footer .wrap .f_right{
display: none;
}
}
@media (max-width: 640px) {
.pd8{padding:3em 0;}
.mt5{margin-top:3em;}
.mb{margin-bottom:1em;}
.sjTit, .aboutbox h3{font-size:2.4rem;}
.bantxt h3{font-size:3rem;}
.bantxt p{font-size:1.2rem;}
.swiper-button-prev,.swiper-button-next{display: none;}
.aboutbox p{width:100%; font-size:1.4rem;}
.numbox .wrap{padding:2em 0 ;}
.numbox dl::after{height:30px;}
.numbox dt{font-size:2rem;}
.numbox dd{font-size:1.2rem;}
a.more,a.smore{transform: scale(0.8);}
.proTab a{font-size:1.4rem;margin-bottom:0.5em;}
.proTab2 a{font-size:1.2em;margin-bottom:1em;}
.mesform li{width:48%;margin-left:0!important;margin-right:2%;}
.casecon,.proContent,.mesform{margin-top:3em;}
.inbanner{ position: relative;width:100%;height:150px; overflow: hidden; }
.inbanner img{position: absolute; height:100%;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);max-width:none; }
.about_desc h3{font-size:2rem;}
.about_desc p{font-size:1.2rem;}
.about_img{margin-right:-10%;}
.searchbox{padding: 3em 0;}
.searchform{padding: 1em;}
.searchform,.search_keyword{width: 100%;}
.searchlist dl dd h3.font30{font-size: 2rem;}
.searchlist dl dd p{display: none;}
.searchlist dl dd{padding: 0 0 0 2em;}
.searchlist dl dd a.more{margin-top:1em;}
.contactbox dt{width:25px;height:25px;border:none;border-radius: 0;margin-right:1em;}
.contactbox dt img{margin-top:0;}
.contactbox dd p{font-size:1.5rem;}
.proimg{width:100%;float: none;margin-right:0;margin-bottom:2em;}
.newsbox dl dt .mask p span{font-size:3rem;}
.newsbox dl dt{display: none;}
.newsbox dl dd{padding: 0;width: 100%;}
.mesbg{padding-top:2em;}
.mesbg .message{margin-top:2em;padding:2em;}
.sjTxt p br{display: none;}
.adNewModule{padding-top:10px;}
.proTab1 .item{margin:0 0 1em -2em;}
}
@media (max-width: 480px) {
.email{display: none;}
.bantxt h3{font-size:2rem;}
.bantxt p{line-height: 1.2;}
.swiper-slide-active .bantxt p{margin-top:0.5em;}
.numbox .wrap{padding:2em 0 0;}
.numbox dl{width:48%;margin-bottom:2em;}
.numbox dl::after{display: none;}
.casecon dl,.proCell dl,.casecon dt img,.proCell dt img{width:100%;}
.proCell .owl-theme .owl-controls .owl-buttons div{top:35%;}
.casecon .owl-theme .owl-controls .owl-buttons div{top:20%;}
.mesform li{width:100%;margin-right:0;margin-bottom: 2em;}
.owl-theme .owl-controls .owl-buttons div{width:45px;height:42px;}
.news_date{width:50px;height: 50px;}
.news_date span{height:28px;line-height: 28px; font-size:1.6rem;}
.news_date em{height:22px;line-height: 22px; font-size:1.2rem;}
.f_about p{padding:0;}
.f_about em{display: none;}
.reco_pro dl{width:100%;}
.search_keyword{font-size: 1.2rem;}
.searchlist dl dd h3.font30{font-size:1.6rem;}
.cur_tit{margin:1em 0; }
.searchlist dl{margin-bottom: 2em;}
.prolist dl{margin-left:0;margin-right:0;}
.prolist dl dd p{height:auto;}
.probox a.more,.proCell dd{margin-top:20px;}
.caselist dl{width:100%;float:none;margin-left:0;margin-bottom:3em;}
.caselist dl:nth-child(3n+1){margin-left:0;}
.caselist dd{padding:2em 1em;}
.contactbox{margin:2em 0 3em;}
.contactbox dl{width:100%;float: none;padding-left:5%;}
.protxt .tel_email span{display: block;padding-right:0;}
.protxt a{float: none;display: inline-block; height:40px;line-height: 40px;padding:0 20px 0 40px; background-position: 15px 50%!important; background-size: 16px auto!important; }
.protxt .tel_email span img{width:24px;margin-right:10px;}
.protxt a.pro_consult{margin-right:2em;}
.pro_table table th{font-size:1.8rem;}
.pro_table table td{font-size:1.2rem;}
.pro_table table.table2 tr td:nth-child(1){width: 85px;}
}
.alignleft {
float: left;
margin: 6px 28px 28px 0;
}
.alignright {
float: right;
margin: 6px 0 28px 28px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 28px;
}
.page{
width: 100%;
}
.wp-pagenavi{
text-align: center;
display: block;
line-height: 2;
font-size: 1.6rem;
color: #666;
padding: 0 1em;
margin: 10px 2px 0;
height: 50px;
}
.current{
position: relative;
display: inline-block;
width: 42px;
line-height: 2;
font-size: 1.6rem;
color: #666;
padding: 0 1em;
margin: 0 2px;
}
.current::after {
content: '';
position: absolute;
top: -8px;
right: 0;
bottom: 8px;
left: 0;
z-index: 1;
background: #0267b5;
transform: skew(-20deg);
}
.wp-pagenavi .current a{
position: relative;
z-index: 123;
color: #fff;
}
.page{
display: inline-block;
/* line-height: 2; */
font-size: 1.6rem;
color: #666;
padding: 0 1em;
margin: 0 2px;
height: 42px;
line-height: 42px;
}
.nextpostslink,.previouspostslink,.last,.first{
width: auto;
font-size: 1.6rem;
color: #aba8a5;
margin-right: 10px;
}
.page a{
width: 42px;
height: 32px;
top: -8px;
}
.key_w {
color: #0267b5;
padding: 0 20px;
display: inline-block;
}
.key_f {
display: inline-block;
}
#dibunav{
display: none;
}
@media only screen and (max-width: 750px) {
#dibunav{
width: 80%;
position: fixed;
display: block;
bottom: 0%;
left: 50%;
transform: translate(-50%,-50%);
display: flex;
justify-content: center;
background: rgba(245,245,245,0.9);
border-radius: 100px;
z-index: 99;
box-shadow: 0px 26px 25px -29px #000;
}
}
#dibunav .dibunav-con{
width: 95%;
display: -webkit-flex;
display: flex;
}
#dibunav .dibunav-con li{
text-align: center;
float: left;
width: 25%;
padding: 16px 0px;
font-size: 12px;
}
#dibunav .dibunav-con li{
border-left: 1px solid #fff;
}
#dibunav .dibunav-con li:nth-child(1){
border-left: none;
}
#dibunav .dibunav-con li a{
color: #333;
text-align: center;
}
#dibunav .dibunav-con li a img{
/*width: 100%;*/
display: inline-block;
margin: 0 auto;
}
@media only screen and (max-width: 450px) {
#dibunav{
width: 95%;
height: 63px;
}
#dibunav .dibunav-con li a img{
width: 25px;
}
#dibunav .dibunav-con li{
padding: 8px 0px 10px 0;
}
}
@media only screen and (max-width: 320px) {
#dibunav{
width: 100%;
bottom: -3%;
}
#dibunav .dibunav-con li a img{
width: 20px;
}
}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .usedComp{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 10px;}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .usedComp:nth-child(9){width: 94%;}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .usedComp label{font-size: 14px;line-height: 36px;color: #7e7e7e;}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .usedComp:nth-child(9)~div{float: left;}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .usedComp span{color: red;padding-left: 5px;display: inherit;width: 0px;height: 0px;margin: 0px auto;font-size:12px;}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .xhl-input-xlarge{width: 100%;height: 40px;border: 0; border:1px solid #cccccc;border-radius: 5px;color: #999999;}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .xhl-controls .xhl-textarea{width: 100%;height: 100px;resize: none; border:1px solid #cccccc;border-radius: 5px;}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .xhl-controls .xhl-submit,.but_pro span{background-color: #0da7ee;color: #fff;border: 0;padding: 15px 35px;font-size: 16px;font-weight: bold;display: inline-block;}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .xhl-controls{position: relative;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #7e7e7e;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #7e7e7e;
}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 #xhlFormSubmit {
width: 145px;
height: 44px;
line-height: 44px;
text-align: center;
color: #fff;
position: absolute;
z-index: 2;
font-size: 16px;
}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .xhl-footer::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #0267b5;
transform: skew(-20deg);
}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .xhl-controls .xhl-form-tip{position: absolute;right: -3px;top: 14px;}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .usedComp:nth-child(4){
margin-right: 0px;
}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .usedComp:nth-child(5){
margin-right: 0px;
}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .usedComp:nth-child(5){
width: 100%;float:none;clear:both;
}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .usedComp:nth-child(6){
width: 100%;
}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .xhl_form{
margin: 35px 0 30px 0;
}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .xhl-footer{
display: block;
position: relative;
width: 145px;
height: 44px;
margin: 20px auto 0!important;
}
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .xhl_form div:nth-child(9) .xhl-controls input{
height: 120px;
}
@media (max-width:768px){
.BURY_CODE_89aab0ff1dd44ed5a2450f2c495e8569 .usedComp{
width: 100%!important;
}
}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl_form{padding: 0px!important;}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .usedComp{float: left;width: 100%;margin-bottom: 16px;}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .usedComp:nth-child(9){width: 94%;}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .usedComp label{font-size: 14px;line-height: 36px;color: #fff;display:block;width:100%;text-align: left;}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .usedComp:nth-child(9)~div{float: left;}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .usedComp span{color: red;padding-left: 5px;display: inherit;width: 0px;height: 0px;margin: 0px auto;}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-input-xlarge{width: 100%;height: 40px; color: #fff;font-size: 14px;background: rgba(0,0,0,0);border: 1px solid #fff;padding-left: 16px;}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-controls .xhl-textarea{width: 100%;height: 150px;resize: none; border:1px solid #c8d0e3;}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-controls .xhl-submit,.but_pro span{background-color: #0da7ee;color: #fff;border: 0;padding: 15px 35px;font-size: 16px;font-weight: bold;display: inline-block;}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-controls{position: relative;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #7e7e7e;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #7e7e7e;
}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 #xhlFormSubmit {
width: 103px;
height: 38px;
line-height: 40px;
text-align: center;
color: #fff;
background: #174a77;
}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-controls .xhl-form-tip{position: absolute; left: 30px;top:-30px;}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .usedComp:nth-child(5){
width: 94%;
}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .usedComp:nth-child(6){
width: 94%;
}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-footer{
margin-left: 44%;
display: inline-block;
float: right;
margin-bottom: 0px!important;
}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl_form div:nth-child(9) .xhl-controls input{
height: 120px;
}
@media (max-width:1920px){
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-footer{
margin-left: 44.5%
}
}
@media (max-width:1440px){
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-footer{
margin-left: 41%
}
}
@media (max-width:1200px){
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-footer{
margin-left: 40%
}
}
@media (max-width:768px){
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-footer{
margin-left: 42%
}
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .usedComp{
width: 100%!important;
}
}
@media (max-width:500px){
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-footer{
margin-left: 36%
}
}
@media (max-width:375px){
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-footer{
margin-left: 32%
}
}
@media (max-width:320px){
.BURY_CODE_f055320455174a79b9090ebc333dcc95 .xhl-footer{
margin-left: 29%
}
}
.BURY_CODE_87831a6918b34bcd826384c1140bf1af {
width: 50%;
margin: auto;
}
.xhl-controls {
border: 1px solid #4e4e4e;
height: 40px;
line-height: 40px;
}
input.xhl-input-xlarge.xhl-valtype{
width: 100%;
height: 35px;
line-height: 35px;
}
textarea.xhl-textarea.xhl-valtype.a10021.choose {
width: 100%;
}
.usedComp.xhl-control-group{
height: 70px;
width:45%;
float:left;
margin-right:15px
}
span.xhl-form-tip {
position: absolute;
left: 0;
}
div#xhlFormSubmit {
width: 200px;
height: 40px;
line-height: 40px;
background: black;
text-align: center;
color: white;
margin-top: 4%;
}
.usedComp.xhl-control-group.xhl-form-text.component {
width: 92%;
}
.proTab1 .item{
display:inline-block;
position:relative;
width:33%;
padding:20px;
margin-top:5px;
}