html, body {width:100%;	height:100%}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'iconfont';  /* Project id 3095836 */
  src: url('//at.alicdn.com/t/font_3095836_tzi77pvpp4j.woff2?t=1649493012553') format('woff2'),
       url('//at.alicdn.com/t/font_3095836_tzi77pvpp4j.woff?t=1649493012553') format('woff'),
       url('//at.alicdn.com/t/font_3095836_tzi77pvpp4j.ttf?t=1649493012553') format('truetype');
}
.ell{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/***********banner***********/
.swiper-pagination{ display:none !important;}
.swiper1 { width: 100%;}
.swiper1 a{ display:block; width:100%; height:100%;}

.swiper1:hover .arrow-left0, .swiper1:hover .arrow-right0{ display:block;}
.swiper1 .arrow-left0 { z-index:99; background: url(../images/left.png) no-repeat center center; position: absolute; left: 90px; top: 50%;margin-top: -55px; width: 110px; height: 110px; display:none;}
.swiper1 .arrow-left0:hover{ background: url(../images/left-hover.png) no-repeat center center;}
.swiper1 .arrow-right0 {z-index:99;background: url(../images/right.png) no-repeat center center; position: absolute; right: 90px; top: 50%; margin-top: -55px;width: 110px;  height: 110px; display:none;}
.swiper1 .arrow-right0:hover{ background: url(../images/right-hover.png) no-repeat center center;}

.swiper1 .swiper-slide{ position:relative;}
.swiper1 .sss1 .note{ position:absolute; left:250px; top: 50%; transform: translate(0, -50%);}
.swiper1 .sss1 .t1{ font-size:76px; line-height:76px; font-weight:lighter; text-align:center; color:#0d5dbf; padding:0 0 40px;}
.swiper1 .sss1 .t2{ font-size:29px; line-height:50px; font-weight:lighter; text-align:center; color:#000; background:url(../images/line2.png) no-repeat top center; padding:35px 0;}
.swiper1 .sss1 .t3{ overflow:hidden; text-align:center;}
.swiper1 .sss1 .t3 ul span{ display:inline-block;}
.swiper1 .sss1 .t3 ul li{ float:left; width:91px; margin:0 17px 0 0;}
.swiper1 .sss1 .pic{ width:760px; position:absolute; right:210px; top: 50%; transform: translate(0, -50%);}
.swiper1 .sss1 .pic img{ width:100%;}

.swiper1 .sss2{ position:relative;}
.swiper1 .sss2 .note{ color: #fff; height:300px; padding: 60px 160px; background:url(../images/banner2-bg.png) no-repeat; position: absolute; left:260px; top:50%; margin:-150px 0 0;}
.swiper1 .sss2 .t1{ font-size:49px; line-height:67px;}
.swiper1 .sss2 .t2{ font-size:42px; line-height:67px; padding:0 0 25px;}
.swiper1 .sss2 .t3{ font-size:29px; line-height:29px;}

.sectionWrapper { width:100%; height:100%; margin:0 auto; overflow:hidden;}
.section1 { width:1200px; height:170px; margin:-85px auto 50px; background:#fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); z-index:10; position:relative;}
.section1 dl{ float:left; width:33.333%; text-align:center; margin:45px 0 0; border-right:1px solid #e3e3e3;}
.section1 dt{ font-size:42px; font-weight:bold; line-height:42px; padding:0 33px 0 0;}
.section1 dl span{ font-size:54px; line-height:54px; font-family:Arial, Helvetica, sans-serif;}
.section1 dl i{ position:absolute; top:48px;}
.section1 dl dd{ font-size:21px; color:#333;}
.section1 dl:last-child{ border-right:none;}

.section2 { width:100%; position:relative; padding-bottom: 50px;}
.section2Wrapper{width:90%; margin:0 auto; max-width:1400px;}
.section2 .title{ text-align:center; padding:58px 0;}
.section2 .title .t01{ color:#0d5dbf; font-size:39px; line-height:44px; font-weight:bold;text-transform: uppercase;}
.section2 .title .t03{ color:#cbcbcb; font-size:20px; line-height:36px; font-weight:500;}
.section2 .cate{ margin:0px auto 30px;  display:table; width:100%;}
.section2 .cate ul{margin:0px; padding:0px;}
.section2 .cate ul li{width:calc(23.5% - 2px); height:40px; line-height:40px; margin:0 2% 15px 0; float:left; border:1px solid #ccc; background:#f7f7f7; text-align:center; overflow:hidden;}
.section2 .cate ul li:nth-child(4n+4){margin:0 0% 15px 0;}
.section2 .cate ul li:hover{background:#0d5dbf;}
.section2 .cate ul li a:hover{color:#fff;}
/*.section2 .cate ul li:nth-child(3n){margin:0 0 15px 0;}*/
.section2 .box{ float: left; width: 23.5%; position: relative; margin:0 2% 20px 0;}
.section2 .box:nth-child(4n+4){margin:0 0 20px 0;}
.section2 .box img{ width:100%; border:1px solid #e8e8e8; filter: drop-shadow(2px 4px 6px #ccc);}
.section2 .box .note{ width:100%; height: 140px;  bottom: 0;left: 0; text-align:center; transition: all ease 1s; background: rgba(51,51,51,0.3);}
.section2 .box .note h3{ font-size:20px; line-height:32px; color:#0d5dbf; padding:20px 0 0;}
.section2 .box .note span{ color:#fff;}
.section2 .box .note p{ color:#fff; font-size:16px; opacity: 1;-moz-opacity:1;filter: Alpha(opacity=1); width: 173px; height: 34px; line-height:32px; border:1px solid #fff; margin:20px auto 0; display: inline-block; padding:0 36px 0 0; text-align:center; transition:all ease 1s;background: url(../images/icon1.png) no-repeat 70% center; background-size:24px;}
.section2 .box a{ height:100%; display:block;}
.section2 .box:hover .note{ height:140px; background: rgba(0,162,233,0.9);}
/*.section2 .box:hover p{ opacity: 1; -moz-opacity:1; filter: Alpha(opacity=100);}*/
.section2 .box:hover h3{ color:#333;}

.section3 { width:100%; position:relative;}
.section3 .title{ text-align:center; padding:58px 0;}
.section3 .title .t01{ color:#0d5dbf; font-size:39px; line-height:44px; font-weight:bold;text-transform: uppercase;}
.section3 .title .t02{ color:#cbcbcb; font-size:32px; line-height:36px; font-weight:bold; text-transform:uppercase;}
.section3 .note{ background:#f6f6f6 url(../images/pic1.jpg) no-repeat top center; padding:303px 0 0;}
.section3 .note .note_content{ width:1248px; margin:0 auto; background:#f6f6f6; padding:74px 58px; overflow:hidden;}
.section3 .note .note_left{ float:left; width:63.8%; overflow:hidden; font-size:16px; line-height:30px; padding:0 68px 0 0;}
.section3 .note .note_left h1{ color:#0d5dbf; font-size:33px; font-weight:bold; line-height:54px;}
.section3 .note .note_left h2{ color:#4c4948; font-size:18px; font-weight:bold; line-height:24px;}
/*.section3 .note .note_left p{ text-indent:2em;}*/
.section3 .note .more{ width:122px; height:40px; line-height:40px; margin:72px 0 0;}
.section3 .note .note_right{ float:left; width:36.2%; overflow:hidden;}
.section3 .note .note_right .video{ margin:22px 0 0;}

.section4 { width:100%; background:url(../images/pic4.png) no-repeat top center;}.bgcolor{ background:#f6f6f6 url(../images/pic4-1.png) no-repeat top center;}
.section4 .section4Wrapper{ max-width:1400px; height:781px; margin:0 auto; position:relative;}
.section4 .title{  padding:120px 0 0 100px;}
.section4 .title .t01{ color:#0d5dbf; font-size:46px; line-height:56px; font-weight:bold; text-transform:uppercase;}
.section4 .title .t02{ color:#cbcbcb; font-size:28px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.section4 .title h3{ font-size:35px; font-weight:bold; color:#0d5dbf; height:77px; margin:0 0 80px 36px; position:relative;}
.section4 .title h3:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:5px; background:#979797;}

.cz-index-product {position: relative;}
.cz-index-product .cz-content {overflow: hidden;width: 90%;position: absolute;left: 5%;top:150px;z-index: 10;}
.cz-index-product-left {width:35%;float:left;}
.cz-title {position: relative;}
.cz-title .title-1{font-size: 20px;line-height: 20px; color: #999999;position: relative;text-transform: uppercase;}
/*.cz-title .title-1 i{display: block;width: 25px;height: 17px;position: absolute;left: 0;top:0px; background: url('../images/it1.png') no-repeat;}*/
.cz-title .title-2 {font-size: 40px;color: #0d5dbf;padding:5px 0 0 0px;font-weight: bold;}
.cz-title .title-3 {font-size: 18px;color: #999999;padding:5px 0 0 0px;}
.cz-index-product-nav {margin-top: 80px;position: relative;overflow: hidden;width: 100%;}
.cz-index-product-nav::before,.cz-index-product-nav::after{content: '';position: absolute;background: #e6e8ed;z-index: 1;}
.cz-index-product-nav::before {width: 100%;height: 1px;left: 0;top: 50%;display: none;}
.cz-index-product-nav::after {width: 1px;height: 100%;left:50%;top: 0;}
.cz-index-product-nav a{display: block;overflow: hidden;background:#f2f4f7;position: relative;float: left;width: 50%;box-sizing: border-box;padding: 3% 5%;border-bottom: 1px solid #e6e8ed;}
.cz-index-product-nav a i{display: block;position: relative;width: 50px;height: 50px;margin-bottom: 20px;overflow: hidden;}
.cz-index-product-nav a span{display: block;font-size: 14px;padding-bottom: 5px;color: #a1a7b2;}
.cz-index-product-nav a strong{display: block;font-size: 18px;color: #a1a7b2}
.cz-index-product-nav a.cur {background:#0d5dbf url('../images/ibg.jpg') right bottom no-repeat;background-size: cover;}
.cz-index-product-nav a.cur span{color: #fff;opacity: .6;}
.cz-index-product-nav a.cur strong{color: #fff;}
.cz-index-product-nav a.cur svg *{fill: #fff;}
#cz-indexbg {width: 100%;height: 740px;position: relative;overflow: hidden;}


.cz-index-product-right {float: right;width: 65%;}
.cz-index-product-swiper {position: relative;width: 100%;}
.cz-index-product-item {background: #000;position: relative;}
.cz-index-product-item a {display: block;overflow: hidden;color: #fff;}
.cz-index-product-item .text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:4;color: #fff;}
.cz-index-product-item .text .top{width: 84%;margin: auto;position: absolute;left:8%;top:8%;}
.cz-index-product-item .text .top .title-1{font-size: 20px;}
.cz-index-product-item .text .top .title-2{font-size: 36px;padding: 10px 0;font-weight: bold;}
.cz-index-product-item .text .bottom{width: 84%;margin: auto;position: absolute;left:8%;bottom:8%;}
.cz-index-product-item .text .bottom .text-3{font-size: 14px;line-height: 24px;padding-bottom: 30px;}
.cz-index-product-item .text .bottom .view-4{overflow: hidden;padding-top: 30px;border-top: 2px solid rgba(255,255,255,.3);opacity: .6;}
.cz-index-product-item .text .bottom .view-4 strong{display: block;font-size: 14px;font-weight: normal;letter-spacing: 2px;float: left;}
.cz-index-product-item .text .bottom .view-4 i{display: block;background: url('../images/jt-r1.png') center no-repeat;width: 22px;height: 8px;float: right;}
.cz-index-product-item .img .mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url('../images/mark1.png');z-index:3;}
.cz-index-product-item a:hover .view-4{opacity: 1;}
.cz-index-product-item a:hover .img img.img-center{opacity: .7;transform:scale(1.03); width:100%;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;}
.img-block {display: block;width: 100%;height: auto;}


.new-standards{background: #fff;padding: 80px 0 0;}
.new-standards .container-xl{width: 90%; margin:0 auto;}
.new-standards .t1-box{display:flex;align-items:center;justify-content:space-between;}
.new-standards .t1-box .more{display:inline-block;background:#0d5dbf;border-radius:5px;border:2px solid #0d5dbf; font-size:18px;line-height:46px;padding:0 30px;color:#fff;}
.new-standards .t1-box .more:hover{background:#fff;color:#5bb44e;transition:all 0.5s;}
.new-standards .t1{font-size: 40px;line-height: 51px; color:#0d5dbf}
.new-standards .t2{font-size: 18px;line-height: 32px;margin-bottom: 50px;color:#999999;margin-top:30px;}
.new-standards .box{display: flex;justify-content: space-between;width: 90%; margin:0 auto;}
.new-standards .box .item1{width: 18.8%;}
.new-standards .box .item2{width: 27%; background:#0d5dbf}
.new-standards .box .item3{width: 29%;}
.new-standards .box .item4{width: 21%;}
.new-standards .box .img{position: relative;}
.new-standards .box .t3{background: rgba(0, 162, 233, 0.6);height: 0;overflow: hidden;transition: all 0.5s; position: absolute;left: 0;bottom: 0;right: 0;line-height: 54px;font-size: 20px;line-height: 54px;color: #fff;text-transform: uppercase;padding: 0 35px;}
.new-standards .box .img:hover .t3{height: 54px;}
.new-standards .box .mt{margin-top: 16px;}
.new-standards .box .text{padding: 55px 35px;background: #0d5dbf;color: #fff;}
.new-standards .box .text .t4{font-size: 22px;line-height: 28px;font-weight: bold;margin-bottom: 34px;}
.new-standards .box .text .more{display: inline-block;padding: 12px 55px;border: 2px solid #fff;margin-top: 13px; font-size: 18px;line-height: 22px;color: #fff;border-radius: 5px;overflow: hidden;}
.new-standards .box .text .more:hover{text-decoration: underline;}

@media(max-width:1700px) {
    .new-standards .box .text{padding: 10px 15px;}
    
}

@media(max-width:1530px) {
    .new-standards .box .text p{height: 52px;overflow: hidden;}
}

@media(max-width:1430px) {
    .new-standards .box .text p{height: 26px;overflow: hidden;}
}

@media(max-width:768px) {
    .new-standards .t1{font-size: 26px;line-height: 32px;}
    .new-standards .t2{font-size: 26px;line-height: 32px;margin-bottom: 25px;}
    .new-standards .box{flex-wrap: wrap;}
    .new-standards .box .item1{width: 100%;display: none;}
    .new-standards .box .item2{width: 100%;}
    .new-standards .box .item3{width: 100%;display: none;}
    .new-standards .box .item4{width: 100%;display: none;}
    .new-standards .box .mt{margin-top: 0px;}
}



#honor{ padding:0 63px; margin:58px 0 0; overflow:hidden;}
.honor{ float:left; margin:0 16px; padding:16px; background-color:#f4f4f4; border:4px solid #c6c6c6; overflow:hidden;}
#honor i { position: absolute; top: 50%; color: #fff; z-index: 1; cursor:pointer; margin-top: -44px; width: 40px; height: 88px; background: #cbcbcb; text-align: center;}
#honor i.arrow-icon-left { left: 0; background:#cbcbcb url(../images/arr-left.png) no-repeat center; background-size:26px;}
#honor i.arrow-icon-right { right: 0; background:#cbcbcb url(../images/arr-right.png) no-repeat center; background-size:26px;}
.honor2{ width:23.5%; float:left; margin:0 2% 2% 0; padding:16px; background-color:#f4f4f4; border:4px solid #c6c6c6; overflow:hidden;}
.honor2 img{max-width:100%;}
.honor2:nth-child(4n){margin-right:0px;}
.honor2 span{height:40px; line-height:40px; overflow:hidden; width:100%;float:left;text-align: center;font-size: 16px;background: #0d5dbf; color: #fff;}
a, .transition, :before, img, .g-nav {
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}
#honor a span{width:100%; text-align:center; height:40px; line-height:40px;  background:#0d5dbf; color:#fff; font-size:16px; margin-top: 8px; overflow:hidden; float:left;}
.section5 { width:100%; background:#f6f6f6;}
.section5 .title{ padding: 200px 0 80px 0;}
.section5 .title .t01{ color:#0d5dbf; text-transform:uppercase; font-size:46px; line-height:56px; font-weight:bold;}
.section5 .title .t02{ color:#cbcbcb; font-size:28px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.index-news .list li{ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: All 0.5s ease; }
.index-news .list ul{ display: flex; display: -webkit-flex; display: -ms-flex; }
.index-news {width: 100%; overflow: hidden; position: relative; }
.index-news .wal { width:1250px; min-height: 945px; margin:0 auto;}
.index-news .btn { min-height: 245px; }
.index-news .btn a { display: block; font-size: 18px; line-height: 46px; color: #666; }
.index-news .btn a:hover, .index-news .btn a.on {color: #0d5dbf; }
.index-news .list { position: absolute;z-index: 10;left: 50%;right: 0;top: 0;bottom: 0;margin-left: -320px; }
.index-news .list li {height: 945px;width: 33.333%;border-left: #e1e1e1 solid 1px;padding-top: 200px; }
.index-news .list li a {display: block;padding: 0 55px 0 25px;color: #666;position: relative; }
.index-news .list li a:before {content: "";display: block;position: absolute;left: -1px;top: -200px;width: 1px;background: #0d5dbf;height: 0; }
.index-news .list li a h3 {font-size: 20px;line-height: 27px;height: 54px;overflow: hidden; }
.index-news .list li a .time {padding: 10px 0 25px 0;font-size: 12px; }
.index-news .list li a p {font-size: 16px;line-height: 22px;height: 66px;overflow: hidden;max-width: 385px; }
.index-news .list li a .more {height: 130px;position: relative; }
.index-news .list li a .more:before {content: "";display: block;position: absolute;left: 0;top: 0;width: 56px;height: 80px;background: url(../images/icon4.png) center no-repeat;background-size: 100%; }
.index-news .list li a .img {height: 180px;background: center no-repeat;background-size: cover;margin-left: -5px;margin-right: -5px; }
.index-news .list li.on {width: 47%;flex-shrink: 0;-webkit-flex-shrink: 0; }
.index-news .list li.on a {color: #0d5dbf; }
.index-news .list li.on a:before {height: 215px;top: 6px; }
.index-news .list li.on a .more:before { width:56px; background-image: url(../images/icon3.png); }
.index-news .list li a .more:before{ left:70px;}
.index-news .list li a .more{ line-height:85px; font-size:18px;}
.index-news .list li.on a .img {height: 358px; }
.index-news .news-1 {display: none;padding: 50px 30px 0 30px; }
.p-more { font-size:22px; display: block; line-height:40px; text-transform: uppercase; color: #666; width: 130px; position: relative;}
.p-more:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 36px; background: url(../images/icon5.png) right center no-repeat; background-size: auto 12px;}
.p-more:hover { color: #0d5dbf; }
.p-more:hover:before { background-image: url(../images/icon6.png); width:56px; right: -20px; }

#frame8 { background-color: #fafafa; padding-top: 80px; padding-bottom: 80px; }
#frame8 .container{width:90%; max-width:1400px; margin:0 auto;}
#frame8 .container .title .t01 { color: #0d5dbf; font-size: 39px; line-height: 44px;font-weight: bold; text-transform: uppercase; text-align:center; margin:10px auto 50px;}
#frame8 .item { width: calc((100% - 30px)/2); margin-bottom: 50px; float: left; }
#frame8 .item:nth-child(2n+1) { margin-right: 30px; }
#frame8 .item i { width: 120px; height: 120px; line-height: 120px; text-align: center; border-radius: 50%; font-size: 64px; color: #fff; display: block; float: left; }
#frame8 .item:nth-child(1) i { background-color: #84dbff; }
#frame8 .item:nth-child(2) i { background-color: #90dfaa; }
#frame8 .item:nth-child(3) i { background-color: #90dfaa; }
#frame8 .item:nth-child(4) i { background-color: #84dbff; }
#frame8 .item .txt { float: right; width: calc(100% - 130px); padding-top: 10px; }
#frame8 .item .txt h3 { font-size: 24px; line-height: 36px; font-family: TitilliumWeb, Arial, Helvetica, sans-serif; font-weight: bold; }
#frame8 .item .txt p { font-size: 14px; line-height: 24px; margin-top: 5px; height: 90px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; }
#frame8 .item .link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#frame8 .item:hover img { }
#frame8 .item:hover { color: #2778ff; }

@media screen and (min-width:1230px ) and (max-width:1429px) {
}

@media screen and (min-width:992px ) and (max-width:1229px) {
}

@media (min-width:768px) and (max-width:991px) {
    #frame8 .item i{width:60px;height:60px;line-height:60px;font-size:48px;}
    #frame8 .item .txt{width:calc(100% - 70px);padding-top:0;}
    #frame8 .item .txt h3{font-size:16px;line-height:24px;}
    #frame8 .item .txt p{font-size:13px;line-height:20px;height:60px;}
}
@media (max-width:767px){
    #frame8{padding-top:30px;padding-bottom: 30px;}
    #frame8 .item{width:100%;margin-bottom:20px;}
    #frame8 .item:nth-child(2n+1){margin-right:0px;}
    #frame8 .item i{width:80px;height:80px;line-height:80px;font-size:48px;}
    #frame8 .item .txt{width:calc(100% - 90px);padding-top:0;}
    #frame8 .item .txt h3{font-size:18px;line-height:24px;}
    #frame8 .item .txt p{font-size:13px;line-height:20px;height:60px;}
}

.Aswiper .swiper-slide { text-align: center; }
.selected-solution .swiper-pagination { position: relative; margin-bottom: 30px; z-index:1; }
.selected-solution .swiper-pagination-bullet { background: #0778C6; margin-left: 4px; margin-right: 4px; width: 15px; height: 15px; opacity: 1; margin-bottom: 0px; }
.selected-solution .swiper-pagination-bullet-active { background: #FFF; border: 5px solid #0778C6; margin-bottom: 0; }

@media screen and (max-width: 668px) {
.selected-solution .swiper-pagination { position: relative; margin-bottom: 20px; }
.selected-solution .swiper-pagination-bullet { background: #0778C6; margin-left: 2px; margin-right: 2px; width: 8px; height: 8px; }
.selected-solution .swiper-pagination-bullet-active { width: 8px; height: 8px; background: #FFF; border: 3px solid #0778C6; margin-bottom: 0; }
}
.selected-solution .button { width: 70%; margin: 0 auto; bottom: 43px; position: relative; z-index:1; }

@media screen and (max-width: 668px) {
.selected-solution .button { width: 70%; bottom: 22px; }
}
.Aswiper .button div:hover { background-color: #E62129; }
/*.selected-solution .swiper-button-prev { width: 40px; height: 40px; border-radius: 50%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #0778C6 center 50%/50% 50% no-repeat; }
.selected-solution .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #0778C6 center 50%/50% 50% no-repeat; }*/

@media screen and (max-width: 668px) {
.selected-solution .button div { width: 28px; height: 28px; }
}
#frame8 .selected-solution .button, #frame8 .selected-solution .Apagination { display: none; }

@media screen and (max-width: 920px) {
#frame8 .selected-solution .button, #frame8 .selected-solution .Apagination { display: none; }
#frame8 .container .title .t01 { font-size: 20px;}
}

.Aswiper { width: 100%; display: flex; align-items: center; z-index: 999 }
.Aswiper .app-img { display: block; overflow: hidden; padding: 50px 0; text-align: center; background: #fff; box-shadow: 0 0 5px #ddd }
.Aswiper .app-img img { max-width: 100%; transition: all .3s }
.Aswiper .app-img .hover-img { display: none }
.Aswiper .app-img:hover .normal-img { display: none }
.Aswiper .app-img:hover .hover-img { display: inline-block }
.Aswiper .swiper-container { padding-right: 12% }
.Aswiper .swiper-slide { padding: 5px 5px 0 5px; margin-bottom: 20px; }
.Aswiper .swiper-slide .parts { box-shadow: 0 0 10px #f6f6f6; border-bottom: 13px solid #e6212a }
.Aswiper .swiper-slide.swiper-slide-active { border-color: #e6212a }
.Aswiper .swiper-slide-active .app-info { display: block }
.Aswiper .app-info { padding: 10px 0; position: relative; background: #fff; text-align: center; box-shadow: 0 0 5px #ddd }
.Aswiper .app-info .app-title { font-size: 16px; line-height: 34px; color: #333; display: block }
.Aswiper .app-info .app-title:hover { color: #004ea1 }
.Aswiper .app-info .app-more { display: block; font-size: 16px; color: #666; text-transform: uppercase; margin-top: 10px }
.Aswiper .app-info .app-more i { font-size: 12px; color: #666; margin-left: 4px }
.Aswiper .app-info .app-more:hover { color: #e6212a }
.Aswiper .app-info .app-more:hover i { color: #e6212a }
.Aswiper .swiper-slide:hover .parts { border-bottom: 13px solid #004ea1 }


.section6 { width:100%; height:781px; background:url(../images/pic7.jpg) no-repeat top center; position:relative;}
.section6 .title{ padding: 132px 0 26px 316px; width:535px;}
.section6 .title .t01{ color:#333; font-size:46px; line-height:56px; font-weight:bold;}
.section6 .title .t02{ color:#fff; font-size:28px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.section6 .partner{ float:right; width:1119px; margin:0 141px 0 0;}
.section6 .partner ul{ overflow:hidden;}
.section6 .partner ul li{ float:left; width:213px; height:118px; margin:0 89px 84px 0;}
.section6 .partner ul li:nth-of-type(4n){ margin:0 0 84px 0;}
.section6 .partner ul li:last-child{ display:none;}
.section6 .more{ float:right; width:122px; height:40px; line-height:40px; margin:0 20px 0 0;}
/******ABOUT*******/
.banner-section{ width:100%; height:290px;}
.product-section{ width:100%; height:600px; position:relative;}

.about-section { width:100%; background:#f6f6f6;}
.about-section .aboutWrapper{ padding:120px 0; overflow:hidden;}
.about-section .note{ float:left; width:50%; font-size:16px; color:#656362; line-height:33px; padding:65px 165px 0 205px;}
.about-section .note h3{ font-size:34px;text-transform:uppercase; line-height:52px; font-weight:bold; color:#0d5dbf;}
.about-section .note h4{ font-size:24px; line-height:34px; font-weight:bold; color:#747474; margin:0 0 45px;}
/*.about-section .note p{ text-indent:2em;}*/
.about-section .pic{ float:left; width:50%;}
.about2-section { width:100%;}
.about2-section .about2Wrapper{ padding:120px 0 120px; overflow:hidden;}
.about2-section .pic{ float:left; width:60%;}
.about2-section .note{ float:right; width:40%; font-size:16px; color:#656362; line-height:33px; padding:150px 50px 0 50px;}
.about2-section .note h3{ font-size:40px; line-height:52px; font-weight:bold; color:#0d5dbf; text-transform:uppercase; margin:0 0 45px;}
.about2-section .note h4{ font-size:24px; line-height:34px; font-weight:bold; color:#747474; }
/*.about2-section .note p{ text-indent:2em;}*/
.about3-section { width:100%;}
.about3-section .about3Wrapper{ padding:0px 0 80px; overflow:hidden; text-align:center;}
.about3-section ul{ display:inline-block;}
.about3-section ul li{ float:left; margin:0 70px; text-align:center; position:relative;}
.about3-section ul li p{ font-size:46px; line-height:56px; font-weight:bold; color:#0d5dbf; display:block;}
.about3-section ul li span{ font-size:20px; line-height:30px; color:#979797; display:block;}
.about3-section ul li sup{ position:absolute; right:-25px; top:-10px}
.about4-section { width:100%; padding:140px 0; background:#f6f6f6 url(../images/pic5.png) no-repeat 65px 68px; overflow:hidden;}
.about4-section .about4Wrapper{ width:1516px; height:750px; margin:0 auto; overflow:hidden;}
.about4-section video{ object-fit: cover;}
.about5-section { width:100%; /*padding:130px 0 0;*/}
.about5-section .about5Wrapper{ height:878px; position:relative; overflow:hidden;}
.about5-section .note{ width:510px; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:140px; top:0; padding:166px 0 0 44px;}
.about5-section .note .t01{ font-size:50px; line-height:60px;text-transform:uppercase; font-weight:bold; color:#0d5dbf;margin-bottom: 50px;}
.about5-section .note .t02{ font-size:60px; line-height:70px; font-weight:bold; -webkit-text-stroke: 1px #fff; color: transparent;}
.about5-section .note .t03{ font-size:42px; line-height:50px; font-weight:bold; margin-top: 50px; color:#fff; text-transform:uppercase;}
.about6-section { width:100%; padding:115px 0 0;}
.about6-section .about6Wrapper{ overflow:hidden;}
.about6-section .note{ width:1633px; height:747px; margin:0 auto; position:relative;}
.about6-section .note p{ font-size:183px; line-height:183px; font-weight:bold; text-transform:uppercase; font-style:italic; -webkit-text-stroke: 1px #fff; color: transparent; position:absolute; left:-20px; bottom:-20px;}
.about6-section .desc{ width:1633px; margin:0 auto; padding:20px 0 100px; overflow:hidden; position:relative;}
.about6-section .desc .t01{ float:left; font-size:60px; line-height:60px; font-weight:bold; color:#585656; text-transform:uppercase;}
.about6-section .desc .t02{ float:left; color:#adabaa; font-size:42px; line-height:48px; font-weight:bold; text-transform:uppercase; margin:0 0 0 20px;}
.about7-section { width:100%; background:#f6f6f6 url(../images/pic4.png) no-repeat center center;}
.about7-section .about7Wrapper{ width:90%; height:915px; margin:0 auto; position:relative;}
.about7-section .title{ padding:120px 0 0 78px;}
.about7-section .title .t01{ color:#0d5dbf; font-size:46px; line-height:56px; font-weight:bold;text-transform:uppercase;}
.about7-section .title .t02{ color:#cbcbcb; font-size:28px; line-height:30px; font-weight:bold; height:77px; margin:0 0 80px; position:relative;}
.about7-section .title .t02:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:5px; background:#979797;}
.about7-section .title h3{ font-size:35px; font-weight:bold; color:#0d5dbf; height:77px; margin:0 0 80px 36px; position:relative;}
.about7-section .title h3:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:5px; background:#979797;}
#honor-about{ padding:0 63px; margin:58px 0 0; overflow:hidden;}
.honor-about{ float:left; margin:0 16px; overflow:hidden; text-align:center;}
.honor-about .pic{ padding:8px; background-color:#fbfbfb; border:2px solid #fff;}
.honor-about p{ font-size:16px; line-height:25px; display:block; padding:15px 0;}
.honor-about span{ font-size:14px; line-height:25px; display:block;}
#honor-about i { position: absolute; top: 50%; color: #fff; z-index: 1; cursor:pointer; margin-top: -82px; width: 40px; height: 88px; background: #cbcbcb; text-align: center;}
#honor-about i.arrow-icon-left { left: 0; background:#cbcbcb url(../images/arr-left.png) no-repeat center; background-size:26px;}
#honor-about i.arrow-icon-right { right: 0; background:#cbcbcb url(../images/arr-right.png) no-repeat center; background-size:26px;}

.product-section .banner-note{ position:absolute; left:260px; top: 30%; transform: translate(0, -50%);}
.product-section .banner-note .t01{ color:#666; font-size:50px; line-height:50px; padding:0 0 20px;}
.product-section .banner-note .t01 span{ color:#0d5dbf;}
.product-section .banner-note .t02{ color:#666; font-size:29px; line-height:30px; text-transform:uppercase;}
.product1-section { width:100%; background:#f5f5f5;}.bgfff{ background:#fff;}
.product1-section .product1Wrapper{ width:1200px; margin:0 auto; padding:110px 0; overflow:hidden;}
.product1-section .product-box{ width:100%; background:#fff; padding:40px 0; margin:0 0 60px; overflow:hidden;}
.product1-section .product-box .pic{ float:right; width:500px; padding:60px 0 0;}
.product1-section .product-box .product-note{ float:left; width:700px; padding:0 10px 0 74px; overflow:hidden;}
.product1-section .product-box .product-note h3{ font-size:24px; line-height:28px; font-weight:bold; color:#333; padding:15px 0 20px;}
.product1-section .product-box .product-note span{ color:#0d5dbf;}
.product1-section .product-box .product-note p{ color:#6e6e6e; line-height:39px; border-bottom:1px solid #d3d3d3;}
.product1-section .product-box .product-note .desc{ height:360px; overflow:hidden;}
.product1-section .product-box .more{ height:36px; margin:35px 0 0; overflow:hidden;}
.product1-section .product-box .more a{ width:141px; height:36px; line-height:36px; display:block; text-align:center; border:1px solid #6e6e6e; color:#6e6e6e;}
.product1-section .product-box .more a:hover{ background:#0d5dbf; color:#fff; border:1px solid #0d5dbf;}
.product1-section .pb60{ padding:0; margin:0;}
.product1-section .pb60 .product-note .desc{ height:auto;}
.product1-section .pb60 .product-note h3{ font-size:35px; line-height:40px; font-weight:bold; color:#333; height:auto; padding:10px 0 40px; margin:0 0 30px; position:relative;}
.product1-section .pb60 .product-note h3:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:3px; background:#979797;}
.product1-section .pb60 .product-note span{ color:#0d5dbf;}
.product2-section { width:100%; background:#f8f8f8;}
.product2-section .product2Wrapper{ width:1200px; margin:0 auto; padding:90px 0; overflow:hidden;}
.product2-section .title{ font-size:20px; font-weight:bold; height:55px; line-height:48px; text-align:center; border:1px solid #0d5dbf; border-bottom:7px solid #0d5dbf;}
.product2-section .product-detail{ font-size:16px; line-height:30px; color:#606060; padding:30px 0 90px;}
.product2-section .product-detail table{ width:100%; border:solid #e4e4e4; border-width:1px 0px 0px 1px; font-size:16px; line-height:30px; border-spacing:0; font-family:Arial, Helvetica, sans-serif;}
.product2-section .product-detail th{ background:#e8ee5e; padding:10px 0;}
.product2-section .product-detail th,.product2-section .product-detail td{border:solid #e4e4e4; border-width:0px 1px 1px 0px;}
.product2-section .product-detail td,.product2-section .product-detail th{ padding:10px;}
.product2-section .product-detail .b {background-color:#fff;}
.proshow{ width:100%; overflow-x:auto;}
.product2-section .more{ float:right;}
.product2-section .more a{ width:108px; height:34px; line-height:32px; border:1px solid #757575; font-size:16px; color:#757575; display:block; background:url(../images/icon15.png) no-repeat 66px 6px; background-size:27px; padding:0 0 0 18px; }
.product2-section .more a:hover{ background:#0d5dbf url(../images/icon16.png) no-repeat 66px 6px; border:1px solid #0d5dbf; color:#fff;}
.cz-top-nav {width: 100%;position: relative;z-index: 100;  height:100px;  margin-bottom: 50px;}
.cz-top-nav-item {width: 76%;margin: auto;z-index: 30;background: #fff;box-shadow: 0px 10px 50px 0px rgba(15, 23, 38, 0.1);}
.cz-top-nav-item a{display: block;overflow: hidden;padding:10px 3%;float: left;width:19%;position: relative; height:70px; line-height:25px; background:#f7f7f7;}
.cz-top-nav-item a:last-child::after {display: none;}
.cz-top-nav-item a::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #e6e8ed;}
.cz-top-nav-item strong{color: #666e80;font-size: 18px;padding: 0;display: block;width: 100%;}
.cz-top-nav-item p{color: #a1a7b2;font-size: 12px;padding:10px 0 0 0;margin: 0;}
.cz-top-nav-item i{display: block;width: 50px;height: 50px;position: absolute;right: 10%;top: 50%;margin-top: -22.5px;}
.cz-top-nav-item a:hover,.cz-top-nav-item a.cur{background: #0d5dbf;}
.cz-top-nav-item a:hover strong,.cz-top-nav-item a:hover p,.cz-top-nav-item a.cur strong,.cz-top-nav-item a.cur p {color: #fff;}
.cz-top-nav-item a:hover img,.cz-top-nav-item a.cur img,.cz-top-nav-item a:hover svg,.cz-top-nav-item a.cur svg,.cz-top-nav-item a.cur svg *,.cz-top-nav-item a:hover svg *{fill: #fff;}
.cz-top-nav-item a.cur p{opacity: .6;}
.cz-top-nav-item.num2 {width: 40%;left:30%;}
.cz-top-nav-item.num2 a {width:40%;padding:30px 5%;}
.cz-top-nav-item.num3 {width: 56%;left:22%;}
.cz-top-nav-item.num3 a {width:23.33333%;padding:30px 5%;}
.cz-top-nav-item.num4 {width: 76%;left:12%;}
.cz-top-nav-item.num4 a{width:25%;box-sizing: border-box;}
.cz-top-nav-item.num6 {width: 90%;max-width:1200px; margin:-45px auto 0;}
.cz-top-nav-item.num6 a {width:33.3333%;}
.cz-product {position: relative;}
.cz-product-detail {padding: 30px 0 30px 0;overflow: hidden;}
.cz-product-detail .cz-content{width: 90%;max-width:1200px; margin:0 auto; }
.cz-product-detail-left{float: left;width: 50%;background: #000;overflow: hidden;}
.cz-product-detail-swiper{position: relative;overflow: hidden;width: 100%;height: 100%;border: 1px solid #ddd;}
.cz-product-detail-swiper .img{}
.cz-product-detail-swiper .swiper-button-next,.cz-product-detail-swiper .swiper-button-prev {left: auto;right: 0;top: auto;bottom: 0; margin: auto;width: 95px;height: 60px;z-index: 10;}
.cz-product-detail-swiper .swiper-button-next::after,.cz-product-detail-swiper .swiper-button-prev::after {display: none;}
.cz-product-detail-swiper .swiper-button-next {right: 0;background: url('../images/jt-r1.png') center no-repeat rgba(0,0,0,.3);}
.cz-product-detail-swiper .swiper-button-prev {right:96px;background: url('../images/jt-l1.png') center no-repeat rgba(0,0,0,.3);}
.cz-product-detail-swiper .swiper-button-next:hover {background: url('../images/jt-r1.png') center no-repeat #0d5dbf;}
.cz-product-detail-swiper .swiper-button-prev:hover {background: url('../images/jt-l1.png') center no-repeat #0d5dbf;}
.cz-product-detail-right {float: left;width: 45%;padding: 0% 0 5% 5%;overflow: hidden;}
.cz-product-detail-right .title-1{font-size: 30px;color: #0d5dbf;}
.cz-product-detail-right .title-2{font-size: 28px;color: #26334c;}
.cz-product-detail-right .text-3{padding: 30px 0;margin-top: 30px;border-top: 2px solid #e6e8ed;overflow: hidden;font-size: 15px;color: #666e80;line-height: 30px;text-align: inherit;}
.cz-product-detail-right .buttom-4{/*margin-top: 20px;*/overflow: hidden;}
.cz-product-detail-right .buttom-4 a{display: block;float: left;height: 60px;line-height: 60px;padding: 0 25px;color: #fff;font-size: 18px;font-weight: bold;position: relative;margin-right: 10px;}
.cz-product-detail-right .buttom-4 a i {width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px;}
.cz-product-detail-right .buttom-4 a.bofang{background: #e63939;}
.cz-product-detail-right .buttom-4 a.zhixun{background: #0d5dbf;}
.cz-product-detail-right .buttom-4 a.bofang i {background: url('../images/play1.png') center no-repeat;}
/*.cz-product-detail-right .buttom-4 a.zhixun i {background: url('../images/xiaoxi.png') center no-repeat;}*/
.cz-product-detail-right .buttom-4 a.bofang:hover {background: #c43131;}
.cz-product-detail-right .buttom-4 a.zhixun:hover {background: #0c3281;}


.cz-product-detail-content {padding: 50px 0;overflow: hidden;}
.cz-product-detail-content .cz-content{width:90%; max-width:1200px; margin:0 auto;}
.cz-detail-content {margin: 0px;}
.cz-detail-content .title-1 {font-size: 24px;color: #26334d;position: relative;padding: 20px 0;overflow: hidden;border-bottom: 2px solid #d8dae0; text-transform:uppercase;}
.cz-detail-content .title-1 i{width: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #26334d;position: absolute;right: 0;top: 50%;margin-top: -15px;font-style: normal;}
.cz-detail-content .img{padding-top: 10px;overflow: hidden;}
.cz-detail-content h2{display: inline-block; background: #0d5dbf; padding: 10px 20px; color: #fff; font-size: 18px; font-weight: 300; margin:20px 0;}
.cz-detail-content .parameter-2 {margin-top: 30px;overflow: hidden;border: 1px solid #e6e8ed;}
.cz-detail-content .parameter-2 .item-3 {background: #ffffff;border-bottom: 1px solid #f2f4f7;overflow: hidden;}
.cz-detail-content .parameter-2 .item-3:hover {background: #f2f4f7;}
.cz-detail-content .parameter-2 .item-3:first-child{background: #f2f4f7;}
.cz-detail-content .parameter-2 .item-3:last-child {border-bottom: none;}
.cz-detail-content .parameter-2 .item-3:first-child li {font-size: 18px;}
.cz-detail-content .parameter-2 .item-3 li{font-size: 16px;color: #26334c;list-style: none;float: left;width:40%;margin: 0;padding: 0;padding: 25px 5%;}
.cz-detail-content .parameter-2 .item-3 li:first-child{width:20%;}

.text-content{font-size:16px; line-height:30px; text-align:left;}
.text-content img{max-width:100%; height:auto;}
.text-content p, .text-content div{margin-bottom:30px;}
.text-content img{max-width:100%; height:auto;}
.text-content span{display:inline-block;}

.text-content table{width:100% !important; border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;}
.text-content table tr{height:auto !important;}
.text-content table td{width:100% !important; height:auto !important; border:0px none !important; line-height:26px; padding:5px !important; text-align:center; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:16px;}
.text-content table td p{display:block; margin:0;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}

.cz-product-detail-content.characteristic {background: url('../upload/characteristic.jpg') center no-repeat;background-size: cover;}
.cz-product-detail-content.characteristic .title-1{border-bottom: 2px solid #2a344b;}
/*.cz-product-detail-content.characteristic .title-1,.cz-product-detail-content.characteristic .title-1 i {color: #fff;}*/
.cz-product-detail-content.characteristic .characteristic-3 {margin-top: 30px;overflow: hidden;}
.characteristic-3 .item-4{color: #fff;border: 2px solid #e8e8e8;box-sizing: border-box;float: left;width:32.5%;padding:2.5% 3%;overflow: hidden;margin:1% 1% 1% 0;}
.characteristic-3 .item-4:nth-child(3),.characteristic-3 .item-4:nth-child(6),.characteristic-3 .item-4:nth-child(9),.characteristic-3 .item-4:nth-child(12),.characteristic-3 .item-4:nth-child(15) {margin:1% 0 1% 0;}
.characteristic-3 .item-4 .text-1{font-size: 18px;position: relative;padding-bottom: 20px;border-bottom:1px solid #3f485d;font-weight: bold;color: #000;}
.characteristic-3 .item-4 .text-2{padding: 20px 0 0 0;overflow: }
.characteristic-3 .item-4 .text-3{font-size: 14px;line-height: 26px;color: #babcc0;padding-right: 10px; overflow: auto;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar{height:4px; width:2px;background: #41495d;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar-track {background: #41495d;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar-thumb {background: #fff;}   


.advantage-section { width:100%;}
.advantage-section .advantageWrapper{ padding:100px 0 125px; overflow:hidden;}
.advantage-section .note{ float:left; width:57%; font-size:16px; color:#656362; line-height:30px; padding:0 100px 0 360px;}
.advantage-section .note h3{ font-size:35px; font-weight:bold; color:#0d5dbf; height:77px; margin:0 0 80px; position:relative;}
.advantage-section .note h3:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:5px; background:#979797;}
.advantage-section .note p{ text-indent:2em;}
.advantage-section .pic{ float:left; width:43%; padding:90px 0 0;}
.advantage2-section { width:100%;}
.advantage2-section .advantage2Wrapper{ overflow:hidden;}
.advantage2List{ overflow: hidden; width: 100%; height: 500px;}
.advantage2List ul li{ float: left; height: 500px; width: 177px;}
.advantage2List ul .pic1{ width: 663px;}
.advantage2List .txt{ background: rgba(0, 0, 0, .6); height:500px; width: 177px; overflow:hidden; position:relative;}
.advantage2List .txt p{float: left;color: #fff;}
.advantage2List .txt .p1{ font-size: 38px; line-height:40px; font-weight:bold; width: 40px;padding: 45px 28px 0 28px;}
.advantage2List .txt i{ font-size:193px; line-height:193px; font-weight:bold; color: rgba(255, 255, 255, .5); position:absolute; left:-30px; bottom:-30px;}
.advantage2List ul li a:hover .txt p{ color:#0d5dbf;}
.advantage3-section{ width:100%;}
.advantage3-section .advantage3Wrapper{ width:1200px; padding:120px 0; margin:0 auto; position:relative;}
.advantage3-section .title h3{ font-size:35px; font-weight:bold; color:#0d5dbf; height:77px; margin:0 0 80px; position:relative;}
.advantage3-section .title h3:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:5px; background:#979797;}
.advantage3-section .quality{}
.advantage3-section .quality ul li{ float:left; width:284px; margin:0 21px 30px 0;}
.advantage3-section .quality ul li .pic{ width:284px; height:168px; position:relative; overflow:hidden;}
.advantage3-section .quality ul li .pic i{ color:#fff; font-size:93px; line-height:93px; font-weight:bold; position:absolute; left:-10px; bottom:-10px;}
.advantage3-section .quality ul li:nth-of-type(4n){ margin:0 0 30px 0;}
.advantage3-section .quality ul li p{ height:54px; line-height:54px; color:#979797; font-size:26px; font-weight:bold;}
.advantage3-section .quality ul li:hover p{ color:#0d5dbf;}

.news-section { width:100%;}
.news-section .newsWrapper{ max-width:1250px; margin:0 auto; padding:0 0 70px; position:relative; overflow:hidden;}
.news-section .p-nav { height: 149px; border-bottom: #cbcbcb solid 2px;} 
.news-section .p-nav dl{}
.news-section .p-nav dd{ float:left;}
.news-section .p-nav a { width:100%; display: block; height: 147px; padding: 75px 56px 0 56px; position: relative; font-size: 35px; font-weight: bold; color: #979797;} 
.news-section .p-nav a:before { content: ""; display: block; position: absolute; left: 50%; bottom: -2px; right: 50%; height: 2px; background: #0d5dbf;} 
.news-section .p-nav a:hover, .p-nav a.on { color: #0d5dbf; } 
.news-section .p-nav a:hover:before, .p-nav a.on:before { left: 56px; right: 56px; } 
.news-section .p-nav dd:first-child { margin-left:-56px;}
.news-section .news-1 { padding:62px 0 0 0; overflow:hidden;} 
.news-section .news-1 ul { overflow:hidden;} 
.news-section .news-1 li { width: 100%; padding: 0 0 55px 0; overflow:hidden;} 
.news-section .news-1 a { display: block; position: relative; color: #747474; } 
.news-section .news-1 a .img { float:left; width: 48%; overflow: hidden; position: relative; } 
.news-section .news-1 a .img img { width: 100%; } 
.news-section .news-1 a .time { position: absolute; z-index: 10; left: 30px; right: auto; top: 0; bottom: auto; width: 80px; height: 88px; font-size: 12px; text-align: center; background: #0d5dbf; padding-top: 13px; color:#fff;} 
.news-section .news-1 .time span { display: block; font-size: 42px; line-height: 50px; } 
.news-section .news-1 .name { position: absolute; z-index: 10; left: 30px; right: 30px; top: auto; bottom: 24px; font-size: 20px; line-height: 27px; font-weight: bold; } 
.news-section .news-1 a:hover .img img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } 
.news-section .news-1 li .container { float:left; width:52%; padding: 0 45px; position: relative;}
.news-section .news-1 li .name2 { font-weight: bold; font-size: 24px; display: block; line-height: 30px; height: 60px; overflow: hidden; color: #747474; } 
.news-section .news-1 li .time2 { font-size: 12px; line-height: 30px; } 
.news-section .news-1 li p { font-size: 16px; line-height: 30px; padding: 20px 0;  } 
.news-section .news-1 a:hover .name2{ color: #0d5dbf;}
.news-section .news .p-title3 { line-height: 115px; } 
.news-section .news{margin-top:50px;display: table;}
.news-section .news ul { margin-left: -55px; } 
.news-section .news li { float:left; width: 33.333%; padding: 0 0 80px 55px; } 
.news-section .news li .img { width: 100%; overflow: hidden; position: relative; } 
.news-section .news li .container { padding: 40px 0 0 24px; position: relative; } 
.news-section .news li .container:before { content: ""; display: block; position: absolute; left: 0; top: 43px; width: 1px; height: 210px; background: #ccc; } 
.news-section .news li .name a { font-weight: bold; font-size: 20px; display: block; line-height: 27px; height: 54px; overflow: hidden; color: #666; } 
.news-section .news li .time { font-size: 12px; line-height: 30px; } 
.news-section .news li p { font-size: 16px; line-height: 24px; padding: 20px 0; overflow:hidden; height:150px; color: #999;} 
.news-section .news li:hover { color: #0d5dbf; } 
.news-section .news li:hover .img img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } 
.news-section .news li:hover .container:before { background: #0d5dbf; } 
.news-section .news li:hover .name a { color: #0d5dbf; } 
.p-btn { clear:both;} 
.p-btn a { display: block; text-align: center; line-height: 56px; background: #f0f0f0; font-size: 16px; color: #666; } 
.p-btn a:hover { background: #0d5dbf; color: #fff; } 
.news-section .news-show { position: relative; min-height: 500px; color: #666; } 
.news-section .news-show .title { font-size: 32px; line-height: 49px; padding: 65px 130px 0 0; } 
.news-section .news-show .time { line-height: 60px; position: relative; z-index: 11; font-size: 13px; } 
.news-section .news-show .time:before { content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 73px; height: 1px; background: #0d5dbf; } 
.news-section .news-show .p-content { border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; padding: 60px 0; line-height: 30px;} 
.news-section .news-show .p-content .img { text-align: center; padding: 45px 0; } 
.news-section .news-show a.back { position: absolute; z-index: 100; left: auto; right: 0; top: 125px; bottom: auto; } 
.news-section .news-show div.back { padding-top: 50px; } 
.news-section .news-show div.back a.p-more { margin-left: auto;}

.network-section { width:100%;}
.network-section .networkWrapper{ width:1400px; margin:0 auto; position:relative;}
.network-section .note{ font-size:16px; line-height:30px; padding:100px 0 90px;}
.network-section .note h3{ font-size:36px; font-weight:bold; color:#0d5dbf; margin:30px 0 15px; position:relative;}
.network-section .network-box{ width:100%; background:#f6f6f6; padding:90px 0 0;}
.network-section .network-box .title{ font-size:35px; height:77px; line-height:35px; color:#7f7f7f; font-weight:bold; margin:0 0 42px; position:relative;}
.network-section .network-box .title:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:5px; background:#c6c6c6;}
.network-section .network-note{ width:1400px; margin:0 auto; overflow:hidden;}
.network-section .desc{ width:1440px; margin:0 auto; padding:60px 20px 0;}
.network-section .mod2{ background:#fff;}
.network-section .network-user{ float:left; width:15%; min-height:250px; margin:0 6.2% 6.5% 0; background:#fff; padding:0 20px; border-radius:8px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); position:relative;}
.network-section .network-user:nth-of-type(5n){ margin:0 0 6.5% 0;}
.network-section .network-user .pic{ width:104px; height:104px; border-radius:100%; padding:5px; background:#ddd; border:5px solid #fff; position:absolute; left:50%; top:-51px; margin:0 0 0 -52px;}
.network-section .network-user .pic img{ border-radius:100%;}
.network-section .network-user .name{ font-size:16px; line-height:30px; color:#3b3b3b; font-weight:bold; padding:80px 0 0; display:block; text-align:center;}
.network-section .network-user .area{ font-size:14px; line-height:24px; color:#a5a5a5; margin:12px 0; height:50px; display:block; text-align:center; overflow:hidden;}
.network-section .online{ padding:20px 0 30px; text-align:center; height:122px;}
.network-section .online ul{ display:inline-block;}
.network-section .online ul li{ float:left; width:30px; height:30px; line-height:30px; border-radius:8px; background:#f5f5f5; text-align:center; margin:0 6px 6px; cursor:pointer; position:relative;}
.network-section .online ul li span{ font-size:17px; color:#8e8e8e;}
.network-section .online ul li:hover{ background:#e9ffe6;}
.network-section .online ul li:hover span{ color:#0d5dbf;}
.network-section .online ul li a{ width:100%; height:100%; display:block; text-indent:-9999px; position:absolute; top:0;}
.wechat-code2{ position: absolute; left: 45px; top:-60px; z-index: 1000; display: block; width:100px; background:#fff; padding:5px;}

.tooltip {font-size: 14px; line-height: 1.5;position: absolute;padding: 5px;z-index: 100003;opacity: .8}
.tipsy-arrow {position: absolute;width: 0;height: 0;line-height: 0;border: 6px dashed #0d5dbf;top: 0;left: 20%;margin-left: -5px;border-bottom-style: solid;border-top: 0;border-left-color: transparent;border-right-color: transparent}
.tipsy-arrow-n {border-bottom-color: #0d5dbf;}
.tipsy-inner {background-color: #0d5dbf;color: #fff;max-width: 200px;padding: 5px 8px 4px 8px;text-align: center;border-radius: 3px}
			
.network-partner { width:100%; overflow:hidden; background:#e7e7e7 url(../images/pic7-1.jpg) no-repeat top center; position:relative;}
.network-partner .title{ padding: 132px 0 26px 248px; width:535px;}
.network-partner .title .t01{ color:#333; font-size:46px; line-height:56px; font-weight:bold;}
.network-partner .title .t02{ color:#fff; font-size:28px; line-height:30px; font-weight:bold; text-transform:uppercase;}
.network-partner .partner{ width:1440px; margin:0 auto; padding:60px 0;}
.network-partner .partner ul{ overflow:hidden;}
.network-partner .partner ul li{ float:left; width:213px; height:118px; margin:0 90px 84px 0;}
.network-partner .partner ul li:nth-of-type(5n){ margin:0 0 84px 0;}

.service-section { width:100%;}
.service-section .serviceWrapper{ width:1200px; margin:0 auto; position:relative;}
.service-section .note{ font-size:16px; line-height:30px; padding:100px 0 60px;}
.service-section .note h3{ font-size:35px; font-weight:bold; color:#0d5dbf; height:77px; margin:0 0 42px; position:relative;}
.service-section .note h3:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:5px; background:#979797;}
.service-section .note p{ text-indent:2em;}
.service-section .service-box{ width:100%; background:#f6f6f6; padding:60px 0;}
.service-section .service-box .title{ font-size:35px; height:85px; line-height:85px; color:#0d5dbf; font-weight:bold; overflow:hidden; position:relative;}
.service-section .service-box i{ float:left; font-size:72px; padding:0 20px 0 0; color:#cbcbcb; font-style:italic;}
.service-section .service-box span{ float:left; margin:10px 0 0;}
.service-section .service-note{ width:1200px; margin:0 auto; overflow:hidden;}
.service-section .service-note .desc{ color:#656362; font-size:16px; line-height:40px; padding:20px 0 0;}
.service-section .service-note .desc p{ padding:0 0 0 18px; line-height:40px; position: relative; display: block; text-align:left}
.service-section .service-note .desc p:before { content: ""; position: absolute; top: 18px; left: 0; width: 6px; height:6px; border-radius:100%; background: #0d5dbf;}
.service-section .mod2{ background:#fff;}

.report-section { width:100%;}
.report-section .reportWrapper{ max-width:1400px; margin:0 auto; padding:60px 0; position:relative;}
.searchBar{ width:100%; height:47px; line-height:47px; border:1px solid #9b9b9b;border-radius:5px; background:url(../images/search01.png) no-repeat 17px center; background-size:26px; padding-left:60px; position:relative; overflow:hidden;}
.searchBar b{ background:url(../images/search02.png) no-repeat; width:22px; height:22px; display:inline-block; right:13px; top:11px; position:absolute; cursor:pointer; z-index:10;}
.searchBar .inputSearch{ width:95%; height:45px; line-height:45px; padding:0 20px; background:#f6f6f6; border:0; border-left:1px solid #9b9b9b; font-size:15px; color:#cacaca; position:absolute;border-top-right-radius:5px; border-bottom-right-radius:5px;}
.searchBar .btn{ width:60px; height:47px; display:block; position:absolute; left:0; top:0; border:none; background:none; cursor:pointer;}
.tipTxt{ position:absolute; left:0px; top:0px; text-indent:80px; color:#aaa; z-index:0; cursor: text; height:47px; line-height:47px; font-size:15px;}
.report-section .title .Smore{ font-size:16px;}
.report-section .title{ font-size:16px; line-height:30px; padding:70px 0 40px;}
.report-section .title h3{ font-size:35px; font-weight:bold; color:#0d5dbf; height:77px; text-transform:uppercase; position:relative;}
.report-section .title h3:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:5px; background:#979797;}
.report-section .report-list{ overflow:hidden;margin-top: 30px;}
.report-section .report-list ul li{ float:left; width:23.5%; margin:0 2% 6% 0;}
.report-section .report-list ul li:nth-of-type(4n){ margin:0 0 6% 0;}
.report-section .report-list ul li a{ font-size:16px; color:#333; display:block; text-align:center;  padding:20px 20px 10px;background:#f7f7f7; border-radius:10px; }
.report-section .report-list ul li a:hover{ color:#0d5dbf;}
.report-section .report-list ul li p{ height:50px; overflow:hidden;line-height: 50px;}
.report-section .report-pdf{ overflow:hidden;}
.report-section .report-pdf ul li{ float:left; width:11.65%; margin:0 6% 6% 0;}
.report-section .report-pdf ul li:nth-of-type(6n){ margin:0 0 6% 0;}
.report-section .report-pdf ul li a{ font-size:16px; color:#0d5dbf; font-weight:bold; display:block; text-align:center; background:url(../images/icon13.png) no-repeat top center; background-size:108px; padding:135px 15px 20px;}
.report-section .report-pdf ul li a:hover{ color:#0d5dbf; background:url(../images/icon14.png) no-repeat top center; background-size:108px;}
.report-section .report-pdf ul li p{ height:30px; line-height:30px; overflow:hidden;}
.report-section .report-pdf ul li span{ font-size:14px; color:#929292; height:20px; line-height:20px; display:block; font-weight:normal;}




.am-pagination {padding-left: 0;margin: 1.5rem 0;list-style: none;color: #999999;text-align: left;}
.am-pagination {position: relative;}
.am-pagination-default {margin-left: 10px;margin-right: 10px;font-size: 16px; text-align: center}
.am-pagination:before, .am-pagination:after {content: " "; /* display: table; */}
.am-pagination > li {display: inline-block;}
.am-pagination > li > a, .am-pagination > li > span {position: relative;display: block;padding: 0.5em 1em;text-decoration: none;line-height: 1.2;background-color: #ffffff;border: 1px solid #dddddd;border-radius: 2px;margin-bottom: 5px;margin-right: 5px;}
.am-pagination > .am-active > a, .am-pagination > .am-active > span, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span:hover, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > span:focus {z-index: 0;color: #ffffff;background-color: #e6212a;border-color: #e6212a;cursor: default;}
.am-pagination .am-pagination-next {float: right;}
.am-pagination .am-pagination-next a {border-radius: 2px;}
.am-pagination > li:last-child > a, .am-pagination > li:last-child > span {margin-right: 0;}
.am-pagination-default .am-pagination-prev, .am-pagination-default .am-pagination-next {float: none;}

/*左侧菜单*/
#left_nav{width:320px;float:left;padding-right:30px;}
#left_nav dl{overflow:hidden;border:1px solid #d4d4d4;}
#left_nav dl>dt{padding:15px 20px;font-size:24px;line-height:30px;color:#fff;text-transform:uppercase;position:relative;background-color:#0d5dbf;}
#left_nav dl>dt>i{font-size:24px;margin-right:5px;}
#left_nav dl>dd{position:relative;cursor:pointer;padding:8px 15px 8px 15px;transition:all 0s;}
#left_nav dl>dd:not(:last-child){border-bottom:1px solid #d4d4d4;}
#left_nav dl>dd>a{display:inline-block;font-size:16px;line-height:30px;display:block;transition:all 0s;}
#left_nav dl>dd>i{position:absolute;right:5px;top:10px;display:inline-block;width:30px;height:30px;text-align:center;}
#left_nav dl>dd>i:before{content:"\e9e1";font-size:16px;line-height:30px;width:30px;height:30px;display:block;transition:all 0.3s;}
#left_nav dl>dd.active>i:before{content:"\e9e1";transform:rotate(90deg);}
#left_nav dl>dd.active,#left_nav dl>dd:hover{}
#left_nav dl>dd.active>a,#left_nav dl>dd:hover>a{color:#004EA1;}
#left_nav dl>dd ul{transition:all 0s;margin:10px -35px -10px -15px;background-color:#fff;display:none;}
#left_nav dl>dd.active ul{display:block;}
#left_nav dl>dd ul>li{}
#left_nav dl>dd ul>li:nth-child(2n){background-color:#fafafa;}
#left_nav dl>dd ul>li>a{display:block;font-size:14px;line-height:20px;position:relative;padding:15px 15px;}
#left_nav dl>dd>ul>li>a:before{content:"-";margin-right:5px;}
#left_nav dl>dd ul>li.active>a,#left_nav dl>dd ul>li:hover>a{background-color:#004EA1;color:#fff;}
#left_nav dl>dd ul>li.active>ul{display:block;}
#left_nav dl>dd ul>li>ul.catelist{padding:0 20px 0 ;}
#left_nav dl>dd ul>li>ul.catelist>li>a{display:block;border-bottom:1px solid #d5d5d5;padding-left:8px;font-size:14px;}
#left_nav .leftContact{margin-top:30px;border:1px solid #d4d4d4;background-color:#fff;}
#left_nav .leftContact h2{padding:15px 15px 15px 15px;font-size:22px;line-height:25px;color:#fff;position:relative;background-color:#0d5dbf;}
#left_nav .leftContact h2 i{font-size:32px;margin-right:15px;}
#left_nav .leftContact img{width:100%;}
#left_nav .leftContact .txt{padding:10px 15px;}
#left_nav .leftContact .txt p{font-size:14px;line-height:24px;color:#666;padding:3px 0 3px 30px;position:relative;}
#left_nav .leftContact .txt p i{font-size:20px;position:absolute;left:0;}
#left_nav .leftContact .txt p a{display:inline-block;font-size:14px;line-height:24px;color:#666;}
#left_nav .leftContact .txt p a:hover{color:#062c87;}
#left_nav .LeftProduct{margin-top:40px;border:1px solid #d4d4d4;}
#left_nav .LeftProduct h2{padding:15px 20px;font-size:24px;line-height:30px;color:#fff;text-transform:uppercase;position:relative;background-color:#004EA1;}
#left_nav .LeftProduct .item{background-color:#eee;padding:15px;}
#left_nav .LeftProduct .item .txt{padding-top:15px;}
#left_nav .LeftProduct .item h3{font-size:14px;text-align:center;line-height:1.5;}
#left_nav .LeftProduct .list{position:relative;}
#left_nav .LeftProduct .btnlist .swbtn{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;position:absolute;color:#fff;top:calc(50% - 20px);z-index:1;background-color:#004EA1;}
#left_nav .LeftProduct .btnlist .swbtn>i{font-size:30px;}
#left_nav .LeftProduct .btnlist .swbtn.btn-prev{left:15px;}
#left_nav .LeftProduct .btnlist .swbtn.btn-next{right:15px;}
/*右侧内容*/
#right_nav{float:left;width:calc(100% - 320px);}
@media (min-width:1230px) and (max-width:1585px){
}
@media (min-width:992px) and (max-width:1229px) {
    #left_nav{width:30%;}
    #left_nav dl{}
    #left_nav dl>dt{font-size:22px;}
    #left_nav dl>dd{}
    #left_nav dl>dd>a{}
    #left_nav dl>dd ul>li>a{font-size:13px;line-height:20px;}
    
    #left_nav .leftContact{margin-top:30px;}
    #left_nav .leftContact h2{font-size:22px;padding:10px 10px 10px 20px;}
    #left_nav .leftContact h2 i{font-size:24px;}
    #left_nav .leftContact .txt{padding:10px;}
    #left_nav .leftContact .txt p{font-size:14px;line-height:24px;}
    #left_nav .leftContact .txt p a{font-size:14px;line-height:24px;}
    /*右侧内容*/
    #right_nav{float:left;width:70%;}
}
@media (min-width:768px) and (max-width:991px) {
    #left_nav{width:100%;padding-right:0;padding-left:0;margin-bottom:20px;}
    #left_nav dl{padding:0;}
    #left_nav dl::before{}
    #left_nav dl>dt{padding:8px 15px;font-size:18px;border-radius:0;display:block;background-color:#004EA1;}
    #left_nav dl>dt:before{content:"\e9e2";font-family:iconfont;float:right;position:relative;border:none;}
    #left_nav dl>dd{display:none;}
    #left_nav dl>dd:before{}
    #left_nav dl>dd:last-child{border-radius:0;}
    #left_nav dl>dd>a{font-size:14px;line-height:20px;}
    #left_nav dl>dd ul>li>a{font-size:12px;}

    #left_nav .LeftProduct{display:none;}
    #left_nav .leftContact{display:none;}
    #right_nav{float:left;width:100%;}
     .cz-product-detail-left{width:100%;}
    .cz-product-detail-right{ width: 100%; padding: 5% 0 5% 0%;}
}
@media (min-width:1px) and (max-width:767px) {    
    #left_nav{width:100%;padding-right:0;padding-left:0;margin-bottom:20px;}
    #left_nav dl{padding:0;}
    #left_nav dl::before{}
    #left_nav dl>dt{padding:8px 15px;font-size:18px;border-radius:0;background-color:#004EA1;display:block;}
    #left_nav dl>dt:before{content:"\e9e2";font-family:iconfont;float:right;position:relative;border:none;}
    #left_nav dl>dd{display:none;}
    #left_nav dl>dd:before{}
    #left_nav dl>dd:last-child{border-radius:0;}
    #left_nav dl>dd>a{font-size:14px;line-height:20px;padding:0;}
    #left_nav dl>dd>a::after{top:18px;}
    #left_nav dl>dd ul>li>a{font-size:12px;}
    #left_nav dl>dd.contactus{margin-top:30px;padding-bottom:15px;}
    
    #left_nav .LeftProduct{display:none;}
    #left_nav .leftContact{display:none;}
    #right_nav{float:left;width:100%;}
   
}



.contact-section { width:100%;}
.contact-section .contactWrapper{ width:1200px; margin:0 auto; padding:120px 0 70px; position:relative; overflow:hidden;}
.contact-section .note{ float:left; width:800px; font-size:16px; line-height:30px; overflow:hidden;}
.contact-section .note h1{ font-size:33px; line-height:33px; color:#0d5dbf; font-weight:bold; padding:0 0 80px;}
.contact-section .note dl{ float:left; width:50%; height:100px; padding:0 0 0 58px; margin:0 0 70px 0;}
.contact-section .note dl dt{ font-size:17px; line-height:22px; color:#a1a1a1; font-weight:bold; padding:0 0 5px;}
.contact-section .note dl dd{ font-size:17px; line-height:22px; color:#0d5dbf;}
.contact-section .note dl.icon-address{ background:url(../images/icon7.png) no-repeat left 5px; background-size:43px;}
.contact-section .note dl.icon-tel{ background:url(../images/icon8.png) no-repeat left 3px; background-size:43px;}
.contact-section .note dl.icon-qq{ background:url(../images/icon9.png) no-repeat left 3px; background-size:43px;}
.contact-section .note dl.icon-email{ background:url(../images/icon10.png) no-repeat left 5px; background-size:43px;}
.contact-section .note dl dd a{ color:#0d5dbf;}
.contact-section .message{ float:left; width:360px; margin:0 0 0 40px; overflow:hidden;}
.contact-section .message .message-box li{ width:100%; height:38px; line-height:38px; margin:0 0 20px; position:relative;}
.contact-section .message .message-box label{ font-size:15px; color:#979797; position:absolute; left:0; width:20%; padding:0 0 0 6%; z-index:1;}
.contact-section .message .message-box input{ width:100%; height:38px; line-height:38px; color:#979797; padding:0 0 0 20%; border:none; border-radius:3px; background:#f0f0f0; position:absolute;}
.contact-section .message .message-box .Sbody{ width:100%; height:136px; margin:0 0 20px; position:relative;}
.contact-section .message .message-box textarea{ width:100%; height:100%; line-height:24px; color:#979797; padding:18px 22px; border:none; border-radius:3px; background:#f0f0f0; position:absolute;}
.contact-section .message .message-cyzm{ width:100%; line-height:38px; position: relative; }
.contact-section .message .message-cyzm label{ font-size:15px; color:#979797; position:absolute; left:0; width:25%; padding:0 0 0 6%; z-index:1;}
.contact-section .message .message-cyzm img{ position: absolute; left:54%; top:5px;}
.contact-section .message .message-cyzm input{ width:50%; height:38px; line-height:38px; color:#979797; padding:0 6% 0 25%; border:none; border-radius:3px; background:#f0f0f0; position:absolute;}
.contact-section .message .message-btn button{ width: 100%; height: 42px; line-height:42px; text-align:center; border:none; margin:30px 0 0; color: #fff;}
.contact-section .message .message-btn .submit{ background: #0d5dbf; border-radius:3px;}
.contact-section .message .message-btn .submit:hover{ background: #008fb3; color:#fff; cursor:pointer}
#allmap{ width:100%; height:400px;}


.product_search-list{ width:1200px; margin:0 auto; padding:0 0 60px;}
.product_search-list .searchBar-list{ width:100%; height:40px; line-height:40px; border:1px solid #d5d5d5;border-radius:5px; background:url(../images/search03.png) no-repeat 12px center; padding-left:40px; position:relative;}
.product_search-list .searchTxt-list{ position:absolute; left: 370px; top:45px;}
.product_search-list .searchBar-list b{ background:url(../images/search04.png) no-repeat; width:18px; height:18px; display:inline-block; right:12px; top:10px; position:absolute; cursor:pointer;}
.product_search-list .searchBar-list .inputSearch{ width:100%; height:40px; line-height:40px; background:none; border:0; font-size:14px; outline: none;}
.product_search-list .searchBar-list .btn{ width:42px; height:47px; display:block; position:absolute; left:0; top:0; border:none; background:none; cursor:pointer;}
.product_search-list .tipTxt-list{ position:absolute; left:0px; top:0px; text-indent:40px; color:#aaa; z-index:0; cursor: text; height:40px; line-height:40px; font-size:14px;}

.product-container{ width:1200px; margin:0 auto; overflow:hidden; padding:50px 0; font-size:16px; line-height:30px;}
.product-container .box{ margin-top:90px;}
.product-container .box_title{ font-size:36px; line-height:36px; font-weight:bold; color:#191919; padding:0 0 40px;}
.product-container ul{ overflow:hidden;}
.product-container ul li{ float:left; width:30.6%; margin:0 4% 4% 0;}
.product-container ul li:nth-of-type(3n){ margin:0 0 4% 0;}
.product-container ul li img{ width:100%; border:1px solid #ddd;}
.product-container ul li p{ font-size:16px; color:#191919; margin:20px 0 10px; text-align:center; height:86px; overflow:hidden;}
.product-container ul li .note{ font-size:16px; height:24px; line-height:24px; color:#606060; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-container ul li .note p{ font-size:16px; font-weight:normal; padding:0;}
.searchtitle{ padding:0 0 40px ; font-size:16px; text-align:center;}
.sitemap li{ border-bottom:1px dashed #ccc; line-height:35px;}
.sitemap li a{ font-size:16px; color:#333;}
.nrnav li{ border-bottom:none;}
.nrnav li a{ font-size:14px; border-bottom:1px dashed #ccc; line-height:35px; display:block;}

.pages{ width:100%; color:#1a4b85; overflow:hidden;  text-align:center; padding:0;}
.pages span{ padding:0 6px; margin-top:10px; display:inline-block; color:#555;}
.pages a{ display:block; color:#333; text-align:center; vertical-align:middle; padding:0px 20px; line-height:50px; overflow:hidden; box-sizing:border-box; font-size:16px; background:#fff; border-radius:5px;border:1px solid #dedede;}
.pages span.curr a{ display:block; background:#0d5dbf; color:#fff; border:1px solid #0d5dbf;}
.pages a:hover{background:#dedede; color:#fff;}



@media (max-width: 1919px){ 
.advantage-section .note{ padding:0 90px 0 150px;}
.advantage-section .note h3{ margin:0 0 40px;}
.advantage2List{ height:auto;}
.advantage2List ul li{ width: 9.25%; overflow:hidden;}
.advantage2List ul .pic1{ width:35%;}
#LD .slick-dots { margin: 0; padding: 0; list-style: none; width: 100%; text-align: center; margin-top: 50px;}
#LD .slick-dots li { display: inline-block; float:none; width: 16px; height: 16px; background:#ddd; border-radius: 50%; margin-right: 20px;}
#LD .slick-dots li:last-child { margin-right: 0;}
#LD .slick-dots li.slick-active { background: #0d5dbf;}
.about-section .note{ padding:35px 65px 0 65px}

.network-partner .title{ padding:132px 0 26px 128px;}
.section6 .title{ padding:132px 0 26px 195px;}
}


.wap{ display:none}
@media (max-width: 1679px){ 
.header .mian .nav{ margin-left:8vw;}
.swiper1 .sss1 .pic{ width:560px;}
.about3-section ul li{ margin:0 45px;}

}

@media (max-width: 1440px){ 
.header .mian .nav{ margin-left:12vw;}
.swiper1 { height:610px;}
.swiper1 .sss1 .pic{ width:570px; right:150px;}
.section1{ width:900px; height:128px; margin:-65px auto 100px;}
.section1 dl{ margin:30px 0 0;}
.section1 dl span{ font-size:40px; line-height:40px;}
.section1 dl dd{ font-size:16px;}
.section1 dl i{ top:28px;}
.swiper1 .sss1 .t1{ font-size:57px; line-height:57px;}
.swiper1 .sss1 .t2{ font-size:22px; line-height:36px; background-size:contain;}
.swiper1 .sss1 .t3 ul li{ width:69px; margin:0 13px 0 0;}
.swiper1 .sss2 .t1{ font-size:37px; line-height:50px;}
.swiper1 .sss2 .t2{ font-size:32px; line-height:46px; padding:0 0 18px;}
.swiper1 .sss2 .t3{ font-size:21px; line-height:21px;}
.swiper1 .sss2 .note{ background:url(../images/banner2-bg2.png) no-repeat; padding:40px 120px; left:160px;}
.swiper1 .sss1 .note { left:160px;}

/*.section2 .box .note{ height:100px;}*/
.section2 .box .note h3{ font-size:20px;}
.section3 .title{ padding:45px 0;}
.section3 .title .t01{ font-size:30px; line-height:35px;}
.section3 .title .t02{ font-size:24px; line-height:28px;}
.section3 .note{ background-size:contain; padding:226px 0 0;}
.section3 .note .note_content{ padding:56px 44px 70px;}
.section3 .note .note_left h1{ font-size:26px; line-height:46px;}
.section3 .note .note_left h2{ font-size:16px; line-height:20px;}
.section4 .title .t01{ font-size:26px; line-height:46px;}
.section4 .title .t02{ font-size:16px; line-height:18px;}
.index-news .list li{ padding-top:100px;}
.section6 { height: 720px; background: url(../images/pic7.jpg) no-repeat -250px -50px;}
.section6 .title .t01{ font-size:30px; line-height:46px;}
.section6 .title .t02{ font-size:16px; line-height:18px;}
.section6 .title { padding: 90px 0 55px 110px; width: 250px;}


.banner-section{ height:250px;}
.about-section .aboutWrapper{ padding:90px 0;}
.about-section .note{ padding:0 60px;}
.about-section .note h3{ font-size:32px; line-height:42px;}
.about-section .note h4{ font-size:18px; line-height:28px; margin:0 0 30px;}
.about2-section .about2Wrapper{ padding:90px 0;}
.about2-section .note{ padding:90px 60px 0;}
.about2-section .note h3{ font-size:32px; line-height:42px;}
.about2-section .note h4{ font-size:18px; line-height:28px; margin:0 0 30px;}
.about3-section ul li{ margin:0 52px;}
.about3-section ul li p{ font-size:35px; line-height:45px;}
.about3-section .about3Wrapper{ padding:0 0 80px;}
.about4-section{ padding:90px 0; background-size:90%; background-position:45px 48px;}
.about4-section .about4Wrapper{ width:88%; height:auto;}
.about5-section{ padding:0;}
.about5-section .about5Wrapper{ height:630px;}
.about5-section .note .t01{ font-size:48px; line-height:68px;}
.about5-section .note .t02{ font-size:48px; line-height:70px;}
.about5-section .note .t03{ font-size:31px; line-height:39px;}
.about5-section .note{ width:410px; padding:125px 0 0 32px; left:86px;}
.about6-section{ padding:90px 0;}
.about6-section .note{ width:88%; height:630px;}
.about6-section .note p{ font-size:123px; line-height:123px;}
.about6-section .desc{ width:88%; padding:20px 0 0;}
.about6-section .desc .t01{ font-size:57px; line-height:57px;}
.about6-section .desc .t02{ font-size:28px; line-height:33px;}
.about7-section .title{ padding:90px 0 0 78px;}
.about7-section .title .t01{ font-size:32px; line-height:42px;}
.about7-section .title .t02{ height:67px; font-size:18px; line-height:28px; margin:0 0 30px;}
.about7-section .about7Wrapper{ height:625px;}

.product-section{ height:450px;}
.product-section .banner-note{ left:220px;}
.product-section .banner-note .t01{ font-size:38px; line-height:38px; padding:0 0 15px;}
.product-section .banner-note .t02{ font-size:22px; line-height:23px;}
.product1-section .product1Wrapper{ padding:90px 0;}
.product1-section .pb60 .product-note h3{ font-size:30px; line-height:30px;}
.advantage-section .note{ padding:0 60px 0 90px;}
.advantage-section .note h3{ font-size:30px; height:67px; margin:0 0 40px;}
.advantage-section .note h3:before{ height:3px;}
.advantage-section .advantageWrapper{ padding:90px 0;}
.advantage3-section .advantage3Wrapper{ padding:90px 0;}
.section4 .section4Wrapper{ height:700px;}
.section4 .title{ padding:60px 0 0 65px;}
#honor i.arrow-icon-left{ left:20px;}
#honor i.arrow-icon-right{ right:20px;}

.news-section .p-nav{ height:139px;}
.news-section .p-nav a{ font-size:30px; height:137px; padding:70px 30px 0 30px;}
.news-section .p-nav dd:first-child{ margin-left:-30px;}
.news-section .p-nav a:hover:before, .p-nav a.on:before{ left:30px; right:30px;}
.news-section .news-1 li .name2{ font-size:20px;}
.news-section .news li .name a{ font-size:16px;}
.news-section .news li p{ font-size:14px;}
.p-more{ width:110px; font-size:18px;}

.network-section .networkWrapper{ width:100%; padding:0 90px;}
.network-section .network-note{ width:100%; padding:0 90px;}
.network-section .desc{ width:100%; padding:60px 90px 0;}
.network-partner{ background:#e7e7e7 url(../images/pic7-1.jpg) no-repeat -180px top;}
.network-partner .title{ width:300px; padding:132px 0 26px 90px;}
.network-partner .title .t01{ font-size:35px;}
.network-partner .title .t02{ font-size:22px; line-height:24px;}
.network-section .note h3{ font-size:30px;}
.network-section .network-box .title{ font-size:30px; height:67px;}
.network-section .network-box .title:before{ height:3px;}
.network-partner .partner{ width:100%; padding:60px 90px 0;}
.network-partner .partner ul li{ width:15.2%; height:auto; margin:0 6% 6% 0;}
.network-partner .partner ul li:nth-of-type(5n){ margin:0 0 6% 0}
.network-partner .partner ul li img{ width:100%;}

/**contact**/


}

@media (max-width: 1366px){ 

.header .mian .nav{ margin-left:8vw;}
.section2 .box .note h3{ font-size:18px;}
.section4 .section4Wrapper{ width:100%; height:auto; padding:60px;}
#honor{ padding:0 40px; margin: 58px auto 0; width: 88%; overflow:visible;}
#honor i.arrow-icon-left{ left:-15px;}
#honor i.arrow-icon-right{ right:-15px;}
.honor{ margin: 0 20px;}
.index-news .wal{ width:100%; padding:0 60px; min-height: 850px;}
.video-box .video-container{ width:90%;}
.product1-section .product-box .pic{ padding:40px 0 0;}

.network-section .network-user{ width:22%; margin:0 4% 10% 0;}
.network-section .network-user:nth-of-type(5n){ margin:0 4% 10% 0;}
.network-section .network-user:nth-of-type(4n){ margin:0 0 10% 0;}

}

@media (max-width: 1280px){ 
.swiper1{ height:500px; margin-top:70px;}
.banner-section{ margin:70px 0 0;}
.product-section{ margin:70px 0 0;}
.product-section .banner-note{ left:75px;}
.p-more{ width:90px; font-size:16px;}
.p-more:before{ width:28px;}
.p-more:hover:before { width:48px;}

.swiper1 .sss1 .note{ left:80px;}
.swiper1 .sss1 .t1{ font-size:47px; line-height:47px;}
.swiper1 .sss1 .pic{ width:450px; right:60px; top:47%;}
.swiper1 .sss1 .t2{ font-size:18px;}
.swiper1 .sss1 .t3 ul li{ width:55px; margin:0 15px 0 0;}
.swiper1 .sss2 .t1{ font-size:32px; line-height:45px;}
.swiper1 .sss2 .t2{ font-size:28px; line-height:45px; padding:0 0 18px;}
.swiper1 .sss2 .t3{ font-size:18px; line-height:21px;}
.swiper1 .sss2 .note{ left:120px;}
.section1{ margin:-65px auto 60px;}
/*.section2 .box .note{ height:115px;}*/
.section2 .box:hover .note{ height:140px;}
.section2 .box .note h3{ font-size:16px; line-height:24px; padding:20px 20px 0;}
.section3 .note{ background-size:140%;}
.section3 .note .note_content{ width:90%; margin:0 auto;}
.section2 .box .note p{width: 120px; padding: 0 20px 0 0; background: url(../images/icon1.png) no-repeat 85% center; background-size: 20%;}
.section5 .title{ padding:30px 0;}
.section5 .title .t01{ font-size:26px; line-height:46px;}
.section5 .title .t02{ font-size:16px; line-height:18px;}
.index-news .wal{ min-height:960px; position:relative; padding:0 60px;}
.index-news .wal .p-more{ position:absolute; top:128px; right:50px;}
.index-news .btn { min-height:90px;}
.index-news .btn ul{ overflow:hidden; border-bottom:1px solid #e1e1e1;}
.index-news .btn li{ float:left; margin-right:30px;}
.index-news .btn a{ line-height:56px; position:relative;}
.index-news .btn a.on:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:3px; background:#0d5dbf;}
.index-news .list{ width:90%; top:220px; left:60px; margin:0;}
.index-news .list li{ padding-top:30px;}
.index-news .list li a{ padding:0 25px;}
.index-news .list li a h3{ font-size:16px;}
.index-news .list li a p{ font-size:14px;}
.section6{ height:610px; background-position:-300px -90px;}
.section6 .title{ padding:60px 0 60px 60px;}
.section6 .partner{ float:none; width:100%; padding:0 60px;}
.section6 .partner ul li{ float:left; width:20.5%; height:auto; margin:0 6% 6% 0;}
.section6 .partner ul li:nth-of-type(4n){ margin:0 0 6% 0;}

.about-section .aboutWrapper{ padding:60px 0 0;}
.about-section .note{ float:none; width:100%; padding: 0 60px 60px;}
.about-section .note h3{ font-size:30px; line-height:40px;}
.about-section .pic{ float:none; width:100%;}
.about2-section .about2Wrapper{ padding:60px 0;}
.about2-section .note{ float:none; width:100%; padding: 0 60px 60px;}
.about2-section .note h3{ font-size:30px; line-height:40px;}
.about2-section .pic{ float:none; width:100%;}
.about3-section .about3Wrapper{ padding: 0 0 60px;}
.about3-section ul li{ margin:0 32px;}
.about3-section ul li span{ font-size:16px;}
.about3-section ul li p{ font-size:30px; line-height:40px;}
.about4-section{ padding:60px 0; background-position:35px 38px;}
.about5-section .about5Wrapper{ height:550px;}
.about5-section .note .t01{ font-size:38px; line-height:58px;}
.about5-section .note .t02{ font-size:38px; line-height:40px;}
.about5-section .note .t03{ font-size:24px; line-height:32px;}
.about5-section .note{ padding:32px 0 0 32px; left:60px;}
.about6-section{ padding:60px 0;}
.about6-section .note{ height:550px;}
.about6-section .desc .t01{ font-size:48px; line-height:58px;}
.about6-section .desc .t02{ font-size:24px; line-height:30px;}
.about7-section .about7Wrapper{ height:580px;}
.about7-section .title{ padding:60px 0 0 78px;}
.about7-section .title .t01{ font-size:30px;}
.about7-section .title .t02{ height:57px;}
.about7-section .title .t02:before{ height:3px;}

.product-section .banner-note{ left:75px;}
.product-section .banner-note .t01{ font-size:28px; line-height:28px;}
.product-section .banner-note .t02{ font-size:18px; line-height:20px;}
.product1-section .product1Wrapper{ width:100%; padding:60px;}
.product1-section .product-box .product-note{ width:58%; padding:0 10px 0 60px;}
.product1-section .product-box .pic{ width:42%; padding:140px 0 0;}
.product1-section .pb60 .product-note{ padding:0 10px 0 0;}
.product2-section .product2Wrapper{ width:100%; padding:60px;}
.product2-section .product-detail,.product2-section .product-detail table{ font-size:14px;}

.advantage-section .advantageWrapper{ padding:60px 0;}
.advantage-section .note{ float:none; width:100%; padding: 0 60px;}
.advantage-section .pic{ float:none; width:100%; padding:60px 0 0;}
.advantage3-section .advantage3Wrapper{ width:100%; padding:40px 60px 60px;}
.advantage3-section .quality ul li{ margin:0 23px 30px 0;}
.advantage3-section .quality ul li:nth-of-type(4n){ margin:0 23px 30px 0;}
.advantage3-section .quality ul li:nth-of-type(3n){ margin:0 0 30px 0;}
.advantage3-section .title h3{ font-size:30px; height:67px;}
.advantage3-section .title h3:before{ height:3px;}
.advantage2List .txt .p1{ font-size:30px; line-height:34px; font-weight:normal; width:90px;}
.advantage3-section .quality ul li .pic i{ font-size:70px; line-height:70px;}
.advantage3-section .quality ul li p{ font-size:22px;}
.section4 .title h3{ font-size:30px; height:67px; margin:0 0 60px 36px;}
.section4 .title h3:before{ height:3px;}

.news-section .newsWrapper{ width:100%; padding:0 60px 60px;}
.news-section .news-1 li .container{ border-right:none;}
.news-section .news-1 li p{ min-height:90px; max-height:140px;}

.network-section .networkWrapper{ padding:0 60px;}
.network-section .network-note{ padding:0 60px;}
.network-section .desc{ padding:60px 60px 0;}
.network-section .network-box{ padding:60px 0 0;}
.network-section .network-user{ width:22%; margin:0 4% 10% 0;}
.network-section .network-user:nth-of-type(5n){ margin:0 4% 10% 0;}
.network-section .network-user:nth-of-type(4n){ margin:0 0 10% 0;}
.network-partner{ background-position:-180px -72px;}
.network-partner .title{ padding:60px 0 26px 90px;}
.network-partner .partner{ padding:44px 90px 20px;}

.service-section .serviceWrapper{ width:100%; padding:0 60px;}
.service-section .note{ padding:60px 0;}
.service-section .note h3{ font-size:30px; height:67px;}
.service-section .note h3:before{ height:3px;}
.service-section .service-box{ padding:60px;}
.service-section .service-box .title{ font-size:30px;}
.service-section .service-box i{ font-size:67px;}
.service-section .service-note{ width:100%;}
.service-section .service-note .desc{ padding:10px 0 0;}

.report-section .reportWrapper{ width:100%; padding:60px;}
.report-section .title h3{ font-size:30px; height:67px;}
.report-section .title h3:before{ height:3px;}
.searchBar .inputSearch{ width:93.3%;}
.report-section .report-list ul li a{ font-size:14px; background-size: 150px; padding: 20px 20px 0;}
.report-section .report-pdf ul li a{ background-size:105px; padding:135px 0 20px;}
.report-section .report-pdf ul li a:hover{ background-size:105px;}

.contact-section .contactWrapper{ width:100%; padding:60px;}
.contact-section .note{ width:60%;}
.contact-section .note h1{ font-size:30px;}
.contact-section .message{ width:35%; margin:0 0 0 4%;}
.contact-section .note dl dt{ font-size:16px; font-weight:normal;}
.contact-section .note dl dd{ font-size:16px;}
.contact-section .message .message-box label{ width:21%; font-size:14px;}
.contact-section .message .message-cyzm label{ font-size:14px;}
footer .footer-nav{ width:100%; padding:0 60px;}
footer .footer-nav .fr{ display:none;}
footer .footer-nav ul li{ width:auto;}
footer .footer-nav ul li a{ padding:0 28px;}
footer .footer-nav ul li:first-child a{ padding: 0 28px 0 0;}
footer .footer-nav ul li:last-child a{ padding-right:0}
footer .foot-content-Wrapper{ width:100%; padding:0 60px;}
footer .foot-content .left_contact{ width:40%;}
footer .foot-content .right_message{ width:40%; padding:0 0 0 40px;}
footer .footer-copyright-Wrapper{ width:100%; padding:22px 60px;}

.product_search-list{ width:100%;}
.product-container{ width:100%; padding:0;}
.product-container ul li{ width:30.6%; margin:0 4% 4% 0;}
.product-container ul li:nth-of-type(3n){ margin:0 0 4% 0;}
.product-container ul li p{ font-size:16px; font-weight:normal;}
}


@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
.right_side{ display:none !important;}
.honor2{ width:48%;margin: 0 4% 2% 0; }
.honor2:nth-child(2n+2){margin: 0 0% 2% 0; }
.swiper1{ height:90vh;}
.section1{ width:80%; height:110px; margin:-55px auto 60px;}
.section1 dt{ font-size:32px; line-height:32px;}
.section1 dl{ margin:25px 0 0;}
.section1 dl span{ font-size:35px; line-height:35px;}
.section1 dl i{ top:23px;}
.swiper1 .sss1 .note{ left:40px;}
.swiper1 .sss1 .t1{ font-size:36px; line-height:46px; padding:0 0 30px;}
.swiper1 .sss1 .pic{ width:350px; right:40px; top:47%;}
.swiper1 .sss1 .t2{ font-size:16px; padding:30px 0; line-height:30px;}
.swiper1 .sss1 .t3 ul li{ width:50px; margin:0 15px 0 0;}
.swiper1 .sss2 .t3{ font-size:16px;}
.swiper1 .sss2 .note{ left:60px; padding:40px 60px; margin:-130px 0 0;}

.section2 .box{ width:calc(49% - 2px);}
.section2 .box:nth-child(2n+2){margin:0 0 20px 0;}
.section2 .box .note h3{ padding:20px 20px 0;}
.section3 .note{ padding:170px 0 0;}
.section3 .note .note_content{ padding:40px 44px 70px;}
.section3 .note .note_right .pic{ float:none; width:100%;}
.section3 .note .note_right .video{ float:none; width:100%; margin:4% 0 0;}

.index-news .wal{ min-height:100px;}
.index-news .list{ display:none;}
.index-news .list li { height: 850px; width:50%;}
.index-news .list li:nth-child(3){ display:none;}
.index-news .list li a p{ display:none;}
.index-news .list li a .more{ display:none;}
.index-news .news-1{ padding:30px 60px;}
.news-1 ul li{ position:relative; margin:0 0 50px;}
.news-1 a .img img{ width:100%;}
.news-1 a { display: block; position: relative; color: #fff;}
.news-1 a .img { width: 100%; overflow: hidden; position: relative;}
.news-1 a .time { width: 75px; height: 75px; font-size:14px; position: absolute; z-index: 10; left:30px; top: 0; text-align: center; background: #0d5dbf; padding-top:13px;}
.news-1 a .time span { display: block; font-size: 24px; line-height:32px;}
.news-1 a .name { width:100%; font-size:16px; line-height:45px; padding:0 20px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6)}

.banner-section{ height:200px;}
.about3-section .about3Wrapper{ padding:0 0 28px;}
.about3-section ul li { margin: 0 32px 32px; width: 25%;}
.about3-section ul li sup{ right:18px;}
.about5-section .about5Wrapper,.about6-section .note{ height:430px;}
.about6-section .note p{ font-size:90px; line-height:90px;}


.product1-section .product1Wrapper{ padding:0;}
.product1-section .product-box{ margin:0 0 40px;}
.product1-section .pb60 .product-note{ padding:0 10px 0 60px;}
.product1-section .pb60 .product-note h3{ font-size:24px; line-height:28px; height:auto; padding:60px 0 30px;}

#LD .slick-dots{ margin-top:30px;}
.advantage3-section .quality ul li{ width:48%; margin:0 4% 4% 0;}
.advantage3-section .quality ul li .pic{ width:100%; height:auto;}
.advantage3-section .quality ul li .pic img{ width:100%;}
.advantage3-section .quality ul li:nth-of-type(3n){ margin:0 4% 4% 0;}
.advantage3-section .quality ul li:nth-of-type(4n){ margin:0 4% 4% 0;}
.advantage3-section .quality ul li:nth-of-type(2n){ margin:0 0 4% 0;}

.news-section .p-nav{ height:129px;}
.news-section .p-nav a{ height:127px; padding:60px 30px 0 30px;font-size: 20px;}
.news-section .news-1{ padding:30px 0 0;}
.news-section .news-1 li{ padding:0; margin:0 0 30px;}
.news-section .news-1 li p{ min-height:80px; max-height:80px; margin:0 0 10px; overflow:hidden;}
.news-section .news-1 a .img{ float:none; width:100%;}
.news-section .news-1 li .container{ float:none; width:100%; padding:20px 0 0;}
.news-section .news-1 li .name2{ height:auto;}

.news-section .news ul{ margin-left:-30px;}
.news-section .news li{ width:50%; padding:0 0 30px 30px;}
.news-section .news li .container{ padding:20px 0 0 24px;}
.news-section .news li .container:before{ top:26px;}
.news-section .news li p{ max-height:100px; overflow:hidden;}

.network-section .network-user{ width:30.6%; margin:0 4% 10% 0;}
.network-section .network-user:nth-of-type(5n){ margin:0 4% 10% 0;}
.network-section .network-user:nth-of-type(4n){ margin:0 4% 10% 0;}
.network-section .network-user:nth-of-type(3n){ margin:0 0 10% 0;}
.network-partner{ background-position:-210px -72px;}
.network-partner .title{ padding:60px 0 26px 60px;}
.network-partner .partner{ padding:44px 60px 20px;}
.network-partner .partner ul li{ width:20.5%; height:auto; margin:0 6% 6% 0;}
.network-partner .partner ul li:nth-of-type(5n){ margin:0 6% 6% 0}
.network-partner .partner ul li:nth-of-type(4n){ margin:0 0 6% 0}

.searchBar .inputSearch{ width:90.7%;}
.report-section .title{ padding:40px 0 30px;}
.report-section .report-list ul li{ width:30.6%; margin:0 4% 6% 0;}
.report-section .report-list ul li:nth-of-type(4n){ margin:0 4% 6% 0;}
.report-section .report-list ul li:nth-of-type(3n){ margin:0 0 6% 0;}

.report-section .report-pdf ul li{ width:15.2%; height:auto; margin:0 6% 4% 0;}
.report-section .report-pdf ul li:nth-of-type(6n){ margin:0 6% 4% 0;}
.report-section .report-pdf ul li:nth-of-type(5n){ margin:0 0 4% 0}
.report-section .report-pdf ul li a{ background-size:95px; padding:120px 0 20px;}
.report-section .report-pdf ul li a:hover{ background-size:95px;}

.contact-section .note{ width:54%;}
.contact-section .note h1{ padding:0 0 50px;}
.contact-section .note dl{ float:none; width:100%; height:auto; margin:0 0 40px;}
.contact-section .message{ width:46%; margin:0;}
.contact-section .message .message-box label{ width:22%;}
.contact-section .message .message-cyzm label{ width:27%;}
.contact-section .note dl dt,.contact-section .note dl dd{ font-size:14px;}

.section6{ height:auto; padding:0 0 60px;}
footer .footer-nav{ display:none;}
footer .foot-content .left_contact{ width:40%;}
footer .foot-content .icon-2{ height:auto;}
footer .foot-content .icon-2 .foot-tel{ float:none;}
footer .foot-content .icon-2 .foot-email{ float:none; margin:20px 0 0;}
footer .foot-content .right_message{ width:60%;}
footer .foot-content .left_contact .title .t02{ width:100%;}
footer .foot-content .aboutmain-cbot label,footer .foot-content .aboutmain-cyzm label{ width:25%;}
footer .foot-content .aboutmain-cbot .input{ width:75%;}
footer .foot-content .aboutmain-cyzm img{ left:220px;}

.product_search-list{ padding:40px;}
.product-container{ padding:0 40px;}
}


/* iPads (landscape) 纵向----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.honor2{ width:48%;margin: 0 4% 2% 0; }
.honor2:nth-child(2n+2){margin: 0 0% 2% 0; }
}


@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){
.section3 .note .note_right img{ width:100%;}
.index-news .wal{ min-height:800px; position:relative; padding:0 60px;}
.index-news .wal .p-more{ position:absolute; top:128px; right:50px;}
.index-news .btn { min-height:90px;}
.index-news .btn ul{ overflow:hidden; border-bottom:1px solid #e1e1e1;}
.index-news .btn li{ float:left; margin-right:30px;}
.index-news .btn a{ line-height:56px; position:relative;}
.index-news .btn a.on:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width:70px; height:3px; background:#0d5dbf;}
.index-news .list{ width:90%; top:220px; left:60px; margin:0;}
.index-news .list li{ padding-top:30px;}
.index-news .list li a{ padding:0 25px;}
.index-news .list li a h3{ font-size:16px;}
.index-news .list li a p{ font-size:14px;}


}
@media (min-device-width : 1025px) and (max-width: 1366px) and (orientation : landscape){


}

@media screen and (max-width: 767px) {
.section3 .note .note_left{ float:none; width:100%; padding:0 0 40px;}
.section3 .note .more{ margin:30px 0 0;}
.section3 .note .note_right{ float:none; width:100%;}
.section3 .note .note_right .pic{ float:left; width:48%;}
.section3 .note .note_right .video{ float:left; width:48%; margin:0 0 0 4%;}

.link-lang{margin-top:6px;}
.linkbtn-1{border:0px;}
.language-show-1 {border:0px;}

.honor2{ width:48%;margin: 0 4% 2% 0; }
.honor2:nth-child(2n+2){margin: 0 0% 2% 0; }

.right_side{ display:none !important;}
footer .foot-content .right_code{display:none;}
.banner-section{ margin:50px 0 0; height:120px;}
.product-section{ margin:50px 0 0; height:260px;}
.product-section .banner-note .t01{ font-size:18px; line-height:24px; padding:0;}
.product-section .banner-note .t02{ font-size:12px;}
.product-section .banner-note{ left:30px;}

.swiper1{ margin:50px 0 0;}
.swiper1 .sss1 .note{ left:0; top:auto; transform:none; width:100%; padding:50px 0 0;}
.swiper1 .sss1 .t1{ font-size:30px; line-height:40px; padding:0 0 20px; font-weight:normal;}
.swiper1 .sss1 .t2{ font-size:16px; line-height:30px; background-size:60%; padding:35px 0 20px; font-weight:normal;}
.swiper1 .sss1 .pic{ width:100%; transform:none; top:auto; right:0; bottom:30px; text-align:center;}
.swiper1 .sss1 .pic img{ width:80%; margin:0 auto;}
.swiper1:hover .arrow-left0, .swiper1:hover .arrow-right0{ display:none;}
.swiper1 .sss2{ background-position:64% top !important;}
.swiper1 .sss2 .note{ padding:60px 20px 40px 60px; left:0; width:100%; background: url(../images/banner2-bg.png) no-repeat 30px top;}
.swiper1 .sss2 .t1{ font-size:30px; line-height:40px;}
.swiper1 .sss2 .t2{ font-size:20px; line-height:40px;}
.swiper1 .sss2 .t3{ font-size:14px; line-height:20px;}

.section2 .title .t01{font-size:20px;}
.section2 .title .t03{font-size:16px; line-height:26px;}
.section2 .cate ul li{width:calc(48% - 2px);     margin: 0 4% 15px 0;}
.section2 .cate ul li:nth-child(3n){margin: 0 4% 15px 0;}
.section2 .cate ul li:nth-child(2n){margin: 0 0 15px 0;}

.section1{ width:100%; height:100px; margin:0 auto;}
.section1 dl:last-child{ border:none;}
.section1 dl span{ font-size:20px; line-height:20px;}
.section1 dl dd{ font-size:14px;}
.section1 dt{ font-size:22px; line-height:22px; padding:0 15px 0 0;}
/*.section2 .box{ float:none; width:100%;}*/
.section2 .box{ width:calc(49% - 2px);}
.section2 .box:nth-child(2n+2){margin:0 0 20px 0;}
.section2 .box .note{ height:55px;}
.section2 .box .note h3{ padding: 15px 10px 0;font-size: 14px;overflow: hidden; height: 40px;}
.section2 .box:hover .note{ height:55px;}
.section2 .box img{filter: none;}
.section3 .title .t01{ font-size:20px; line-height:28px;}
.section3 .title .t02{ font-size:14px; line-height:24px;}
.section3 .title{ padding:40px 0;}
.section3 .note{ background-size:160%; padding:105px 0 0;}
.section3 .note .note_content{ padding:30px 20px;}
.section3 .note .note_left{ font-size:14px; padding:0 0 20px;}
.section3 .note .note_left h1{ font-size:20px; line-height:28px;}
.section3 .note .note_left h2{ font-size:14px; line-height:24px;}
.section3 .note .note_right .pic{ float:none; width:100%;}
.section3 .note .note_right .video{ float:none; width:100%; margin:4% 0 0;}
.section4 { background:url(../images/pic4.png) no-repeat top center; background-size:cover;}
.section4 .title .t01{ font-size:20px; line-height:28px;}
.section4 .title .t02{ font-size:14px; line-height:24px;}
.index-news .wal{ padding:40px 20px 0; min-height:100px;}
.index-news .wal .p-more{ top:75px; right:40px;}
.index-news .list{ display:none;}
.index-news .btn a{ font-size:16px;}
.index-news .btn a.on:before{ width:64px;}
.index-news .news-1{ padding:0 20px;}
.index-news .news-1 a { display: block; position: relative; color: #747474; } 
.index-news .news-1 a .img { overflow: hidden; position: relative; } 
.index-news .news-1 a .img img { width: 100%; } 
.index-news .news-1 a .time { position: absolute; z-index: 10; left: 30px; right: auto; top: 0; bottom: auto; width: 80px; height: 88px; font-size: 12px; text-align: center; background: #0d5dbf; padding-top: 13px; color:#fff;} 
.index-news .news-1 .time span { display: block; font-size: 42px; line-height: 50px; } 
.index-news .news-1 .name { font-size: 14px; line-height: 28px; padding:20px 0;} 

.section5 .title{ padding:0;}
.section5 .title .t01{ font-size:20px; line-height:28px;}
.section5 .title .t02{ font-size:14px; line-height:24px;}
.section6{ height:auto; background-position:-308px -98px; padding:0 0 30px;}
.section6 .title{ width:100%; padding:40px 20px;}
.section6 .title .t01{ font-size:20px; line-height:28px;}
.section6 .title .t02{ font-size:14px; line-height:24px;}
.section6 .partner{ padding:0 20px;}
.section6 .partner ul li{ width:30.6%; margin:0 4% 4% 0;}
.section6 .partner ul li:nth-of-type(4n){ margin:0 4% 4% 0;}
.section6 .partner ul li:nth-of-type(5n){ margin:0 4% 4% 0;}
.section6 .partner ul li:nth-of-type(3n){ margin:0 0 4% 0;}
.section6 .partner ul li:last-child{ display:block;}
.section6 .more{ width:90px; margin:0;}


.cz-product-detail-left{width:100%;}
.cz-product-detail-right{ width: 100%; padding: 5% 0 5% 0%;}
.cz-detail-content { margin: 0px;}
.cz-detail-content .title-1 {font-size: 18px;}

/**li-about**/
.about-section .aboutWrapper{ padding:40px 0 0;}
.about-section .note{ font-size:14px; line-height:30px; padding:0 20px 40px;}
.about-section .note h3{ font-size:20px; line-height:28px;}
.about-section .note h4{ font-size:14px; line-height:24px;}
.about2-section .about2Wrapper{ padding:40px 0;}
.about2-section .note{ font-size:14px; line-height:30px; padding:0 20px 40px;}
.about2-section .note h3{ font-size:20px; line-height:28px;}
.about2-section .note h4{ font-size:14px; line-height:24px;}
.about3-section .about3Wrapper{ padding:0 20px 30px;}
.about3-section ul li{ width: 48%; margin:0 4% 4% 0;}
.about3-section ul li:nth-of-type(2n){ margin:0 0 4% 0;}
.about3-section ul li sup{ right:10px;}
.about3-section ul li span{ font-size:14px;}
.about4-section{ padding:0;}
.about4-section .about4Wrapper{ width:100%;}
.about5-section .about5Wrapper{ height:220px;}
.about5-section .note { width: 200px; padding: 25px 0 0 20px; left: 20px;}
.about5-section .note .t01 { font-size: 18px; line-height: 28px; margin-bottom: 20px;}
.about5-section .note .t02 { font-size: 18px; line-height: 28px; -webkit-text-stroke:0; color:#fff;}
.about5-section .note .t03 { font-size: 14px; line-height: 22px; margin-top:20px;}
.about6-section{ padding:30px 0;}
.about6-section .note{ height:220px;}
.about6-section .note p { font-size: 50px; line-height: 50px; left:-10px; bottom:-10px;}
.about6-section .desc{ padding:10px 0 0;}
.about6-section .desc .t01 { float:none; font-size: 20px; line-height: 32px;}
.about6-section .desc .t02 { float:none; margin:0; font-size: 16px; line-height: 20px;}
.about7-section{ padding:30px 0; background:#f6f6f6;}
.about7-section .about7Wrapper{ height:auto;}
.about7-section .title{ padding:0;}
.about7-section .title .t01{ font-size:20px; line-height:28px;}
.about7-section .title .t02{ height:auto; padding:0 0 20px; margin:0 0 20px;}
.about7-section .title .t02:before{ width:40px;}
#honor-about{ margin:30px 0 0;}
.honor-about{ margin:0;}
.honor-about p{ font-size:14px;}

.product1-section .product1Wrapper{ padding:0;}
.product1-section .product-box .pic{ float:none; width:100%; padding:0;}
.product1-section .product-box .product-note{ float:none; width:100%; padding:0 20px;}
.product1-section .product-box{ margin:0 0 10px;}
.product1-section .product-box .product-note h3{ font-size:20px;}
.product1-section .pb60 .product-note h3{ padding:10px 0 20px; margin:0 0 30px;}
.product1-section .pb60 .product-note h3:before{ width:40px;}
.product1-section .pb60{ padding:0 0 30px;}
.product2-section .product2Wrapper{ padding:40px 20px;}
.product2-section .product-detail{ padding:30px 0;}

.advantage-section .advantageWrapper{ padding:40px 0;}
.advantage-section .note{ font-size:14px; padding:0 20px;}
.advantage-section .note h3{ font-size:20px; height:auto; padding:0 0 20px; margin:0 0 30px;}
.advantage-section .note h3:before{ width:40px;}
.advantage-section .pic{ padding:30px 0 0;}
.advantage2List ul li{ height:300px;}
.advantage2List .txt{ width:85px; height:300px;}
.advantage2List .txt .p1{ font-size:20px; line-height:24px;}
.advantage2List .txt i { font-size: 120px; line-height: 120px; left: -15px; bottom: -15px;}
#LD .slick-dots{ margin-top:20px;}
#LD .slick-dots li{ width:12px; height:12px; margin-right:10px;}
.advantage3-section .advantage3Wrapper{ padding:30px 20px 0;}
.advantage3-section .title h3{ font-size:20px; height:auto; padding:0 0 20px; margin:0 0 30px;}
.advantage3-section .title h3:before{ width:40px;}
.advantage3-section .quality ul li{ float:none; width:100%; margin:0 0 20px 0;}
.advantage3-section .quality ul li .pic{ width:100%; height:auto;}
.advantage3-section .quality ul li .pic img{ width:100%;}
.advantage3-section .quality ul li p{ font-size:18px;}
.section4 .title{ width:100%; padding:40px 20px 0;}
.section4 .title h3{ font-size:20px; height:auto; padding:0 0 20px; margin:0 0 0 20px;}
.section4 .title h3:before{ width:40px;}
.section4 .section4Wrapper{ padding:0px 20px;}
#honor{ margin:40px auto 0;}
.honor{ padding:5px; margin:0 10px;}

.news-section .newsWrapper{ padding:0 20px 40px;}
.news-section .p-nav{ height:89px;}
.news-section .p-nav a{ font-size:20px; height:87px; padding:40px 20px 0 20px;}
.news-section .p-nav dd:first-child{ margin-left:-20px;}
.news-section .news-1{ padding:30px 0 0;}
.news-section .news-1 a .img{ float:none; width:100%;}
.news-section .news-1 a .time{ left:0; top:0;}
.news-section .news-1 li .time2{ display:none;}
.news-section .news-1 li{ padding:0;}
.news-section .news-1 li .container{ float:none; width:100%; padding:20px 0;}
.news-section .news-1 li .name2{ font-size:16px; line-height:24px; font-weight:normal;}
/*.news-section .news-1 li p{ display:none;}
.news-section .news-1 .p-more{ display:none;}*/
.news-section .news ul{ margin:0;}
.news-section .news li{ float:none; width:100%; padding:0 0 30px 0;}
.news-section .news li .container{ padding:12px 0 0;}
.news-section .news li .name a{ height:auto; font-weight:normal;}
.news-section .news li .container:before{ background:#fff;}
.news-section .news li p{ display:none;}
.news-section .news .more{ display:none;}
.news-section .news-show .title{ font-size:18px; line-height:28px; padding:40px 0 0;}
.news-section .news-show a.back{ display:none;}
.news-section .news-show .time{ line-height:40px; margin:10px 0 0;}
.news-section .news-show .p-content{ padding:30px 0;}
.news-section .news-show div.back{ padding-top:20px;}

.network-section .networkWrapper{ padding:0 20px;}
.network-section .note{ font-size:14px; padding:40px 0;}
.network-section .note h3{ font-size:20px;}
.network-section .network-box{ padding:40px 0 0;}
.network-section .network-note{ padding:0 20px;}
.network-section .network-box .title{ font-size:20px; height:auto; padding:0 0 20px; margin:0 0 30px;}
.network-section .network-box .title:before{ width:40px;}
.network-section .network-user{ width:48%; margin:30px 4% 60px 0;}
.network-section .network-user:nth-of-type(4n){ margin:30px 4% 60px 0;}
.network-section .network-user:nth-of-type(5n){ margin:30px 4% 60px 0;}
.network-section .network-user:nth-of-type(2n){ margin:30px 0 60px 0;}
.network-section .desc{ padding:30px 20px 0;}
.network-partner{ background-position:-300px -112px;}
.network-partner .title{ width:160px; padding:40px 0 26px 20px;}
.network-partner .title .t01{ font-size:20px; line-height:28px;}
.network-partner .title .t02{ font-size:16px; line-height:20px; font-weight:normal;}
.network-partner .partner{ padding:0 20px 30px;}
.network-partner .partner ul li{ width:30.6%; margin:0 4% 4% 0;}
.network-partner .partner ul li:nth-of-type(5n){ margin:0 4% 4% 0;}
.network-partner .partner ul li:nth-of-type(3n){ margin:0 0 4% 0;}

.service-section .serviceWrapper{ padding:0 20px;}
.service-section .note{ padding:40px 0;}
.service-section .note h3{ font-size:20px; height:auto; padding:0 0 20px; margin:0 0 30px;}
.service-section .note h3:before{ width:40px;}
.service-section .note{ font-size:14px; line-height:30px;}
.service-section .service-box{ padding:40px 20px;}
.service-section .service-box .title{ font-size:20px; height:auto; line-height:45px;}
.service-section .service-box i{ font-size:50px; padding:0 15px 0 0;}
.service-section .service-note .desc{ font-size:14px; line-height:30px;}
.service-section .service-note .desc p{ line-height:30px;}
.service-section .service-note .desc p:before{ top:12px;}

.report-section .reportWrapper{ padding:40px 20px;}
.searchBar .inputSearch{ width:84%;}
.report-section .title{ padding:30px 0;}
.report-section .title h3{ font-size:20px; height:auto; padding:0 0 20px; margin:0 0 20px;}
.report-section .title h3:before{ width:40px;}
.report-section .report-list ul li{ width:48%; margin:0 4% 4% 0;}
.report-section .report-list ul li:nth-of-type(2n){ margin:0 0 4% 0;}
.report-section .report-list ul li a{ background-size:120px; padding:20px 20px 0;}
/*.report-section .report-list ul li p{ height:70px;}*/
.report-section .report-pdf ul li{ width:30.6%; margin:0 4% 4% 0;}
.report-section .report-pdf ul li:nth-of-type(6n){ margin:0 4% 4% 0;}
.report-section .report-pdf ul li:nth-of-type(3n){ margin:0 0 4% 0;}
.report-section .report-pdf ul li a{ background-size:85px; padding:110px 0 20px;}

.contact-section .contactWrapper{ padding:40px 20px;}
.contact-section .note{ float:none; width:100%;}
.contact-section .note h1{ font-size:20px; padding:0 0 30px;}
.contact-section .note dl{ width:48%; height:130px; margin:0 4% 4% 0; padding:0 0 0 35px;}
.contact-section .note dl:nth-of-type(2n){ margin:0 0 4% 0;}
.contact-section .note dl.icon-address{ background-size:23px; background-position:left 2px;}
.contact-section .note dl.icon-tel{ background-size:23px;}
.contact-section .note dl.icon-qq{ background-size:23px;}
.contact-section .note dl.icon-email{ background-size:23px; background-position:left top;}
.contact-section .note dl dd{ font-size:14px;}
.contact-section .message{ float:none; width:100%; margin:0;}

footer .footer-nav{ display:none;}
footer .foot-content{ height:auto;}
footer .foot-content-Wrapper{ padding:0 20px;}
footer .foot-content .left_contact{ float:none; width:100%;}
footer .foot-content .left_contact .title{ padding:40px 0 0;}
footer .foot-content .left_contact .title .t01{ font-size:16px; font-weight:bold;}
footer .foot-content .left_contact .title .t02{ width:100%; padding:30px 0;}
footer .foot-content .right_message{ float:none; width:100%; padding:0 0 40px;}
footer .foot-content .right_message .title{ padding:60px 0 30px 0; font-size:16px; font-weight:bold; line-height:28px;}
footer .foot-content .aboutmain-cbot label{ width:auto; text-align:left; position:absolute; left:10px;}
footer .foot-content .aboutmain-cyzm label{ width:auto; text-align:left; position:absolute; left:10px;}
footer .foot-content .aboutmain-btnlist button{ width:100%; margin:25px 0 0;}
footer .footer-copyright-Wrapper{ padding:20px;}
footer .foot-content .aboutmain-cyzm img{ left:120px;}
footer .foot-content .aboutmain-cbot li{ position:relative;}
footer .foot-content .aboutmain-cbot .input{ width:100%; padding:0 20px 0 50px;}
footer .foot-content .aboutmain-cyzm input{ padding:0 20px 0 62px;}
footer .foot-content .icon-2 .foot-email{ margin:0 0 0 45px;}

.product_search-list{ padding:40px 20px;}
.product-container{ padding:0 20px;}
.product-container ul li{ width:48.7%; margin:0 2.5% 2.5% 0;}
.product-container ul li:nth-of-type(3n){ margin:0 2.5% 2.5% 0;}
.product-container ul li:nth-of-type(2n){ margin:0 0 2.5% 0;}
.product-container ul li p{ font-size:14px;}

.network-section .network-user .area{ min-height:38px; max-height:38px; line-height:18px; padding:0; margin:12px 0; overflow:hidden;}
.network-section .online{ padding:15px 0; overflow:visible;}
.network-section .online ul li{ margin:0 8px 16px;}
.network-section .online ul{ min-height:92px; overflow:visible;}
.wechat-code2{ left:-10px; top:28px; width:50px;}
}
@media screen and (max-width: 375px) {
.section3 .note{ padding:95px 0 0;}
.contact-section .note dl{ float:none; width:100%; margin:0 0 30px; height:auto;}
.contact-section .note dl:nth-of-type(2n){ margin:0 0 30px 0;}
.contact-section .note dl dd br{ display:none;}
.about3-section ul li sup{ right:0;}
footer .foot-content .icon-2 .foot-email{ margin:0 0 0 25px;}

.network-section .network-user{ padding:0 17px;}
.network-section .online ul{ min-height:72px;}
.network-section .online ul li{ margin:0 6px 6px;}
}


@media screen and (max-width: 360px) {
.section3 .note{ padding:91px 0 0;}
.network-section .network-user{ padding:0 13px;}

}

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


}