* {font-family: "华文细黑"; font-weight: 400;}
strong {font-weight: 700;}
body {font-size:16px; color:#0c233b; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x: hidden;}
input,textarea,select,button {outline:none;}
a {color:#0c233b; text-decoration:none; outline:none; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
a:hover {color: #0097d7;}



img {width: 100%; display: block;}

.Top {position: fixed; height: 90px; box-shadow:0 2px 8px rgba(0,0,0,.13); width: 100%; background: #fff; z-index: 10; top: 0px;}

.Logo {float: right; width: 120px; margin: 13px 5% 0px 0px;}

.NavIcon {float: left; width: 35px; margin: 27px 0px 0px 5%; cursor: pointer; height: 35px; background: url(../image/navicon.svg) no-repeat; background-size: cover;}
.SearchIcon {float: left; width: 24px; margin: 32px 0px 0px 4%; cursor: pointer; height: 24px; background: url(../image/search.svg) no-repeat; background-size: cover;}

.Video {position: relative; overflow: hidden; height: 100%; background: url(../image/bg.jpg) no-repeat center center; background-size: cover;}

.LanguageFrame {position: fixed; width: 100%; height: 100%; z-index: 10000; background: rgba(12,35,59,0.8);}
.Language {background: #fff; width: 600px; position: absolute; height: 55%; top: 50%; left: 50%; margin: -20% 0px 0px -480px; overflow-y: scroll; padding: 10% 180px 0px 180px;}
.LanguageList {margin-bottom: 110px;}
.LanguageList h2 {font-size: 14px; font-weight: 700; border-bottom: #d8dadb 1px solid; padding-bottom: 29px;}
.LanguageSmall a {border-bottom: #d8dadb 1px solid; padding: 19px 0px; display: block;}
.LanguageSmall a > img {float: left; width: 30px; margin-right: 20px;}
.LanguageSmall p {float: left; line-height: 30px;}
.LanguageSmall img {border-radius: 100%;}
.LanguageClose {width: 32px; height: 32px; cursor: pointer; background: url(../image/guanbi.svg) no-repeat center center; background-size: cover; position: absolute; right: 10%; top: 15%;}
.LanguageIcon {float: right; color: #0097d7; font-size: 20px; line-height: 90px; padding-right: 110px; cursor: pointer;}



.BlueOverlay {position: absolute; width: 100%; height: 100%; background: linear-gradient(to right,  rgba(12,35,59,1.0) 0%,rgba(12,35,59,0.0) 100%); z-index: 1;}
.BlueOverlay h2 {font-size: 16px; color: #0be; position: absolute; left: 15%; bottom: 350px; font-weight: 700;}
.BlueOverlay h3 {font-size: 48px; color: #fff; position: absolute; left: 15%; bottom: 250px;}
.BlueOverlay h4 {font-size: 16px; color: #0be; position: absolute; left: 15%; bottom: 400px; font-weight: 700;}
.BlueOverlay span a {border: #0be 1px solid; width: 150px; line-height: 50px; border-radius: 50px; text-align: center; color: #0be; display: block; position: absolute; left: 15%; bottom: 100px;}
.BlueOverlay span a:hover {background: #0be; color: #fff;}

.WhiteOverlay {position: absolute; width: 100%; height: 100%; background: linear-gradient(to right,  rgba(255,255,255,1.0) 0%,rgba(255,255,255,0.0) 100%); z-index: 1;}
.WhiteOverlay h2 {font-size: 16px; color: #0c233b; position: absolute; left: 15%; bottom: 350px; font-weight: 700;}
.WhiteOverlay h3 {font-size: 36px; color: #007baf; position: absolute; left: 15%; bottom: 250px;}
.WhiteOverlay span a {border: #0be 1px solid; width: 150px; line-height: 50px; border-radius: 50px; text-align: center; color: #0be; display: block; position: absolute; bottom: 150px; left: 15%;}
.WhiteOverlay span a:hover {background: #0be; color: #fff;}

.SearchFrame {background: #fff; position: fixed; width: 100%; height: 100%; z-index: 9;}
.Search {position: absolute; width: 60%; height: 200px; left: 50%; top: 50%; margin: -100px 0px 0px -30%;}
.SearchInput {border: none; border-bottom: #eee 1px solid; padding: 0px 0px 39px 0px; font-size: 20px; width: 100%;}
.SearchBtn {cursor: pointer; background: url(../image/search.svg) no-repeat; background-size: cover; width: 30px; height: 30px; position: absolute; right: 0px; top: 5px;}
.Search span a {border: #0be 1px solid; width: 150px; line-height: 50px; border-radius: 50px; text-align: center; color: #0be; display: block; margin-top: 30px;}
.Search span a:hover {background: #0be; color: #fff;}
.SearchClose {width: 32px; height: 32px; cursor: pointer; background: url(../image/guanbi.svg) no-repeat center center; background-size: cover; position: absolute; right: 10%; top: 20%;}

.NavFrame {position: fixed; width: 100%; height: 100%; background: #fff; z-index: 11; top: 90px;}

.NavFrameLeft {float: left; width: 70%; position: relative; height: 100%;}

.NavFrameLeft em {position: absolute; width: 32px; height: 32px; cursor: pointer; background: url(../image/guanbi.svg) no-repeat center center; background-size: cover; left: 7%; top: 5%;}

.Nav {position: absolute; width: 70%; height: 100%; background: #fff; z-index: 2; overflow-y: auto; left: 20%;}
.Nav li {font-size: 30px; padding-bottom: 15px; cursor: pointer; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
.Nav li:hover {color: #0be;}

.SubNav {position: absolute; width: 50%; height: 100%; background: #fff; z-index: 1; overflow-y: auto;}
.SubNav span {float: left; width: 32px; height: 32px; cursor: pointer; background: url(../image/guanbi.svg) no-repeat center center; background-size: cover; margin: 2% 0px 0px 3%;}
.SubNav ul {float: left; margin: 3% 0px 0px 15%;}
.SubNav li {font-size: 24px; padding-bottom: 15px; cursor: pointer; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
.SubNav li:hover {color: #0be;}
.SubNav li.Current {color: #0be;}
.SubNav h2 {font-size: 14px; color: #666; margin: 30px 0px;}
.SubNav h3 {font-size: 14px; margin: 30px 0px 10px 0px; font-weight: 700;}


.SubSubNav {position: absolute; width: 50%; height: 100%; background: #fff; z-index: 1; overflow-y: auto; left: 50%;}
.SubSubNav ul {float: left; margin: 0% 0px 0px 10%;}
.SubSubNav li {font-size: 24px; padding-bottom: 15px; cursor: pointer; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
.SubSubNav li:hover {color: #0be;}
.SubSubNav h2 {font-size: 14px; color: #666; margin: 30px 0px;}
.SubSubNav h3 {font-size: 14px; margin: 30px 0px 10px 0px; font-weight: 700;}

.Line {float: left; width: 1px; height: 100%; background: #d8dadb; margin-left: 7%;}

.Back {cursor: pointer; background: url(../image/arrow_left.svg) no-repeat left center; line-height: 30px; color: #007caf; padding-left: 40px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
.Back:hover {background: url(../image/arrow_left_hover.svg) no-repeat left center; margin-left: 20px;}

.ProDown {position: absolute; bottom: 150px; left: 15%;}
.ProDown a {display: block; background: url(../image/arrow_down.svg) no-repeat left center; line-height: 30px; color: #0be; padding-left: 40px; float: left; margin-right: 80px;}
.ProDown a:hover {background: url(../image/arrow_down_hover.svg) no-repeat left center; margin-left: 20px; margin-right: 60px;}


.NavFrameRight {width: 30%; background: #0c233b; float: right; height: 100%;}
.NavFrameRightFrame {padding: 10%; color: #fff;}
.NavFrameRightFrame h2 {font-size: 30px; padding: 30px 0px 10px 0px;}
.NavFrameRightFrame h3 {font-size: 18px; line-height: 30px;}
.NavFrameRightFrame h4 {font-size: 14px; font-weight: 700; padding: 30px 0px;}
.NavFrameRightFrame h5 {font-size: 36px; line-height: 30px; color: #0be; font-weight: 100;}



.IndexProfile {padding: 50px 0px; width: 980px; margin: auto; text-align: center; font-size: 20px; line-height: 40px; color: #6c7581;}
.IndexProfile h2 {color: #0be; font-size: 36px; margin-bottom: 60px;}
.IndexProfile li {float: left; width: 100px; margin: 110px 20px 0px 20px;}
.IndexProfile img {height: 50px; width: auto; margin: auto;}

.IndexNum {background: url(../image/Duerr_Dental_International.jpg) no-repeat center center; background-size: cover; height: 100%; position: relative;}

.advantage{text-align:center; position: absolute; bottom: 140px; width: 1200px; left: 50%; margin-left: -600px;}
.num_box {width: 33%; float: left; position: relative; color: #fff; }
.num_box .num {font-size: 100px;}
.num_box p {font-size: 20px;}


.IndexPro {padding: 70px 0px; width: 1200px; margin: auto;}
.IndexPro h2 {font-size: 40px; color: #007baf; padding: 0px 0px 40px 0px;}


.left{width:25%; position:relative; float:left;}
.left h3 {font-size: 16px; font-weight: 700; padding-bottom: 20px; min-height: 45px;}
.left h4 {font-size: 14px; padding: 10px 10px 0px 10px; color: #999;}
.Box {border: #d8dadb 1px solid; position: relative; margin: 0px 5px; min-height: 260px;}
.Box p {display: block; padding: 10px; font-size: 18px; min-height: 55px;}


.Vista {padding: 180px 0px; width: 70%; margin: auto;}
.Vista h2 {font-size: 24px; padding: 0px 0px 20px 0px;}
.Vista h3 {font-size: 40px; color: #007baf; padding: 0px 0px 90px 0px;}



.IndexMore a {display: block; background: url(../image/arrow_right.svg) no-repeat left center; line-height: 30px; color: #007caf; padding-left: 40px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; margin: 0px 0px 40px 75px;}
.IndexMore a:hover {background: url(../image/arrow_right_hover.svg) no-repeat left center; margin-left: 85px;}


.IndexSolution {padding: 180px 0px 360px 0px; width: 80%; margin: auto;}
.IndexSolution h2 {font-size: 16px; font-weight: 700; padding-bottom: 25px;}
.IndexSolutionFrame {border: #d8dadb 1px solid; border-right: none;}
.IndexSolutionMain {height: 650px; border-right: #d8dadb 1px solid; position: relative; padding: 70px 50px;}
.IndexSolutionMain em {width: 90px; height: 90px; background-size: cover; display: block;}
.IndexSolutionMain em.IS_1 {background: url(../image/l_9.svg) no-repeat;}
.IndexSolutionMain em.IS_2 {background: url(../image/l_10.svg) no-repeat;}
.IndexSolutionMain em.IS_3 {background: url(../image/l_11.svg) no-repeat;}
.IndexSolutionMain em.IS_4 {background: url(../image/l_12.svg) no-repeat;}
.IndexSolutionMain em.IS_5 {background: url(../image/l_13.svg) no-repeat;}
.IndexSolutionMain em.IS_6 {background: url(../image/l_14.svg) no-repeat;}
.IndexSolutionMain em.IS_7 {background: url(../image/l_15.svg) no-repeat;}
.IndexSolutionMain em.IS_8 {background: url(../image/l_16.svg) no-repeat;}

.IndexSolutionMain h2 {font-size: 30px; position: absolute; bottom: 100px; z-index: 2;}
.IndexSolutionMain:hover h2 {color: #fff;}

.IndexSolutionMain div {position: absolute; width: 100%; height: 100%; background-size: cover; top: 0px; left: 0px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; cursor: pointer; opacity: 0;}
.IndexSolutionMain:hover div {opacity: 1.0}

.IndexSolutionMain div span {width: 100%; height: 100%; background: linear-gradient(to top,  rgba(12,35,59,1.0) 0%,rgba(12,35,59,0.0) 100%); display: block;}


.IndexCEO {padding: 0px 0px 360px 0px; width: 65%; margin: auto;}
.IndexCEO > img {float: left; width: 24%;}
.IndexCEORight {float: right; width: 70%;}
.IndexCEORight em {width: 70px; height: 52px; background: url(../image/quote.svg) no-repeat center center; background-size: cover; margin-bottom: 80px; display: block;}
.IndexCEORight p {font-size: 30px; line-height: 50px; color: #666; padding-bottom: 70px;}
.Sign {float: right; width: 380px;}
.Sign span {display: block; width: 70px; height: 52px; transform:rotate(180deg); -ms-transform:rotate(180deg); /* Internet Explorer */ -moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); /* Opera */ background: url(../image/quote.svg) no-repeat center center; background-size: cover; float: left; margin-right: 40px;}
.Sign h3 {font-size: 16px; color: #0be; font-weight: 700;}
.Sign h4 {font-size: 18px; color: #666;}

.IndexBig {height: 100%; background: url(../image/highlight-navigation.jpg) no-repeat center center; background-size: cover; position: relative;}

.IndexAcademy {height: 100%; background: url(../image/Du__rr_Dental_Behandlung.jpg) no-repeat center center; background-size: cover; position: relative;}


.Bottom {background: #0c233b; padding: 80px 0px; position: relative;}
.BottomRight {position: absolute; font-size: 14px; color: #fff; line-height: 20px; right: 100px; bottom: 50px;}
.BottomFrame {width: 1140px; margin: auto; color: #fff; position: relative;}
.BottomFrame h2 {font-size: 16px; font-weight: 700; padding-bottom: 30px; color: #0be;}
.BottomFrame p {font-size: 18px; line-height: 30px;}
.BottomFrame span a {display: block; line-height: 30px; color: #acbbc3;}
.BottomFrame span a:hover {color: #fff;}
.BottomFrameInput {border: none; border-bottom: #fff 1px solid; padding: 10px; color: #fff; margin-top: 40px; width: 100%; background: none;}
.BottomFrameBtn {border: #0be 1px solid; width: 150px; line-height: 50px; border-radius: 50px; text-align: center; color: #0be; background: none; cursor: pointer; margin-top: 30px;}
.BottomFrameBtn:hover {background: #0be; color: #fff;}
.BottomFrame em a {display: block; line-height: 30px; color: #acbbc3; float: left; margin-right: 20px; font-weight: 700;}
.BottomFrame em a:hover {color: #fff;}
.BottomLogo {position: absolute; background: url(../image/logo_white.svg) no-repeat; width: 200px; height: 109px; background-size: cover; bottom: 0px; right: 0px;}


.Socical li {float: left; margin: 70px 20px 70px 0px; color: #fff; text-align: center; line-height: 40px; width: 100px; font-size: 12px;}

#back-to-top {position:fixed; bottom:60px; right:20px; z-index:1000;}
#back-to-top a {display:block; width:45px; height:33px; border-radius: 100%; background:#0be; padding-top:12px; color:#fff; text-align:center;}

.ProProfile {width: 50%; margin: auto; padding: 360px 0px; font-size: 26px; line-height: 50px; color: #6c7581; text-align: center;}
.ProProfile h2 {font-size: 36px; color: #007bbc; padding-bottom: 80px;}
.ProProfile li {width: 100px; margin: 110px 10px 0px 10px; display: inline-table;}
.ProProfile img {height: 70px; width: auto; margin: auto;}

.Wrap {width: 80%; margin: auto; padding-bottom: 360px;}

.ProductSmall h2 {font-size: 16px; font-weight: 700; padding: 0px 0px 30px 10%; letter-spacing: 1px;}
.ProductSmall h3 {font-size: 30px; color: #007bbc; padding: 0px 0px 100px 10%;}

.ProList a {margin: 20px; position: relative; display: block;}
.ProListImg {overflow: hidden; height: 280px;}
.ProListImg img {transition:transform 1s;}
.ProList:hover .ProListImg img {transform:scale(1.3); opacity: 0.8;}
.ProListFrame {position: absolute; background: linear-gradient(to top,  rgba(12,35,59,1.0) 0%,rgba(12,35,59,0.0) 100%); width: 100%; height: 100%; z-index: 10;}
.ProListFrame h2 {padding: 160px 0px 10px 35px; color: #0be; font-size: 16px; letter-spacing: 1px; font-weight: 700; transition:transform 1s;}
.ProListFrame h3 {font-size: 24px; color: #fff; padding: 0px 0px 0px 35px;}

.Path {width: 80%; margin: 0px auto -180px auto; line-height: 30px; padding-top: 40px;}
.Path a {display: block; color: #acbbc3; float: left}
.Path span {display: block; color: #acbbc3; padding: 0px 15px; float: left;}
.Path p {display: block; float: left;}


.Pro {padding-bottom: 180px; position: relative;}
.Pro h2 {font-size: 30px; color: #007baf; padding-bottom: 20px;}
.Pro p {color: #0c233b; line-height: 30px; font-size: 18px;}
.ProPicLeft {width: 40%; float: left; margin-left: 10%;}
.ProPicRight {width: 40%; float: right; margin-right: 10%;}
.ProfileLeft {position: absolute; top: 30%; left: 10%; width: 35%;}
.ProfileRight {position: absolute; top: 30%; right: 10%; width: 35%;}
.Pro span a {display: block; border: #0be 1px solid; width: 150px; line-height: 50px; border-radius: 50px; text-align: center; color: #0be; background: none; cursor: pointer; margin-top: 60px;}
.Pro span a:hover {background: #0be; color: #fff;}

.ProFilter {width: 80%; margin: auto;}
.ProFilter h2 {font-size: 16px; font-weight: 700; letter-spacing: 1px; padding-bottom: 30px;}
.ProFilter h3 {font-size: 18px; padding: 20px 0px 30px 0px; color: #666;}
.ProFilter ul {border-top: #d8dadb 1px solid; border-bottom: #d8dadb 1px solid; padding-bottom: 1px;}
.ProFilter li {cursor: pointer; line-height: 69px; border-bottom: #fff 4px solid; padding: 0px 4px; margin-right: 30px; float: left;}
.ProFilter li.Current {font-weight: 700; color: #0be; border-bottom: #0be 4px solid;}


.DesignPro {padding-bottom: 180px; position: relative; border-bottom: #d8dadb 1px solid; width: 80%; margin: auto;}
.DesignPro h2 {font-size: 30px; color: #007baf; padding-bottom: 20px;}
.DesignPro p {color: #0c233b; line-height: 30px; font-size: 18px;}
.DesignProPicLeft {width: 50%; float: left;}
.DesignProPicRight {width: 50%; float: right;}
.DesignProfileLeft {position: absolute; top: 30%; left: 0%; width: 50%;}
.DesignProfileRight {position: absolute; top: 30%; right: 0%; width: 50%;}
.DesignPro span a {display: block; border: #0be 1px solid; width: 150px; line-height: 50px; border-radius: 50px; text-align: center; color: #0be; background: none; cursor: pointer; margin-top: 60px;}
.DesignPro span a:hover {background: #0be; color: #fff;}


.SubPro {border-bottom: #d8dadb 1px solid; width: 80%; margin: auto;}
.SubProLeft {float: left; width: 15%; padding-top: 100px;}
.SubProLeft li {cursor: pointer; line-height: 40px; padding-left: 5%;}
.SubProLeft li.Current {font-weight: 700; color: #0be;}
.SubProRight {float: right; width: 84%; border-left: #d8dadb 1px solid; padding-bottom: 180px;}


.Matter {background: #0c233b; padding: 180px 0px;}
.MatterWrap {width: 70%; margin: auto;}
.Matter h2 {font-size: 16px; color: #fff; letter-spacing: 1px; font-weight: 700;}
.MatterList {background: url(../image/dagou.svg) no-repeat left -10px; padding-left: 60px; color: #fff; line-height: 25px; margin-top: 100px;}
.MatterList h3 {font-size: 30px; color: #0be; padding-bottom: 30px;}
.MatterList p {display: block; height: 40px;}

.ProMid {width: 70%; margin: auto; padding: 220px 0px;}
.ProMidLeft {float: left; width: 45%;}
.ProMidLeft h2 {font-size: 30px; color: #0be; padding-bottom: 20px;}
.ProMidLeft h3 {font-size: 18px; line-height: 30px;}
.ProMidRight {float: right; width: 45%;}

.DataRight {position: absolute; top: 15%; right: 10%; width: 35%;}
.Data {padding-bottom: 80px;}
.Data h3 {font-size: 48px; font-weight: 100; color: #007baf; padding-bottom: 10px;}
.Data h4 {font-size: 20px;}


.AccessoryBig {height: 100%; background: url(../image/Filtertausch_Teaser.jpg) no-repeat center center; background-size: cover; position: relative;}


.BlueOverlayUp {position: absolute; width: 100%; height: 100%; background: linear-gradient(to top,  rgba(12,35,59,1.0) 0%,rgba(12,35,59,0.0) 100%); z-index: 1;}
.BlueOverlayUp h2 {font-size: 16px; color: #0be; position: absolute; left: 15%; bottom: 350px; font-weight: 700;}
.BlueOverlayUp h3 {font-size: 48px; color: #fff; position: absolute; left: 15%; bottom: 250px;}
.BlueOverlayUp h4 {font-size: 16px; color: #0be; position: absolute; left: 15%; bottom: 400px; font-weight: 700;}
.BlueOverlayUp span a {border: #0be 1px solid; width: 150px; line-height: 50px; border-radius: 50px; text-align: center; color: #0be; display: block; position: absolute; left: 15%; bottom: 100px;}
.BlueOverlayUp span a:hover {background: #0be; color: #fff;}

.Warranty {background: #0c233b; position: relative;}
.WarrantyRight {position: absolute; top: 30%; right: 10%; width: 30%; color: #fff;}
.WarrantyRight h2 {font-size: 16px; font-weight: 700; letter-spacing: 1px;}
.WarrantyRight h3 {font-size: 30px; color: #0be; padding: 20px 0px;}
.WarrantyRight h4 {font-size: 16px; line-height: 30px;}
.WarrantyRight span a {border: #0be 1px solid; width: 150px; line-height: 50px; border-radius: 50px; text-align: center; color: #0be; display: block; margin-top: 50px;}
.WarrantyRight span a:hover {background: #0be; color: #fff;}

.ProDownload {padding: 290px 0px 0px 0px; width: 80%; margin: auto;}
.Download {width: 80%; margin: auto;}
.Download li {border-bottom: #d8dadb 1px solid; padding: 24px 0px;}
.Download a {display: block; float: left; width: 20px; height: 20px; background: url(../image/xiazai.svg) no-repeat center center; background-size: cover; margin-right: 20px;}
.Download h2 {font-size: 16px; float: left; width: 50%;}
.Download h3 {font-size: 16px; float: left; width: 5%;}
.Download h4 {font-size: 16px; float: left; width: 25%;}
.Download h5 {font-size: 16px; float: left; width: 5%;}
.Download h6 {font-size: 16px; float: right; width: 5%;}

.ProSmallBlock h2 {color: #007baf; text-align: center; font-size: 30px; padding-bottom: 60px;}
.ProSmallBlockFrame {border: #d8dadb 1px solid; margin: 0px 20px;}
.ProSmallBlockFrame h3 {font-size: 24px; color: #007baf; padding-bottom: 20px;}
.ProSmallBlockFrame p {font-size: 18px; line-height: 30px; display: block; min-height: 210px;}

.Service {position: relative; margin: 110px auto 0px auto; width: 70%; line-height: 30px; font-size: 18px;}
.Service h2 {font-size: 30px; color: #007baf; padding: 20% 0px 20px 0px;}
.ServiceLeft {width: 45%; float: left;}
.ServiceRight {width: 45%; float: right;}

.HAH {position: relative;}
.HAH h2 {font-size: 36px; color: #007baf; padding-bottom: 50px;}
.HAH p {font-size: 18px; line-height: 35px;}
.HAHRight {position: absolute; top: 30%; width: 580px; right: 10%; margin: 0px 0px 0px -190px;}

@media screen and (max-width: 1440px) {
.HAHRight {position: absolute; top: 30%; width: 580px; right: 0%; margin: 0px 0px 0px -190px;}
.WarrantyRight {position: absolute; top: 20%; right: 5%; width: 40%; color: #fff;}
}


.NewsTitle {padding: 250px 0px 110px 0px; width: 40%; margin: auto; font-size: 48px; color: #007baf;}

.News {float: left; width: 30%; margin: 0px 1.5% 3% 1.5%; border: #d8dadb 1px solid; padding-bottom: 100px;}
.NewsImg {width: 100%; overflow: hidden; height: 40%;}
.NewsImg img {transition:transform 1s;}
.News:hover .NewsImg img {transform:scale(1.3); opacity: 0.8;}
.News h2 {font-size: 20px; padding: 30px 5% 0px 5%; height: 50px;}


.NewsWrap {width: 50%; margin: auto; padding: 120px 0px;}
.NewsWrap h2 {font-size: 48px; color: #007baf; padding: 100px 0px 80px 0px;}
.NewsWrap h3 {font-size: 16px; color: #666; padding-bottom: 50px;}


.QC {background: #f0fbff; padding: 25% 0px;}
.QCWrap {width: 60%; margin: auto;}
.QCWrap > img {width: 150px; float: left;}
.QCWrapRight {margin-left: 380px;}
.QCWrapRight h2 {font-size: 18px; padding-bottom: 20px; font-weight: 600;}
.QCWrapRight p {line-height: 50px; font-size: 30px; color: #666;}

.Contact {width:45%; padding-top: 200px}
.Contact h2 {font-size:18px; padding-bottom:30px; font-weight: 700;}
.Contact h3 {font-size:16px; padding-bottom:5px;}
.Contact h4 {font-size:16px; padding-bottom:20px;}
.Contact li {border-bottom:#e5e5e5 1px solid; padding:20px 0px;}
.Contact li:first-child {border-top:#e5e5e5 1px solid;}
.Contact i {width:60px; height:50px; float:left; display:block; text-align:center;}
.ContactInput {border:#e5e5e5 1px solid; margin-bottom:20px; padding:15px 10px; width:95%;}
.Contact textarea {border:#e5e5e5 1px solid; margin-bottom:20px; padding:10px; width:95%; height:70px;}
.Contact select {width: 99%; height: 50px; border: #e5e5e5 1px solid; margin-bottom: 20px;}

.Btn {border:#0079c1 1px solid; color:#0079c1; width:99%; line-height:48px; font-size:16px; font-weight:100; cursor:pointer; background:#fff;}
.Btn:hover {background:#0079c1; color:#fff; border:#0079c1 1px solid;}


#dituContent {height:480px; margin-top: 100px;}
.iw_poi_title {overflow:hidden; white-space:nowrap;}
.iw_poi_content {overflow:visible; padding-top:10px; white-space:-moz-pre-wrap; word-wrap:break-word;}


@media screen and (max-width: 960px) {
	.IndexProfile {padding: 30px 0px; width: 96%; margin: auto; text-align: center; font-size: 18px; line-height: 30px; color: #6c7581;}
	.IndexProfile h2 {color: #0be; font-size: 20px; margin-bottom: 30px;}
	.IndexProfile li {float: left; width: 20%; margin: 10px 5px 0px 5px;}
	.IndexProfile img {height: 50px; width: auto; margin: auto;}
	
	.IndexPro {padding: 30px 0px; width: 96%; margin: auto;}
	.IndexPro h2 {font-size: 24px; color: #007baf; padding: 0px 0px 40px 0px;}


	.left{width:100%; position:relative; float:none; margin-bottom: 20px;}
	.left h3 {font-size: 16px; font-weight: 700; padding-bottom: 10px;}
	.left h4 {font-size: 11px; padding: 10px 10px 0px 10px; color: #ccc;}
	.Box {border: #d8dadb 1px solid; position: relative; margin: 0px; min-height: auto; padding-bottom: 10px;}
	.Box p {display: block; padding: 10px; font-size: 18px; min-height: auto;}
	
	.Bottom {background: #0c233b; padding: 30px 0px;}
	.BottomFrame {width: 96%; margin: auto; color: #fff; position: relative;}
	.BlueOverlay h3 {font-size: 30px; color: #fff; position: absolute; left: 15%; bottom: 33%;}
	.BottomRight {position: relative; font-size: 14px; color: #fff; line-height: 20px; right: 0px; bottom: 0px; margin: 20px 0px 0px 10px;}
}