@charset "utf-8";
@import 'font/iconfont.css';

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {margin: 0; padding: 0; box-sizing: border-box;}
html{width: 100%; font-size: 14px; line-height:1.15;-webkit-text-size-adjust:100%; background-color: #fff; color: #333; font-family: 'Microsoft YaHei'}
body{margin:0;width: 100%;}
main{display:block}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
img { max-width: 100%;}

a {color: #333; text-decoration: none;}
a:hover {color: #1688ea;}


html,body {min-width: 1320px;}
.clearfix::after {content: '';display: block; width: 100%; height: 0; visibility: hidden; clear: both;}
.fl { float: left;}
.fr { float: right;}
.rJcontainer {overflow: hidden; margin: 0 auto; width: 1320px;}


.header,
.indexAbout-box
{ display: -webkit-flex; display: flex;}


header{ }
.header {overflow:visible; padding: 15px 0; height: 110px; justify-content: space-between; justify-items: center; align-items: center;}
.topLogo {flex: 0 0 220px; height: 100%; }
.topLogo a { display: block; height: 100%; background: url('../images/toplogo.png') left center no-repeat;}
.topIcon {flex: 0 0 140px;position: relative; height: 100%; line-height: 80px; border-left: solid 1px #dedede; text-align: right; vertical-align: middle;}
.topIcon .icon {  display: inline-block;margin: 0 10px; width: 40px; height: 40px; line-height: 40px; color: #fff; text-align: center; vertical-align: middle; border-radius: 50%; background-color: #2bac42; cursor: pointer;}
.topIcon .icon span { font-size: 22px;}
.topIcon img { z-index: 10; position: absolute; left:-10px; top: 95px; opacity: 0; transition: all .3s;}
.topIcon .icon:last-of-type { background-color: #0f78bc;}
.topIcon:hover img { opacity: 1; }

.banner { height: 500px; z-index: 5;}
.banner .swiper-slide { background-position:  center center; background-size:cover;}
.n-banner { height: 420px;}


.tyTitle { margin-top: 40px; text-align: center; }
.tyTitle h2 { font-size: 24px; font-weight: bold;}
.tyTitle p { margin: 16px auto 24px; font-size: 18px; color: #666;}
.tyTitle .line { margin: 0 auto; width: 40px; height: 0; border: solid 2px #005bac;}

.readMore {display: block; margin: 40px auto 60px; width: 148px; height: 40px; line-height: 40px; text-align: center; border: solid 1px#333; vertical-align: middle;}
.readMore span { margin-left: 10px; vertical-align: middle;}

#footer1 {margin-top: 30px;  padding: 30px 0; color: #ccc;background-color: #3c4145;}
.footer1 { background:url('../images/footerlogo.jpg') left center no-repeat/*,url('../images/ewm.png') right center no-repeat*/; }
.footer1 .contactInfo { margin-left: 140px; padding: 14px 0; padding-left: 30px; line-height: 30px; color: #ccc; border-left: solid 1px #dedede;}
#footer2 { /*margin-bottom: 200px; */line-height: 48px; color: #ccc; background-color: #1b1d1e;}
#footer1 a,#footer2 a { color: #ccc;}

#customFixed { z-index: 11; position: fixed; left: 0; bottom: 0; width: 100%; background: linear-gradient(#fff,#54aece);}
.customFixed { position: relative;}
.customTitle { margin: 20px auto 10px auto; padding: 5px 0; font-size: 32px; color: #fff;text-shadow:5px 3px 5px rgba(0, 0, 0, .8); -webkit-text-stroke: 1px #40a0f3;font-weight: bold;  }
.closeCustom { position: absolute; right: 0; top: 20px; width: 30px; height: 30px; line-height: 30px; text-align: center;}
.closeCustom span { color: #0b80ce; font-size: 32px; cursor: pointer;}
.custom { margin: 10px auto;}

.indexCaseList a{ float: left; overflow: hidden; position: relative; margin-top: 40px; margin-right: 18px;margin-left: 18px; width: 410px; height: 310px; color: #fff;transition: all .3s;}
.indexCaseList a img { width: 100%; height: 100%; transition: all .3s;}
.indexCaseList a p {position: absolute; left: 0; bottom: 0; padding: 0 10px; width: 100%; height: 46px; line-height: 46px; background-color:rgba(0, 0, 0, .6); transition: all .3s;}
.indexCaseList a:nth-of-type(3n) { margin-right: 0;}
.indexCaseList a:hover  { transform: translateY(-10px); box-shadow: 0px 5px 5px rgba(0, 0, 0, .8);}
.indexCaseList a:hover img { transform: scale(1.05);}
.indexCaseList a:hover p {background-color: rgba(255, 255, 255, .4);}

.products-list .item { float: left; margin-right: 2.6%; margin-bottom: 40px; width: 23%;  background-color: #fff;}
.products-list .item:nth-of-type(4n) { margin-right: 0;}
.products-list .item a {display: block; padding: 18px; }
.products-list .item .Img { display: -webkit-flex; display: flex; height: 268px; align-items: center;}
.products-list .item .Img img {align-items: center;}
.products-list .item h2 { height: 50px; line-height: 50px; font-size: 18px; border-bottom: solid 1px #dedede;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.products-list .item p { margin-top: 14px; width: 100%; line-height: 20px; font-size: 14px;}
.products-list .item:hover {background-color: #0b80e4; }
.products-list .item:hover a {color: #fff;}
.products-list .item:hover .Img { background-color: #fff;}