@charset "utf-8";
/* CSS Document */

/*  WAP */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-top:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:0px;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#2f318f;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f5f5f5;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;border-top:1px solid #e5e5e5;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;border-top:1px solid #ddd;}
.wapNav .menu a{float:left;width:50%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1rem;}


@media all and (max-width:1800px) {

/*--*/	
.zr-compress .box li {height: 500px;padding: 46px 0 0 44px;margin-top: 100px;}
.zr-compress .box .btn{left: 44px;}
.zr-compress {padding-bottom: 240px;}
	
}	
	
@media all and (max-width:1600px) {
	
/*--*/	
.container {padding-left: 15px;padding-right: 15px;}
/*--*/	
.zr-obtain .box .form .mess-txt{width: 400px;}
/*--*/	
.zr-journalism .news ul li {padding-bottom: 2.3%;}
/*--*/	
.zr-compress .box li {height: 500px;padding: 46px 0 0 44px;margin-top: 80px;}
.zr-compress .box .picture{max-width: 80%;}
.zr-compress .box .picture img{width: 100%;}
.zr-compress .box .picture{right: 0px;}
.zr-compress .box .text h6 {font-size: 28px;margin-bottom: 20px;}
/*--*/	
.zr-form .title h3 b { font-size: 36px; }
.zr-form .title h3, .zr-form .title h4 { font-size: 20px; }
.zr-form .title .tel b{font-size: 24px;line-height: 24px;}	
	
}

@media all and (max-width:1440px) {

/*--*/
.zr-journalism .video .date{font-size:13px;}
.zr-journalism .news ul li {padding-bottom: 1%;}
.zr-journalism .news ul li a {padding: 2.85%;}
.zr-journalism .news ul li a .content .text {height: 48px;}
/*--*/
.zr-aspiration .box .list{ padding:0 10px;}	
.zr-aspiration .box .content{ padding:41px 30px 38px 122px;}
.zr-aspiration .box .picture{ left:30px; top:44px; width:56px; height:56px;}
/*--*/
.zr-choice ul li p{padding:0 10px;}
/*--*/
.zr-compress .box li {height: 460px;padding: 32px 0 0 32px;margin-top: 68px;}
.zr-compress .box .btn {left: 32px;bottom: 44px;}
.zr-compress {padding-bottom: 180px;}
/*--*/
.zr-dry .box li.list h4{font-size:1.429em;margin-bottom:10px;padding:0;}
/*--*/
.zr-pump{padding: 80px 0 60px 0;}
.zr-pump .list li h4 {font-size: 20px;}
/*--*/
.zr-shown .one .content p { font-size: 12px; }
.zr-shown .one .content h3{ font-size: 28px; }
/*--*/
.zr-news ul li .txt h4 {font-size: 20px;line-height: 32px;}
.zr-news ul li p {height: 84px;font-size: 16px;line-height: 30px;margin: 16px auto 20px;}
/*--*/
.zr-video li h3{font-size: 20px;line-height: 32px;}
.zr-video li p {height: 84px;font-size: 16px;line-height: 30px;margin: 16px auto 20px;}
/*--*/
.zr-title{font-size:.875rem;}
.zr-contact ul li{height:300px;padding:2%;} 
.zr-speed{padding-top: 82px;}
.zr-speed .box .picture{height: 220px;}
.zr-speed .box ul li i{top: 188px;}
.zr-speed .box {margin-top: 46px;}
 	
}


@media all and (max-width:1366px) {

/*--*/
.zr-journalism .news ul li a .content h3 {font-size: 16px;}
/*--*/
.footer .foot-top .foot-nav .item ~ .item {margin-left: 50px;}
/*--*/
.zr-banner .title {margin-left: 0;}
/*--*/
.zr-compress .box .text h6 {font-size: 24px;margin-bottom: 18px;}
.zr-compress .box li{margin-top: 48px;}
.zr-compress {padding-bottom: 140px;}
/*--*/
.zr-pump{padding: 60px 0 70px 0;}
/*--*/
.zr-speed .box ul li i{top: 168px;}
.zr-speed .box .picture{height: 180px;}
.zr-speed .box ul li i{top: 148px;}
.zr-speed .box{margin-top: 40PX;}

}


