@charset "utf-8";
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;font-size: 14px;font-family: "PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei, "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;}
body.macBody{font-weight: lighter!important;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block}
html,body {color: #333;overflow-x:hidden; }
body {background: #fff;min-width: 1340px;}
ul,ol,li {list-style: none}
a {color: #333;text-decoration: none;transition: all .3s ease;}
a:hover {text-decoration: none;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
img {border: 0;max-width: 100%;}
b,em,i {font-style: normal}
h1,h2,h3,h4,h5 {font-weight: normal}
table{border-collapse:collapse;border-spacing:0}
button,input,optgroup,select,textarea{font:inherit;overflow:visible;border:0px;}
input[type='text']:focus,input[type='button']:focus,input[type='submit']:focus,button:focus,textarea:focus{outline:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #EFEFEF; } 
input:-moz-placeholder,textarea:-moz-placeholder {color: #EFEFEF; } 
input::-moz-placeholder,textarea::-moz-placeholder { color: #EFEFEF; } 
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #EFEFEF; }
.clearfix:before,.clearfix:after{content:"";display:block;clear:both;height: 0; visibility: hidden; }
.clearfix{zoom: 1;}
::-webkit-scrollbar {    width:6px;    height:6px;    padding-right:10px}
::-webkit-scrollbar-track {    border-radius:10px;    background-color:#eee}
::-webkit-scrollbar-thumb {    border-radius:10px;    background-color:#000000}

header{width:100%;height:30px;position: fixed;top:0;padding:30px 0;z-index: 9;transition: all .3s;min-width: 1340px;}

header .headerContainer{width: 88.54%;margin:0 auto;}
header .headerContainer:after{content:"";display:block;clear:both;height: 0; visibility: hidden;}
header .logo{float: left;background:url(../images/logo.png) 0 0 no-repeat;width:184px;height:30px;}
header .logo a{display: block;text-indent:-999em;overflow:hidden}
header .headerRightBar{width:53.61%;float: right;}
header .headerRightBar:after{content:"";display:block;clear:both;height: 0; visibility: hidden; }
header .tel{float: right;font-size: 12px;color:#231815;line-height: 30px;}
header .searchBar{float: right;position: relative;width:30px;height: 30px;margin:0 30px 0 0px;}
header nav{float: left;line-height: 30px;margin-left: 60px;}
header nav a{color:#231815;font-size: 16px;display: inline-block;margin-right: 60px;}
header nav a.on,header nav a:hover{text-decoration:underline;}
header nav a:last-child{margin-right: 0;}
header.fixedHeader{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);z-index: 999;}
footer {width: 88.54%;margin:0 auto;}
footer address{text-align: center;line-height: 30px;font-size: 14px;color:#231815;font-style: normal;margin:100px 0 0;}
footer .webMap{text-align: center;line-height: 30px;margin-bottom: 100px;}
footer .webMap a{font-size: 14px;color:#231815;padding:0 10px;}
footer .webMap a:hover{text-decoration:underline;}
footer .links{text-align: center;width:88%;margin:0 auto 40px;font-size: 12px;line-height: 40px;}
footer .links a{font-size: 14px;color:#595757;padding:0 10px;line-height: 40px;display: inline-block;}
footer .links a:hover{color:#595757;}
footer .cpy{font-size:12px;text-align: center;padding:0px 0 80px;color:#898989}
footer .cpy a{color:#898989}

.searchSection{width: 88.54%;margin:190px auto 150px;}
.searchSection .searchForm{width:975px;border:10px solid #e6e6e6;margin:0 auto;background-color:#e6e6e6;transition: all 0.3s;}
.searchSection .searchForm input.searchtxt{height: 90px;width: 700px;background-color:#fff;text-indent: .5em;vertical-align: middle;float: left;font-size: 30px;font-weight: lighter;}
.searchSection .searchForm .searchBtn{width:275px;height: 90px;background-color:#e6e6e6;color:#fff;vertical-align: middle;transition: all 0.3s;}
.searchSection .searchForm .searchBtn .iconfont{color:#fff;font-size: 36px;}
.searchSection .searchForm.focus{border-color:#f3c91f;}
.searchSection .searchForm.focus .searchBtn{background-color:#f3c91f;}
/*头部搜索*/
.search-wrapper{position: absolute;right:0;top:0;}
.search-wrapper .input-holder{overflow: hidden; height: 30px; background: rgba(255,255,255,0); position: relative; width:30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.search-wrapper.active .input-holder{width:440px; background: transparent;}
.search-wrapper .input-holder .search-input{position: absolute; z-index: 1; top:0px; left:30px; right:30px; height: 30px; padding:0px 30px 0 10px; opacity: 0; background: transparent; border:none; outline:none; font-size: 14px; line-height: 30px;}
.search-wrapper.active .input-holder .search-input{opacity: 1; }
.search-wrapper .input-holder .search-icon{height:30px; border:none; padding:0px; outline:none; position: relative; z-index: 2; float:right; cursor: pointer; background: transparent;}
.search-wrapper .input-holder .search-icon .iconfont{display: block;}
.search-wrapper .input-holder .search-icon .text{display:none;}
.search-wrapper.active .input-holder .search-icon .iconfont{display: none;}
.search-wrapper.active .input-holder .search-icon .text{display: block;}
.search-wrapper .close{position: absolute; z-index: 1; top:2px; left:0px; width:22px; height:22px; cursor: pointer;display: none; }
.search-wrapper .close .iconfont{font-size: 22px;color:#333;font-weight: bold;}
.search-wrapper.active .close{display: block;}
.search-wrapper .hotSerch{position: absolute;background: #fff;width:100%;top:40px;padding-bottom:10px;display: none;}
.search-wrapper .hotSerch dt{font-size: 12px;color: #a5a5a5;margin:20px 10% 15px;}
.search-wrapper .hotSerch dd{margin:0;overflow: hidden;}
.search-wrapper .hotSerch dd a{font-size: 14px;color: #231815;display:inline-block;width:40%;margin-left:10%;text-align: left;line-height: 40px;float: left;}
.search-wrapper .hotSerch dd a:hover{color:#555;text-decoration:underline;}
.visible{visibility: visible!important;}

.goTop{width:27px;height:36px;background: url("../images/arrow-group.png") 0 0 no-repeat;width:56px;height:42px;position:fixed;left:50%;margin-left:602px;bottom:30px;display:none;z-index: 999;}
body .goTop{_width:0;_height:0;}
.onlineConsulting{position: fixed;right:0;top:50%;width:60px;height: 60px;line-height:60px;background-color: #f3c91f;border-top-left-radius: 8px;border-bottom-left-radius: 8px;transition: all 0.3s;z-index:999;}
.onlineConsulting a.ct{color:#fff;font-size: 14px;padding:0 0 0 20px;display: none;}
.onlineConsulting .face{width:29px;height:29px;background: url("../images/face.png") 0 0 no-repeat;vertical-align: middle;cursor: pointer;margin:0 16px;position:absolute;right:0;top:15px;}
.onlineConsulting:hover{width:155px;}
.onlineConsulting:hover a.ct{display: inline-block;}

.cPager{text-align: center;height: 40px;margin:50px 0;}
.cPager ul{overflow:hidden;display: inline-block;}
.cPager li{float: left !important;width: inherit !important;margin: 0px 5px !important;}
.cPager li a{display: inline-block;padding: 0px 15px;line-height: 38px;border:1px solid #ddd;font-size: 14px;text-align: center;border-radius:4px;}
.cPager li.active a:hover{color:#fff;}
.cPager li.active a{background-color: #f3c91f;color:#fff;border-color:#f3c91f}

/*通用banner*/
.bannersSection{width:88.54%;margin:200px auto 0;}
.bannersSection img{width:100%;}
@media screen and (max-width:1500px) and (min-width:1300px){
  header nav a{margin-right: 35px;font-size: 14px;}
  
  header .searchBar{margin:0 20px 0 0px;}
  .search-wrapper.active .input-holder{width:400px;}
  .bannersSection{margin-top:150px;}
  .swiper-home .caseDescript dt{font-size: 24px;}
}
@media screen and (max-width:1600px) and (min-width:1500px){
  header nav a{margin-right: 45px;font-size: 14px;}
  header .searchBar{margin:0 25px 0 0px;}
  .search-wrapper.active .input-holder{width:400px;}
  .bannersSection{margin-top:170px;}
}
@media screen and (max-width:1900px) and (min-width:1800px){
  header .searchBar{margin:0 80px 0 0px;}
}
@media screen and (min-width:1900px){
    header .searchBar{margin-right:120px;margin-left:20px;}
}

.loading-box{height: 12px;margin:20px 0;position: relative;display: none;}
.loader{position: relative;width: 12px;height: 12px;top: 46%;left: 49%;border-radius: 12px;background-color: #f3c91f;}
.loader:before{content: "";position: absolute;top: 0px;height: 12px;width: 12px;border-radius: 12px;-webkit-animation: loaderlf 1s ease-in-out infinite;animation: loaderlf 1s ease-in-out infinite;}
.loader:after{content: "";position: absolute;	top: 0px;height: 12px;width: 12px;border-radius: 12px;-webkit-animation: loadergt 1s ease-in-out infinite;animation: loadergt 1s ease-in-out infinite;}

@-webkit-keyframes loaderlf{
	0%{	left: -25px; background-color: rgba(253,208,0,.8); }
	50%{ left: 0px; background-color: rgba(253,208,0,.1);}
	100%{ left:-25px; background-color: rgba(253,208,0,.8); }
}
@keyframes loaderlf{
	0%{	left: -25px; background-color: rgba(253,208,0,.8); }
	50%{ left: 0px; background-color: rgba(253,208,0,.1);}
	100%{ left:-25px; background-color: rgba(253,208,0,.8); }
}


@-webkit-keyframes loadergt{
	0%{	left: 25px; background-color: rgba(253,208,0,.8); }
	50%{ left: 0px; background-color: rgba(253,208,0,.1);}
	100%{ left:25px; background-color: rgba(253,208,0,.8); }
}
@keyframes loadergt{
	0%{	left: 25px; background-color: rgba(253,208,0,.8); }
	50%{ left: 0px; background-color: rgba(253,208,0,.1);}
	100%{ left:25px; background-color: rgba(253,208,0,.8); }
}