*,::before,::after {margin:0 ; padding:0 ;font-size: 12px;color: #333;font-family: "MicrosoftYaHei";box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
img {display: block;}
a {text-decoration: none;}
.clearfix {content: "";display:block;clear: both;}
.container {margin: 0 auto; width:100%;max-width: 768px;min-width: 320px;}
li {list-style: none;}
li.on a p {color: #fdc800;}
.blue {height: 37px; background: #023867;}
.blue>a {color: #fff;border-top:none;}
/* 定位 */
.location {margin-top: 5px;text-align:left;padding:0 0 0 10px;}
.location span{display: inline-block; color: #666;padding-left: 20px; background: url(../image/定位.png)no-repeat left center;line-height: 25px;}
.location a {display: inline-block; color: #333;line-height: 25px;}
.location a:first-of-type {color: #666;}
.location a:last-of-type {color: #023867;}
/* 查看详情botton */
.xq-bottom {width: 135px; height: 32px;border: 1px solid #023867; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.xq-bottom:hover {width: 135px; height: 32px;background: #023867;}
.xq-bottom span {display:block;background: url(../image/更多1.png)no-repeat 97px 10px;width: 135px; height: 32px;line-height: 32px;text-indent: 33px;color: #023867;}
.xq-bottom:hover span {background: url(../image/更多.png)no-repeat 97px 10px;}
.xq-bottom span a {display:block;width: 135px; height: 32px;text-decoration: none;color: #023867;}
.xq-bottom span:hover a {text-decoration: none;color: #fff;}
/* 跳转分页 */
.jump {text-align: center;margin-bottom: 30px;}
.jump ul {display: inline-block;}
.jump ul li {float: left;margin:0px 5px 5px; width: 28px; height: 25px; list-style: none;background: #eaeaea; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.jump ul li a {display: block;width: 25px; height: 25px;line-height: 25px;text-decoration: none;}
.jump ul li:first-of-type {width: 45px;} 
.jump ul li:first-of-type a {width:45px;}
.jump ul li:last-of-type {width: 45px;} 
.jump ul li:last-of-type a {width:45px;}
.jump ul li:hover {background: #023867;}
.jump ul li:hover a {color: #fff;}
/* normal-title */
.normal-title {background: url(../image/hr_long2.png)no-repeat center 10px;}
.normal-title-center {margin: 0 auto;}
.normal-title-center p:first-child {font-size: 24px;color: #023867;font-weight: bold;text-align: center;}
.normal-title-center p:first-child span {margin-left: 13px; font-size: 22px; color: #023867;font-weight: bold;}
.normal-title-center p:nth-child(2) {margin-top:15px;font-size:18px;text-align: center;color: #023867;}
/* switch-nav */
.switch-nav {height: 60px; background-color: #f5f5f5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.switch-nav ul li {float: left; height: 60px;list-style: none;width:25%;}
.switch-nav ul li a {display: block;margin:10px 0;height: 40px;line-height: 40px;text-align: center;color: #999;text-decoration: none; border-right: 1px solid #fff;border-left:1px solid #d7d7d7;}
.switch-nav ul li:first-of-type a {border-left:none;}
.switch-nav ul li:last-of-type a {border-right:none;}
.switch-nav ul li:hover {background: url(../image/多边形1.png)no-repeat center 51px;}
.switch-nav ul li:hover a {color: #023867;}
.switch-nav ul li.on {background: #023867;}
.switch-nav ul li.on a {color: #fff;}
/* banner */
.banner {margin: auto;position: relative;text-align: center}
.banner img {width: 100%;}
/* telephone-inquiry */
.telephone-inquiry {text-align:center;background: brown;margin:0 0 15px 0}
.telephone-inquiry a {display: block;}
.telephone-inquiry span {display: inline-block; color: #fff;line-height: 50px;background: url(../image/index_nav7.png)no-repeat center left;padding-left: 30px;}
/* ------------------header----------------- */
.header-middle-logo {float: left;width: 30%;}
.header-middle-logo img{float: left;}
.header-middle-logo img:first-child{width: 90%;margin-top: 10px;margin:0 5% 0 3%;padding:8px 0 0 0;}
.header-middle-logo img:nth-of-type(2){width:1%;height:60px }
.header-middle-font {float: left;margin-top:10px;width: 70%}
.header-middle-font p {font-size: 14px;line-height:22px;color: #003868;font-weight: bold;text-align: center;}
.header-middle-tel {float:left;width:70%;}
.header-middle-tel-main {width: 80%;margin: 0 auto;text-align: center;padding:12px 0 0 0;}
.header-middle-tel-main img {display: inline-block;width:15%;}
.header-middle-tel-main div {display: inline-block;width:83%;}
.header-middle-tel-main p:first-child {font-size: 11px;line-height:17px;font-weight: bold;text-align: left;}
.header-middle-tel-main p:nth-child(2) {font-size: 11px;line-height:17px;color: #003868;font-weight: bold;text-align: left;}
.header-middle-tel-main p:last-child {font-size: 11px;line-height:15px;color: #003868;font-weight: bold;text-align: left;}
.header-bottom {background: #023867;text-align: center;}
.header-bottom ul li {float:left;width: 25%;border-right: 1px solid #000b13;border-left:1px solid #205a8d;}
.header-bottom ul li a {display:block;text-align:center;width:100%;line-height:30px;text-decoration: none;}
.header-bottom ul li:first-of-type {border-left: none;}
.header-bottom ul li:last-of-type {border-right: none;}
.header-bottom ul li a img {height: 20px;}
.header-bottom ul li a p {padding-top: 24px; bottom:0;  color: #fff;}
.header-bottom ul li:hover a p {color: #fdc800;}
.header-bottom ul li:first-child {background: url(../image/index_nav3.png)no-repeat center 10px;}
.header-bottom ul li:nth-child(2) {background: url(../image/index_nav6.png)no-repeat center 10px;}
.header-bottom ul li:nth-child(3) {background: url(../image/index_nav5.png)no-repeat center 10px;}
.header-bottom ul li:nth-child(4) {background: url(../image/index_nav7.png)no-repeat center 10px;}
.header-bottom ul li.on a p {color: #fdc800;}
.header-bottom ul li:first-child.on {background: url(../image/index_nav3_1.png)no-repeat center 10px;}
.header-bottom ul li:nth-child(2).on {background: url(../image/index_nav6_1.png)no-repeat center 10px;}
.header-bottom ul li:nth-child(3).on {background: url(../image/index_nav5_1.png)no-repeat center 10px;}
.header-bottom ul li:nth-child(4).on {background: url(../image/index_nav7_1.png)no-repeat center 10px;}


/* ------------------footer----------------- */
.footer {padding:10px 0 75px 0;background: #023867;}
.footer-copyright p {margin: 0 auto;line-height: 22px;color: #fff;text-align: center;}

/* flex-nav */
.flex-nav {position: fixed;bottom:0;background: #023867; bottom:0;width: 100%;z-index: 9999;}
.flex-nav ul {width: 100%;}
.flex-nav ul li {float: left;width: 25%;border-right: 1px solid #000b13;border-left:1px solid #205a8d;}
.flex-nav ul li:first-of-type {border-left: none;}
.flex-nav ul li:last-of-type {border-right: none;}
.flex-nav ul li a {display: block;width: 100%;}
.flex-nav ul li a p {padding-top: 24px;color: #fff;text-align: center;line-height: 30px;}
.flex-nav ul li:first-child {background: url(../image/index_nav1.png)no-repeat center 10px;}
.flex-nav ul li:nth-child(2) {background: url(../image/index_nav1.png)no-repeat center 10px;}
.flex-nav ul li:nth-child(3) {background: url(../image/index_nav1.png)no-repeat center 10px;}
.flex-nav ul li:nth-child(4) {background: url(../image/index_nav1.png)no-repeat center 10px;}
.flex-nav ul li a {position: relative;}
.flex-nav-qrcode {position: absolute; top:-54px;background: #666;display:none;}
.flex-nav-qrcode img{width: 100%;padding: 2px;}

/* ------------------index----------------- */
/* index-title */
.index-title {background: url(../image/hr_long.png)no-repeat center 10px;background-size:280% auto;}
.index-title-center {margin: 0 auto 10px auto;width:100%;}
.index-title-center p:first-child {font-size: 16px;line-height:22px;color: #023867;font-weight: bold;text-align: center;}
.index-title-center p:first-child span { font-size: 12px; color: #023867;font-weight: bold;}
.index-title-center p:nth-child(2) {margin-top:5px;font-size:12px;text-align: center;color: #023867;}
/* index-banner */
.index-banner {position: relative; height:auto;}
.swiper-slide {float: left;}
.swiper-slide img {display: block;width: 100%;}
.swiper-pagination-bullet {background: #fff;opacity: 1;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #023867;}
/* index-search */
.index-search-frame {padding: 10px 0;}
.index-search-frame form {display:block;width: 100%;}
.index-search-frame form input:nth-child(2) {float:left;width:70%;margin-left: 5%;line-height: 30px;background: url(../image/搜索.png) no-repeat 6px center; border: solid 1px #023867;}
.index-search-frame form input:nth-child(2):focus {background: none;}
.index-search-frame form input:nth-child(3) {float:left;width:20%;line-height: 30px;background-color: #023867;border: solid 1px #2697e9;color: #fff;}
/* index-productDisplay */
.index-productDisplay {padding: 30px 0;background: #f8f8f8;}
.index-productDisplay-listArea .product-right {float: none;}
.index-productDisplay-listArea .product-right ul {display: none;}
.index-productDisplay-column {margin: 10px 0;}
.index-productDisplay-column li {float: left;width: 50%;font-size: 14px;line-height: 40px;background: #023867;color: #fff;text-align: center;border: 1px #000 solid;}
.index-productDisplay-column li.on {background: #fdc800;}
.index-productDisplay-column>a {float: left;width: 50%;font-size: 14px;line-height: 40px;background: #023867;color: #fff;text-align: center;border: 1px #000 solid;}
/* index-supplier */
.index-supplier {position: relative;}
.index-supplier img {width:100%;}
/* index-case */
.index-case {padding: 20px 0;}
.index-case ul {}
.index-case ul li {margin-left: 3.3%; float: left;width:45%;list-style: none;overflow: hidden;}
.index-case ul li img {width:auto;height: 122px;border-top: #fdc800 2px solid;margin:0 auto}
.index-case ul li h2 {margin-bottom:6px;line-height:35px;height:35px; color: #023867;text-align: center;overflow: hidden;}
.index-case-text {height: 40px;line-height: 40px;margin-left: 8px;margin-right:15px;border-bottom:1px dotted #d3d1d1;font-size: 13px;color: #2697e9;}
.index-case-text span:first-of-type{width: 14px; float: left; font-size: 13px;color: #2697e9;}
.index-case-text a {float: left;width: 240px;text-align: left; text-decoration: none; font-size: 13px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index-case-text span:last-of-type {width: 73px; float: right; font-size: 13px;}
.index-case-text:hover a {text-decoration: underline #023867;color: #023867;}
/* index-news */
.index-news {padding: 0 0 10px 0;background: #f8f8f8;}
.index-news>ul {margin-top:10px;}
.index-news>ul li {float: left;width: 33.3%;text-align: center;background: #023867;color: #fff;line-height: 30px;border-right: 1px solid #000b13;border-left:1px solid #205a8d;}
.index-news>ul li:first-child {border-left: none;}
.index-news>ul li:last-of-type {border-right: none;}
.index-news>ul li.on {background: #fdc800;}
.index-news-area ul {display: none;padding:10px 0;}
.index-news-area ul li {width: 96%;margin:0 auto;padding-left:2%; border-bottom: #666 dotted 1px;background: url(../image/triangle.png)no-repeat center left;}
.index-news-area ul li a {height: 40px;line-height: 40px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding: 0 0 0 10px}

/* ------------------product-xx----------------- */
.product-xx {padding-bottom:30px;}
.product-xx img{max-width:96% !important;height: auto !important; margin:0 auto}
.product-xx-header {background: url(../image/标题背景、.png)no-repeat center center; text-align: center;line-height: 40px;color: #fff;font-size: 16px;}
/* product-xx-title-text */
.product-xx-title {position: relative; margin-top:20px;margin-bottom: 20px;background: #f7f7f7;}
.product-xx-title-left {width:90%;margin: 10px auto;}
.product-xx-title-left-img img {width:100%;margin: 10px auto;}
/* .product-xx-title-left-small {width:100%;background:rgba(255, 255, 255, .3);}
.product-xx-title-left-small img {float: left;width:18%;margin-right:2%;cursor: pointer;}
.product-xx-title-left-small img:last-of-type {margin-right: 0;}
.product-xx-title-left-small img.on {border: 1px solid #023867;} */
.product-xx-title-text {width: 90%;margin: 20px auto;}
.product-xx-title-text header>span {display: block;}
.product-xx-title-text header>span:first-of-type {margin: 10px 0;font-size: 16px;color: #023867;line-height: 22px;text-align: center;}
/* .product-xx-title-text header>span:last-of-type {width: 121px; height: 37px;line-height: 37px; background-color: #fdc800; box-shadow: 0px 2px 3px 0px rgba(11, 2, 5, 0.16); border-radius: 3px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } */
/* .product-xx-title-text header>span:last-of-type img {float: left; padding: 11px 8px 0px 20px;}
.product-xx-title-text header>span:last-of-type span {float: left;line-height: 37px; color: #023867;} */
.product-xx-title-text p {margin-top: 14px;line-height: 22px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.product-xx-title-text p span {color: red;font-weight: bold;font-size: 13px;}
.product-xx-title-qrcode {margin-top:15px;}
.product-xx-title-qrcode img {width: 50%;margin:0 auto;padding-bottom: 10px;}
/* product-xx-introduce */
.product-xx-introduce {width: 90%;margin:0 auto 26px;}
.product-xx-introduce header h3 {margin-bottom: 12px; padding-bottom: 4px; color: #023867;border-bottom: 2px solid #023867;text-align: center;}
.product-xx-introduce p {font-size: 12px;line-height: 22px;}
.product-xx-introduce>h3 {margin-top: 19px; color: #13568a;font-weight: normal;}
.product-xx-introduce img {max-width: 100% !important;margin: 0 auto !important;}
/* product-xx-success */
.product-xx-success {margin: 60px 0;}
.product-xx-success-list ul li {float: left;list-style: none;width:50%;text-align: center;background: #f7f7f7; border-bottom: 2px solid #dfdfdf;}
.product-xx-success-list ul li:last-of-type {margin-right: 0px;}
.product-xx-success-list ul li p:first-child {margin: 0 auto;width:90%; font-size: 14px;color: #023867;line-height: 22px;}
.product-xx-success-list ul li p:last-child {margin: 0 auto;width:96%;font-size: 12px;line-height: 22px;} 
.product-xx-success-list ul li:hover {background: #fdc800;border-bottom: 2px solid #fff;cursor:pointer;}
.product-xx-success-list ul li:hover p {color: #023867;}
.product-xx-success-list ul li.list-click {background: #fdc800;border-bottom: 2px solid #fff;}
.product-xx-success-list ul li.list-click p {color: #023867;}
.product-xx-success-list ul li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-xx-success-area {margin-top: 10px;}
.product-xx-success-simple {display: none;border:#f2f1f1 1px solid;}
.product-xx-success-simple img {width: 100%;border: 2px solid #fff;}
.product-xx-success-simple-text {background: #f7f7f7;}
.product-xx-success-simple-text h3 {width: 90%;margin: 0 auto 5px; padding-top:27px;text-align: center; font-weight: normal;}
.product-xx-success-simple-text p {width: 90%;margin: 12px auto 0;padding-bottom: 10px; line-height: 22px;color: #666;}
.product-xx-success-simple-text a {display: block;margin: 10px auto; width: 50%;background: #023867;color: #fff;line-height: 40px;text-align: center;}
/* product-xx-about */
.product-xx-about ul {margin-top: 50px;}
.product-xx-about ul li {display: block; width: 90%;margin: 0 auto 10px; border: solid 1px #dddddd;list-style: none;}
.product-xx-about ul li:hover {border: solid 1px #023867;}
.product-xx-about ul li img {float:left; width:40%;}
.product-xx-about-text {float:right;width:55%;}
.product-xx-about-text h3 {font-weight: normal;margin-top:10px; margin-bottom:6px;}
.product-xx-about-text p {line-height:22px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-xx-about-text p:nth-of-type(2) {-webkit-line-clamp: 1;}
.product-xx-about-text p span {color: #023867;}
.product-xx-about .xq-bottom {margin-top:9px;}

/* ------------------product----------------- */
/* product-list */
.product .index-productDisplay-column {margin: 0 0 10px;}
.product .index-productDisplay-column li a {width: 50%;font-size: 14px;line-height: 40px;color: #fff;text-align: center;}
.product-right {width:100%;}
.product-right>ul {width: 100%;}
.product-right>ul li {float: left; margin: 10px 0 10px 3.3%;padding-bottom: 10px; width: 45%;list-style: none;background-color: #f7f7f7;border: solid 1px #e8e6e6;}
.product-right>ul li img {margin:10px auto;width:80%;}
.product-right>ul li div:nth-child(2) {margin:0 auto;margin-right:12px;width:90%;}
.product-right>ul li div:nth-child(2) h3 {font-weight: normal;margin-bottom: 3px;line-height: 22px;text-align: center;height:44px;}
.product-right>ul li div:nth-child(2) p {line-height:22px;}
.product-right>ul li div:nth-child(2) a {display:block;width: 70%; margin:5px auto;color: #fff;background: #023867;line-height: 25px;text-align: center;}
.product-right>ul li:hover {border: solid 1px #023867;}
.product-right>ul li:hover div:nth-child(2) h3 {color: #023867;}
.product-right>ul li p{padding:0 5%; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-right .jump {margin-top:15px;}
.product-area>ul li {float: none;}
.product-area>ul li {margin:0 auto 10px auto;width:94%;list-style: none;background-color: #f7f7f7;border: solid 1px #e8e6e6; padding:1%}
.product-li-left {float: left;width:48%;display: table; padding:0 2% 8px 0;line-height: 22px;}
.product-li-left div {display: table-cell;vertical-align: middle;height:auto;}
.product-li-left img {width:100%;height:auto;margin-bottom:5px}
.product-li-left h3 {padding: 0 5px; text-align: center;}
.product-li-right {float: left;width: 50%;position: relative;height:auto;}
.product-li-right-normal {width: 100%;}
.product-li-right-normal span {color: #0067ac;line-height: 22px;font-weight: bold;}
.product-li-right-normal p {height: 88px;line-height: 22px; text-overflow: -o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.product-li-right-normal.top {top:0;}
.product-li-right-normal.bottom {top:110px;}
.product-area>ul li:hover {border: solid 1px #023867;}
.product-area .jump {margin-top:15px;}

/* product-case */
.product-case ul{margin: 20px auto;}
.product-case ul li {float: left;list-style: none;margin-right: 16px;margin-bottom:20px;}
.product-case ul li:nth-of-type(3n) {margin-right: 0;}
.product-case ul li h2 {color: #023867;margin-bottom: 15px;}
.product-case ul li div {width: 356px;height: 549px;box-shadow: #d8d8d8 0 0 5px 5px;}
.product-case ul li div img {padding-top:25px;padding-left: 23px; width: 310px;height: 273px;}
.product-case ul li div footer {margin: 17px 23px;}
.product-case ul li div h2 {margin-left: 23px;width:300px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product-case ul li div p {margin: 0 23px;color: #666;line-height: 26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.product-case ul li div a {display: block;text-align: right;margin-top:15px;margin-right: 23px; color: #023867;}

/* ------------------case----------------- */
/* case */
.case .normal-title {margin:25px 0;}
.case .switch-nav {margin: 25px 0;}
.product-case .jump {margin: 25px 0;}
.case .index-title {margin: 20px 0;}
.case .switch-nav {margin: 25px 0 0;}
.case .switch-nav ul li {width:33.3%;}
.case .index-news-area ul {display: block;}
/* support */
.support ul {margin-top:50px;margin-bottom: 80px;}
.support ul li {float: left;width: 350px;margin-right:25px;list-style: none;}
.support ul li:last-of-type {margin-right: 0;}
.support ul li h2 {margin-bottom:12px;color: #023867;}
.support ul li>div {height: 558px;width: 350px;background: #f9f9f9;}
.support ul li>div img {width: 350px;height: 309px;border-top:2px solid #fdc800;}
.support ul li>div h3 {font-weight: normal;margin: 18px 18px 13px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.support ul li:hover>div h3 {color: #023867;}
.support ul li>div p {margin: 0 24px 0 17px; line-height: 26px;color: #666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.support .xq-bottom {margin: 30px auto 0;}

/* ------------------about----------------- */
.about-us .switch-nav {margin-top: 51px;}
.about-introduce {margin-top:110px;}
.about-introduce h1 {margin-bottom: 25px;}
.about-introduce>p {line-height: 32px; text-indent: 2em;}
.about-introduce-bottom {position: relative; margin-top:52px;height: 318px;}
.about-introduce-bottom img {position: absolute; left: 0;z-index: 1;}
.about-introduce-bottom div {position: relative; float: right; width: 330px; height: 176px;margin-top: 139px;margin-left: 28px;z-index:2; border: solid 2px #ffffff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.about-introduce-bottom div:first-child {background: #023867;}
.about-introduce-bottom div h1 {margin: 18px 0 13px 25px;font-weight: normal;}
.about-introduce-bottom div p {margin: 0 30px 0 24px;font-size: 16px;line-height: 26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.about-introduce-bottom div:first-child  {background: #023867;}
.about-introduce-bottom div:first-child h1 {color: #fff;}
.about-introduce-bottom div:first-child p {color: #fff;}
.about-introduce-bottom div:nth-child(2) {background: #fdc800;}
.about-introduce-bottom div:nth-child(2) h1 {color: #023867;}
.about-introduce-bottom div:nth-child(2) p {color: #023867;}
/* development-history */
.development-history {margin-top: 60px;}
.development-history h1 {font-weight: normal;margin-bottom: 5px;}
.development-history p {color: #999;}
.development-history img {margin-top: 45px; height: 916px;}
.video {margin-top: 30px; margin-bottom: 100px; height: 462px;background: #dddddd;}

/* ------------------certificate----------------- */
/* certificate */
.certificate .switch-nav {margin:43px 0 67px; }
.certificate-list ul li {float: left;margin-right:26px;margin-bottom: 25px;width: 350px;list-style: none;}
.certificate-list ul li div {text-align: center;width: 350px;height: 382px;background:url(../image/证书bg.jpg)no-repeat center center;}
.certificate-list ul li div img {display: inline-block; margin-top: 54px; width: 226px;height: 275px;}
.certificate-list ul li p {margin-top: 15px;text-align: center;}
.certificate-list ul li:nth-of-type(3n) {margin-right: 0;}
.certificate .jump {margin: 84px 0 104px;}

/* ------------------team----------------- */
.team .switch-nav {margin-top: 53px;}
.team-main {margin-top: 68px;margin-bottom: 100px;}
.team-main p {margin-bottom: 10px;font-size: 20px;}

/* ------------------研发室----------------- */
/* yfs */
.yfs .switch-nav {margin-top: 53px;}
.yfs-list {margin: 50px 0;}
.yfs-list ul li {float: left;margin-bottom: 20px;margin-right: 20px;width: 353px;list-style: none;}
.yfs-list ul li:nth-of-type(3n) {margin-right: 0;}
.yfs-list ul li a {text-decoration: none;}
.yfs-list ul li a img {width: 353px;height: 244px;border-radius: 8px;}
.yfs-list ul li a p {margin-top: 15px;font-size: 16px;text-align: center;}
.yfs .jump {margin:50px 0 104px;}

/* ------------------skill&news----------------- */
/* skill-news-title */
.skill-news-title {margin-top:30px;margin-bottom: 35px; border-bottom: solid 1px #dddbdb;}
.skill-news-title span {display:inline-block; padding-bottom: 8px;border-bottom: solid 2px #dddbdb;font-size: 22px;}
/* company-news */
.company-news-left {float: left;width: 427px;height: 628px;}
.company-news-left-img {width: 427px;height: 384px;}
.company-news-left-img img {display: none; width: 427px;height: 348px;}
.company-news-left-img-switch {width: 427px;height: 36px;background-color:rgba(2,56,103,.48);text-align: center;}
.company-news-left-img-switch ul {display: inline-block;}
.company-news-left-img-switch ul li { float: left; width: 10px; height: 10px; margin: 12px 5px 0;list-style: none;cursor: pointer; background: #fff; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.company-news-left-img-switch ul li span{display:block;margin: 2px 2px; width: 6px; height: 6px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.company-news-left-img-switch ul li.img-swich-on span{background: #023867;}
.company-news-left-text {display: none; width: 427px;height: 244px;background: #f6f5f5;}
.company-news-left-text h3 {padding:30px 23px 16px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.company-news-left-text p {padding:0 23px;text-indent: 8px;color: #8f8d8d;line-height: 26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.company-news-left-text p a {color: #023867;line-height: 26px;text-decoration: none;}
.company-news-right {float: right;width: 655px;}
.company-news-right ul li {list-style: none;margin-bottom:17px;width: 653px;height: 198px;border: solid 1px #f6f5f5}
.company-news-right ul li img {float: left;padding:10px;width: 197px;height: 178px;}
.company-news-right ul li div:first-of-type {float: right;margin-top:25px; padding-right:11px;width:420px;}
.company-news-right ul li div:first-of-type h3 {font-weight: normal;}
.company-news-right ul li div:first-of-type footer {margin: 12px;color: #999;}
.company-news-right ul li div:first-of-type p {color: #666;line-height: 24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.company-news-right ul li div:first-of-type p a {color: #023867;line-height: 24px;text-decoration: none;}
.company-news-more {margin: 40px 0 50px;text-align: center;}
.company-news-more a {display: inline-block;color: #023867;font-size: 18px;text-decoration: underline #023867;}
/* product-recommend */
.product-recommend {padding: 37px 0 80px; background: #f6f5f5;}
.product-recommend .skill-news-title {margin-bottom: 35px;}
.product-recommend ul li {float: left;margin-right: 16px; width: 261px;height: 389px;list-style: none; border: solid 1px #d3d1d1;}
.product-recommend ul li:last-of-type {margin-right:0;}
.product-recommend ul li:hover {border: solid 1px #023867;}
.product-recommend ul li img {padding: 5px 6px 0 7px; width: 248px;height: 189px;}
.product-recommend ul li h3 {font-weight: normal;margin:14px 0 12px 12px;}
.product-recommend ul li:hover h3 {color: #023867;}
.product-recommend ul li p {padding: 0 17px 0 11px;color: #666;line-height: 24px;text-indent: 8px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.product-recommend .xq-bottom {margin: 14px auto;}

/* ------------------news----------------- */
.news {padding: 55px 0 80px;}
.news .index-productDisplay {background: #fff;}
.news .index-productDisplay-left {float: left;}
.news-list ul{padding:10px 16px 30px;}
.news-list ul li {width: 213px;height: 45px;list-style: none; border-bottom: 1px solid #fff;background: url(../image/更多2.png)no-repeat 35px center;}
.news-list ul li:hover {background: url(../image/更多1.png)no-repeat 35px center;}
.news-list ul li a {display: block;width: 213px;height: 44px;line-height: 44px; border-bottom: 1px solid #dbdada;text-decoration: none;text-indent: 66px;}
.news-list ul li.news-on {background: url(../image/更多1.png)no-repeat 35px center;}
.news-right {float: right; margin-bottom: 27px; width: 834px;}
.news-right>ul li {margin-bottom: 27px; width: 832px;height: 228px;border: solid 1px #eeeeee;list-style: none;box-shadow: #f7f7f7 4px 4px 5px 2px;}
.news-right>ul li:hover{border: solid 1px #023867;}
.news-right>ul li img {float: left; padding: 11px 12px; width: 245px;height: 208px;}
.news-right>ul li>div:first-of-type {float: right;padding-top: 22px;padding-right: 12px;width: 544px;}
.news-right>ul li>div:first-of-type h2 {font-weight: normal;}
.news-right>ul li>div:first-of-type footer {margin:10px 0 12px;color: #999;}
.news-right>ul li>div:first-of-type p {line-height: 26px;color: #666666;text-indent: 1em; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-right>ul li .xq-bottom {margin-top:14px;}
.news-right .jump {margin-top: 54px;}

/* ------------------news-xx----------------- */
.news-xx {padding-bottom: 40px;}
.news-xx-left {width:90%;margin:23px auto;}
.news-xx-left header {font-size:16px;}
.news-xx-left footer {margin: 10px 0 20px;color: #747474;}
.news-xx-left footer span {float: right; text-align: right;color: #747474;}
.news-xx-left footer span img {display: inline-block;}
.news-xx-left footer span a {display: inline-block;margin-left: 10px;}
.news-xx-left p {line-height: 22px;}
.news-xx-left div {text-align: center}
.news-xx-left img {max-width:100% !important;margin:5px auto;height:auto !important;}
.news-xx-left div p {margin-bottom: 12px;text-align: left;}
.news-xx-left a {display: block; text-decoration: none;margin-bottom: 5px;}
.news-xx-right {width:90%;margin:25px auto 0;}
.news-xx-right h2 {margin-bottom: 15px;}
.news-xx-right ul li {list-style: none;width:90%;margin: 0 auto;border-bottom: 1px solid #dadada;}
.news-xx-right ul li a {display: block;padding-right: 10px; margin-bottom: 4px;text-decoration: none;line-height: 22px;}
.news-xx-right ul li footer {color: #c4c2c2;line-height: 22px; }

/* ------------------case-xx----------------- */
.case-xx {margin: 23px auto 40px;width: 90%;}
.case-xx header {font-size:16px;font-weight: bold;text-align: center;}
.case-xx footer {margin: 10px 0 20px;text-align: center;color: #666;}
.case-xx footer a {color: #666;}
.case-xx img {width: 100%!important;margin: 10px 0;height: auto!important;}
.case-xx p {line-height: 22px;} 
.case-xx-title {font-weight: bold;font-size: 13px;}
.case-xx-main {text-indent: 2em;margin-top:5px;}
.case-xx-jump {margin-top:20px;text-align: center;}
.case-xx-jump div a {text-decoration: none;display: block;line-height: 22px;text-align: left;}
.case-xx-jump span {display: inline-block;margin-top:15px;width:50%;background: #fdc800;}
.case-xx-jump span a {display:block;width:100%;line-height: 40px;text-decoration: none;color: #023867;}

/* ------------------contact----------------- */
.contact-title {text-align: center;}
.contact-title>div {display: inline-block;}
.contact-title>div>div:first-child {float: left;font-size: 35px;color: #acacac;margin-right: 8px;}
.contact-title>div>div:nth-child(2) {float: left;text-align: left;padding-top: 6px;}
.contact-title>div>div:nth-child(2) p:first-child {font-size: 14px;}
.contact-title>div>div:nth-child(2) p:last-child {font-size: 10px;color: #999;}
/* contact-information */
.contact-information {margin: 24px 0 40px;}
.contact-information ul {margin-top: 28px;}
.contact-information ul li { width:90%;margin:0 auto 10px; padding-bottom: 10px; list-style: none;text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.contact-information ul li:first-child {background-color: #f5f5f5;}
.contact-information ul li:nth-child(2) {background-color: #ddf2f4;}
.contact-information ul li:nth-child(3) {background-color: #ebf3da;}
.contact-information ul li:nth-child(4) { background-color: #d5ecf9;}
.contact-information ul li img{display:block;width: 10%;margin:0 auto;padding-top:10px;}
.contact-information ul li h1 {margin-top: 6px;margin-bottom: 9px;}
.contact-information ul li p {width: 90%;margin: 0 auto; font-size: 12px;line-height: 22px;}
.contact-information ul li:nth-child(2) h1 {margin-bottom: 10px;}
.contact-information ul li:nth-child(3) p:first-of-type {color: #a59b9b;}
.contact-information ul li:nth-child(4) p:first-of-type {color: #a59b9b;}
/* how-to-go */
.how-to-go {padding: 25px 0;background: #f5f5f5;}
.method {width: 90%;margin:37px auto 20px;}
.method img {float: left;margin-right: 15px;margin-top:-10px;}
.method div:first-of-type {float: left;}
.method div:first-of-type header {margin: 12px 0 30px;font-size: 20px;font-weight: bold;}
.method div:first-of-type p {line-height: 26px;}
.how-to-go>div:nth-child(2) div:first-of-type header {color: #fdc800;}
.how-to-go>div:nth-of-type(3) div:first-of-type header {color: #023867;}
/* map */
.map {height: 391px;margin-top: 65px;margin-bottom: 80px;}

.scene{margin:0 0 70px 0;}
.scene_con{width: 1102px;margin: 39px auto 0 auto;}
.about_scene img{display: block;height: 565px!important;}
.jPicture-container{display:block;position:relative;overflow:hidden}
.jPicture-container a
{display:block;color:#fff;text-decoration:none}
.jPicture-container img{border:0}
.jPicture-inner{position:absolute;height:100%;top:0;left:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.jPicture-part{overflow:hidden}
.jPicture-fade{width:100%}
.jPicture-fade .jPicture-part{position:absolute;display:none}
.jPicture-slide .jPicture-part{float:left}
.jPicture-slide img{display:block}
.jPicture-dot{position:absolute;bottom:15px;left:50%}
.jPicture-dot b{display:block;float:left;width:10px;height:10px;background:#777;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;margin:0 5px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.jPicture-dot b.active{background:#fff}
.jPicture-prev,.jPicture-next{display:block;position:absolute;top:50%;width:45px;height:45px;margin-top:-16px;cursor:pointer;background: url("../image/slide_next_btn.png")no-repeat top;}
.jPicture-prev{margin-left:10px;background: url("../image/slide_prev_btn.png")no-repeat top;}
.jPicture-next{right:0;margin-right:10px;}
#imgBox{ margin-left: auto; margin-right: auto;width: 1102px;height: 600px;}
.jPicture-dot{display: none;}
#imgBox .yema{color: #000;line-height: 30px;font-size: 16px;}
#imgBox .yema span{margin-right: 10px;}
#imgBox .yema span strong{color: #0067ac;font-size: 18px;font-weight: bold}

.tj_more{text-align: center;
line-height: 30px;
margin: 10px 0 0 0;
background-color:#023867;
width: 120px;
margin: 0 auto;}
.tj_more a{color: #fff;display: block;font-size: 14px;}

.tj_ditu{text-align: center;
line-height:22px;
padding: 5px 0 0 0;
font-size: 16px;color: #ff5338;}
.tj_ditu a{color: #ff5338;}
/***************************搜索目录********************************/
.footprint{background:#f3f3f3;line-height: 32px;padding: 5px 0;}
.footprint .dh_link{float:left;line-height: 40px;font-size: 16px;color: #676565;}
.footprint .dh_link a{color:#676565}
.footprint .dh_link .home{background: url("../m/images/03.png")no-repeat center left;padding-left: 25px;}