@media all and (max-width:1260px) {

/*--*/
.zr-journalism .news {float: right;width: 49.83%;}
.zr-journalism .news ul li a {padding: 2.22%;}
/*--*/
.zr-menu{ font-size:14px;}
.zr-menu .list{font-size:1rem;}
.zr-menu .list a{margin:0 20px;}
/*--*/
.zr-aspiration .box .la{ padding:25px 15px 25px 82px;}
.zr-aspiration .box .picture{ left:20px; top:30px; width:46px; height:46px;}
.zr-aspiration .box .title{ font-size:18px; line-height:28px;}
.zr-aspiration .box .p{ font-size:14px; line-height:28px; margin-top:10px;}
/*--*/
.zr-dry .box li.list .txt{padding:5% 3%;}
.zr-dry .box li.list .btn{width:90px;}
/*--*/
.zr-title span{font-size:30px;}
.zr-contact ul li{font-size: 1.143em;}
	
}

@media all and (max-width:1200px) {

/*--*/
.pd60 {padding-top:40px; padding-bottom:40px;}
/*--*/
.zr-obtain .box .form .mess-text,.zr-obtain .box .form .mess-tel{width:20%}
.zr-obtain .box .form .mess-txt{width:30%}
.zr-obtain .box .form .mess-submit{width:100px}
/*--*/
.zr-journalism .news ul li a {padding: 2.85%;}
.zr-journalism .news ul li a .picture{ width: 127px; height: 95px; }
.zr-journalism .news ul li a .content{ padding-left: 142px;}
.zr-journalism .news ul li a .content .text{ height: 40px; margin: 6px 0; line-height: 20px; }
/*--*/
.footer .foot-top .foot-nav .item ~ .item:nth-child(3) { display:none;}
/*--*/
.foot {display: block;}
/*--*/
.zr-banner .title .cn {font-size: 26px;}
.zr-banner .title .des {font-size: 16px;margin-top: 16px;}
.zr-banner .picture img {left: 0;margin-left: 0;max-width: -webkit-fill-available;}
/*--*/
.zr-show .left .title .tit {font-size: 22px;}
.zr-show .right .news li .pImg { float:none; margin-bottom:10px; width:100%;}

}


@media all and (max-width:1040px) {

/*--*/
.zr-banner .title .cn {font-size: 24px;}
.zr-banner .title .des {font-size: 16px;}
/*--*/
.zr-choice ul li h3{font-size:24px}
.zr-choice ul li p{font-size:14px}
	
}	


