/*悬浮链接*/
.suspension{position:fixed;z-index:99;right:0;bottom:150px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;border-top: 1px solid #eee;}
.suspension-box a {color: #333;}
.suspension .a{display:block;width: 75px;height: 75px;background-color: #f4c11d;/* margin-bottom:4px; */cursor:pointer;outline:none;border-left: 1px solid #eee;border-bottom: 1px solid #eee;line-height: 75px;font-size: 30px;color: #FFF;}
/*.suspension .a{display:block;width: 75px;height: 75px;background-color: #eb3c00;*/
/* margin-bottom:4px; *//*cursor:pointer;outline:none;border-left: 1px solid #eee;border-bottom: 1px solid #eee;line-height: 75px;font-size: 30px;color: #FFF;}*/
.suspension .a i {font-size: 28px;display: block;}
.suspension .a.active,
.suspension .a:hover{background:#eebb13;color: #FFF;}
/*.suspension .a:hover{background:#eebb13;color: #FFF;}*/
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;margin-top: 15px;margin-left: 15px;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right: 85px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top: 75px;}
.suspension .d-qrcode{top: 150px;}
.suspension .d .inner-box{padding:8px 20px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:120px;line-height:22px;font-size:18px;margin-left:10px;}
.suspension .d-service-item .text .number {font-size: 25px;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:14px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}


/* more按钮 */
/*.i-more { border: 1px solid #eb3c00; height: 45px; line-height: 45px; padding: 0 40px; color: #eb3c00; font-size: 1.7rem;}*/
.i-more {height: 45px; line-height: 45px; padding: 0 40px; color: #fff; font-size: 2rem;background:#035eae}
.i-more .bgsqr1,.i-more .bgsqr2,.i-more .bgsqr3,.i-more .bgsqr4 {background: #eb3c00; position: absolute; top: 0; width: 0; height: 100%; -webkit-transition: all .4s; transition: all .4s; opacity: .35;}
.i-more .bgsqr1,.i-more .bgsqr4 {left: 0;}.i-more .bgsqr2,.i-more .bgsqr3 {right: 0;}.i-more .bgsqr3,.i-more .bgsqr4 {opacity: .75;}
.i-more:hover span { color: #FFF;z-index: 1;}
.i-more:hover .bgsqr1,.i-more:hover .bgsqr2,.i-more:hover .bgsqr3,.i-more:hover .bgsqr4 {width: 100%;}.i-more:hover .bgsqr3,.i-more:hover .bgsqr4 {-webkit-transition-delay: .4s; transition-delay: .4s;}


/* 首页幻灯片 stat */
#banner {height: 600px; width: 100%;}
#banner .swiper-wrapper {width: 100%; height: 100%;}
#banner .swiper-wrapper .swiper-slide {background-position: center; background-size: cover;}
#banner .swiper-wrapper .swiper-slide a {display: block;width: 100%;height: 100%;}
#banner .b-pagination {right: 0; left: 0; bottom: 30px;}
#banner .b-pagination .swiper-pagination-bullet {width: 50px; height: 10px;border-radius: 0;background: #777;opacity: .7;}
#banner .b-pagination .swiper-pagination-bullet-active {background: #035eae;}

.body-wrap { width: 100%; position: relative; transition: all 0.5s ease 0s; z-index: 1;}
.i-ban{position: relative; overflow: hidden; width: 100%; z-index: 1; height: 800px;}
.i-ban ul, .i-ban li{width: 100%; height: 100%;}
.i-ban li{background-size: cover !important; position: absolute; left: 100%; top: 0; overflow: hidden;}
.i-ban li .cent-cont{position: absolute;left: 0;top: 45%;margin-top: -160px;color: #fff;z-index: 3;right: 0;}
.i-ban li .gray-bg{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/banner_bg.png); opacity: .5; filter: alpha(opacity=100);}
.i-ban li .word{color: #fff;line-height: 68px;width: 50%;}
.i-ban li .word h3.title,.i-ban li .word p.description {font-size: 40px;position: relative;opacity: 0;filter: alpha(opacity=0);top: 20px;font-weight: bold;}
.i-ban li .word h3.title::before {content: '';position: absolute;left: 2px;bottom: -20px;width: 50px;height: 2px;background:  rgba(255,255,255,.5);}
.i-ban li .word p.description {font-size: 25px;line-height: 40px;height: 160px;font-weight: bold;text-shadow: 1px 1px 1px #00000038;}
.i-ban li .link {opacity: 0;}
.text-c .word h3.title::before,.t-center .word h3.title::before {margin: 0 auto; right: 2px;}
.i-ban li.active .word h3.title {top: 0; opacity: 1; filter: alpha(opacity=100); transform: rotate(0); transition: all 0.5s ease 0s;}
.i-ban li.active .word p.description {top: 0; opacity: .85; filter: alpha(opacity=85); transition: all 0.3s ease .4s;}
.i-ban li.active .link{opacity: 1; filter: alpha(opacity=1); transition: all 0.5s ease 0.6s;}
.i-ban .btns{position: absolute;bottom: 30px;left: 0;z-index: 10;right: 0;margin: 0 auto;width: auto;}
.i-ban .btns span{display: inline-block;width: 50px;height: 10px;margin-right: 10px;background-color: rgba(150, 150, 150, 0.4);position: relative;cursor: pointer;}
.i-ban .btns span i{display: block;height: 100%;position: absolute;width: 0;background-color: #eb3c00;}
.i-ban .btns .fl {float: none;}
.link{display: block; transition: all 0.3s ease 0s; overflow: hidden; opacity: 1; filter: alpha(opacity=0);}
/*.link a {background: #eb3c00;color: #fff;font-size: 17px;width: auto;height: 46px;line-height: 46px;display: inline-block;padding: 0 30px;}*/
/*.link a {background: #eb3c00;color: #fff;font-size: 20px;width: auto;height: 46px;line-height: 46px;display: inline-block;padding: 0 30px;}
.link a i {position: absolute;left: 100%;width: 46px;text-align: center;background: #eb3c00;margin-left: 2px;transition: all 0.5s ease 0s;}
.link a:hover, .link a:hover i {background: #bd4319; color: #eee;}*/
.link a {background: #f4c11d;color: #fff;font-size: 20px;width: auto;height: 46px;line-height: 46px;display: inline-block;padding: 0 30px;}
.link a i {position: absolute;left: 100%;width: 46px;text-align: center;background: #f4c11d;margin-left: 2px;transition: all 0.5s ease 0s;}
.link a:hover, .link a:hover i {background: #eebb13; color: #eee;}
.text-c .word .link a,.t-center .word .link a {margin-left: -48px;}
.h-f {height: 100%;}

/******** 首页内容开始 ********/

#index_body .head {font-size: 2.5rem;padding-bottom: 30px;line-height: 30px;font-weight:bold;}
#index_body .head p.title {font-size: 3.8rem;line-height: 50px;text-transform: uppercase;font-family: "Microsoft YaHei";}
.poptrox-overlay .caption { font-size: 1.8rem !important;}

/*.call-action {background-size: cover; background-position: center;}.call-action::before{ content:'';position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: #eb3c00; opacity: .85;z-index: 1;}.call-action .call-inner {color: #FFF;font-size: 1.9rem;line-height: 25px;}.call-action .call-inner h3.title {font-size: 3.6rem;line-height: 35px;margin-bottom: 15px;font-weight: bold;}.call-action .bizwheel-btn {padding: 13px 35px;background: #FFF; color: #eb3c00; font-size: 15px; border-radius: 0px;border: 2px solid transparent;box-shadow: 0 10px 10px -8px rgba(0,0,0,.5);}.call-action .bizwheel-btn i {margin-left: 5px;}.call-action .button {height: 75px; line-height: 75px;}.call-action .button:hover { line-height: 65px;}.call-info .p-more a {width: 150px;height: 45px;line-height: 45px;color: #ffffff;text-align: center;margin-right: 20px;border: 1px solid #ffffff;font-size: 1.6rem;}.call-info .p-more a i {font-size: 2rem;margin-right: 5px;}.call-info .p-more a:hover {background: #ffffff;color: #eb3c00;overflow: visible;box-shadow: 0 5px 10px rgba(0,0,0,.2);}.call-info .p-more a span.wx {position: absolute;width: 150px;height: 150px;border: 1px solid #dadada;background-size: 85%;top: 75px;left: 0;opacity: 0;z-index: 99;background-repeat: no-repeat;background-position: center;background-color: #FFF;}.call-info .p-more a:hover span.wx {top: 55px;opacity: 1;}.call-info .p-more .call {height: 47px;}.call-info .p-more .call .ico {width: 47px;height: 47px;line-height: 47px;color: #ffffff;border: 1px solid #ffffff;border-radius: 50%;}.call-info .p-more .call .ico i {font-size: 2rem;}.call-info .p-more .call .tel {margin-left: 10px;line-height: 23px;color: #ffffff;font-size: 2.4rem;}*/
/*.call-action {background-size: cover; background-position: center;}.call-action::before{ content:'';position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: #eb3c00; opacity: .85;z-index: 1;}.call-action .call-inner {color: #FFF;font-size: 2.1rem;line-height: 25px;}.call-action .call-inner h3.title {font-size: 3.6rem;line-height: 35px;margin-bottom: 15px;font-weight: bold;}.call-action .bizwheel-btn {padding: 13px 35px;background: #FFF; color: #eb3c00; font-size: 15px; border-radius: 0px;border: 2px solid transparent;box-shadow: 0 10px 10px -8px rgba(0,0,0,.5);}.call-action .bizwheel-btn i {margin-left: 5px;}.call-action .button {height: 75px; line-height: 75px;}.call-action .button:hover { line-height: 65px;}.call-info .p-more a {width: 150px;height: 45px;line-height: 45px;color: #ffffff;text-align: center;margin-right: 20px;border: 1px solid #ffffff;font-size: 1.9rem;}.call-info .p-more a i {font-size: 2.5rem;margin-right: 5px;}.call-info .p-more a:hover {background: #ffffff;color: #eb3c00;overflow: visible;box-shadow: 0 5px 10px rgba(0,0,0,.2);}.call-info .p-more a span.wx {position: absolute;width: 150px;height: 150px;border: 1px solid #dadada;background-size: 85%;top: 75px;left: 0;opacity: 0;z-index: 99;background-repeat: no-repeat;background-position: center;background-color: #FFF;}.call-info .p-more a:hover span.wx {top: 55px;opacity: 1;}.call-info .p-more .call {height: 47px;}.call-info .p-more .call .ico {width: 47px;height: 47px;line-height: 47px;color: #ffffff;border: 1px solid #ffffff;border-radius: 50%;}.call-info .p-more .call .ico i {font-size: 3rem;}.call-info .p-more .call .tel {margin-left: 10px;line-height: 26px;color: #ffffff;font-size: 2.8rem;}*/
.call-action {background-size: cover; background-position: center;}.call-action::before{ content:'';position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-color: #eebb13; opacity: .85;z-index: 1;}.call-action .call-inner {color: #FFF;font-size: 2.1rem;line-height: 25px;}.call-action .call-inner h3.title {font-size: 3.6rem;line-height: 35px;margin-bottom: 15px;font-weight: bold;}.call-action .bizwheel-btn {padding: 13px 35px;background: #FFF; color: #eb3c00; font-size: 15px; border-radius: 0px;border: 2px solid transparent;box-shadow: 0 10px 10px -8px rgba(0,0,0,.5);}.call-action .bizwheel-btn i {margin-left: 5px;}.call-action .button {height: 75px; line-height: 75px;}.call-action .button:hover { line-height: 65px;}.call-info .p-more a {width: 150px;height: 45px;line-height: 45px;color: #ffffff;text-align: center;margin-right: 20px;border: 1px solid #ffffff;font-size: 1.9rem;}.call-info .p-more a i {font-size: 2.5rem;margin-right: 5px;}.call-info .p-more a:hover {background: #ffffff;color: #eebb13;overflow: visible;box-shadow: 0 5px 10px rgba(0,0,0,.2);}.call-info .p-more a span.wx {position: absolute;width: 150px;height: 150px;border: 1px solid #dadada;background-size: 85%;top: 75px;left: 0;opacity: 0;z-index: 99;background-repeat: no-repeat;background-position: center;background-color: #FFF;}.call-info .p-more a:hover span.wx {top: 55px;opacity: 1;}.call-info .p-more .call {height: 47px;}.call-info .p-more .call .ico {width: 47px;height: 47px;line-height: 47px;color: #ffffff;border: 1px solid #ffffff;border-radius: 50%; background: #eebb13;}.call-info .p-more .call .ico i {font-size: 3rem;}.call-info .p-more .call .tel {margin-left: 10px;line-height: 26px;color: #ffffff;font-size: 2.8rem;}

/* 首页关于我们 */
#index_body #about .video-box {width: 100%;height: 0; padding-bottom: 56.25%;}
#index_body #about .video {position: absolute;left: 0; top: 0; width: 100% !important; height: 100% !important; background: #eee;}

#index_body #about .video-a {width: 45%;}
#index_body #about .data_box {width: 40%;height: 0;padding-bottom: 22.5%;background: #F1F1F1;margin-top: 2%;}
#index_body #about .data {position: absolute;left: -5%;bottom: 10%;width: 100%;height: 100%;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.1);}
#index_body #about .data ul li {padding: 10% 10px;font-size: 14px;height: 0;}
#index_body #about .data ul li .info {padding: 7% 0;width: auto;}
#index_body #about .data ul li .counterDX {font-size: 5rem;text-align: center;margin-top: 15px;line-height: 4.2rem;vertical-align: bottom;}
#index_body #about .data ul li .unit { position: relative; left: 5px; font-size: 1.6rem; vertical-align: bottom; bottom: 2px;}
#index_body #about .data ul li .title {font-size: 1.8rem;}

#index_body #about .border-box.info {padding-right: 5%;width: 55%;}
#index_body #about .border-box.info .content {font-size: 1.8rem; line-height: 35px;}
#video-paly object,#video_paly embed { width: 100% !important; height: 100% !important; position: absolute;}
#video-paly #ckplayer_a1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
#about .about_list {margin-right: -30px;}
#about .about_list ul li {padding-right: 30px;;}
#about .about_list ul li a {display: block;overflow: hidden;padding: 20px 15px;border-radius: 5px;border: 1px solid #F5F5F5;}
#about .about_list ul li i {font-size: 6rem;display: block;line-height: 60px;z-index: 10;}
/*#about .about_list ul li .info {line-height: 30px;font-size: 15px;z-index: 10;width: auto;padding-right: 0;margin-top: 15px;}*/
#about .about_list ul li .info {line-height: 30px;font-size: 18px;z-index: 10;width: auto;padding-right: 0;margin-top: 15px;}
#about .about_list ul li .info p.title {font-size: 2.2rem;color: #28465e;}
#about .about_list ul li .st {position: absolute;left: 50px;right: 0;top: 10px;font-size: 120px;z-index: 9;color: #eee;line-height: 80px; opacity: 0; text-align: center;background: -webkit-linear-gradient(top, rgba(242,241,235,1) 0%,rgba(255,255,255,0) 79%);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-moz-text-fill-color: transparent;text-fill-color: transparent;}
#about .about_list ul li:hover a {border:1px solid #f9dddd;background: #FFF;}
#about .about_list ul li:hover .st {top: -10px; opacity: 1;}
#about .about_list ul li:hover i {color: #eb3c00;}
#about .about_list ul li.hover a {border: 1px solid #eb3c00;}
#about .about_list ul li.hover p.title {color: #eb3c00;}
#about .pic-box {padding-bottom: 56.25%;background: #e6e9ec;}
#about .pic-box .pic_img {position: absolute; left: -25px; bottom: 25px; width: 100%; height: 100%;}
#about .pic-box .swiper-container {width: 100%;height: 100%;}

#video-paly object,#video_paly embed { width: 100% !important; height: 100% !important; position: absolute;}
#video-paly #ckplayer_a1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.about_body .about_device {width: 100%;height: 0; padding-bottom: 60%;}
.about_body .device_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.about_body .about_device .swiper-container {width: 100%; height: 100%;}
.about_body .about_device .swiper-slide {background-position: center; background-size: cover;}

/* 首页搜索栏 */
#search_bg {height: 80px;padding: 50px 0;}
/*.head_adv {line-height: 30px; font-size: 1.7rem; color: #333; width: 35%; border-right: 1px solid #DDD}*/
.head_adv {line-height: 30px; font-size: 2rem; color: #333; width: 35%; border-right: 1px solid #DDD}
.head_adv .title {font-size: 3rem; line-height: 50px; text-transform: uppercase; font-weight: bold;}
#search_bg .head_contact {width: 25%;border-right: 1px solid #DDD;line-height: 40px;font-size: 2.2rem;height: 80px;}
#search_bg .head_contact .number {font-size: 3.2rem;}
#search_bg .head_contact i {font-size: 3rem; margin-right: 5px; color: #738190; vertical-align: middle;}
#search_bg .head_search {width: 40%; padding-left: 7%;}
#search_bg .searchBox .inp {background: #FFF;color: #333;border: 1px solid #DDD;height: 45px;line-height: 45px;font-family: 'Microsoft Yahei';box-sizing: border-box;width: 75%;}
#search_bg .searchBox .searchSub {height: 45px;line-height: 45px;font-family: 'Microsoft Yahei';box-sizing: border-box;width: 25%;}
/*#search_bg .hot_key {font-size: 1.6rem; line-height: 25px;}*/
#search_bg .hot_key {font-size: 1.8rem; line-height: 25px;}
#search_bg .hot_key p {display: inline-block; font-weight: bold;}
#search_bg .hot_key span {display: inline-block; margin-right: 10px;}



/* 分类导航 */
/*#category li {display: inline-block; margin: 0 5px; line-height: 50px; font-size: 18px;}*/
#category li {display: inline-block; margin: 0 5px; line-height: 50px; font-size: 22px;}
#category li a {display: block; padding: 0 20px; background: #F5F5F5; font-weight: bold;}
#category li i {margin-right: 5px; font-size: 2.1rem}
.bg_gray #category li a {background: #FFF;}
#category li.cur a,#category li a:hover {color: #fff;background: #f6cd49;}
/*#category li.cur a,#category li a:hover {color: #fff;background: #eb3c00;}*/

/* 首页产品展示 */
#index_body .j-tab-con ul {display: none;}
#index_body .product ul {margin-right: -2%;}
#index_body .product ul li {width: 23%;margin-right: 2%;margin-bottom: 2%;background: #ffffff;box-shadow: 0 0 20px #e0e0e0;}
#index_body .product ul li .img {width: 100%;height: 0;padding-bottom: 70%;}
#index_body .product ul li .img span {position: absolute;left: 0; top: 0; width: 100%; height: 100%;background-position: center; background-size: cover; z-index: 9}
#index_body .product ul li .img .view {position: absolute;left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.3);opacity: 0; z-index: 10;}
/*#index_body .product ul li .img .view i {color: #FFF; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; position: absolute; opacity: .9; top: 5%; left: 4%;border: 1px solid #fff; border-radius: 50%;}
#index_body .product ul li .info {line-height: 30px;font-size: 16px;padding: 20px 25px;text-align: center;height: 60px;}*/
#index_body .product ul li .img .view i {color: #FFF; width: 40px; height: 40px; line-height: 40px; font-size: 20px; text-align: center; position: absolute; opacity: .9; top: 5%; left: 4%;border: 1px solid #fff; border-radius: 50%;}
#index_body .product ul li .info {line-height: 30px;font-size: 18px;padding: 20px 25px;text-align: center;height: 60px;}

#index_body .product ul li .info p.title {font-size: 20px; font-weight: bold;}
#index_body .product ul li:hover .img span {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1);  -ms-transform: translateZ(0) scale(1.1);}
#index_body .product ul li:hover .img .view {opacity: 1;}


.pro_contaier{
	display:flex;
	flex-direction:row;
	background:#ffffff;
	margin-top:25px;
    position: relative;
}

.pro_contaier .pro_left{
	width:185px;
}

.pro_contaier .pro_right{
	padding-top:75px;
	margin-left:60px;
	flex:1;
}

.pro_contaier .pro_right .proindex_top{
	box-sizing: border-box;
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: space-between;
}

.pro_contaier .pro_right .proindex_top .proindex_top_left .pro_fenlei_tit p{
	font-size:3.6rem;
}

.pro_contaier .pro_right .proindex_top .proindex_top_left .pro_fenlei_tit h5{
	margin-top:30px;
	font-size:7.6rem;
	color:#015aa6;
	display:block;
    font-weight: bold;
}

.pro_contaier .pro_right .proindex_top .proindex_top_left .pro_fenlei_ys{
	width:360px;
	margin-top:95px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pro_contaier .pro_right .proindex_top .proindex_top_left .pro_fenlei_ys span{
	display:inline-block;
	font-size:2.8rem;
	width:50%;
	margin-bottom:30px;
	font-weight:500;
    font-weight: bold;
    color:#666666;
}

.pro_contaier .pro_right .proindex_top .proindex_top_left .pro_fenlei_detail{
	margin-top:75px;
	width:280px;
}

.pro_contaier .pro_right .proindex_top .proindex_top_left .pro_fenlei_detail a{
	display:block;
	padding:15px 30px;
	background:#e86424;
	color:#fff;
	font-size:2.8rem;
	position: relative;
    transition: .2s;
    letter-spacing: 0.2rem;
    text-align: center;
    font-weight: bold;
}

.pro_contaier .pro_right .proindex_top .proindex_top_left .pro_fenlei_detail a:hover{
	-webkit-transform: translateY(-6px);
    transform: translateY(-6px);
	background:#ff5300;
}


.pro_contaier .pro_right .proindex_top .proindex_top_right{
	padding-right:50px;
	overflow:hidden
}

.pro_contaier .pro_right .proindex_top .proindex_top_right img{
    width: 100%;transform: scale(1.001);transition: all 0.5s ease 0s;
}

.pro_contaier .pro_right .proindex_top .proindex_top_right:hover img{
	transform: scale(1.07);
}


.pro_contaier .pro_right .proindex_list{
	margin-top:110px;
	padding-right:50px;
}

.pro_contaier .pro_right .proindex_list .proindex_list_li{
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content:space-between;
}

.pro_contaier .pro_right .proindex_list .proindex_list_li li{
	width:380px;
	overflow:hidden;
	box-shadow: 5px 5px 5px #cfcfcf;
	position: relative;
    transition: .2s;
}

.pro_contaier .pro_right .proindex_list .proindex_list_li li:hover{
	-webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}


.pro_contaier .pro_right .proindex_list .proindex_list_li li p{
	color:#666666;
	font-size:1.8rem;
	margin-top:20px;
	padding-left:30px;
    margin-bottom: 5px;
}

.pro_contaier .pro_right .proindex_list .proindex_list_li li h5{
	padding-left:30px;
	font-size:3rem;
	color:#000000;
	padding-bottom:25px;
    font-weight: bold;
}

.pro_contaier .pro_right .proindex_list .proindex_list_li li h5 span{
	display:inline-block;
	padding:1.5rem;
	background:#e86424;
	color:#fff;
	margin-left:2rem;
    font-size: 1.9rem;
    line-height: 10px;
    letter-spacing: 0.2rem;
}

.pro_contaier .pro_right .proindex_list .proindex_list_li li h5 span:hover{
	background:#ff5300;
}

.pro_contaier .pro_right .proindex_list .proindex_list_li li img{
    width: 100%;
    height: auto;
}

.pro-pagination{
  top: 355px;
  left: 84px;
  display: flex;
  flex-direction: column;
}
.pro-pagination span{
  width: 12.5px;
  height: 12.5px;
  background: #0255a3;
  border: 3.5px solid #fff;
  margin-bottom: 16px;
  opacity:1;
}
.pro-pagination span.swiper-pagination-bullet-active{
  background: #ffffff;
}


/* 中间广告图片 */
.shouye_banner{width:100%;margin:0px auto;padding-bottom:60px;}
.shouye_banner img{width:100%;}
/* 泽欧优势 */

.youshi_box{padding-top:40px;}

.youshi_box .ys_tit{
	text-align:center;
	font-size:8rem;
	color:#015ba9;
}

.youshi_box .ys_tit b{color:#e76425;font-size:11rem;display:inline-block;padding-left:25px;padding-right:25px;}

.youshi_box .ys_contaier{
	margin-top:95px;
	display:flex;
	flex-direction: row;
}

.youshi_box .ys_contaier .ys_left{
	width:280px;
}

.youshi_box .ys_contaier .ys_left .ys_left_list li{
	padding-top:55px;
	padding-bottom:55px;
	background:#015ba9;
	text-align:center;
	color:#fff;
	position:relative;
	cursor:pointer;
}

.youshi_box .ys_contaier .ys_left .ys_left_list li.selected{
	background:#fff;
	color:#4a4a4a;
	border-top:1px solid #bed4e7;
	border-bottom:1px solid #99bddd;
	border-right:1px solid #015ba9;
}

.youshi_box .ys_contaier .ys_left .ys_left_list li h5{
	font-size:3.6rem;
}

.youshi_box .ys_contaier .ys_left .ys_left_list li p{
	font-size:2.4rem;
	margin-top:10px;
}

.youshi_box .ys_contaier .ys_left .ys_left_list li span{
	opacity:0;
}

.youshi_box .ys_contaier .ys_left .ys_left_list li.selected span{
	position:absolute;
	right:-13px;
	top:50%;
	transform: translate(0%,-50%);
	opacity:1;
}

.ys_contaier .ys_right{
	background:#fff;
}

.ys_right .ys_right_content{
	padding-top:115px;
	padding-left:28px;
}

.ys_contaier .ys_right .ys_right_content .ys_right_wz{
	float:left;
	width:530px;
}

.ys_contaier .ys_right .ys_right_content .ys_right_wz .right_en_title p{
	font-size:1.8rem;
	color:#4a4a4a;
}

.ys_contaier .ys_right .ys_right_content .ys_right_wz .right_title{
	margin-top:25px;
	color:#4a4a4a;
}


.ys_contaier .ys_right .ys_right_content .ys_right_wz .right_title p{
	font-size:3.6rem;
	line-height:40px;
}

.ys_contaier .ys_right .ys_right_content .ys_right_wz .right_neirong{
	margin-top:70px;
	font-size:2.4rem;
	line-height:35px;
	color:#4a4a4a;
}

.ys_contaier .ys_right .ys_right_content .ys_right_wz .right_line{
	margin-top:130px;
	height:2px;
	background:#868686;
	width:70%;
}

.ys_contaier .ys_right .ys_right_content .ys_right_wz .right_contacts{
	margin-top:15px;
	display:flex;
	flex-direction:row;
}

.ys_contaier .ys_right .ys_right_content .ys_right_wz .right_contacts span{
	font-size:2.4rem;
	display:inline-block;
	padding-top:10px;
}

.ys_contaier .ys_right .ys_right_content .ys_right_wz .right_contacts span:nth-child(2){
	display:inline-block;
	background:#015ba9;
	padding:10px 30px;
	border-radius:50px;
	margin-left:30px;
}

.ys_contaier .ys_right .ys_right_content .ys_right_wz .right_contacts span a{color:#fff;}

.ys_contaier .ys_right .ys_right_content .ys_right_wz .right_contacts span:nth-child(2):hover{
	background:#e76425;
}

.ys_contaier .ys_right .ys_right_content .ys_right_tp{
	float:left;
	margin-left:80px;
	margin-right:30px;
	overflow:hidden;
}

.ys_contaier .ys_right .ys_right_content .ys_right_tp img{
	width:100%;transform: scale(1.001);transition: all 0.5s ease 0s;
}

.ys_contaier .ys_right .ys_right_content .ys_right_tp:hover img{
	transform: scale(1.07);
}



.dingzhi_liu{
	padding-top:50px;
	padding-bottom:130px;
}
.dingzhi_liu .dingzhi_tit{
    text-align: center;
}

.dingzhi_liu .dingzhi_con{
	display: flex;
    justify-content: center;
	margin:0px auto;
	margin-top:40px;
	text-align:center;
}

.dingzhi_liu .dingzhi_con img{
	width:auto;
}



.nei2{
    background:url(../images/gywm_bg.jpg) #efefef center top no-repeat;
    position: relative;
    overflow: hidden;
}

.changgh{
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 2%;
}

.abggt{
    float: left;
    width: 50%;
    position: relative;
    margin: 6% 0 3%;
}
.hdngfh{
    position: absolute;
    top:100px;
    right: 0px;
    width: 48%;
}
.hdngfh img{
    width: 100%;
    height: auto;
}
.abggt_a{
    font-size: 4.8rem;
	font-weight: 600;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #fff;
}
.abggt_b{
	margin-top:10px;
	margin-bottom:10px;
    font-size: 3.2rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 0px;
	color: #8f8f8f;
}

.abggt_line{
	background:#0088ff;
	height:2px;
	width:240px;
}

.abggt_c{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 1px;
	color: #fff;
    box-sizing: border-box;
    padding: 2% 0;
	text-indent: 4ch;
}
.abggt_m{
    width: 137px;
	line-height: 38px;
	background-color: #035eae;
	border-radius: 4px;
    text-align: center;
    font-size: 14px;
    margin-top: 3%;
	position: relative;
    transition: .2s;
}
.abggt_m a{
    color: #fff;
}

.abggt_m:hover{
	background:#e86424;
	-webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.shzhd{
    margin: 6% 0 3% 0;
    position: relative;
    width: 145%;
    z-index: 999;
    box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.shzhd li{
    width: 19%;
    text-align: left;
    padding: 3% 0 3% 5%;
    box-sizing: border-box;
	background:rgba(255, 255, 255, 0.8);
}
.shzhd_img{
    text-align: left;
    margin-bottom: 7%;
}
.shzhd_a{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height:40px;
	letter-spacing: -1px;
	color: #c30000;
    position: relative;
}
.shzhd_a span{
    font-size: 3.5rem;
    font-weight: 600;
    margin-right: 2%;
	color:#e86424;
}
.shzhd_a em{
    font-style: normal;
     font-size: 18px;
     position: absolute;
     top:10px;
     line-height: 30px;
}
.shzhd_b{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 1px;
	color: #333333;
}


.shzhd_shebei{
    margin: 8% 0 3% 0;
    position: relative;
    width: 200%;
    z-index: 999;
    box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background:#fff;
	box-shadow: 0 0 10px #e0e0e0;
}

.shzhd_shebei .shebei_list{
	width: 100%;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:20px;
	padding-right:20px;
	display:flex;
	justify-content: space-around;
}

.shzhd_shebei .shebei_list li{
	overflow:hidden;
	
}

.shzhd_shebei .shebei_list li img{transform: scale(1.001);transition: all 0.5s ease 0s;}

.shzhd_shebei .shebei_list li:hover img{transform: scale(1.07);}


.about_navs .about_navs_list{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.about_navs .about_navs_list li{
	width:24%;
	background:#fff;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	border-radius:20px;
	box-shadow: 0 0 20px #e0e0e0;
	position: relative;
    transition: .2s;
}

.about_navs .about_navs_list li:hover{
	-webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.about_navs .about_navs_list li img{
	display:inline-block;
}

.about_navs .about_navs_list li h5{
	margin-top:20px;
	font-size:3rem;
	color:#4a4a4a;
}

.about_navs .about_navs_list li p{
	margin-top:5px;
	font-size:2rem;
	color:#4a4a4a;
}

.abouthonor{
	padding-top:60px;
}

.abouthonor .about_ryzz{
	padding-top:40px;
	background:#ffffff;
	padding-bottom:40px;
}

.abouthonor .about_ryzz .about_ryzz_list{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.abouthonor .about_ryzz .about_ryzz_list li{
	overflow:hidden;
	 box-shadow: 5px 5px 10px #b2afaf;
}

.abouthonor .about_ryzz .about_ryzz_list li img{
	transform: scale(1.001);transition: all 0.5s ease 0s;
}

.abouthonor .about_ryzz .about_ryzz_list li:hover img{
	transform: scale(1.07);
}





/* 首页案例展示 */
#caseList .case-img-box {width: 45%;height: 0; padding-bottom: 28%;}
#caseList .case-img {position: absolute; top: 0; left: 0; height: 100%; width: 100%;background-position: center; background-size: cover;transition: transform 3.5s; -webkit-transition: transform 3.5s; transform: scale(1.1); -webkit-transform: scale(1.1);}
#caseList .swiper-slide-active .case-img {transition: transform 3.5s; -webkit-transition: transform 3.5s; transform: scale(1); -webkit-transform: scale(1);}
/*#caseList .case-text {width: 47%;font-size: 1.8rem;line-height: 30px;color: #777;margin-right: 3%;padding: 20px 0;}
#caseList .case-text p.title {font-size: 2.2rem; color: #222; height: 30px;line-height: 30px;}
#caseList .case-text p.column { color: #999; margin-bottom: 5px; display: inline-block; margin-right: 20px; font-size: 1.6rem;}*/
#caseList .case-text {width: 47%;font-size: 2.1rem;line-height: 30px;color: #777;margin-right: 3%;padding: 20px 0;}
#caseList .case-text p.title {font-size: 2.5rem; color: #222; height: 30px;line-height: 30px;}
#caseList .case-text p.column { color: #999; margin-bottom: 5px; display: inline-block; margin-right: 20px; font-size: 1.9rem;}
#caseList .case-text .i-more {position: absolute; bottom: 50px;}
/*#caseList .case-text .date {margin-bottom: 10px; font-size: 2rem; color: #999;}*/
#caseList .case-text .date {margin-bottom: 10px; font-size: 2.5rem; color: #999;}
#caseList .case-text .date .day_month {font-size: 2.5rem;}
#caseList .case-pagination {width: 200px; right: 50px; left: auto; text-align: right;}
#caseList .case-pagination .swiper-pagination-bullet {width: 30px; height: 10px;border-radius: 0;}
#caseList .case-pagination .swiper-pagination-bullet-active {background: #e86424;}

/* 首页合作客户 */
#partner .appraisal {width: 80%; padding: 24px 67px 0; background-image: url(../images/testimonials-left.png) , url(../images/icon/testimonials-right.png); background-repeat: no-repeat, no-repeat; background-position: left top, right bottom;}
#partner .appraisal .appraisal_box .swiper-container { padding-bottom: 80px;}
#partner .swiper-slide .info {padding: 50px 8%; font-size: 20px;  line-height: 31px; z-index: 90;}
#partner .swiper-slide::before {content: ''; position: absolute;display: block; left: 0; top: 0; right: 0; bottom: 0; background: transparent;z-index: 99}
#partner .swiper-slide .info .description {height: 93px;}
#partner .swiper-slide .info .photo {width: 100px; height: 100px; margin-top: -50px; border-radius: 50%;position: absolute; left: 0; right: 0; top: 0; background: #c9e0f1;}
#partner .swiper-slide .info .photo img {width: 100%; height: 100%;}
#partner .swiper-slide .info .commenter {color: #eb3c00;font-size: 18px;}
#partner .swiper-slide .info .commenter .name {font-weight: bold;font-size: 21px;}
.appraisal_pagination .swiper-pagination-bullet  {opacity: 1;background: #c9e0f1 !important;}
.appraisal_pagination .swiper-pagination-bullet-active {background: #eb3c00 !important;}
#partner .partner_list {/* width: 80%; *//* padding: 0 67px; */}
#partner .partner_list ul {display:flex;flex-direction:row;flex-wrap:wrap;justify-content: space-between;}
#partner .partner_list ul li {width: 32.5%;/* margin-right: 2%; *//* margin-bottom: 2%; */height: 0;padding-bottom: 12%;margin-bottom:20px;/* background: url(../images/bg_partner.png) no-repeat center center; */background-size: 100% 100%;background: #FFF;}
#partner .partner_list ul li:hover {/* background: url(../images/bg_partner_on.png) no-repeat center center; *//* background-size: 100% 100%; */}

#partner .partner_list ul li .partner_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #DDD;overflow: hidden;}
#partner .partner_list ul li .partner_img {width: 100%; height: 100%;}
#partner .partner_list ul li .partner_img img {max-width: 85%;max-height: 150%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#partner .partner_list ul li:hover .partner_box{border:1px solid #035eae;} 
/*#partner .ptb150 {padding-bottom: 80px;}*/


/* 数值表现 */
#data .mcounter {height: 130px;}
#data .mcounter .container_content{position:absolute;width:100%;height:190px;}
#data .mcounter .content_list{width:100%;padding:0}
#data .mcounter .content_list::after{content:"";display:block;clear:both}
#data .mcounter .content_list li{width: 19%;float:left;text-align:center;/* position:relative; */background: #F5F5F5;margin-right: 1%;padding: 20px 0;overflow: hidden;}
#data .mcounter .content_list li:hover .timer {color: #e86424;}
/*#data .mcounter .content_list li:hover .timer {color: #eb3c00;}*/
#data .mcounter .content_list li:not(:last-child):after{content:'';position:absolute;width:1px;height:50px;background-color:rgba(255,255,255,0.3);right:0;top:50%;transform:translateY(-50%)}
/*#data .mcounter .content_list li .title{font-size: 1.75rem;line-height: 3rem; font-weight: bold;}*/
#data .mcounter .content_list li .title{font-size: 2.05rem;line-height: 3rem; font-weight: bold;}
#data .mcounter .content_list li p{font-size:14px;}
#data .mcounter .content_list li p.number .counterDX{font-size: 4.8rem;margin-top:15px;line-height: 5.2rem;vertical-align: bottom;}
#data .mcounter .content_list li p.number .title{font-size:13px;line-height:30px}
#data .mcounter .content_list li p.number .unit{position:relative;left: 5px;font-size: 1.6rem;vertical-align: bottom;bottom: 2px;}

#index_body #data .mcounter .content_list li {width: 20%;margin-right: 0; background: #FFF;padding: 50px 0;}
#index_body #data .mcounter .content_list li:nth-child(2n) {background: #FAFAFA;}


#index_body .newsbox {height: 720px;}
#index_body .newsbox .i-box {position: absolute;left: 0;top: 0;right: 0px;height: 720px;}

/* 首页新闻栏目菜单 */
#index_body .news_column ul{display:flex;justify-content: center;}
#index_body .news_column ul li {font-size: 1.65rem; margin-right: 10px;}
#index_body .news_column ul li a {padding:20px 55px;display: block; background-color: #035eae; color: #fff;border-radius:15px;font-size:2.5rem;}
#index_body .news_column ul li a:hover,#index_body .news_column ul li.cur a {background: #eb3c00;color: #FFF;} 


#index_body .newslist ul li{float:left;width:23%;margin-right:30px;box-shadow: 0 0 20px #e0e0e0;overflow:hidden;background:#fff;}
#index_body .newslist li a {height: 35px; line-height: 35px;}

#index_body .newslist ul li .nwsimg{margin-bottom:15px;}
#index_body .newslist ul li .nwsimg img{transform: scale(1.001);transition: all 0.5s ease 0s;max-width:100%;    height: 300px;max-width: 100%;object-fit: cover;}
#index_body .newslist ul li .nwsimg:hover img{transform: scale(1.07);}
#index_body .newslist li .data,#index_body .newslist li .newsinfo p.description {display: block;padding-left:15px;padding-right:15px;}
#index_body .newslist li .newsinfo {font-size: 1.4rem;}
#index_body .newslist li .newsinfo i {margin-right: 10px; font-size: 1.2rem;}
#index_body .newslist li .newsinfo span {color: #999; font-size: 1.5rem;}
#index_body .newslist li .newsinfo p.title {font-size:1.8rem;color: #000000;padding-left:15px;padding-right:15px;font-weight: bold;}
#index_body .newslist li:hover .newsinfo p.title {color: #eb3c00;transition:all .5s;}
#index_body .newslist li .description{line-height:2.5rem;padding-bottom:20px;}
#index_body .newslist li a:hover .data{color:#4a4a4a}
#index_body .newslist li a:hover .description{color:#4a4a4a}

.body-box .news_more{display:flex;justify-content: center;}
.body-box .news_more a{display:inline-block;padding:15px 35px;background:#fff;font-size:2rem;border:2px dotted #1368b2;}
.body-box .news_more a:hover{background:#035eae;color:#fff;}


/* 首页视频 */
.movie ul {margin-right: -2%;}
.movie ul li {width:31.33%; margin-right: 2%; margin-bottom: 2%;}
.movie ul li .v-img {height: 0;padding-bottom: 68%; overflow: hidden; position: relative; display: block; width: 100%;}
.movie ul li .v-img .pic {width: 100%; height: 100%; display: block; background-position: center; background-size: cover;transition: all 0.4s ease-out; position: absolute;z-index: 80;}
.movie ul li .v-img .shadow{position: absolute; left: 0; width: 100%; display: block; top: 0; height: 100%; background: rgba(0,0,0,.4); opacity: .5; z-index: 85; transition: all 0.4s ease-out;}
.movie ul li .v-img::after {content: '';width: 40px;height: 40px;margin: 0 auto;position: absolute;border-radius: 50px;z-index: 90;background: url(../images/icon_play.png);background-size: 100%;left: 20px;bottom: 20px;}
.movie ul li .v-info {padding: 10px 15px;font-size: 16px; color: #333;}
.movie ul li:hover .v-info {color: #eb3c00;}
.movie ul li:hover .v-img .pic {transform: translateZ(0) scale(1.1); -webkit-transform: translateZ(0) scale(1.1);-ms-transform: translateZ(0) scale(1.1);}

@media (max-width: 1600px) {
    
    .pro_contaier .pro_right .proindex_top .proindex_top_left .pro_fenlei_tit p{
        font-size: 2.6rem;
    }
    
    .pro_contaier .pro_right .proindex_top .proindex_top_left .pro_fenlei_tit h5{
        font-size: 4.6rem;
    }
    
    #head_top .head_content .info p.title{
       font-size: 2.6rem; 
    }
}

@media (max-width: 1440px) {
    .pro_contaier .pro_right .proindex_list .proindex_list_li li h5{
    	font-size:2.5rem;
    }
    .ys_contaier .ys_right .ys_right_content .ys_right_wz{
        width:400px;
    }
    
    .ys_contaier .ys_right .ys_right_content .ys_right_tp{
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .ys_contaier .ys_right .ys_right_content .ys_right_wz .right_contacts span{
        font-size: 1.6rem;
    }
    
    .ys_contaier .ys_right .ys_right_content .ys_right_wz .right_title p{
        font-size: 2.6rem;
    }
    
    .ys_contaier .ys_right .ys_right_content .ys_right_wz .right_neirong{
        font-size: 1.4rem;
    }
    
    .dingzhi_liu .dingzhi_tit img{
        width: 90%;
    }
    
    .dingzhi_liu .dingzhi_con img{
        width: 90%;
    }
    
    #index_body .newslist ul li{
        width: 21%;
    }
    
    #caseList .case-text .description.mt50{
        margin-top: 15px;
    }
    
    
    
}