html{ overflow-x: hidden; }
body{ font-family: "Microsoft YaHei", 'Arial', sans-serif; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd{ font-size: 100%; font-weight: normal; padding: 0; margin: 0; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color: #c7c7c7; }
textarea{ resize: none; }


.banner{  }
.banner img{ width: 100%; display: block; }
.banner .owl-banner{ position: relative; }
.banner .owl-banner .owl-dots{ position: absolute; right: 0; bottom: 45px; left: 0; text-align: center; }
.banner .owl-banner .owl-dots .owl-dot{ width: 14px; height: 14px; margin: 0 13px; border-radius: 100%; outline: none; background: #fff;  }
.banner .owl-banner .owl-dots .owl-dot span{ display: none; }
.banner .owl-banner .owl-dots .owl-dot.active{ background: #1b1b1b; }

.header{ position: fixed; top: 0; right: 0; left: 0; z-index: 1001; width: 100%; height: 72px; padding: 0 40px; box-shadow: 0 0 5px rgba(170,170,170,0.75); background-color: #fff; }
.logo{ position: relative; z-index: 2000; width: auto; height: 21px; margin-top: 26px; float: left; display: block; }
.logo img{ height: 30px; display: block; }
.menu{ width: auto; height: 40px; margin: 18px 0 0 70px; float: left; }
.menu ul li{ position: relative; width: auto; height: 40px; margin: 0 35px; float: left; }
.menu ul li a{ position: relative; line-height: 40px; font-size: 14px; font-weight: bold; color: #1b1b1b; display: block; }
.menu ul li a:after{ position: absolute; bottom: 3px; left: 50%; z-index: 1003; width: 2%; height: 2px; margin-left: -1%; background-color: #fff; content: ''; transition: all 0.3s ease-in 0s; }
.menu ul li.product{ margin: 0 15px; }
.menu ul li.product a{ padding: 0 20px; background: url(../images/down.png) no-repeat left center; }
.menu ul li a:hover{ color: #1b1b1b; }
.menu ul li a:hover:after{ width: 100%; margin-left: -50%; background-color: #1b1b1b; }
.menu ul li.product a:hover{ background: url(../images/downs.png) no-repeat left center; }
.menu ul li .nav{ position: absolute; top: 38px; left: 50%; z-index: 1002; width: 165px; height: auto; margin-left: -62px; padding: 10px 0 15px 0; border: 1px solid #ddd; border-radius: 0 0 18px 18px; background: #fff; display: none; }
.menu ul li .nav ol li{ width: 100%; height: 36px; float: none; margin: 0; }
.menu ul li .nav ol li a{ line-height: 36px; padding: 0; font-weight: normal; color: #000000; background: none; }
.menu ul li .nav ol li a:after{ display: none; }
.menu ul li .nav ol li a p{ position: relative; text-align: center; font-size: 14px; display: block;  }
.menu ul li .nav ol li a p:after{ position: absolute; bottom: 3px; left: 50%; z-index: 1003; width: 12px; height: 2px; margin-left: -6px; background-color: #fff; content: '';  transition: all 0.3s ease-in 0s; }
.menu ul li .nav ol li a:hover{ background: none; }
.menu ul li .nav ol li a:hover p:after{ width: 72px; margin-left: -36px; background-color: #1b1b1b; }
.language{ width: auto; height: 39px; float: right; margin-top: 17px; }
.language a{ height: 11px; line-height: 11px; margin-top: 14px; padding: 0 10px; font-size: 14px; font-weight: bold; color: #1b1b1b; text-transform: uppercase; border-left: 1px solid #ddd; float: left; display: block; }
.language a:first-child{ border-left: 0; font-family: 'Arial'; }
.language a:hover{ color: #1b1b1b; }
.language a.advisory{ width: 150px; height: 39px; padding: 0; line-height: 35px; text-align: center; margin: 0 0 0 10px; border: 2px solid #1b1b1b; border-radius: 17px; }
.language a.advisory:hover{ border-color: #1b1b1b; }

.center{  }
.half{ width: 50%; float: left; }
.index{ padding: 20px; overflow: hidden; }
.index a{ display: block; }
.index a img{ width: 100%; display: block; }

.dl-menuwrapper{ display: none; }

.footer{ background: #f7f7f7; }
.botter{ width: 1440px; padding: 54px 0; margin: 0 auto; overflow: hidden; }
.botter dl{ width: 15%; float: left; }
.botter dl dt{  }
.botter dl dt h1{ line-height: 44px; font-family: "Arial", "sans-serif"; font-size: 24px; font-weight: bold; color: #292929; display: block;  }
.botter dl dt a{ line-height: 44px; font-size: 16px; color: #333333; display: block;  }
.botter dl dt a:hover{ color: #1b1b1b; }
.botter dl dd{  }
.botter dl dd p{ line-height: 24px; font-size: 14px; color: #6d6d6d; display: block;  }
.botter dl dd a{ line-height: 24px; font-size: 12px; color: #6d6d6d; display: block;  }
.botter dl dd a:hover{ color: #1b1b1b; }
.botter dl:first-child{ width: 20%; }
.botter dl:last-child{ width: 20%; padding-left: 75px; border-left: 1px solid #ddd; }
.copyright{ width: 1440px; margin: 0 auto; padding: 20px 0; text-align: center; border-top: 1px solid #ddd; }
.copyright img{ height: 21px; margin: 10px auto; display: block; }
.copyright p{ padding: 5px 0; line-height: 20px; font-size: 12px; color: #6a6a6a; display: block; }

.about{ overflow: hidden; }
.about span{ padding: 102px 0; text-align: center; display: block; }
.about span h1{ padding-bottom: 36px; line-height: 30px; font-size: 24px; color: #1b1b1b; display: block; }
.about span p{ line-height: 48px; font-size: 24px; color: #676767; display: block; }
.about img{ width: 100%; display: block; }

.title{ padding: 56px 0 75px 0; }
.title h1{ position: relative; line-height: 62px; text-align: center; font-size: 36px; color: #3b3b3b; display: block; }
.title h1:after{ position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; width: 86px; height: 2px; margin: 0 auto; background: #1b1b1b; content: '';  }

.products{ overflow: hidden; }
.products img{ width: 100%; display: block; }

.solution{ padding: 10px; overflow: hidden; }
.solution a{ padding: 10px; display: block; }
.solution a img{ width: 100%; display: block; }

.solutions{ width: 1700px; padding: 46px 0; margin: 0 auto; overflow: hidden; }
.solutions-name{ padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #ddd; }
.solutions-name h1{ line-height: 40px; font-size: 24px; font-weight: bold; color: #333333; display: block; }
.solutionsd{ padding: 16px 60px; overflow: hidden; }

.data-slide{ width: 645px; height: 600px; float: left; }
.data-slide .thumbWrap{ position: absolute; top: 0; left: 0; width: 112px; height: 530px; margin: 35px 0; }
.data-slide .thumbWrap .thumbCont{ position: relative; width: 112px; height: 530px; overflow: hidden; }
.data-slide .thumbWrap ul li{ width: 100px; text-align: center; padding-bottom: 7px; overflow: hidden; }
.data-slide .thumbWrap ul li div{ position: relative; width: 100px; height: 100px; border: 1px solid #dcdcdc; background: #f5f5f5; vertical-align: middle; display: table-cell; cursor: pointer; }
.data-slide .thumbWrap ul li img{ max-width: 98px; max-height: 98px; width: expression(this.width > 98 && this.width > this.height ? 98:true); height: expression(this.height > 98 ? 98:true); vertical-align: middle; overflow: hidden; }
.data-slide .thumbWrap ul li.cur div{ border: 1px solid #ddd; }
.data-slide .thumbWrap ul li.cur div:after{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; width: 98px; height: 98px; background-color: rgba(49,49,49,0.5); content: ''; }
.data-slide .thumbPrev,
.data-slide .thumbNext{ position: absolute; z-index: 9; width: 100px; height: 28px; text-align: center; background-color: #313131; background-repeat: no-repeat; background-position: center center; background-size: auto 75%; display: block; }
.data-slide .thumbPrev{ top: -35px; background-image: url(../images/icon/arrow-up.png); }
.data-slide .thumbNext{ bottom: -35px; background-image: url(../images/icon/arrow-down.png); }
.data-slide .thumbPrev span,
.data-slide .thumbNext span{ display: none; }
.data-slide .control{ width: 530px; height: 530px; margin: 35px 0 35px 112px; float: left; }
.data-slide .control .change li{ width: 530px; text-align: center; overflow: hidden; }
.data-slide .control .change li .imgwrapper{ width: 530px; height: 530px; border: 1px solid #dddddd; background-color: #f2f2f0; vertical-align: middle; display: table-cell; cursor: pointer; }
.data-slide .control .change li img{ max-width: 528px; max-height: 528px; width: expression(this.width > 528 && this.width > this.height ? 528:true); height: expression(this.height > 528 ? 528:true); vertical-align: middle; overflow: hidden; }
.data-slide .control .change li .textDesc{ position: absolute; right: 1px; bottom: 1px; left: 1px; width: 100%; height: 60px; background: rgba(0,0,0,1); display: block; }
.data-slide .control .change li .title{ width: 100%; height: 60px; padding: 15px; text-align: center; }
.data-slide .control .change li .title a{ line-height: 30px; font-size: 20px; color: #fff; display: block; }
.data-slide .control .change li .opacity,
.data-slide .control .change li .text{ display: none; }
.data-slide .ssprev,
.data-slide .ssnext{ display: none; }
.data-demo{ width: 900px; float: right; padding-top: 25px; }
.data-demo h1{ line-height: 44px; margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #333333; display: block; }
.data-demo p{ line-height: 25px; font-size: 14px; color: #5f5f5f; display: block; }

.contact{ width: 1700px; padding: 120px 0; margin: 0 auto; overflow: hidden; }
.contact span{ padding-left: 12px; display: block; }
.contact span img{ width: 100%; display: block; }
.contacts{ padding-left: 80px; margin: 30px 0 30px 30px; height: 70px; background: url(../images/ico1.png) no-repeat left center; }
.contacts h1{ line-height: 44px; font-size: 24px; font-weight: bold; color: #848484; display: block; }
.contacts h2{ line-height: 24px; font-size: 16px; font-weight: bold; color: #393939; display: block; }
.contactss{ margin-left: 30px; }
.contactss p{ line-height: 32px; font-size: 16px; color: #7f7f7f; display: block; }
.contactss a{ width: 205px; height: 52px; padding-left: 95px; margin-top: 30px; line-height: 52px; font-size: 16px; color: #ffffff; border-radius: 4px; background: #1b1b1b url(../images/ico2.png) no-repeat 42px center; display: block; }

.contact-map{ background-color: #1b1b1b; overflow: hidden; }
.mapOnline{ width: 35%; padding: 125px 0 0 110px; height: 600px; float: left; }
.mapOnline h1{ line-height: 42px; padding-bottom: 15px; font-size: 24px; font-weight: bold; color: #ffffff; display: block; }
.mapOnline .input{ width: 390px; height: 34px; padding: 5px 10px; margin-top: 15px; line-height: 22px; font-size: 12px; color: #505050; border: 1px solid #ddd; outline: none; background-color: #fff; display: block; }
.mapOnline .textarea{ height: 122px;  }
.mapOnline .submit{ width: 150px; padding: 0; font-size: 14px; color: #ffffff; border: 0; background-color: #323232; cursor: pointer; }
.mapDiv{ width: 65%; height: 600px; float: right; }

.join{ width: 1700px; padding: 24px 0; margin: 0 auto; overflow: hidden; }
.joins{ margin: 0 -16px; overflow: hidden; }
.joins a{ padding: 32px 16px; display: block; }
.joins a img{ width: 100%; transition:transform 300ms ease-out; display: block; }
.joins a:hover img{ transform: scale(1.1,1.1); }
.joinss{ overflow: hidden; }
.joinss h1{ line-height: 52px; text-align: center; font-size: 20px; font-weight: bold; color: #ffffff; background-color: #1b1b1b; display: block; }
.joinss ul li{ width: 100%; height: 52px; background-color: #fff; }
.joinss ul li:nth-child(2n){ background-color: #f7f7f7; }
.joinss ul li a{ padding: 10px 40px; display: block; overflow: hidden; }
.joinss ul li a span{ padding-right: 35px; line-height: 32px; font-size: 12px; color: #919191; background: url(../images/sNext.png) no-repeat right center; background-size: auto 32px; float: right; display: block; }
.joinss ul li a p{ width: 70%; height: 32px; line-height: 32px; font-size: 14px; font-weight: bold; color: #2b2b2b; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.joinss ul li a:hover{ background-color: #1b1b1b; }
.joinss ul li a:hover span{ color: #ffffff; background: url(../images/icon/sNext.png) no-repeat right center; background-size: auto 32px; }
.joinss ul li a:hover p{ color: #ffffff; }

.pager{ padding-top: 24px; }
.pager span, .pager a{ padding: 0 5px; margin: 0 5px; font-size: 14px; color: #393939; }
.pager a:hover{ color: #1b1b1b; }

.joinsd{ width: 1700px; margin: 0 auto; padding: 40px 0; overflow: hidden; }
.joinsd .jtitle{ padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
.joinsd .jtitle h1{ line-height: 40px; font-size: 24px; font-weight: bold; color: #333333; display: block; }
.joinsd .jdemo{ padding: 0 30px 30px 30px; overflow: hidden; }
.joinsd .jdemo h1{ line-height: 34px; padding: 15px 0; font-size: 18px; font-weight: bold; color: #333333; display: block; }
.joinsd .jdemo p{ line-height: 24px; font-size: 14px; color: #5f5f5f; text-align: justify; display: block; }
.joinsd .jdemo img{ width: auto; margin: 20px auto; display: block; }