@media all and (max-width:1024px) {

/*--*/	
.headR,.nav,.gr_kefu,.footR,.firendlink,.breadCrumb,.picShow_r,.bshare-custom,.feedbackL,.searFont,.proShow_R .wx,.pro_bread,.proWrap::after,.proSider .title span,.proSide_sub,.relaCase,.zr-menu::after,.zr-menu p,.aboutBox2 .bgImg,.profileL,.footMenu em,.zr-journalism .video li .txt,.about::after{display:none;}
.navTrigger, .wapTel, .wapLang, .footMenu_wap, .relative_pro li:nth-child(4), .proSider .title i, .footMenu a:last-child {display: block;}
.zr-feedback .feedbackR,.zr-menu .list,.zr-solution .box{float:none;width:100%;}
/*--*/	
.header{height:60px;line-height:60px;width:100%;top:0;left:0;padding-top:0;z-index:90;background:#fff;box-shadow:0 1px 5px #ddd;}
.header .logo img{height:32px;}
.nav_on {opacity: 1;transform: translateX(0);}
/*--*/	
.zr-title,.zr-titlew{float:none;text-align:center;margin-bottom:30px;font-size:14px;}
.zr-title span,.zr-titlew span{padding-bottom:10px;margin-bottom:10px;}
.zr-title span::after,.zr-titlew span::after{height:2px;}
/*--*/
.zr-solution .box .list .btn{position: static;display:inline-block;margin-top:20px;width:60px;height:30px;line-height:30px;}
.zr-solution .more {margin-top: 0;padding-top: 0;}
/*--*/
.zr-advantage .box{ background-size:140%;}
.zr-advantage .box .cont dl{ padding-top:90px;}	
.zr-advantage .box .content dl{ padding-top:90px;}
/*--*/
.zr-journalism .video li h4{position: static;padding-bottom:0;background:none;color:#333;font-size:1.143em;height:40px;line-height:40px;padding:0;}
.zr-journalism .video li img{opacity:1;}
.zr-journalism .video {width: 100%;margin-bottom: 20px;}
.zr-journalism .news {width: 100%;margin-top: 1.09%;}
/*--*/
.zr-profile{padding-bottom:0;}
.zr-profile .main{min-height:auto;margin-bottom:30px;}
.setting{padding:3%;padding-bottom:0;}
.setting li p{height:40px;line-height:40px;}
/*--*/
.zr-form .title h3 b {font-size: 28px;}
.zr-form .title h3, .zr-form .title h4 {font-size: 16px;margin-top: 10px;}
/*--*/
.footer .foot-top .foot-nav .item ~ .item:nth-child(2) { display:none;}
/*--*/
.zr-menu {padding:0;height:auto;line-height:100%;text-align:center;} 
.zr-menu .list{display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#f5f5f5;margin-top:0;padding:0;line-height:45px;}
.zr-menu .list a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;}
.zr-menu .list .cur{background:#2853bc;color:#fff;}
/*--*/	
.zr-aspiration .box{ margin-bottom:18px;}
.zr-aspiration .box .list{ padding:0 6px;}
.zr-aspiration .box .p{ line-height:26px; margin-top:5px;}
/*--*/	
.zr-dry .box li{width:32.3%;}
.zr-dry .box li.list{width:100%;}
/*--*/	
.headTie {padding-left: 10px;letter-spacing: 1px;font-size: 15px;height: 60px;line-height: 36px;}
.headTie span {font-size: 15px;padding-bottom: 1px;height: 24px;}
/*--*/	
.pagination{padding:25px 0 15px;}
.pagination a{font-size:12px;line-height:30px;height:30px;padding:0 12px;margin-left:2px;}
.pagination a.a1{line-height:30px;height:30px;margin-top:0;padding:0 12px;}
.pagination span{line-height:30px;height:30px;padding:0 12px;margin-left:2px;}
/*--*/	
.zr-pump{padding: 42px 0 30px;}
.zr-pump .list ul li:nth-child(2n+1) {padding: 32px 16px 0 16px;}
.zr-pump .list ul li:nth-child(2n) {padding: 32px 16px 0 16px;}
.zr-pump .list ul li{width: 100%;}
.zr-pump .list {padding-bottom: 32px;}'
.zr-pump{display: none;}
.zr-pump .list{margin-top: 10px;}
/*--*/	
.zr-shown .one .picture { width: 100%; }
.zr-shown .one .content { width: 100%; margin-left: 0; margin-top: 4%; }
.zr-shown .one .content p { margin-top: 2.5%; }
.zr-shown .one .picture img{ border-right:none;}
.zr-shown .one .picture img{padding:none;}
/*--*/	
.zr-news ul li{width:100%;float:none;margin-bottom:10px;}
/*--*/
.zr-show .left {width: 100%;}
.zr-show .right{display: none;}
/*--*/	
.zr-contact ul li.wx{display:none;}
.zr-contact ul li{width:50%;}
.zr-speed .box{margin-top: 10px;}
.zr-speed .box ul{margin-left: 0;}
.zr-speed .box ul li{width: 100%;margin-left: 0;margin-top: 16px;}
.zr-speed .box .picture{height: 240px;}
.zr-speed .box ul li i {top: 208px;}
	
}

@media all and (max-width:920px) {

/*--*/
.zr-journalism .news{ width:100%; margin-top: 1.09%; }
.zr-journalism .news ul li a .content h3{ font-size: 16px; }
/*--*/	
.footer .foot-top .foot-nav .item .tel {font-size: 28px;}
.footer .foot-top .foot-nav .item ul li, .footer .foot-top .foot-nav .item ul li a {font-size: 15px;line-height: 34px;}
.footer .foot-top .foot-contact .qr li p {font-size: 14px;}
.footer .foot-top .foot-contact .qr li img {width: 90px;}
.footer .foot-top .foot-nav .item ~ .item {margin-left: 30px;}
.footer .ftb,.footer .ftc {font-size: 14px;margin-bottom: 45px;}
/*--*/	
.zr-compress .box .text {margin-bottom: 20px;}
/*--*/	
.proListc li {width: 30.7%;}
.zr-show .left .content {min-height: 440px;}
.proTiec {margin-top: 0;}
.zr-show .left .title .tit {font-size: 20px;}
.zr-show .left .title {padding: 20px;}
.zr-show .left .content p {text-indent: 0;}
	
}


@media all and (max-width:768px) {

/*--*/	
.pd60 {padding-top:30px; padding-bottom:30px;}
/*--*/
.zr-solution .box{height:auto;}
.zr-solution .box{padding-left:15px;padding-right:15px;}
.zr-solution .box .btn{position: static;margin-top:30px;display:inline-block;background-color:#eee;width:40px;height:30px;background-size:20px 20px;opacity:1;}
/*--*/
.zr-advantage .technology .zr-title{ padding-top:40px!important;}
.zr-advantage .box{ background-size:190%;}
.zr-advantage .box .cont dl{ padding-top:0; padding-left:0;}
.zr-advantage .technology .cont{ padding-left:15px;padding-bottom:5px;}
.zr-advantage .user{padding-left:20px; padding-bottom:5px;}
.zr-advantage .box dt p span{ font-size:18px;}
.zr-advantage .box dt p {padding: 10px;}
.zr-advantage .box .picture {margin: 0 auto 0;}
.zr-advantage .technology .cont {min-height: 442px;}
.zr-advantage .box dd p{ margin-top:0;}
.zr-advantage .box .line1,.zr-advantage .box .line2{ display:none;}
.zr-advantage .box .user dl{ padding-top:0;}
.zr-advantage .box .content dl{ padding-top:0; padding-left: 0;}
.zr-advantage .box .content {padding: 40px 15px 0 15px;min-height: 542px;}
.zr-advantage .box .content dd p {margin-top:0;}
.zr-advantage .box .picture img{ margin-top:0;}
.zr-advantage .box dt i{ width:30%;}
.zr-advantage .box dt p{ width:100%;}
.zr-advantage .box dl dd{ width:100%;}
/*--*/
.zr-journalism .video li{width:50%;}
/*--*/
.zr-journalism .news ul li a .content h3{ font-size: 15px; }
/*--*/
.zr-scene .box li {width: 50%;}
.zr-scene .box li .pImg {height: auto;}
/*--*/
.zr-form { padding: 40px 0; }
.zr-form .title { width: 100%; padding-top: 0; }
.zr-form .cont { width: 100%; }
.zr-form .title h3, .zr-form .title h4 { font-size: 16px; line-height: 1.75; }
.zr-form .title h3 b { font-size: 28px; }
.zr-form .title .tel { margin-top: 30px; margin-bottom: 35px; }
.zr-form .title .tel b { font-size: 32px; }
.zr-form .cont .form-list .inp { width: 100%; height: 40px; background-color: #ffffff; font-size: 14px; color: #888888; padding: 0 15px; }
.zr-form .cont .form-list .inp ~ .inp { margin-top: 10px; }
.zr-form .cont .form-list textarea { width: 100%; height: 80px; font-size: 14px; padding: 10px 15px; margin-top: 10px; }
.zr-form .cont .form-list .sub { width: 180px; height: 40px; margin-top: 15px; font-size: 14px; }
/*--*/
.footer .foot-top .foot-nav .item:nth-child(1) ,.footer .foot-top .foot-contact .focus,.footer .ftb, .footer .ftc .aright{ display:none;}
.footer .foot-top .foot-nav .item ~ .item {margin-left: 0}
/*--*/	
.zr-menus a {padding: 0 20px;font-size: 14px; line-height:40px;}
/*--*/	
.zr-aspiration .box .list{ width:100%;}
/*--*/	
.zr-choice ul li{width:31.3%}
.zr-choice ul li h3{font-size:16px;padding: 4px 8px;}
.zr-choice ul li p{font-size:14px}
/*--*/	
.zr-dry .box li{width:49%;margin-bottom:20px;}
.zr-dry .box li p{margin-bottom:0;}
.zr-dry .box li .more{display:none;}
/*--*/	
.zr-compress .box li{margin-bottom:0;}
/*--*/	
.zr-shown .one .content h3 { font-size: 5vw; }
.zr-shown .one .content p { margin-top: 6vw; font-size: 3.33vw; }
.zr-shown .one .content { margin-top: 7vw; }
.zr-shown .one { padding: 2.5vw; }
.zr-shown .one .content .btns {margin-top: 20px;}
.zr-shown .one .content .btns .btn {padding: 10px 20px;font-size: 14px;margin-right: 10px;}
.zr-shown .one .content .btns .btn:nth-child(1n+2) {margin-left:0;}
.zr-shown .two .title:before { height: 2px; }
.zr-shown .two .title span { font-size: 3.33vw; padding: 0 8vw 0 5vw; height: 8.5vw; line-height: 8.5vw; }
.zr-shown .two .title:before { height: 3px; }
.zr-shown .two .title span:before { width: calc(100% - 4vw); border-width: 0 2.7vw 8.5vw 0; }
.zr-shown .two .title span:after { width: 3px; height: 12vw; transform: rotateZ(-18deg); margin-top: -6vw; right: 1vw; }
/*--*/	
.zr-news ul li .txt h4 {font-size: 18px;}
/*--*/	
.proListc li {width: 30.5%;}
.zr-show .left .content {min-height: 490px;}
.proTiec {margin-top: 0;}
.zr-show .left .back { display:none;}
.zr-show .left .title p {font-size: 14px;}
.zr-show .left .title p span:nth-child(1) { display:none;}
/*--*/	
.zr-title span,.zr-titlew span {font-size: 24px;font-weight: normal;}	
.zr-contact .map{ background:url(../images/maps.jpg) no-repeat center;height: 260px;}
.zr-feedback h4,.zr-feedback h3{float:none;width:100%;}
.zr-feedback h3,.zr-feedback .top{margin-bottom:20px;}
.zr-speed .box .content p {height: 68px;}
	
}


@media all and (max-width:640px) {

/*--*/
.zr-title{font-size:.75rem;}
/*--*/
.pagination .a1_page,.pagination .first_page,.pagination .Last_page{ display:none;}
/*--*/
.zr-advantage .box {background-size: 240%;}
.zr-advantage .box .tils { font-size:14px;padding-top: 20px; height:90px;background: url(../images/x_li1.jpg) no-repeat center 85px;}
.zr-advantage .box .tils i{ font-size:20px;}
.zr-advantage .box dl{ width:100%; float:none;}
.zr-advantage .box .ys1 dl{ padding-top:0;}
.zr-advantage .box .ys2 dl{ padding-top:0;}
.zr-advantage .box .ys3 dl{ padding-top:0;}
.zr-advantage .box .ys4 dl{ padding-top:0;}
.zr-advantage .box .picture{ width:80%; float:none;}
.zr-advantage .science{background: url(../images/ys_bj2.jpg) repeat-y center top;background-position-y: 70px;background-position-x: 60%;}
.zr-advantage .box dt i img{ max-width:80%;}
.zr-advantage .box dt p em{ font-size:12px;}
.zr-advantage .box dd p{ font-size:15px;}
/*--*/
.zr-obtain{height: auto; background-size: cover;padding-bottom:30px}
.zr-obtain .title{padding:35px 0;}
.zr-obtain .box .form .mess-text,.zr-obtain .box .form .mess-email,.zr-obtain .box .form .mess-tel,.zr-obtain .box .form .mess-txt,.zr-obtain .box .form .mess-submit{width:90%;margin:4px auto}
.zr-obtain .box .form .mess-submit input{width: 100%;text-indent: 0;}
/*--*/
.zr-profile .more{width:100%;}
/*--*/
.foot-contact {margin: 0 auto;margin-top: 30px;}
/*--*/
.zr-banner .title{ top:30%;}
.zr-banner .title .cn {font-size: 18px; font-weight:normal;}
.zr-banner .title .des {font-size: 14px;margin-top: 10px;display: none;}
/*--*/
.zr-compress .box li {width: 100%;margin-top: 24px;height: auto;padding: 26px 20px 0 20px;}
.zr-compress .box .picture {max-width: 38%;}
.zr-compress .box .text p{line-height: 28px;}
.zr-compress .box .btn{position: relative;top: 0;left: 0;margin-top: 20px;width: 104px;height: 30px;line-height: 30px;}
.zr-compress .box .picture{position: relative;right: auto;bottom: auto;top: 0;left: 0;max-width: 100% !important;display: block;text-align: center;width: 100%;}
/*--*/
.zr-dry .box li{width:48%;margin:0;margin-bottom:20px;}
.zr-dry .box li:nth-child(2n){float:right;}
.zr-dry .box li p,.proList li.list p{display:none;min-height:auto;margin-bottom:20px;}
.zr-dry .box li h4{font-size:1em;padding-bottom:0;}
.zr-dry .box li.list p{display: block;}
/*--*/
.zr-menu .list a{padding:0 10px;line-height:42px;height:42px;}
/*--*/
.zr-news ul li .pic{height:260px;}
.zr-video li,.zr-news ul li .pic,.zr-news ul li .txt{width:100%;float:none;display:block;}
.zr-news ul li,.zr-news ul li p{height:auto;}
/*--*/	
.proListc li {width: 100%;}
.zr-show .left .content {min-height: 370px;}
.zr-show .left .title p span:nth-child(3) { display:none;}
/*--*/
.zr-contact ul li{width:100%;height:auto;border-right:none;border-bottom: 1px solid #ddd;}
.zr-contact ul li .tel span {font-size: 26px;}
.zr-feedback p,.zr-feedback .sub{width:100%;}
.zr-feedback .code .c{width: 60%;}
.zr-feedback .code .sub{margin-top: 10px;float:none;width:100%;height:50px;line-height:50px;}
.zr-feedback p{padding-left: 40px;}
.zr-speed .box .content h6 {font-size: 20px;}
.zr-speed .box .content p {font-size: 15px;}
  
}


@media all and (max-width:480px) {

/*--*/	
.zr-title span{font-size:22px;}	
/*--*/	
.headTie {letter-spacing: 0; font-size:13px;}	
.headTie span {font-size: 13px;}
/*--*/	
.zr-dry .box li.list .pImg,.zr-dry .box li.list .txt{float:none;width:100%;}
.zr-dry .box li.list .pImg{padding-top:96%;border-right:none;border-bottom: 1px solid #d3d3d3;}
.zr-dry .box li.list .btn{width:110px;}
	
}