*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; box-sizing: border-box; overflow-x: hidden; width: 100%;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
i, em{ font-style: normal;}
img{ display: inline-block; border: none \9;}

/* clearfix */

.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.header{ width: 100%;}
.header .header-nr{ width: 1200px; margin: 0 auto; overflow: hidden;}
.header .header-nr .left-logo{ float: left; width: 29%; margin: 10px 0;}
.header .header-nr .left-logo a{ display: inline-block;}
.header .right-nav{ float: right; width: 71%; margin-top: 30px;}
.header .right-nav ul li{ display: inline-block; position: relative; text-align: center; margin-right: 27px;}
.header .right-nav ul li a.on{ color: #67a2d5;}
.header .right-nav ul li:last-child{ margin-right: 0;}
.header .right-nav ul li a.on .bot{ width: 50px; left: 12px}
.header .right-nav ul .nav-db a.on .bot{ width: 50px; left: 8px;}
.header .right-nav ul .nav-db-a a:hover .bot{ left: 15px}
.header .right-nav ul .nav-db-a a.on .bot{ left: 15px}
.header .right-nav ul .nav-db-b a:hover .bot{ left: 30px;}
.header .right-nav ul .nav-db-b a.on .bot{ left: 30px;}
.header .right-nav ul li:hover a{ color: #67a2d5;}
.header .right-nav ul li a{ color: #333; font-size: 16px; display: inline-block;}
.header .right-nav .bot{ position: absolute; left: 50%; width: 0; background-color: #67a1d5; height: 2px; bottom: -15px; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s;}
.header .right-nav li:hover a .bot{ width: 50px; left: 8px;}
.banner{ width: 100%;}
.banner img{ width: 100%;}
.case{ margin: 50px 0;}
.case .case-nr{ width: 1200px; margin: 0 auto; overflow: hidden;}
.case .case-nr .nav-top{ border: 1px solid #e8e8e8;}
.case .case-nr .nav-top .bj{ padding: 20px 20px;}
.case .case-nr .nav-top dl{ border-bottom: 1px dashed #e8e8e8; padding-bottom: 20px;}
.case .case-nr .nav-top dl dt, .case .case-nr .nav-top dl dd{ display: inline-block; vertical-align: top; color: #999; font-size: 16px; margin-right: 50px;}
.case .case-nr .nav-top a:hover{ color: #88c6f2;}
.case .case-nr .nav-top ul{ margin-top: 20px;}
.case .case-nr .nav-top ul li{ display: inline-block; vertical-align: top; color: #999; font-size: 16px; margin-right: 50px;}
.case .case-nr .nav-top ul ol{ display: inline-block; vertical-align: top; width: 1022px;}
.case .case-nr .nav-top ul > ol > li{ margin-right: 50px; line-height: 30px;}
.case .case-nr .Casebook{padding-top: 50px;}
.case .case-nr .Casebook ul li{ border: 1px solid #e8e8e8; width: 280px; height: 320px; overflow: hidden; position: relative; display: inline-block; margin: 0 21px 40px 0;}
.case .case-nr .Casebook-nr{ width: 278px; height: 320px; overflow: hidden;}
.case .case-nr .Casebook-nr img{ width: 280px; height: 224px;}
.case .case-nr .Casebook ul li .js-bt{ text-align: center; margin-top: 20px;}
.case .case-nr .Casebook ul li .js-bt h1{ color: #333; font-size: 18px;}
.case .case-nr .Casebook ul li .js-bt h2{ color: #999; font-size: 16px; margin-top: 10px;}
.case .case-nr .Casebook ul li:hover .Casebook-nr{ -webkit-animation-name: zoomOutxg; animation-name: zoomOutxg; animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-fill-mode: forwards;}
.case .case-nr .Casebook ul li .Casebook-nr-more{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: none;}
.case .case-nr .Casebook ul li:hover .Casebook-nr-more{ -webkit-animation-name: zoomInxg; animation-name: zoomInxg; animation-duration: 800ms; -webkit-animation-duration: 800ms; animation-timing-function: ease; -webkit-animation-timing-function: ease; display: block;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr{ margin-top: 25px;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr h3{ color: #333; font-size: 18px;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr h3 + img{ margin: 5px 0 10px 0;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr p{ color: #666; font-size: 14px; line-height: 25px;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr .more-btn{ margin-top: 25px; text-align: center;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr a{ color: #fff; font-size: 16px; background: #e72a48; width: 160px; height: 40px; line-height: 40px; text-align: center; display: inline-block; border-radius: 5px; position: relative; overflow: hidden;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr .more-btn .more .i2{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent transparent transparent #88c6f2; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr .more-btn .more .i3{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent #88c6f2 transparent transparent; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr .more-btn .more .i1{ position: relative; z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #fff;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr .more-btn .more:hover .i1{ color: #fff;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr .more-btn .more:hover .i2{ border-width: 105px 0 0 105px;}
.case .case-nr .Casebook ul li .Casebook-nr-more .js-nr .more-btn .more:hover .i3{ border-width: 0 105px 105px 0;}
.service-zx{ margin: 50px 0;}
.service-zx .service-content{ width: 1200px; margin: 0 auto;}
.navigation{ width: 180px; overflow: hidden; display: inline-block;}
.navigation .title{ text-align: center; background: #88c6f2; padding: 10px 0;}
.navigation .title h1{ color: #fff; font-size: 24px;}
.navigation .title h1 + h1{ text-transform: uppercase; font-size: 16px;}
.navigation-list{ text-align: center; margin-top: 10px;}
.navigation-list ul li a{ width: 100%; height: 100%; display: inline-block;}
.navigation-list ul li{ padding: 10px 0; border-bottom: 1px solid #d8d8d8; position: relative; height: 44px; width: 180px;}
.navigation-list ul li .db-hx{ position: absolute; width: 0; background: #494949; height: 2px; bottom: 0; left: 50%; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; display: inline-block; visibility: hidden;}
.navigation-list ul li span{ color: #999; font-size: 16px; margin-right: 40px;}
.navigation-list ul li img{ visibility: hidden;}
.navigation-list ul li span, .navigation-list ul li img{ display: inline-block; vertical-align: middle;}
.navigation-list ul li:hover{ border-bottom: 1px solid #fff;}
.navigation-list ul li:hover span{ color: #494949;}
.navigation-list ul li:hover img{ visibility: visible;}
.navigation-list ul li:hover .db-hx{ width: 100%; left: 0; visibility: visible;}
.navigation-list ul li .list-qy{ width: 100%; height: 100%;}
.service-zx-right{ display: inline-block; vertical-align: top; margin-left: 15px; width: 1000px; font-size: 15px;}
.service-zx-right .top{ padding-bottom: 8px; border-bottom: 2px solid #494949;}
.service-zx-right .top .l-z{ color: #999; font-size: 14px; float: left; text-transform: uppercase;}
.service-zx-right .top .l-z span{ color: #333; font-size: 18px; margin-right: 20px;}
.service-zx-right .top .r-y{ float: right;}
.service-zx-right .top .r-y span{ color: #696969; font-size: 14px;}
.service-zx-right .top .r-y a{ color: #696969; font-size: 14px;}
.service-zx-right .top .r-y a:hover{ color: #88c6f2;}
.service-zx-right .top .r-y .dw{ color: #494949;}
.inside-list-content{ margin-top: 15px;}
.inside-list-content ul li{ border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 20px;}
.inside-list-content .download-img{ display: inline-block; width: 170px; height: 100px;}
.inside-list-content .download-img img{ display: inline-block; width: 170px; height: 116px;}
.inside-list-content .download-img, .inside-list-content .download-basic{ display: inline-block; vertical-align: top;}
.inside-list-content .download-basic{ margin-left: 10px; width: 815px;}
.inside-list-content .download-basic .download-title a{ color: #333; font-size: 18px;}
.inside-list-content .download-basic .download-title a:hover{ color: #88c6f2;}
.inside-list-content .download-basic .download-discription a:hover{ color: #88c6f2;}
.inside-list-content .download-basic .download-discription-date{ color: #ccc; font-size: 12px; margin-top: 14px;}
.inside-list-content .download-basic .download-discription-date span{ display: inline-block; margin-right: 50px;}
.inside-list-content .download-basic .download-discription {}

.inside-list-content .download-basic .download-discription > a{ width: 815px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; margin-top: 14px; color: #999;}
.pages{ margin-top: 50px; float: right; display: inline; padding-bottom: 10px;}
.pages span{ color: #666; vertical-align: bottom;}
.pages .current{ background: #e72a48; color: #fff; border: none;}
.pages .pgbtn{ border: 1px solid #ccc; color: #666; padding: 0 20px; cursor: pointer;}
.pages .more{ border: none; vertical-align: text-bottom; letter-spacing: 3px;}
.pages .next{ padding: 0 12px;}
.pages .last{ padding: 0 20px;}
.pages a, .pages span{ display: inline-block; padding: 0 12px; margin: 0 3px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #e8e8e8;}
.pages a, .pages li{ display: inline-block; list-style: none; text-decoration: none; color: #666;}
.elite-team .team-content{ width: 1200px; margin: 0 auto;}
.elite-team .team-content .team-bd{ overflow: hidden; margin-top: 50px;}
.elite-team .team-content .team-bd ul li .right{ position: absolute; right: -100%; animation: myrighttwo 800ms; -moz-animation: myrighttwo 800ms; -webkit-animation: myrighttwo 800ms; -o-animation: myrighttwo 800ms; animation-fill-mode: forwards; z-index: 99;}
.elite-team .team-content .team-bd ul li{ height: 600px !important;}
.elite-team .team-content .team-bd ul li .left, .elite-team .team-content .team-bd ul li .right{ float: left;}
.elite-team .team-content .team-bd ul .teamtwo .left{ animation: myleftthree 800ms; -moz-animation: myleftthree 800ms; -webkit-animation: myleftthree 800ms; -o-animation: myleftthree 800ms; animation-fill-mode: forwards; position: absolute; left: -100%;}
.elite-team .team-content .team-bd ul .teamone .left{ background: url(../images/team-1-bg.png) no-repeat; width: 498px; height: 543px; animation: mylefttwo 800ms; -moz-animation: mylefttwo 800ms; -webkit-animation: mylefttwo 800ms; -o-animation: mylefttwo 800ms; animation-fill-mode: forwards; position: absolute; left: -100%;}
.elite-team .team-content .team-bd ul li .left h1{ color: #e72a48; font-size: 24px; font-weight: bold;}
.elite-team .team-content .team-bd ul li .left h1 > span{ color: #666; font-size: 18px; font-weight: normal; margin-left: 15px;}
.elite-team .team-content .team-bd ul li .left h2{ color: #333; font-size: 18px; font-weight: bold;}
.elite-team .team-content .team-bd ul li .js{ padding: 45px 22px 0 60px;}
.elite-team .team-content .team-bd ul li .js .more-btn{ text-align: center; margin-top: 50px;}
.elite-team .team-content .team-bd ul li .js a{ color: #fff; font-size: 16px; background: #e72a48; width: 160px; height: 40px; line-height: 40px; text-align: center; display: inline-block; border-radius: 5px; position: relative; overflow: hidden;}
.elite-team .team-content .team-bd ul li .js .more-btn .more .i2{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent transparent transparent #88c6f2; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.elite-team .team-content .team-bd ul li .js .more-btn .more .i3{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent #88c6f2 transparent transparent; position: absolute; top: 0; right: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.elite-team .team-content .team-bd ul li .js .more-btn .more .i1{ position: relative; z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #fff;}
.elite-team .team-content .team-bd ul li .js .more-btn .more:hover .i1{ color: #fff;}
.elite-team .team-content .team-bd ul li .js .more-btn .more:hover .i2{ border-width: 105px 0 0 105px;}
.elite-team .team-content .team-bd ul li .js .more-btn .more:hover .i3{ border-width: 0 105px 105px 0;}
.elite-team .team-content .team-bd ul li .left p{ color: #333; font-size: 18px; font-weight: bold;}
.elite-team .team-content .team-bd ul li .left p + p{ color: #666; font-size: 16px; font-weight: normal; line-height: 30px; text-align: justify;}
.elite-team .team-content .team-bd ul .teamtwo .right h1{ color: #e72a48; font-size: 24px; font-weight: bold;}
.elite-team .team-content .team-bd ul .teamtwo .right h1 > span{ color: #666; font-size: 18px; font-weight: normal; margin-left: 15px;}
.elite-team .team-content .team-bd ul .teamtwo .right h2{ color: #333; font-size: 18px; font-weight: bold;}
.elite-team .team-content .team-bd ul .teamtwo .right{ background: url(../images/team-1-bg.png) no-repeat; width: 498px; height: 543px;}
.elite-team .team-content .team-bd ul .teamtwo .js{ padding: 45px 22px 0 60px;}
.elite-team .team-content .team-bd ul .teamtwo .js .more{ text-align: center;}
.elite-team .team-content .team-bd ul .teamtwo .js a{ color: #fff; font-size: 16px; background: #e72a48; width: 160px; height: 40px; line-height: 40px; text-align: center; display: inline-block; border-radius: 5px;}
.elite-team .team-content .team-bd ul .teamtwo .right p{ color: #333; font-size: 18px; font-weight: bold;}
.elite-team .team-content .team-bd ul .teamtwo .right p + p{ color: #666; font-size: 16px; font-weight: normal; line-height: 30px; text-align: justify;}
.elite-team .team-content .team-bd ul .teamtwo-2 .left img{ width: 670px; margin-top: 45px;}
.elite-team .team-content .team-bd ul .teamtwo-2 .right{ background: url(../images/team-2-bg.png) no-repeat; width: 515px; height: 550px;}
.elite-team .team-content .team-bd ul .teamtwo-2 .right .js{ padding: 60px 47px 0 50px;}
.elite-team .team-content .team-bd ul .teamtwo-2 .db-yyc{ background: url(../images/chb-yyc.png) no-repeat; width: 1180px; height: 201px; animation: mydbone 800ms; -moz-animation: mydbone 800ms; -webkit-animation: mydbone 800ms; -o-animation: mydbone 800ms; animation-fill-mode: forwards; position: absolute; top: 100%;}
.elite-team .team-content .team-hd{ margin-top: 40px; text-align: center;}
.elite-team .team-content .team-hd ul li{ width: 100px; position: relative; background: #999; height: 6px; margin-right: 15px; display: inline-block; cursor: pointer;}
.elite-team .team-content .team-hd ul li em{ width: 0; background: #88c6f2; height: 6px; display: inline-block; position: absolute; top: 0; left: 50%; visibility: hidden; -webkit-transition: 0.4s ease 0s; -moz-transition: 0.4s 0s; -o-transition: 0.4s 0s; transition: 0.4s 0s;}
.elite-team .team-content .team-hd ul li.on em{ width: 100%; left: 0; top: 0; background: #88c6f2; visibility: visible;}
.elite-team{ margin: 45px 0 52px 0; height: 800px;}
.more-title{ text-align: center;}
.more-title h1{ color: #999; font-size: 24px;}
.more-title h2{ color: #333; font-size: 36px;}
.cultural-life{ width: 1200px; margin: 0 auto;}
.cultural-life .cultural-life-nr {}

.cultural-life .cultural-life-nr ul li{ float: left; width: 390px; height: 260px;}
.cultural-life .cultural-life-nr ul li img{ width: 390px; height: 260px;}
.cultural-life .cultural-life-nr ul li + li{ background: url(../images/live-bg1.png) no-repeat; width: 205px; height: 260px; text-align: center; margin-left: -10px;}
.cultural-life .cultural-life-nr ul li + li + li,.cultural-life .cultural-life-nr ul li + li + li + li + li + li + li+li+li+li+li,.cultural-life .cultural-life-nr ul li + li + li + li + li + li + li+li+li{ width: 390px; height: 260px; margin: 0;}
.cultural-life .cultural-life-nr ul li + li + li + li{ background: url(../images/live-bg2.png) no-repeat; width: 205px; height: 260px; text-align: center; margin-left: -10px;}
.cultural-life .cultural-life-nr ul li + li + li + li + li{ background: url(../images/live-bg3.png) no-repeat; width: 205px; height: 260px; text-align: center; margin: 0; position: relative; z-index: 88;}
.cultural-life .cultural-life-nr ul li + li + li + li + li + li, .cultural-life .cultural-life-nr ul li + li + li + li + li + li + li + li{ width: 390px; height: 260px; margin-left: -10px; position: relative; z-index: 66;}
.cultural-life .cultural-life-nr ul li + li + li + li + li + li + li{ background: url(../images/live-bg4.png) no-repeat; width: 205px; height: 260px; text-align: center; margin: 0; position: relative; z-index: 88;}
.cultural-life .cultural-life-nr ul li + li + li + li + li + li + li+li+li+li{ background: url(../images/live-bg5.png) no-repeat; width: 205px; height: 260px; text-align: center; margin-left: -10px;}
.cultural-life .cultural-life-nr ul li + li + li + li + li + li + li+li+li+li+li+li{ background: url(../images/live-bg6.png) no-repeat; width: 205px; height: 260px; text-align: center; margin-left: -10px;}
.cultural-life .cultural-life-nr ul li .wb{ padding: 100px 0 0 0; height: 260px;}
.cultural-life .cultural-life-nr ul li p{ font-size: 18px; color: #fff; text-transform: uppercase;}
.cultural-life-nr{ padding: 50px 0;}
.about-jm {}

.about-jm .introduce{ width: 1200px; margin: 0 auto;}
.about-jm .introduce .introduce-nr{ padding: 70px 0;}
.about-jm .introduce .introduce-nr .left{ float: left; width: 690px; height: 290px;}
.about-jm .introduce .introduce-nr .left img{ width: 100%; margin-left: -100px;}
.about-jm .introduce .introduce-nr .right{ float: left; width: 504px;}
.about-jm .introduce .introduce-nr .right h1{ color: #333; font-size: 24px;}
.about-jm .introduce .introduce-nr .right h1 > span{ color: #999; font-size: 16px; margin-left: 20px;}
.about-jm .introduce .introduce-nr .right .wb{ color: #666; font-size: 14px; margin-top: 30px; width: 504px; text-align: justify; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; line-height: 28px;}
.about-jm .introduce .introduce-nr .right dl{ margin-top: 20px;}
.about-jm .introduce .introduce-nr .right dl dd{ display: inline-block; text-align: center; margin-right: 35px;}
.about-jm .introduce .introduce-nr .right dl dd p{ color: #696969; font-size: 16px;}
.about-jm .culture{ background: url(../images/culture.png) no-repeat; background-size: 100% 518px; width: 100%; height: 518px; overflow: hidden;}
.about-jm .culture .culture-nr{ width: 1200px; margin: 0 auto;}
.about-jm .culture .culture-nr .culture-left{ float: left;}
.about-jm .culture .culture-nr .culture-left .title{ margin-top: 20px;}
.about-jm .culture .culture-nr .culture-left .js-nr{ display: inline-block; vertical-align: middle;}
.about-jm .culture .culture-nr .culture-left .js-nr .wb{ display: inline-block; vertical-align: middle; margin-left: 10px;}
.about-jm .culture .culture-nr .culture-left .js-nr p{ color: #333; font-size: 24px;}
.about-jm .culture .culture-nr .culture-left .js-nr:before{ content: ""; display: inline-block; background: #88C6F2; width: 7px; height: 50px; vertical-align: middle; margin-top: 5px;}
.about-jm .culture .culture-nr .culture-left .js-nr p + p{ color: #666; font-size: 16px;}
.about-jm .culture .culture-nr .culture-left ul{ margin-top: 40px;}
.about-jm .culture .culture-nr .culture-left ul li{ margin-bottom: 25px;}
.about-jm .culture .culture-nr .culture-left{ float: left;}
.about-jm .culture .culture-nr .culture-right{ float: right;}
.about-jm .culture .culture-nr .culture-left .title h1{ color: #999; font-size: 36px; text-transform: uppercase;}
.about-jm .culture .culture-nr .culture-left .title h2{ color: #333; font-size: 30px;}
.Environment-show{ margin: 40px 0;}
.Environment-show .Environment-show-nr{ width: 1200px; margin: 0 auto; overflow: hidden;}
.about-jm .title-lm h1{ color: #999; font-size: 36px; text-transform: uppercase;}
.about-jm .title-lm{ text-align: center;}
.about-jm .title-lm h2{ color: #333; font-size: 30px;}
.about-jm .title-lm p{ color: #999; font-size: 16px;}
.Environment-show .Environment-show-nr .switchbutton{ text-align: center; padding-top: 40px;}
.Environment-show .Environment-show-nr .switchbutton ul li{ display: inline-block; vertical-align: top; text-align: center; cursor: pointer; margin-right: 67px;}
.Environment-show .Environment-show-nr .switchbutton ul li + li + li + li + li{ margin-right: 0;}
.Environment-show .Environment-show-nr .switchbutton ul li p{ color: #696969; font-size: 16px; margin-top: 6px;}
.Environment-show .Environment-show-nr .switchbutton ul li .btn-img{ position: relative; width: 43px; height: 35px; display: inline-block;}
.Environment-show .Environment-show-nr .switchbutton ul li .btn-img .pic-1, .Environment-show .Environment-show-nr .switchbutton ul li .btn-img .pic-2{ position: absolute; top: 0; left: 0;}
.Environment-show .Environment-show-nr .switchbutton ul li .btn-img .pic-2{ visibility: hidden;}
.Environment-show .Environment-show-nr .switchbutton ul li.on .btn-img .pic-2{ visibility: visible;}
.Environment-show .Environment-show-nr .switchbutton ul li.on .btn-img .pic-1{ visibility: hidden;}
.switchcontent{ margin-top: 20px; position: relative;}
.jcImgScroll ul li {}

.jcImgScroll ul li img{ width: 100%; height: 100%;}
.jcImgScroll ul li a{ background: #fff; display: block; position: relative; z-index: 99;}
.jcImgScroll .loading{ width: 450px !important; height: 317px !important;}
.jcImgScroll .select{ width: 600px !important; height: 422px !important;}
.jcImgScroll .sPrev{ background: url(../images/show-l-btn.png) no-repeat; width: 40px; height: 80px; left: 247.5px !important; top: 185px;}
.jcImgScroll .sNext{ background: url(../images/show-y-btn.png) no-repeat; width: 40px; height: 80px; left: 912px !important; top: 185px !important;}
.customer{ margin: 0 auto; width: 1200px;}
.customer .Customer-resources{ text-align: center; margin-top: 40px; position: relative;}
.customer .Customer-resources h1{ color: #67a1d5; font-size: 72px;}
.customer .Customer-resources p{ color: #333; font-size: 18px;}
.customer .Customer-resources ul li{ float: left; margin-right: 10px;}
.customer .Customer-resources ul .tc{ margin-top: 43px;}
.customer .Customer-resources ul .tc2{ margin-top: 71px;}
.customer .Customer-resources ul .tc4{ margin-top: 25px;}
.customer .Customer-resources ul .tc6{ margin: 16px 4px 0 0;}
.customer .Customer-resources ul .tc7{ margin: 15px 5px 0 0;}
.customer .Customer-resources ul .last{ margin-right: 0;}
.customer .Customer-resources .ul3 .tc5{ margin: 5px 4px 0 0;}
.customer .Customer-resources .ul3 .tc55{ margin: 6px 0 0 0;}
.customer .Customer-resources .ul3 .tc8{ margin: 7px 0 0 0;}
.customer .Customer-resources .ul3 .tc88{ margin: 5px 0 0 5px;}
.customer .Customer-resources .kh-list{ position: relative; margin-top: -55px;}
.customer .Customer-resources .kh-list .ul2{ position: relative; top: -18px;}
.customer .Customer-resources .kh-list .ul3{ position: relative; top: -18px;}
.contact-us{ margin: 60px 0;}
.contact-us .contact-us-nr{ width: 1200px; margin: 0 auto;}
.contact-us .contact-us-nr .left{ float: left; background: url(../images/about-us-leftbg.png) no-repeat; width: 480px; height: 680px;}
.contact-us .contact-us-nr .left .left-content{ padding: 60px 0 0 40px; color: #fff; font-size: 14px;}
.contact-us .contact-us-nr .left .left-content .wy{ margin-top: 90px;}
.contact-us .contact-us-nr .left .left-content dl{ margin-top: 40px; line-height: 25px;}
.contact-us .contact-us-nr .left .left-content dl dd{ font-size: 14px; font-weight: bold;}
.contact-us .contact-us-nr .right{ width: 720px; float: left; height: 680px; background: #eee;}
.contact-us .contact-us-nr .right .right-bj{ margin: 80px 100px 0 60px;}
.contact-us .contact-us-nr .right .right-bj h1{ font-size: 24px; color: #333; font-weight: bold;}
.contact-us .contact-us-nr .right .right-bj h2{ font-size: 14px; color: #696969; margin-top: 10px;}
.contact-us .contact-us-nr .right .right-bj form{ margin-top: 60px; width: 560px; overflow: hidden;}
.contact-us .contact-us-nr .right .right-bj form > div{ color: #999; font-size: 14px;}
.contact-us .contact-us-nr .right .right-bj form input{ width: 250px; padding-left: 10px; line-height: 36px; height: 36px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border: 1px solid #d8d8d8; outline: none; margin-top: 10px; background: #dee0e4;}
.contact-us .contact-us-nr .right .right-bj form .dy{ display: inline-block; vertical-align: top; position: relative;}
.contact-us .contact-us-nr .right .right-bj form .dy .spa{ position: absolute; left: 0; top: 74px;}
.contact-us .contact-us-nr .right .right-bj form .dy-2 .spa{ position: absolute; left: 0; top: 206px;}
.contact-us .contact-us-nr .right .right-bj form .dy-2{ margin-top: 38px; position: relative;}
.contact-us .contact-us-nr .right .right-bj form .dy + .dy{ margin-left: 20px;}
.contact-us .contact-us-nr .right .right-bj form input::-webkit-input-placeholder{ color: #cacaca;}

/* 使用webkit内核的浏览器 */

.contact-us .contact-us-nr .right .right-bj form input:-moz-placeholder{ color: #cacaca;}

/* Firefox版本4-18 */

.contact-us .contact-us-nr .right .right-bj form input::-moz-placeholder{ color: #cacaca;}

/* Firefox版本19+ */

.contact-us .contact-us-nr .right .right-bj form input:-ms-input-placeholder{ color: #cacaca;}
.contact-us .contact-us-nr .right .right-bj form #useraddress{ width: 506px; height: 172px; text-align: start; background: #dee0e4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border: 1px solid #d8d8d8; outline: none; padding: 8px 32px 0 10px; margin-top: 10px;}
.contact-us .contact-us-nr .right .right-bj form #sub{ background: #67a1d5; color: #fff; font-size: 14px; width: 280px; height: 36px; line-height: 36px; cursor: pointer; border: none; outline: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; margin: 65px 135px 0;}
.contact-us .contact-us-nr .right .right-bj form #useraddress::-webkit-input-placeholder{ color: #cacaca;}

/* 使用webkit内核的浏览器 */

.contact-us .contact-us-nr .right .right-bj form #useraddress:-moz-placeholder{ color: #cacaca;}

/* Firefox版本4-18 */

.contact-us .contact-us-nr .right .right-bj form #useraddress::-moz-placeholder{ color: #cacaca;}

/* Firefox版本19+ */

.contact-us .contact-us-nr .right .right-bj form #useraddress:-ms-input-placeholder{ color: #cacaca;}
.foot{ width: 100%; background: #494949; margin-top: 50px; padding-bottom: 30px;}
.foot .foot-content{ width: 1200px; margin: 0 auto;}
.foot .foot-content .list-dq{ padding-top: 40px;}
.foot .foot-content .list-dq ul li h1{ color: #fff; font-size: 18px; margin-bottom: 20px;}
.foot .foot-content .list-dq ul li a{ color: #fff; font-size: 14px; display: inline-block; line-height: 25px;}
.foot .foot-content a:hover{ color: #4998d0 !important;}
.foot .foot-content .list-dq ul .last{ text-align: center; border: none; margin-right: 0;}
.foot .foot-content .list-dq ul .last > p{ margin-top: 20px; color: #fff; font-size: 14px;}
.foot .foot-content .list-dq ul li{ float: left; width: 225px; height: 180px; overflow: hidden; border-right: 1px solid #fff; margin-right: 17px;}
.foot .foot-content .db{ margin-top: 27px;}
.foot .foot-content .db .left{ float: left;}
.foot .foot-content .db .right{ float: right;}
.foot .foot-content .db p > a{ color: #fff; margin: 0 8px;}
.foot .foot-content .db p{ color: #fff; font-size: 14px;}
.foot .foot-content .db p{ margin-top: 10px;}
@-webkit-keyframes zoomOutxg{ from{ opacity: 1;}
	50%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}
	to{ opacity: 0;}
	}
@keyframes zoomOutxg{ from{ opacity: 1;}
	50%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}
	to{ opacity: 0;}
	}
@-webkit-keyframes zoomInxg{ from{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}
	50%{ opacity: 1;}
	}
@keyframes zoomInxg{ from{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}
	50%{ opacity: 1;}
	}
@keyframes slideDownxg{ 0%{ transform: translateY(-100%);}
	50%{ transform: translateY(8%);}
	65%{ transform: translateY(-4%);}
	80%{ transform: translateY(4%);}
	95%{ transform: translateY(-2%);}
	100%{ transform: translateY(0%);}
	}
@-webkit-keyframes slideDownxg{ 0%{ -webkit-transform: translateY(-100%);}
	50%{ -webkit-transform: translateY(8%);}
	65%{ -webkit-transform: translateY(-4%);}
	80%{ -webkit-transform: translateY(4%);}
	95%{ -webkit-transform: translateY(-2%);}
	100%{ -webkit-transform: translateY(0%);}
	}
@keyframes mydbone{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ top: 64%;}
	}
@-moz-keyframes mydbone{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ top: 64%;}
	}
@-o-keyframes mydbone{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ top: 64%;}
	}
@keyframes mylefttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-moz-keyframes mylefttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-o-keyframes mylefttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@keyframes myrighttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ right: 0;}
	}
@-moz-keyframes myrighttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ right: 0;}
	}
@-o-keyframes myrighttwo{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ right: 0;}
	}
@keyframes myleftthree{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-moz-keyframes myleftthree{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}
@-o-keyframes myleftthree{ 0%{ opacity: 0}
	25%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ left: 0;}
	}

/*foot webmap*/

.list-container{ width: 1200px; margin: 30px auto;}
.list-container .group{ margin: 60px 0 30px 0;}
.list-container .group .title{ font-size: 24px;}
.list-container .group .top-group{ margin-top: 40px;}
.list-container .group .groups{ margin-top: 20px;}
.list-container .group .title a{ font-size: 16px; float: right; width: 100px; height: 30px; line-height: 30px; color: #fff; background: #ffc700; text-align: center;}
.list-container .group .top-group ul li{ display: inline-block; margin-left: 25px; margin-bottom: 25px;}
.list-container .group .top-group a{ padding: 10px 10px; background: #e8e8e8; font-size: 16px; color: #333;}
.list-container .group .groups ul li{ border-bottom: 1px dashed #999; margin-bottom: 25px;}
.list-container .group .groups .k{ display: inline-block; font-size: 18px; margin: 0 30px 0 20px;}
.list-container .group .groups .v{ display: inline-block; vertical-align: top; width: 1100px;}
.list-container .group .groups .v a{ line-height: 20px; margin-right: 20px; margin-bottom: 20px; font-size: 16px; display: inline-block; color: #666666;}
.map-produt .map-produt-title{ margin: 25px 0; font-size: 16px; color: #67a2d5; padding-left: 20px; border-left: 5px solid #67a2d5;}
.map-produt-cate_list{ margin: 15px 0;}
.map-produt-cate_list a{ padding: 2px; color: #333; font-size: 14px; margin-right: 15px;}
.map-produt-cate_list a:hover{ background: #67a2d5; color: #fff;}
.map-produt-cate_list ul li{ margin-bottom: 15px;}
.product-main .product-content .container-right .search-products ul li{ display: inline-block; margin: 0 20px 20px 0;}
.product-main .product-content .container-right .search-products ul li{ display: inline-block; margin: 0 20px 20px 0;}
.product-main .product-content .container-right .search-products .products-title{ text-align: center;}
.product-main .product-content .container-right .search-products .product-img img{ width: 150px;}
.product-main .product-content .container-right .search-news ul li{ margin: 0 0 20px 0; border-top: 1px solid #ccc; padding-top: 15px;}
.product-main .product-content .container-right .search-news .search-news-title{ font-size: 16px;}
.product-main .product-content .container-right .search-news .search-news-discription{ margin-top: 10px;}
.product-main .product-content .container-right .search-news .search-news-basic{ color: #999999;}
.product-main .product-content .container-right .search-news .search-news-basic span{ margin-right: 20px;}