body {font-size: 14px; color: #333; font-family: sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400;}
input,textarea,select {font-size: 12px; color: #000; outline: none; border: #ddd 1px solid;}
h1,h2,h3,h4,h5,h6,button {outline: none; font-family: sans-serif;  color: #333; font-weight: 400;}
a {color: #333; 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: #141e5a;}

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

.Wrap {width: 1200px; margin: auto;}

.Frame {padding: 50px 0px;}

.Top {border-bottom: #e3e3e3 1px solid; background: #fff; width: 100%; position: fixed; top: 0px; z-index: 1000;}
.Top h1 a {width: 133px; display: block; float: left;}

.Nav {float: left; margin: 30px 0px 30px 50px;}
.Nav li {float: left; line-height: 40px;  position: relative; font-weight: 700;}
.Nav li a {display: block; padding: 0px 20px;}
.Nav li a:hover {background: #141e5a; color: #fff;}

.SubNav {position: absolute; background: #fff; box-shadow: 0px 2px 7px #ccc; z-index: 100; top: 40px; width: 660px;}
.SubNav li {float: none; line-height: 40px; font-weight: 400;}
.SubNav li a {color: #666;}
.SubNav li a:hover {color: #141e5a; background: #f1f1f1;}
.SubNav li a.Sub {padding-left: 20px; color: #999; line-height: 25px;}
.SubNav li a.Sub:hover {text-decoration: underline; background: none;}
.SubNav span {display: block; border-bottom: #e5e5e5 1px dashed; padding-bottom: 9px;}
.SubNav h2 {color: #141e5a;  padding-bottom: 5px; line-height: 10px; padding: 20px 0px 10px 20px; font-size: 14px;}

.Search {border: #e5e5e5 1px solid; height: 28px;  float: right; width: 208px; border-radius: 20px; margin-top: 35px;}
.SearchInput {border: none; width: 130px; float: left; padding: 5px 0px 0px 10px; background: none;}
.SearchBtn {float: right; border: none; background: url(../image/search_btn.png); width: 28px; height: 28px;}

.IndexNewText {float: right; width: 520px;}
.IndexNewText h2 {font-size: 24px; padding: 40px 0px 10px 0px; color: #000;}
.IndexNewText h3 {font-size: 14px; padding-bottom: 10px; color: #000;}
.IndexNewText p {line-height: 25px; font-size: 12px; color: #666;}
.IndexNewText a {display: block; border-radius: 5px; color: #141e5a; width: 160px; line-height: 38px; margin-top: 30px; text-align: center; border: #141e5a 1px solid;}
.IndexNewText a:hover {background: #141e5a; color: #fff;}
.IndexNewImg {width: 550px; float: left;}

.IndexNews li {float: left; margin: 0px 15px 30px 15px; width: 370px; background: #fff; display: block;}
.IndexNews li:hover {box-shadow: 0px 0px 10px #999;}
.IndexNews h3 {font-size: 18px; color: #141e5a; padding-bottom: 10px;}
.IndexNews p {color: #606972;  line-height: 25px;}
.IndexNews a {display: block; line-height: 25px;}

.IndexProImg {float: right; width: 300px; padding: 0px 0px 0px 120px;}
.IndexPro h2 {font-size: 24px; color: #000; padding: 20px 0px 5px 0px; font-weight: 700;}
.IndexPro h3 {font-size: 16px; line-height: 25px;}
.IndexProduct {padding-bottom: 50px;}
.IndexProduct li {float: left; margin-top: 30px; width: 25%; text-align: center;}
.IndexProduct > ul > li > a > img {width: 30%; margin: 0px auto 10px auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.IndexProduct > ul > li > a:hover > img {width: 30%; background: #9fd138;}
.IndexProduct img {border-radius: 100%; border: #141e5a 1px solid; padding: 9px;}
.IndexProduct ul li a:hover img {border: #9fd138 1px solid;}


.Bottom {background: #141e5b; padding: 35px 0px; color: #a7a9b9; line-height: 30px;}
.Bottom p {float: left; margin-right: 30px;}
.Bottom a {color: #a7a9b9;}
.Bottom em a {display: block; border: #a7a9b9 1px solid; line-height: 33px; width: 100px; text-align: center; border-radius: 20px; font-size: 12px; float: right;}
.Bottom ul {float: right; width: 640px;}
.Bottom li {float: left; width: 320px; margin-top: 20px;}
.Bottom > div > ul > li > img {width: 90px; float: left; margin-right: 20px;}
.Bottom h2 {font-size: 16px; color: #fff;}
.Bottom h3 {font-size: 14px; color: #a7a9b9;}


.ProDetail {float:right; width:450px; padding-top: 30px;}
.ProDetail h3 {font-size:30px; font-weight:400; color: #141e5b;}
.ProDetail h4 {font-size:24px; padding-top:10px;}

.JoinBg {background: url(../image/join.jpg) no-repeat right center; padding: 75px 0px; height: 350px;}
.JoinBg a {display: block; border-radius: 3px; color: #141e5a; width: 200px; line-height: 38px; margin-top: 50px; text-align: center; border: #141e5a 1px solid;}
.JoinBg a:hover {background: #141e5a; color: #fff;}


.inner-ban {box-sizing: border-box; height: 500px; position: relative; margin-top: 100px;}
@keyframes mouseMove {
  0% {
    margin-top: 20px;
  }
  50% {
    margin-top: 36px;
  }
  100% {
    margin-top: 20px;
  }
}
.inner-ban .inner-mouse {left: 0; bottom: 40px; width: 100%; height: 84px; color: #fff; text-align: center; position: absolute;}
.inner-ban .inner-mouse-img {animation: mouseMove 1.2s infinite linear;}

.GreenTitle {background: rgba(20,30,90,0.8); padding:10px 40px; float:left; bottom:10%; left:0px; position:absolute; width: 700px;}
.GreenTitle h2 {font-size:36px; font-weight:700; color:#fff; padding-bottom: 10px;}
.GreenTitle h3 {font-size:16px; font-weight: 300; color:#fff; line-height: 25px;}

.GreenTitle_1 {background: rgba(20,30,90,0.8); padding:10px 40px; float:left; bottom:10%; left:0px; position:absolute;}
.GreenTitle_1 h2 {font-size:30px; font-weight:700; color:#fff; padding-bottom: 10px;}

.LeftNav {margin-bottom: 100px;}
.LeftNav h2 {font-size: 30px; color: #141e5a; padding-bottom: 20px;}
.LeftNav h3 {font-size: 16px; color: #141e5a; padding-top: 20px; font-weight: 700;}
.LeftNav li {border-bottom: #e6e9ee 1px solid; line-height: 44px;}
.LeftNav li a {color: #999; display: block;}
.LeftNav li a:hover {background: #f1f1f1; color: #141e5a; padding-left: 10px;}
.LeftNav li a:before {content: "\f14a"; font-family: 'FontAwesome'; padding-right: 10px;}
.LeftNav li a.Current {color: #141e5a; font-weight: 700;}
.LeftNav li a.Sub {padding-left: 20px; font-size: 12px;}
.LeftNav li a.SubCurrent {padding-left: 20px; font-size: 12px; color: #141e5a;}

.Path li {float: left; line-height: 50px; }
.Path li a {color: #999;}
.Path li a.Current {color: #37d0a2;}
.Path li.Ge {padding: 0px 10px; display: block;}

.BigTitle {font-size: 30px; color: #141e5a; padding: 20px 0px 40px 0px;}

ul.topnav li {padding-bottom: 20px; border-bottom: #e5e5e5 1px dashed;}
ul.topnav li a {padding:20px 0px 0px 0px; display:block; font-size:14px;}
ul.topnav ul {display:none;}
ul.topnav ul li {padding:20px 0px 20px 27px; line-height: 30px; color: #000; font-size: 16px; border-bottom: none;}

.List li {float: left; margin: 0px 30px 30px 0px; border: #e5e5e5 1px solid; width: 250px; padding: 14px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; position: relative; text-align: center;}
.List li:hover {box-shadow: 0px 0px 3px #ccc;}
.List li:nth-child(3n) {margin: 0px 0px 30px 0px;}
.List li span {position: absolute; width: 110px; text-align: center; line-height: 35px; left: 50%; margin-left: -55px; color: #fff; background: #37d0a2; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; z-index: 10; top: 10px; font-size: 12px;}
.List li:hover span {opacity: 1; top: 100px;}
.List li img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;}
.List li:hover img {opacity: 0.5;}
.List h2 {padding: 20px 0px 10px 0px; font-size: 14px; height: 40px;}
.List li:hover h2 {color: #141e5a;}

.Big {width: 150px; border: #999 1px solid; border-radius: 20px; line-height: 33px; text-align: center; color: #999; margin: 20px auto; font-size: 12px;}

.Download a {display: block; background: #141e5a; width: 180px; border-radius: 20px; color: #fff; text-align: center; line-height: 40px; margin: 30px auto 0px auto;}

.CaseFrame {border-bottom: #e5e5e5 1px dashed; padding-bottom: 29px; margin-bottom: 30px;}
.CaseTitle {border-left: #141e5a 5px solid; padding-left: 15px; font-size: 16px; font-weight: 700; margin-bottom: 20px;}

.CaseClient li {float: left; width: 180px; border: #e5e5e5 1px solid; margin: 0px 20px 20px 0px; padding: 14px;}

.BannerTitle {text-align:center; position:absolute; height:100px; top:50%; margin-top:-50px; width:100%;}
.BannerTitle h2 {color:#fff; font-size:48px; padding-bottom:10px;}
.BannerTitle h3 {color:#fff; font-size:24px; padding-bottom:10px;}
.BannerTitle a {display: block; border: #fff 1px solid; border-radius: 5px; width: 200px; line-height: 43px; color: #fff; text-align: center; margin: 20px auto;}
.BannerTitle a:hover {background: #fff; color: #141e5a;}

.SmallTitle {padding-bottom: 30px;}
.SmallTitle h2 {font-size:44px; text-align:center; padding-bottom:10px; color: #000;}
.SmallTitle p {font-size:16px; line-height:30px; text-align:center; padding-bottom:20px;}


.CircleOne {text-align:center; font-size:12px; line-height:25px; color: #666;}
.CircleOne strong {color:#141e5a; font-size: 14px;}
.CircleOne i {display:block; width:80px; line-height:80px; border:#141e5a 1px solid; text-align:center; margin:0px auto 20px auto; border-radius:100%; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
.CircleOne:hover i {background:#141e5a; color:#acff00;}

.MapBg {background:url(../image/map_bg.jpg) no-repeat center center; height:300px; position:relative;}

.Contact {width:45%;}
.Contact h2 {font-size:18px; color:#141e5a; padding-bottom:30px; font-weight: 700;}
.Contact h3 {font-size:16px; color:#141e5a; padding-bottom:5px;}
.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; color:#141e5a;}

.Self {line-height: 25px;}
.Self h3 {font-size:14px; color:#666; margin-bottom:40px;}
.Self li {width: 49%; margin: 0px 0px 10px 0px;}
.Self em {float: left; margin: 0px 10px 20px 0px;}
.SelfInput {border:#e5e5e5 1px solid; margin-bottom:10px; padding:10px; width:95%;}
.SelfTextarea {border:#e5e5e5 1px solid; padding:10px; width:97.5%; height:70px;}
.SelfChoose {margin: 0px 5px 20px 0px;}

.Btn {border:#141e5a 1px solid; color:#141e5a; width:50%; line-height:38px; cursor:pointer; background:#fff;}
.Btn:hover {background:#141e5a; color:#fff;}

#dituContent {width: 600px; height:430px; float: right;}
.iw_poi_title {color:#e5e6e8; font-size:14px; overflow:hidden; padding-right:13px; white-space:nowrap;}
.iw_poi_content {overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word;}

.News {background: #fff; padding: 20px; height: 150px; border-bottom: #e5e5e5 5px solid; position: relative; margin-bottom: 20px;}
.News:hover {border-bottom: #141e5a 5px solid;}
.News > a > img {float: left; width: 270px; height: 150px; margin-right: 20px;}
.News h2 {color: #141e5a; font-size: 20px; padding-bottom: 10px;}
.News p {font-size: 14px; line-height: 25px; color: #999;}
.News span {border-top: #f1f1f1 1px solid; margin-top: 20px; padding-top: 19px; color: #141e5a; font-size: 14px; position: absolute; width: 930px; left: 310px;}


.NewsChoose {border-top:#ddd 1px dashed; padding-top:9px; margin-top:30px; font-size: 12px;}
.NewsChoose a {display:block; line-height:30px; padding-left:15px; color:#999;}
.NewsChoose a.Next {background:url(../image/next.png) no-repeat left center;}
.NewsChoose a.Pre {background:url(../image/pre.png) no-repeat left center;}

.Back a {display:block; border-bottom:#e0e1e2 1px solid; background:url(../image/arrow_back.png) no-repeat 5px center; line-height:48px; padding-left:30px; color:#0079c1;}
.Back a:hover {background:#f5faf7 url(../image/arrow_back.png) no-repeat 5px center;}

.NewsDetail {float: right; width: 1050px;}
.NewsDetailTitle {font-size:20px; padding:10px 0px 11px 0px; border-bottom:#e5e5e5 1px solid; margin-bottom:20px;}
.NewsDetailDate {font-style:italic; color:#999; padding-bottom:10px; display:block;}
.NewsDetail > div > img {width: 60%; margin: auto;}

.BannerSlogen {padding-top: 150px; width: 760px;}
.BannerSlogen h2 {font-size: 60px; padding-bottom: 20px; color: #141e5a;}
.BannerSlogen h3 {font-size: 20px; line-height: 35px; color: #141e5a;}

.checkbox {position:relative; height:30px; line-height:30px; margin:10px 10px 0px 0px; float: left; width: 200px; font-size: 12px;}
.checkbox input[type='radio'] {position:absolute; left:0; top:0px; width:20px; height:20px; opacity:0;}
.checkbox label {position:absolute; left:40px; top:0; height:20px; line-height:20px;}
.checkbox label:before {content:''; position:absolute; left:-30px; top:0px; width:20px; height:20px; border:1px solid #ccc; border-radius:50%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;}
.checkbox label:after {content:''; position:absolute; left:-22px; top:3px; width:6px; height:12px; border:0; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; background:#f4f4f4; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; background: #f4f4f4;}
.checkbox input[type='radio']:checked + label:before {background:#dc3f3f; border-color:#dc3f3f;}
.checkbox input[type='radio']:checked + label:after {background:#dc3f3f;}


.checkbox_1 {position:relative; height:30px; line-height:30px; margin:20px 10px 0px 0px; float: left; width: 150px; font-size: 12px;}
.checkbox_1 input[type='checkbox'] {position:absolute; left:0; top:0px; width:20px; height:20px; opacity:0;}
.checkbox_1 label {position:absolute; left:40px; top:0; height:20px; line-height:20px;}
.checkbox_1 label:before {content:''; position:absolute; left:-30px; top:0px; width:20px; height:20px; border:1px solid #ccc; border-radius:50%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;}
.checkbox_1 label:after {content:''; position:absolute; left:-22px; top:3px; width:6px; height:12px; border:0; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; background:#f4f4f4; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; background: #f4f4f4;}
.checkbox_1 input[type='checkbox']:checked + label:before {background:#dc3f3f; border-color:#dc3f3f;}
.checkbox_1 input[type='checkbox']:checked + label:after {background:#dc3f3f;}


.strengthMain li {width:100%;  overflow:hidden; background:#141e5a; position:relative;}
.strengthMain li img {transition:all .5s; opacity:0.5; filter:alpha(opacity=60);}
.strengthMain li .font {width:100%; height:100%; top:0; left:0; position:absolute; color:#fff; text-align:center;}
.strengthMain li .font p {font-size:14px; display: block; line-height: 30px; position: absolute; top: 35%; width: 90%; height: 60px; margin: -30px 0px 0px 5%; text-align: center;}
.strengthMain li:hover img {transform:scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after {position:absolute; content:''; opacity:0; transition:all 0.5s;}
.strengthMain li .font::before {top:25px; right:15px; bottom:25px; left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0}
.strengthMain li .font::after {top:15px; right:25px; bottom:15px; left:25px; border-right:1px solid #fff; border-left:1px solid #fff; transform:scale(1,0); transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after {opacity:1; transform:scale(1); transition:all 0.5s;}


.Mid a {text-align:center; height:200px; padding-top:100px; display:block; color:#fff; font-size:18px;}

.ProTitle {border-bottom: #e5e5e5 1px solid; color: #141e5a; font-size: 16px; font-weight: 700; padding-bottom: 9px; margin: 50px 0px 20px 0px;}

.WhiteFrame {background: #fff; padding: 20px; margin: 40px 20px 0px 20px; box-shadow: 5px 5px 0px #ddd;}
.WhiteFrame h2 {border-bottom: #e5e5e5 1px solid; font-size: 16px; font-weight: 700; padding-bottom: 9px; margin-bottom: 10px;}
.WhiteFrame p {color: #666; line-height: 25px;}
.WhiteFrame > img {width: 60px; margin: 0px auto 15px auto;}
.WhiteFrame img {border-radius: 100%;}


.MainInfo {background: #f4f4f4; box-shadow: 10px 10px 0px #ccc; padding: 20px; margin-bottom: 30px;}
.MainInfo li {float: left; width: 33.33%; margin-bottom: 20px; line-height: 30px;}
.MainInfoInput {background: #fff; width: 85%; padding: 10px; border: #e5e5e5 1px solid;}
.MainInfoSelect {border: #e5e5e5 1px solid; background: #fff; width: 92%; height: 35px; padding: 0px 10px;}


.FormFrame {box-shadow: 10px 10px 0px #ccc; padding: 30px; background: #f4f4f4;}
.FormFrame h2 {font-size: 16px; color: #141e5a; padding-bottom: 10px; font-weight: 700;}
.FormFrame li {padding-top: 20px;}
.FormFrame textarea {background: #fff; border: #e5e5e5 1px solid; border-radius: 0px; width: 95%; height: 50px; padding: 10px; margin-top: 10px;}
.FormFrameInputOther {padding: 10px; margin-top: 10px;}

/*规格*/
.sys_item_spec {padding-bottom: 20px;}
.sys_item_spec dl.iteminfo_parameter{float:left;}
.sys_item_spec h4 {font-size:16px; line-height:40px; font-weight: 700; color: #141e5a;}
.sys_spec_text li{float:left; position:relative; margin-right:10px; outline:none; text-align:center; cursor: pointer;}
.sys_spec_text li a{line-height:33px; padding:0px 20px; border:1px solid #ccc; background:#fafafa; display:inline-block;}
.sys_spec_text li a:hover{ border:1px solid #fd4343; text-decoration:none; background:#fff;}
.sys_spec_text li i{ position:absolute; width:10px; height:10px; font-size:0; line-height:0; right:1px; bottom:1px; background:url(../image/sys_item_selected.gif) no-repeat right bottom; z-index:99; display:none;}
.sys_spec_text li.selected a{ border:1px solid #fd4343; background:#fff;}
.sys_spec_text li.selected i{ display:block;}
.sys_item_spec input {padding: 5px; width: 20px; margin: 0px 5px;}

.Cer {width: 1000px; margin: auto;}

.Join li {float: left; width: 285px; margin-right: 20px; background: #fff;}
.Join li:nth-child(4) {margin-right: 0px;}
.Join h2 {line-height: 50px; text-align: center; color: #fff; font-size: 16px;}

.MidImg_1 {width: 950px; margin: auto;}
.MidImg_2 {width: 700px; margin: auto;}


.DownloadList li a {margin: 20px 0px; border-bottom: #e5e5e5 1px dashed; background: url(../image/next.png) no-repeat left 7px; font-size: 16px; display: block; padding: 0px 0px 19px 20px;}

.floating_ck{position:fixed;right:20px;top:30%; z-index: 100000000;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#241756;border-bottom:solid 1px #fff;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#9fd138;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../image/icon0701/zxicon.png);}
.quote{background-image:url(../image/icon0701/kficon.png);}
.qrcord{background-image:url(../image/icon0701/erweima.png);}
.return{background-image:url(../image/icon0701/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#9fd138;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(../image/ew.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px; background-size: cover;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:14px;}

#wrap {width: 1200px; height: 100px; position: relative; overflow: hidden;}
#list {position: absolute; left: 0; top: 0; margin: 0; padding: 0; animation: move 12s infinite linear; -webkit-animation: move 12s infinite linear; width: 500%;}
#list li {width: 150px; float: left;}
#list li img {border: #e5e5e5 1px solid;}
 @-webkit-keyframes move {
 0% {
 left: 0;
}
 100% {
 left: -800px;
}
}
 @keyframes move {
 0% {
 left: 0;
}
 100% {
 left: -800px;
}
}
#wrap:hover #list {
	-webkit-animation-play-state: paused; /*动画暂停播放*/
}



@media screen and (max-width: 960px) {

	.Wrap {width: 94%; margin: auto;}

	.Frame {padding: 30px 0px;}

	.Top {border-bottom: #e3e3e3 1px solid; background: #fff; position: absolute; width: 100%; top: 0px; z-index: 1000;}
	.Top h1 a {width: 65px; display: block; float: none; margin: 0px; position: absolute; top: 5px; left: 10px; z-index: 100;}

	.Nav {float: left; margin: 30px 0px 30px 50px; display: none;}
	.Nav li {float: left; line-height: 40px;  position: relative; font-weight: 700;}
	.Nav li a {display: block; padding: 0px 20px;}
	.Nav li a:hover {background: #141e5a; color: #fff;}

	.SubNav {position: absolute; background: #fff; box-shadow: 0px 2px 7px #ccc; z-index: 100; top: 40px; width: 660px; display: none;}
	.SubNav li {float: none; line-height: 40px; font-weight: 400;}
	.SubNav li a {color: #666;}
	.SubNav li a:hover {color: #141e5a; background: #f1f1f1;}
	.SubNav li a.Sub {padding-left: 20px; color: #999; line-height: 25px;}
	.SubNav li a.Sub:hover {text-decoration: underline; background: none;}
	.SubNav span {display: block; border-bottom: #e5e5e5 1px dashed; padding-bottom: 9px;}
	.SubNav h2 {color: #141e5a;  padding-bottom: 5px; line-height: 10px; padding: 20px 0px 10px 20px; font-size: 14px;}

	.Search {border: #e5e5e5 1px solid; height: 28px;  float: none; width: 200px; border-radius: 20px; margin: 0px; position: absolute; top: 13px; left: 100px; z-index: 100;}
	.SearchInput {border: none; width: 130px; float: left; padding: 5px 0px 0px 10px; background: none;}
	.SearchBtn {float: right; border: none; background: url(../image/search_btn.png); width: 28px; height: 28px;}

	.IndexNewText {float: none; width: 100%;}
	.IndexNewText h2 {font-size: 24px; padding: 0px 0px 10px 0px; color: #000;}
	.IndexNewText h3 {font-size: 14px; padding-bottom: 10px; color: #000;}
	.IndexNewText p {line-height: 25px; font-size: 12px; color: #666;}
	.IndexNewText a {display: block; border-radius: 5px; color: #141e5a; width: 160px; line-height: 38px; margin-top: 30px; text-align: center; border: #141e5a 1px solid;}
	.IndexNewText a:hover {background: #141e5a; color: #fff;}
	.IndexNewImg {width: 100%; float: none;}

	.IndexNews li a {float: left; margin: 0px 0px 10px 0px; width: 100%; background: #fff; display: block;}
	.IndexNews li a:hover {box-shadow: 0px 0px 10px #999;}
	.IndexNews h3 {font-size: 18px; color: #141e5a; padding-bottom: 10px;}
	.IndexNews p {color: #606972;  line-height: 25px;}

	.IndexProduct {padding-bottom: 50px;}
	.IndexProduct li {float: left; margin-top: 20px; width: 50%; text-align: center;}
	.IndexProduct > ul > li > a > img {width: 40%; margin: 0px auto 10px auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
	.IndexProduct > ul > li > a:hover > img {width: 40%; background: #9fd138;}
	.IndexProduct img {border-radius: 100%; border: #141e5a 1px solid; padding: 9px;}
	.IndexProduct ul li a:hover img {border: #9fd138 1px solid;}


	.Bottom {background: #141e5b; padding: 20px 0px; color: #a7a9b9; line-height: 30px;}
	.Bottom p {float: none; margin-right: 0px;}
	.Bottom a {color: #a7a9b9;}
	.Bottom em a {display: block; border: #141e5b 1px solid; line-height: 16px; width: 30px; text-align: center; border-radius: 5px; float: right; position: fixed; bottom: 40px; right: 20px; z-index: 100; background: #fff; padding: 10px; font-size: 14px; color: #141e5b;}
	.Bottom em a i {display: none;}
	.Bottom ul {float: none; width: 100%;}
	.Bottom li {float: none; width: 100%; margin-top:10px; height: 90px;}
	.Bottom > div > ul > li > img {width: 90px; float: left; margin-right: 20px;}
	.Bottom h2 {font-size: 16px; color: #fff;}
	.Bottom h3 {font-size: 14px; color: #a7a9b9;}


	.ProDetail {float:right; width:100%; padding-top: 30px;}
	.ProDetail h3 {font-size:30px; font-weight:400; color: #141e5b;}
	.ProDetail h4 {font-size:24px; padding-top:10px;}

	.JoinBg {background: url(../image/join.jpg) no-repeat -1200px center; padding: 75px 0px; height: 350px;}
	.JoinBg a {display: block; border-radius: 3px; color: #141e5a; width: 200px; line-height: 38px; margin-top: 50px; text-align: center; border: #141e5a 1px solid;}
	.JoinBg a:hover {background: #141e5a; color: #fff;}


	.inner-ban {box-sizing: border-box; height: 300px; position: relative; margin-top: 55px;}
	@keyframes mouseMove {
	  0% {
		margin-top: 20px;
	  }
	  50% {
		margin-top: 36px;
	  }
	  100% {
		margin-top: 20px;
	  }
	}
	.inner-ban .inner-mouse {left: 0; bottom: 40px; width: 100%; height: 84px; color: #fff; text-align: center; position: absolute;}
	.inner-ban .inner-mouse-img {animation: mouseMove 1.2s infinite linear;}

	.GreenTitle {background: rgba(20,30,90,0.8); padding:10px 40px; float:left; bottom:5%; left:0px; position:absolute;}
	.GreenTitle h2 {font-size:24px; font-weight:700; color:#fff; padding-bottom: 10px;}
	.GreenTitle h3 {font-size:14px; font-family:Helvetica; text-transform:uppercase; color:#fff;}

	.LeftNav {margin-bottom: 100px; display: none;}
	.LeftNav h2 {font-size: 30px; color: #141e5a; padding-bottom: 20px;}
	.LeftNav h3 {font-size: 16px; color: #141e5a; padding-top: 20px; font-weight: 700;}
	.LeftNav li { border-bottom: #e6e9ee 1px solid; line-height: 44px;}
	.LeftNav li a {color: #999; display: block;}
	.LeftNav li a:hover {background: #f1f1f1; color: #141e5a; padding-left: 10px;}
	.LeftNav li a:before {content: "\f14a"; font-family: 'FontAwesome'; padding-right: 10px;}
	.LeftNav li a.Current {color: #141e5a; font-weight: 700;}

	.Path li {float: left; line-height: 16px; padding: 10px 0px; font-size: 80%;}
	.Path li a {color: #999;}
	.Path li a.Current {color: #37d0a2;}
	.Path li.Ge {padding: 10px 10px; display: block;}

	.BigTitle {font-size: 30px; color: #141e5a; padding: 20px 0px 40px 0px;}

	ul.topnav li {padding-bottom: 20px; border-bottom: #e5e5e5 1px dashed;}
	ul.topnav li a {padding:20px 0px 0px 0px; display:block; font-size:14px;}
	ul.topnav ul {display:none;}
	ul.topnav ul li {padding:20px 0px 20px 27px; line-height: 30px; color: #000; font-size: 16px; border-bottom: none;}

	.List li {float: none; margin: 0px 0px 20px 0px; border: #e5e5e5 1px solid; width: auto; padding: 14px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; position: relative; text-align: center;}
	.List li:hover {box-shadow: 0px 0px 3px #ccc;}
	.List li:nth-child(3n) {margin: 0px 0px 20px 0px;}
	.List li span {position: absolute; width: 110px; text-align: center; line-height: 35px; left: 50%; margin-left: -55px; color: #fff; background: #37d0a2; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; z-index: 10; top: 10px; font-size: 12px;}
	.List li:hover span {opacity: 1; top: 100px;}
	.List li img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;}
	.List li:hover img {opacity: 0.5;}
	.List h2 {padding: 20px 0px 10px 0px; font-size: 14px;}
	.List li:hover h2 {color: #141e5a;}

	.Big {width: 150px; border: #999 1px solid; border-radius: 20px; line-height: 33px; text-align: center; color: #999; margin: 20px auto; font-size: 12px;}

	.Download a {display: block; background: #141e5a; width: 180px; border-radius: 20px; color: #fff; text-align: center; line-height: 40px; margin: 30px auto 0px auto;}

	.CaseFrame {border-bottom: #e5e5e5 1px dashed; padding-bottom: 29px; margin-bottom: 30px;}
	.CaseTitle {border-left: #141e5a 5px solid; padding-left: 15px; font-size: 16px; font-weight: 700; margin-bottom: 20px;}

	.CaseClient li {float: left; width: 180px; border: #e5e5e5 1px solid; margin: 0px 20px 20px 0px; padding: 14px;}

	.BannerTitle {text-align:center; position:absolute; height:100px; top:50%; margin-top:-50px; width:100%;}
	.BannerTitle h2 {color:#fff; font-size:32px; padding-bottom:10px;}
	.BannerTitle h3 {color:#fff; font-size:18px; padding-bottom:10px;}
	.BannerTitle a {display: block; border: #fff 1px solid; border-radius: 5px; width: 200px; line-height: 43px; color: #fff; text-align: center; margin: 20px auto;}
	.BannerTitle a:hover {background: #fff; color: #141e5a;}

	.SmallTitle {padding-bottom: 0px;}
	.SmallTitle h2 {font-size: 24px; text-align:center; padding-bottom:20px; color: #000;}
	.SmallTitle p {font-size:14px; line-height:30px; text-align:center; padding-bottom:20px;}


	.CircleOne {text-align:center; font-size:12px; line-height:25px; color: #666; margin-bottom: 20px;}
	.CircleOne strong {color:#141e5a; font-size: 14px;}
	.CircleOne i {display:block; width:80px; line-height:80px; border:#141e5a 1px solid; text-align:center; margin:0px auto 20px auto; border-radius:100%; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
	.CircleOne:hover i {background:#141e5a; color:#acff00;}

	.MapBg {background:url(../image/map_bg.jpg) no-repeat center center; height:300px; position:relative;}

	.Contact {width:100%;}
	.Contact h2 {font-size:18px; color:#141e5a; padding-bottom:30px; font-weight: 700;}
	.Contact h3 {font-size:16px; color:#141e5a; padding-bottom:5px;}
	.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; color:#141e5a;}

	.Self {line-height: 25px;}
	.Self h3 {font-size:14px; color:#666; margin-bottom:40px;}
	.Self li {width: 49%; margin: 0px 0px 10px 0px;}
	.Self em {float: left; margin: 0px 10px 20px 0px;}
	.SelfInput {border:#e5e5e5 1px solid; margin-bottom:10px; padding:10px; width:90%;}
	.SelfTextarea {border:#e5e5e5 1px solid; padding:10px; width:90%; height:70px;}
	.SelfChoose {margin: 0px 5px 20px 0px;}

	.Btn {border:#141e5a 1px solid; color:#141e5a; width:50%; line-height:38px; cursor:pointer; background:#fff;}
	.Btn:hover {background:#141e5a; color:#fff;}

	#dituContent {width: 100%; height:360px; float: none;}
	.iw_poi_title {color:#e5e6e8; font-size:14px; overflow:hidden; padding-right:13px; white-space:nowrap;}
	.iw_poi_content {overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word;}

	.News {background: #fff; padding: 0px 0px 20px 0px; height: auto; border-bottom: #e5e5e5 5px solid; position: relative; margin-bottom: 20px;}
	.News:hover {border-bottom: #141e5a 5px solid;}
	.News > a > img {float: none; width: 100%; height: auto; margin-right: 0px; padding-bottom: 20px;}
	.News h2 {color: #141e5a; font-size: 20px; padding-bottom: 10px;}
	.News p {font-size: 14px; line-height: 25px; color: #999;}
	.News span {border-top: none; margin-top: 0px; padding-top: 10px; color: #141e5a; font-size: 14px; position: relative; width: auto; left: 0px; display: block;}


	.NewsChoose {border-top:#ddd 1px dashed; padding-top:9px; margin-top:30px; font-size: 12px;}
	.NewsChoose a {display:block; line-height:30px; padding-left:15px; color:#999;}
	.NewsChoose a.Next {background:url(../image/next.png) no-repeat left center;}
	.NewsChoose a.Pre {background:url(../image/pre.png) no-repeat left center;}

	.Back a {display:block; border-bottom:none; background:url(../image/arrow_back.png) no-repeat 5px center; line-height:48px; padding-left:30px; color:#0079c1;}
	.Back a:hover {background:#f5faf7 url(../image/arrow_back.png) no-repeat 5px center;}

	.NewsDetail {float: none; width: auto;}
	.NewsDetailTitle {font-size:20px; padding:10px 0px 18px 0px; border-bottom:#e5e5e5 1px solid; margin-bottom:20px; font-weight: 700;}
	.NewsDetailDate {font-style:italic; color:#999; padding-bottom:10px; display:block;}
	.NewsDetail > div > img {width: 100%; margin: auto;}

	.BannerSlogen {padding-top: 60px; width: 100%; text-align: center;}
	.BannerSlogen h2 {font-size: 30px; padding-bottom: 20px;}
	.BannerSlogen h3 {font-size: 14px; line-height: 35px;}

	.checkbox {position:relative; height:30px; line-height:30px; margin:10px 10px 0px 0px; float: left; width: 200px; font-size: 12px;}
	.checkbox input[type='radio'] {position:absolute; left:0; top:0px; width:20px; height:20px; opacity:0;}
	.checkbox label {position:absolute; left:40px; top:0; height:20px; line-height:20px;}
	.checkbox label:before {content:''; position:absolute; left:-30px; top:0px; width:20px; height:20px; border:1px solid #ccc; border-radius:50%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; background: #f4f4f4;}
	.checkbox label:after {content:''; position:absolute; left:-22px; top:3px; width:6px; height:12px; border:0; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; background:#f4f4f4; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; background: #f4f4f4;}
	.checkbox input[type='radio']:checked + label:before {background:#dc3f3f; border-color:#dc3f3f;}
	.checkbox input[type='radio']:checked + label:after {background:#dc3f3f;}


	.checkbox_1 {position:relative; height:30px; line-height:30px; margin:10px 0px 0px 0px; float: none; width: 100%; font-size: 12px;}
	.checkbox_1 input[type='checkbox'] {position:absolute; left:0; top:0px; width:20px; height:20px; opacity:0;}
	.checkbox_1 label {position:absolute; left:40px; top:0; height:20px; line-height:20px;}
	.checkbox_1 label:before {content:''; position:absolute; left:-30px; top:0px; width:20px; height:20px; border:1px solid #ccc; border-radius:50%; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; background: #f4f4f4;}
	.checkbox_1 label:after {content:''; position:absolute; left:-22px; top:3px; width:6px; height:12px; border:0; border-right:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; background:#f4f4f4; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; background: #f4f4f4;}
	.checkbox_1 input[type='checkbox']:checked + label:before {background:#dc3f3f; border-color:#dc3f3f;}
	.checkbox_1 input[type='checkbox']:checked + label:after {background:#dc3f3f;}


	.strengthMain li {width:100%;  overflow:hidden; background:#141e5a; position:relative;}
	.strengthMain li img {transition:all .5s; opacity:0.5; filter:alpha(opacity=60);}
	.strengthMain li .font {width:100%; height:100%; top:0; left:0; position:absolute; color:#fff; text-align:center;}
	.strengthMain li .font p {font-size:90%; display: block; line-height: 30px; position: absolute; top: 30%; width: 90%; height: 60px; margin: -30px 0px 0px 5%; text-align: center;}
	.strengthMain li:hover img {transform:scale(1.05, 1.05);}
	.strengthMain li .font::before,.strengthMain li .font::after {position:absolute; content:''; opacity:0; transition:all 0.5s;}
	.strengthMain li .font::before {top:25px; right:15px; bottom:25px; left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0}
	.strengthMain li .font::after {top:15px; right:25px; bottom:15px; left:25px; border-right:1px solid #fff; border-left:1px solid #fff; transform:scale(1,0); transform-origin:100% 0;}
	.strengthMain li:hover .font::before,.strengthMain li:hover .font::after {opacity:0; transform:scale(1); transition:all 0.5s;}


	.Mid a {text-align:center; height:200px; padding-top:100px; display:block; color:#fff; font-size:18px;}

	.ProTitle {border-bottom: #e5e5e5 1px solid; color: #141e5a; font-size: 16px; font-weight: 700; padding-bottom: 9px; margin: 50px 0px 20px 0px;}

	.WhiteFrame {background: #fff; padding: 20px; margin: 40px 0px 0px 0px; box-shadow: 5px 5px 0px #ddd;}
	.WhiteFrame h2 {border-bottom: #e5e5e5 1px solid; font-size: 16px; font-weight: 700; padding-bottom: 9px; margin-bottom: 10px;}
	.WhiteFrame p {color: #666; line-height: 25px;}
	.WhiteFrame > img {width: 60px; margin: 0px auto 15px auto;}
	.WhiteFrame img {border-radius: 100%;}

	.MainInfo {background: #f4f4f4; box-shadow: 10px 10px 0px #ccc; padding: 20px; margin-bottom: 30px;}
	.MainInfo li {float: none; width: 100%; margin-bottom: 20px; line-height: 30px;}
	.MainInfoInput {background: #fff; width: 85%; padding: 10px; border: #e5e5e5 1px solid;}
	.MainInfoSelect {border: #e5e5e5 1px solid; background: #fff; width: 92%; height: 35px; padding: 0px 10px;}


	.FormFrame {box-shadow: 10px 10px 0px #ccc; padding: 30px; background: #f4f4f4;}
	.FormFrame h2 {font-size: 16px; color: #141e5a; padding-bottom: 10px; font-weight: 700;}
	.FormFrame li {padding-top: 20px;}
	.FormFrame textarea {background: #fff; border: #e5e5e5 1px solid; border-radius: 0px; width: 95%; height: 50px; padding: 10px; margin-top: 10px;}
	.FormFrameInputOther {padding: 10px; margin-top: 10px;}

	/*规格*/
	.sys_item_spec {padding-bottom: 20px;}
	.sys_item_spec dl.iteminfo_parameter{float:left;}
	.sys_item_spec h4 {font-size:16px; line-height:40px; font-weight: 700; color: #141e5a;}
	.sys_spec_text li{float:left; position:relative; margin:5px; outline:none; text-align:center; cursor: pointer;}
	.sys_spec_text li a{line-height:33px; padding:0px 20px; border:1px solid #ccc; background:#fafafa; display:inline-block;}
	.sys_spec_text li a:hover{ border:1px solid #fd4343; text-decoration:none; background:#fff;}
	.sys_spec_text li i{ position:absolute; width:10px; height:10px; font-size:0; line-height:0; right:1px; bottom:1px; background:url(../image/sys_item_selected.gif) no-repeat right bottom; z-index:99; display:none;}
	.sys_spec_text li.selected a{ border:1px solid #fd4343; background:#fff;}
	.sys_spec_text li.selected i{ display:block;}
	.sys_item_spec input {padding: 5px; width: 20px; margin: 0px 5px;}

	.Cer {width: 100%; margin: auto;}

	.Join li {float: none; width: 100%; margin-right: 0px; background: #fff; margin-top: 10px;}
	.Join li:nth-child(4) {margin-right: 0px;}
	.Join h2 {line-height: 50px; text-align: center; color: #fff; font-size: 16px;}

	.MidImg_1 {width: 100%; margin: auto;}
	.MidImg_2 {width: 100%; margin: auto;}


	.floating_ck{position:fixed;right:20px;top:30%; z-index: 100000000; display: none}
	.floating_ck dl dd{position:relative;width:40px;height:40px;background-color:#241756;border-bottom:solid 1px #fff;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
	.floating_ck dl dd:hover{background-color:#9fd138;}
	.floating_ck dl dd:hover .floating_left{display:block;}
	.consult,.words{background-image:url(../image/icon0701/zxicon.png);}
	.quote{background-image:url(../image/icon0701/kficon.png);}
	.qrcord{background-image:url(../image/icon0701/erweima.png);}
	.return{background-image:url(../image/icon0701/fanhui.png);}
	.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
	.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#9fd138;display:none;}
	.floating_left a{color:#fff;line-height:80px;}
	.floating_ewm{height:260px;top:-180px;}
	.floating_ewm i{background-image:url(../image/ew.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px; background-size: cover;}
	.floating_ewm p{color:#fff;margin-top:5px;}
	.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
	.floating_ewm .qrcord_p02{font-size:14px;}

	#wrap {width: 100%; height: 80px; position: relative; overflow: hidden;}
	#list {position: absolute; left: 0; top: 0; margin: 0; padding: 0; animation: move 12s infinite linear; -webkit-animation: move 12s infinite linear; width: 500%;}
	#list li {width: 150px; float: left;}
	#list li img {border: #e5e5e5 1px solid;}
	 @-webkit-keyframes move {
	 0% {
	 left: 0;
	}
	 100% {
	 left: -800px;
	}
	}
	 @keyframes move {
	 0% {
	 left: 0;
	}
	 100% {
	 left: -800px;
	}
	}
	#wrap:hover #list {
		-webkit-animation-play-state: paused; /*动画暂停播放*/
	}
}