body {font-size:12px; color:#333; font-family:"微软雅黑", Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased;	-moz-osx-font-smoothing:grayscale; background:url(../image/bg.jpg) no-repeat center top; background-size:cover;}

input,textarea,select {font-size:12px; color:#000; outline:none; font-family:Arial, Helvetica, sans-serif; border:#ddd 1px solid; outline:none; border-radius:5px;}

h1,h2,h3,h4,h5,h6,button {outline:none; font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-weight:bold;}

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:#187abf;}
.Wrap {width:1200px; margin:auto;}
.IndexWrap {width:1100px; margin:auto;}
.rslides {position:relative; overflow:hidden; width:100%;}
.rslides li {-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0;}
.rslides li:first-child {position:relative; display:block; float:left;}
.rslides img {display:block; height:auto; float:left; width:100%;}
.slide_container {position:relative; float:left; width:100%;}
.slide {position:relative; overflow:hidden; width:100%;}
.slide li {position:absolute; width:100%; left:0; top:0;}
.slide img {display:block; position:relative; z-index:1; height:auto; width:100%;}
.slide_nav {position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:45%; left:20px; z-index:3; text-indent:-9999px; overflow:hidden; text-decoration:none; height:86px; width:33px; background:transparent url(../image/left_btn.png) no-repeat left top; margin-top:-45px;}
.slide_nav:active {opacity:1.0;}
.slide_nav.next {left:auto; background-position:right top; right:20px;}
.ECO li {width:25%; float:left; text-align:center; margin-bottom:20px;}
.ECO img {width:100%; display:block; padding-bottom:5px;}
.RightLogo {position:absolute; top:0px; right:0px; background:url(../image/top.png) no-repeat; width:300px; height:120px; z-index:1000000;}
.Nav {background:#fff; background:rgba(255,255,255,0.7); width:100%; position:absolute; top:0px; height:30px; z-index:10000; padding-top:30px;}
.Nav li {float:left; font-size:14px; font-weight:bold;}
.Nav li a {display:block; padding-right:40px;}
.Nav li a.Current {color:#378238;}
.Top {background:#185175; height:60px; width:100%; position:absolute; top:60px; z-index:1000;}
.Top h1 a {display:block; float:left; width:202px; height:60px; margin-left:100px;}
.TopNav {position:absolute; right:320px; top:30px; z-index:10000000; width:80px;}
.TopNav a {display:block; float:left; padding-left:20px;}
.TopNav a.Current {color:#1a7ab3; font-weight:bold;}
.index_bottom {width:100%; background:#fff; background:rgba(255,255,255,0.9); border-top:#349f3a 3px solid; padding:17px 0px 20px 0px; margin-bottom:30px;}
.index_bottom span a {display:block; background:url(../image/right_logo.png) no-repeat; width:167px; height:150px; float:right;}
.footer {height:35px; width:100%; line-height:35px; background:#185175; clear:both; position:fixed; bottom:0; left:0; z-index:10000000000;}
.footer_1 {height:35px; line-height:35px; background:#185175; clear:both; margin-top:30px;}
.footer_content {text-align:center; color:#fff;}
.telephone_icon {display:inline; margin-left:20px; line-height:35px;}
.NewsDetail h4 {border-bottom:#ddd 1px solid; color:#195a86; font-size:16px; padding-bottom:9px; text-align:center;}
.NewsDetail h5 {color:#349f3a; line-height:30px; text-align:center; font-weight:normal;}
.NewsDetail img {width:80%;}
.Service {padding:100px 250px 50px 250px;}
.ServiceImg {width:50%; float:left; padding-top: 80px;}
.Service h3 {background:#d7d8da; padding:20px; margin-top:50px;}
.Service h2 {font-size: 16px; color: #1a7ab3; padding: 20px 0px 10px 0px;}
.Service p {line-height: 20px;}
.CloudLogin {width:800px; height:400px; position:absolute; left:50%; top:65%; margin:-200px 0px 0px -400px;}
.CloudLogin li {float:left; width:50%;}
.CloudLogin li a {width:100%; text-align:center; padding-top:210px; display:block; font-size:14px; color:#0073c0;}
.CloudLogin li a.CL_1 {background:url(../image/right_logo_1.png) no-repeat center top;}
.CloudLogin li a.CL_2 {background:url(../image/right_logo_2.png) no-repeat center top;}
.CloudLoginFrameBtn {background:url(../image/search_btn.svg) no-repeat; width:12px; height:12px; float:right; border:none; padding:8px; margin:6px 4px 0px 0px; cursor:pointer;}
.CloudList {width:70%; margin:5px auto; border-top:#1a7ab3 1px solid; border-left:#1a7ab3 1px solid; padding-top:18px;}
.CloudList a {display:block; text-align:center; padding-bottom:20px; font-size:12px; font-weight:normal;}
.CloudList i {display:block; color:#1a7ab3;}
.Pro li {width:14.28%; float:left; text-align:center;}
.Pro p {background:#5485b1; display:block; line-height:30px; margin:20px auto 0px auto; text-align:center; color:#fff; width:90%;}
.Pro > ul > li > a >img {width:90%; margin:20px auto 0px auto;}
.Pro span a {color:#1a7ab3; line-height:40px;}
.CloudShow {padding-top:200px;}
.CloudShow li {width:14.28%; float:left; text-align:center;}
.CloudShow > ul > li > img {width:70%; margin:auto; padding-bottom:10px;}
.Big {margin:40px 0px 10px 100px; width:150px; text-align:center;}
.Big h2 {font-size:14px; color:#fff; line-height:40px; text-align:center; background:#1a7ab3;}
.Big i {margin-top:-8px; color:#1a7ab3; display:block;}
.Case {padding:130px 250px 0px 250px;}

.CircleOne {text-align:center; color:#fff; font-size:14px; line-height:20px; padding: 20px; background: #1a7ab3; margin-right: 20px; margin-top: 10px;}
.CircleOne span {font-size: 36px; font-family: Helvetica; display: block; padding: 10px 0px 20px 0px;}

.CircleTwo {text-align:center; color:#fff; font-size:14px; line-height:20px; padding: 20px; background: #349f3a; margin-right: 20px; margin-top: 10px;}
.CircleTwo span {font-size: 36px; font-family: Helvetica; display: block; padding: 10px 0px 20px 0px;}

.One {margin-top: 20px;}
.One > img {width: 90px; float: left; margin-right: 30px;}
.One h4 {font-size: 16px; font-weight: 700; padding-top: 5px;}
.One p {color: #666; line-height: 25px;}



@media screen and (min-width: 1900px) {.Case {padding:130px 200px 0px 200px;}
}
.Case li {width:33%; float:left; margin-bottom:5px;}
.Case li a {margin-right:5px; display:block; position:relative;}
.Case img {width:100%; display:block;}
.Case li a p {position:absolute; width:100%; background:#000; background:rgba(0,0,0,0.7); line-height:40px; bottom:0px; text-indent:1em; font-size:14px; color:#fff;}
.ProjectDetail {width:330px; float:left; padding:20px;}
.ProjectDetail h2 {border-bottom:#1a7ab3 1px solid; font-size:18px; padding-bottom:4px; margin-bottom:10px;}
.jp-container{width:330px;height:400px;position:relative; outline:none; margin-bottom:30px;}
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:10px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:10px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{}
.jspHorizontalBar.jspCap{float:left;}
.jspTrack{background:#f9f9f9;position:relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.jspDrag{background:#999;position:relative;top:0;left:0;cursor:pointer; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.jspHorizontalBar.jspTrack,.jspHorizontalBar.jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar.jspArrow{height:16px;}
.jspHorizontalBar.jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar.jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html.jspCorner{margin:0 -3px 0 0;}
#focus {width:600px; height:600px; overflow:hidden; position:relative; float:right; margin:20px;}
#focus ul {height:600px; position:absolute;}
#focus ul li {float:left; width:600px; height:600px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus.btnBg {position:absolute; width:600px; height:20px; left:0; bottom:0; background:#000; display:none;}
#focus.btn {position:absolute; width:600px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right; display:none;}
#focus.btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff; display:none;}
#focus.btn span.on {background:#fff; display:none;}
#focus.preNext {width:50px; height:100px; position:absolute; top:200px; background:url(../image/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus.pre {left:5px;}
#focus.next {right:5px; background-position:right top;}
#focus img {width:600px; display:block;}
.Choose a {display:block; line-height:30px; padding-left:20px; color:#349f3a;}
.Choose a.Next {background:url(../image/next.png) no-repeat left center;}
.Choose a.Pre {background:url(../image/pre.png) no-repeat left center;}
.Page {position:fixed; width:260px; text-align:center; bottom:50px; left:50%; margin-left:-130px;}
.left_nav dl dd a {position:relative;}
.arrow {width:8px; height:8px; display:block; position:absolute; top:13px; left:35px;}
.arrow_left {background:url(../image/arrow_left.png) center center no-repeat;}
.arrow_down {background:url(../image/arrow_down.png) center center no-repeat;}
.arrow2 {left:30px;}
.arrow3 {left:40px;}
.ThingsLeft {padding:100px 0px 0px 30px; width:400px; float:left;}
.ThingsLeft h2 {font-size:18px; padding-bottom:10px; color:#1a7ab3;}
.ThingsLeft h3 {background:#1a7ab3; font-size:14px; color:#fff; line-height:40px; width:200px; margin-top:20px; text-align:center;}
.ThingsLeft p {line-height:25px; width:200px; float:left;}
.ThingsRight {width:900px; float:left;}
.ThingsRight img {width:100%; display:block;}
.ProFrame {width:1200px; height:300px; position:absolute; left:50%; top:50%; margin:-150px 0px 0px -600px;}
.ProTitle {border-bottom:#349f3a 1px solid;}
.ProTitle h2 {background:url(../image/pro_title.png) no-repeat; width:200px; line-height:40px; float:left; color:#fff; font-size:14px; letter-spacing:2px; text-align:center; float:left;}
.ProTitle h3 {font-size:14px; font-weight:normal; color:#349f3a; float:right; margin-top:10px;}
.ProLeft {position:absolute; height:100%; width:200px; background:#fff; background:rgba(255,255,255,0.7); left:100px; z-index:999;}
.ProLeft h2 {background:#349f3a; line-height:40px; text-align:center; color:#fff; margin-top:150px; font-size:14px;}
.ProLeft i {margin-top:-8px; color:#349f3a; display:block;}
.ProLeft a {display:block; font-size:14px; padding-left:20px; margin:20px 0px 10px 0px; line-height:30px; color:#666;}
.ProLeft a.Current {background:#fff; color:#000; font-weight:bold;}
.LeftNav {width:200px; float:left;}
.LeftNav h2 {background:#349f3a; line-height:40px; text-align:center; color:#fff; margin-top:150px; font-size:14px;}
.LeftNav i {margin-top:-8px; color:#349f3a; display:block;}
.LeftNav a {display:block; font-size:14px; padding-left:20px; margin:20px 0px 10px 0px; line-height:30px; color:#666;}
.LeftNav a.Current {background:#fff; color:#000; font-weight:bold;}
.ProLine {border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:5px 0px;}
.ProLine p {float:right; border-left:#ccc 1px solid; padding-left:19px; width:360px;}
.ProLine h3 {font-size:12px; float:left; width:50px; text-align:right; color:#257b9a; font-weight:bold;}
.ProText span {display:block; float:right; font-size:12px; font-weight:normal; color:#666;}
.ProLineFirst {border-top:#ccc 1px solid; border-bottom:#ccc 1px solid; padding:5px 0px;}
.ProLineFirst p {float:right; border-left:#ccc 1px solid; padding-left:19px; width:260px;}
.ProLineFirst h3 {font-size:12px; float:left; width:50px; text-align:right; color:#257b9a; font-weight:bold;}
.IndexAbout h2 {float:left; background:url(../image/index_about.png) no-repeat right center; color:#fff; font-size:14px; line-height:35px; width:120px; padding-left:30px;}
.IndexAbout h3 {font-size:12px; font-weight:normal; color:#0081c0; line-height:35px; float:right;}
.IndexAbout img {width:100%; display:block; border-top:#0081c0 1px solid; padding-top:9px;}
.IndexDecorate h2 {background:url(../image/index_pro.png) no-repeat right center; color:#fff; font-size:14px; line-height:35px; width:120px; padding-left:30px;}
.IndexDecorate img {width:80%;}
.IndexDecorate ul {border-top:#388238 1px solid; padding-top:9px;}
.IndexDecorate li {border-bottom:#999 1px dashed; background:url(../image/next.png) no-repeat 5px 4px; padding-left:25px; margin:10px 0px; padding-bottom:9px;}
.IndexDecorate li:last-child {border-bottom:none; padding-bottom:0px;}
.Contact {padding:150px 0px 50px 0px; width:40%; margin:auto;}
.Contact img {width:100%; display:block;}
.ContactFrame {width:48%; padding-top:30px; line-height:30px;}
.Career {margin:0px 50px 30px 330px; padding-top:150px;}
.Career h2 {background:#0081c0 url(../image/blue_bar.png) no-repeat right center; color:#fff; line-height:35px; font-size:14px; padding:0px 50px 0px 30px; float:left;}
.CareerFrame {border-top:#0081c0 1px solid; line-height:25px; color:#0081c0; padding:14px 0px 30px 0px;}
.CareerTab {background:url(../image/blue.jpg) repeat-x center 35px; height:40px;}
.CareerTab a {display:block; background:url(../image/career.png) no-repeat; line-height:40px; width:170px; padding-left:30px; float:left; margin-right:30px; color:#fff;}
.CareerTab a.Current {background:url(../image/career_hover.png) no-repeat; color:#0081c0; font-weight:bold;}
.CareerDetail {background:#fff; background:rgba(255,255,255,0.9); padding:20px;}
.CareerDetailFrame {width:25%; float:left; line-height:25px;}
.CareerDetailFrame h3 {background:#0081c0; color:#fff; padding:0px 5px; line-height:30px; margin-bottom:10px; font-size:12px; text-align:center; float:left; font-weight:normal;}
.ExhibitionFrame {float:left; width:50%; margin-bottom:30px;}
.ExhibitionFrameFrame {background:#efefef; margin-right:30px; padding:20px;}
.ExhibitionFrame strong {font-size:14px; padding-bottom:10px; display:block;}
.Exhibition li {width:50%; float:left;}
.Exhibition img {width:100%; display:block; padding-bottom:5px;}
.News {background:#000; background:rgba(0,0,0,0.1); padding:20px; height:230px;}
.News h2 {font-size:14px; font-weight:normal; padding-bottom:5px;}
.News h3 {padding-top:10px; font-size:14px;}
.News:hover {background:#fff; border:#1b7ab3 5px solid; padding:15px;}
.Product {margin:0px 250px 0px 350px;}
.Product h2 {text-align:center; font-size:30px; font-weight:normal; color:#1a7ab3; padding:50px 0px 10px 0px;}
.Product h3 {text-align:center; font-size:18px; font-weight:normal; color:#1a7ab3; padding-bottom:10px;}
.Product i {color:#1a7ab3;}
.Product li {width:25%; text-align:center; float:left; margin-top:5px;}
.Product img {width:100%; display:block;}
.Product h4 {color:#1a7ab3; font-size:30px; font-weight:normal; line-height:200px; padding-top:100px; float:left;}
.PrePro {width:40%; left:50%; margin:0px 0px 0px 35%; top:20px;}

@media screen and (min-width: 1900px) {.PrePro {width:50%; left:50%; margin:0px 0px 0px 25%; top:80px;}
}
.PrePro h2 {text-align:center; font-size:30px; font-weight:normal; color:#1a7ab3; padding:50px 0px 10px 0px;}
.PrePro img {width:100%; display:block;}
.ProD {margin:0px 250px 0px 350px;}
.ProD h3 {text-align:center; font-size:14px; font-weight:normal; color:#1a7ab3; padding-bottom:10px;}
.ProD li {width:25%; text-align:center; float:left; margin-top:30px;}
.ProD > img {width:35%; float:left; padding-top:80px;}
.ProD h4 {color:#1a7ab3; font-size:30px; font-weight:normal; padding:80px 0px 20px 0px;}
.PicRoll {background:#fff; margin-bottom:50px;}
.PicRoll li {float:left; width:16.6666%; margin-top:10px; cursor:pointer;}
.PicRoll > ul > li > a > img {width:70%; margin:auto; padding:4px; border:#ccc 1px solid; background:#fff;}
.PicRoll img {width:100%; display:block;}
.ProImg {padding:120px 0px 0px 300px; position:relative; z-index:0;}
.ProImg img {width:100%; display:block;}
.ProImg a {display:block; position:absolute; width:100px; height:100px;}
.ProImg a.PI_1 {top:43%; left:69%;}
.ProImg a.PI_2 {top:56%; left:69%;}
.ProImg a.PI_3 {top:43%; left:75.5%;}
.ProImg a.PI_4 {top:56%; left:75.5%;}
.ProImg a.PI_5 {width:150px; height:45px; bottom:25%; right:2.5%;}
.ProImg a.PI_6 {top:42%; left:67%;}
.ProImg a.PI_7 {top:42%; left:77.5%;}
.ProImg a.PI_8 {top:59%; left:72.5%;}
.ProImg a.PI_9 {top:23%; left:38%; width:250px; height:50px;}
.ProImg a.PI_10 {top:29.5%; left:38%; width:250px; height:50px;}
.ProImg a.PI_11 {top:36%; left:38%; width:250px; height:50px;}
.ProImg a.PI_12 {top:42.5%; left:38%; width:250px; height:50px;}
.ProImg a.PI_13 {top:49%; left:38%; width:250px; height:50px;}
.ProDetail {padding-top:150px; float:right; width:960px;}
.ProDetail h4 {background:#0081c0 url(../image/blue_bar.png) no-repeat right center; color:#fff; line-height:35px; font-size:14px; padding:0px 50px 0px 30px; float:left;}
.ProDetailList {padding-top:29px; border-top:#0081c0 1px solid;}
.ProDetailList li {padding:30px 20px; line-height:25px; background:#f9f9f9; margin-bottom:30px; width:440px;}
.ProDetailList li.First {width:910px; margin:0px auto 30px auto;}
.ProDetailList li.First > img {width:550px; float:left;}
.ProDetailList img {width:90%; display:block;}
.ProDetailList h2 {font-size:26px; padding-bottom:4px; color:#005c8b; color:#257b9a;}
.Ge li {border:#ddd 1px dashed; background:#f9f9f9 url(../image/dot_about.png) no-repeat 10px center; line-height:40px; margin-bottom:15px; padding-left:25px; font-size:14px;}
.Fu h2 {color:#398739; font-size:16px; padding-top:10px;}
.Fu li {width:300px; margin:20px 20px 30px 0px; float:left;}
.Fu img {width:300px; display:block; padding-bottom:10px;}
.ServiceRight {width:360px; height:360px; position:absolute; left:350px; top:50%; margin-top:-180px;}
.ServiceRight li {float:left; position:relative; margin-right:20px; position:relative; width:160px; height:192px; cursor:pointer; -webkit-filter: opacity(30%); -moz-filter: opacity(30%); -ms-filter: opacity(30%); -o-filter: opacity(30%); opacity: 30%;}
.ServiceRight li.Current {-webkit-filter: opacity(100%); -moz-filter: opacity(100%); -ms-filter: opacity(100%); -o-filter: opacity(100%); opacity: 100%;}
.ServiceRight li img {width:100%; height:100%; position:absolute; top:0; left:0; display:block; transition:all 1.0s ease; -moz-transition:all 1.0s ease; -webkit-transition:all 1.0s ease; -o-transition:all 1.0s ease;}
.ServiceRight li img:hover {top:-54px; left:-45px; width:250px; height:300px; z-index:9999999;}
.ServiceRight span a {display:block; background:url(../image/more.png) no-repeat; margin:10px auto 0px auto; width:112px; height:20px;}
.ServiceRightImg {margin-left:700px; padding-top:120px;}
.ServiceRightImg img {width:100%; display:block;}
.content{width: 100%; margin: 200px auto 50px auto; overflow: hidden; height:300px; }
.content_mid{ width:12900px;}
.content_mid img {width:100%; display:block;}
.content_mid ul li {width:270px; float:left; margin:0px 15px;}
.clear::after{ height: 0; display: block; clear: both; content:'';}
ul li{ list-style: none; float: left ;}
.bottom_scroll{ width:1170px; height:16px; margin:auto;}
.bottom_scroll span{ float:left; width:20px; height:16px;text-align:center; line-height:16px; cursor:pointer; text-indent: 99em; overflow: hidden;}
.scroll_border{ float:left;  margin:5px auto; width:1122px;  height:6px; position: relative;background: url("bg.jpg") repeat-x 0 center; background:#ffffff; box-shadow: -1px 0 2px#000 inset; border: 1px solid#ccc; }
.scroll_btn{ cursor:pointer; width:20px; height: 12px;background:#666666;border-radius: 6px; position: absolute; left: 0px; top:-3px;}
.scroll_btn.now{ background:#ff0000;}
.bottom_scroll span.scroll_l{background-image:url(../image/buttongroup.png); background-repeat:no-repeat; background-position:center 0px;}
.bottom_scroll span.scroll_r{background-image:url(../image/buttongroup.png); background-repeat:no-repeat; background-position:center -16px;}
.bottom_scroll span.scroll_t{background-image:url(../image/buttongroup.png); background-repeat:no-repeat; background-position:center -32px;}
.bottom_scroll span.scroll_b{background-image:url(../image/buttongroup.png); background-repeat:no-repeat; background-position:center -32px;}
#scroll_v {position:relative;}
#scroll_v.content{ height:200px; position:relative;}
#scroll_v.content_mid{ width:100%;}
#scroll_v.bottom_scroll{ width:16px; height:180px; position:absolute; right:5px; top:55px;}
#scroll_v.bottom_scroll span{ float:left; width:20px; height:16px;text-align:center; line-height:16px; cursor:pointer; text-indent: 99em; overflow: hidden;}
#scroll_v.scroll_border{  margin:2px 6px; width:6px; border:1px solid#ccc;height:100%; position: relative; box-shadow: -1px 0 2px#000 inset; border: 1px solid#ccc; }
#scroll_v.scroll_btn{ cursor:pointer; width:12px; height: 12px;background:#CC0;border-radius: 6px; position: absolute; left:-3px; top:0;}
#scroll_v.scroll_btn.now{ background:#FC3}
#scroll_v.bottom_scroll span.scroll_left{ background-image:url(buttongroup.png); background-repeat:no-repeat; background-position:center -32px;}
#scroll_v.bottom_scroll span.scroll_rig{background-image:url(buttongroup.png); background-repeat:no-repeat; background-position:center -48px;}