@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-pagination-yi{position: absolute;bottom:20px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;border-radius: 10px;border:1px solid #111;}
.banner .swiper-pagination-bullet-active{background: #e00f12;opacity: 1;border:1px solid #e00f12;}
.banner .swiper-button-next{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-prev{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 1%;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 1%;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 30px;color: #eee;}


.banner .swiper-button-next:hover{background:rgba(0,0,0,0.5);}
.banner .swiper-button-prev:hover{background:rgba(0,0,0,0.5);}

.banner .subiao{position: absolute;left: 50%;bottom:70px;z-index: 100;width: 50px;text-align: center;margin-left: -25px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner .subiao i{color: #FFF;font-size: 30px;opacity: 0.4;}
.banner .subiao p{width: 4px;height: 4px;border-radius: 50px;background: rgba(255,255,255,0.4);margin-top: 4px;}
.banner .subiao p:last-child{width: 6px;height: 6px;}

/*文字屑*/
.cx-title01 { width: 100%; text-align: center; color: #222; margin-bottom: 50px;}
.cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.cx-title01 h2 a { color: #222; padding: 0 30px; }
.cx-title01 .subtitle { font-size: 16px; }
.cx-title01 h2 em { display: inline-block; width: 16%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color: #f12630; position: absolute; top: 0; z-index: 2; }
.cx-title01 h2 em.left:after { right: 0; }
.cx-title01 h2 em.right:after { left: 0; }

.advans {padding: 50px 0 75px; width: 100%;background:url(../images/product08_bg.jpg) no-repeat center / cover;}
.advans .pro-box { margin-top: 6.5%; }
.advans .pro-cont { width: 24%; background-color: #fff; text-align: center; padding-bottom: 3%; position: relative;}
.advans .pro-cont:not(:first-child) { margin-left: 1.33333%; }
.advans .pro-cont .img { display: block; width: 50%; border-radius: 50%; overflow: hidden; margin: -25% auto 0; position: relative; z-index: 5; }
.advans .pro-cont h3 { font-size: 26px; color: #222; padding: 5% 0;}
.advans .pro-cont p { width: 80%; height: 72px; margin: 0 auto; font-size: 15px; color: #333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.advans .pro-cont a { display: inline-block; font-size: 15px; color: #666; padding: 3% 8%; border: solid 1px #e1e1e1; margin-top: 10%; position: relative; z-index: 5;}
.advans .see-all-pro { width: 100%;  text-align: center; color: #666; font-size: 15px; margin-top: 3%;}
.advans .see-all-pro .xc-seeAll-icon01 em { background-color: #666; }
.advans .see-all-pro a:hover{color:#f12630;}
.advans .see-all-pro a:hover  .xc-seeAll-icon01 em { background-color: #f12630; }
.advans .pro-cont:hover { 
  box-shadow: 8px 8px 40px rgba(0,0,0,.2); 
  -webkit-transform:translateY(-6px);
  -moz-transform:translateY(-6px);
  -ms-transform:translateY(-6px);
  transform:translateY(-6px);
}
.advans .pro-cont:before { content: ''; display: block; width: 92%; height: 92%; border: solid 1px rgba(34,34,34,.1); position: absolute; left: 4%; top: 4%; z-index: 1; }
.advans .pro-cont:hover a { background-color: #f12630; color: #fff; border-color: #f12630; }
.advans .pro-cont a,
.advans .pro-cont {
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  transition:all .5s ease-out;
}


.dyip{ padding:40px 0; background:#fff; overflow: hidden;}
.dyip .pro{margin:30px 4.9% 0;}
.dyip .pro .swiper-slide{}
.dyip .pro .swiper-slide .pic{border:1px solid #ccc; }
.dyip .pro .swiper-slide img{max-width: 100%;}
.dyip .pro .swiper-slide .pic:hover{border:1px solid #1674df;}
.dyip .pro .swiper-slide .title_er{color: #333; font-size: 15px; line-height: 40px; text-align: center; padding-top: 8px;}
.dyip .pro .swiper-slide .title_er a{color: #333; }

.dyip .swiper-father{position: relative; margin-bottom: 15px; z-index: 9}
.dyip .swiper-father .left{width: 60px;height: 60px;outline: medium;left: 0;line-height: 60px;text-align: center;cursor: pointer;border-radius: 100px;z-index: 100;}
.dyip .swiper-father .left i{font-size: 40px;color: #1574df;}
.dyip .swiper-father .right{width: 60px;height: 60px;outline: medium;right: 0;line-height: 60px;text-align: center;cursor: pointer;border-radius: 100px;z-index: 100;}
.dyip .swiper-father .right i{font-size: 40px;color: #1574df;}
.dyip .swiper-button-next-er, .swiper-button-prev-er{position: absolute;top: 40%;margin-top: -25px;}
.dyip .dian{position: static;margin-top: 25px;}
.dyip .dian .swiper-pagination-bullet{border-radius: 10px;}
.dyip .dian .swiper-pagination-bullet{width: 10px;height: 10px;outline: medium;background: #CCC;margin: 0 5px;}
.dyip .dian .swiper-pagination-bullet-active{background: #f12630;}
.dyip .dian .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}


.derp_hz{padding:40px 0;overflow:hidden;background:#fff;}
.derp_hz .inner{padding-left:1px;padding-top:1px;overflow:hidden;background:#cacaca;}
.derp_hz .item{position:relative;float:left;padding-right:1px;padding-bottom:1px;width:20%;overflow:hidden;box-sizing:border-box;}
.derp_hz .item a{display:block; padding: 5px 0;background: #fff;}
.derp_hz .item .pic{overflow:hidden;}
.derp_hz .item .pic img{display:block;width:100%;}
.derp_hz .item .txt{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;background:#f12630;transform:translate3d(0,100%,0);transition:all 1s;}
.derp_hz .item .txt h3{position:relative;top:50%;font-size:18px;font-weight:normal;color:#fff;transform:translateY(-50%);}
.derp_hz .item:hover .txt{transform:translate3d(0,0,0);}
.derp_hz .see-all-partner{margin-top:40px;text-align:center;overflow:hidden;}
.derp_hz .see-all-partner a{display:inline-block;width:180px;height:60px;line-height:60px;font-size:14px;color:#fff;background-color:#f12630;}
.derp_hz .see-all-partner a:hover{background-color:#0d7cc7;}

/*内页代码*/
.banner_ny img{width: 100%;}
.mtop{margin-top: 85px;}

/*当前位置*/
.bread_content{width:100%;border-bottom:1px solid #dedede; box-shadow: 0 3px 5px 0px #e8e8e8;  overflow: hidden;}
.bread_content .row{max-width: 68%; margin: 0 auto;}
.bread_content .bread_box{float: left;width: 32%;  padding:20px 0;font-size:14px;color:#333;padding-left:30px; background: url(../images/sy.png) left center no-repeat;}
.bread_content .bread_box span.bread_title{display:inline-block;position:relative;padding-left:35px; background: url(../images/sy.png) left center no-repeat;}
.bread_content .bread_box a{color:#444;display:inline-block;letter-spacing: 0.6px;}
.bread_content .bread_box a:after {content: '/';font-size: 14px;letter-spacing:1px;line-height: 25px;  color: #bcbcbc;margin: 0 6px;}
.bread_content .bread_box a:hover{color:#1972df;}
.bread_content .bread_box span{color: #1972df}
.bread_content .inner_nav{float:right; text-align: right;}
.bread_content .inner_nav ul{margin-top: 15px; display:flex;flex-flow:wrap}
.bread_content .inner_nav ul li{}
.bread_content .inner_nav ul li a{display:inline-block;padding:10px 25px;font-size:14px;color:#333;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:0 3px; border-radius: 15px 0 0 0;}
.bread_content .inner_nav ul li a:hover , .bread_content .inner_nav ul li.active a{color:#fff;background:#1972df;}


.pro_left{width: 23%; float: left; margin: 25px 0;}
.pro_left h2{ height:65px; line-height:65px; background:#252525;text-align:center; color:#fff; font-size:22px; border-bottom:2px solid #fff; text-transform: uppercase;}
.pro_left ul{ padding-bottom:3px;}
.pro_left ul li{border-bottom:2px solid #fff; position: relative; }
.pro_left ul li p{display:block; line-height:48px; text-align:left; background:#ececec url(../images/ico1.png) no-repeat right center; padding-left: 20px; font-size:15px;}
.pro_left ul li ul{width: 100%;}
.pro_left ul li ul li { line-height:42px; border-bottom:dashed 1px #ececec;  display:block; background:transparent; padding-left: 32px;  font-size:14px;}
.pro_left ul li ul li a:hover{ text-decoration:none; display:block;color: #005bac;}

.pro_left ul li p.hover{ background:#1674df url(../images/ico2.png) no-repeat right center; padding-left: 20px; font-size:15px; font-weight: bold; }
.pro_left ul li p.hover a{color: #fff;}

.contact-z1{padding:22px 15px; background-color: #000; line-height: 30px; font-size: 24px;  color: #fff;margin:15px 0; text-align: center; line-height: 35px;}
.contact-z1 p{font-size: 15px;}

.pro_right{width: 74%;  float: right; margin-top: 25px;}
.pro_right h3{width: 100%; color:#333; font-size:18px; line-height:36px; font-weight: bold; border-bottom:1px solid #e5e5e5; padding-bottom: 8px;}



/*-------------inner_content-------------*/
.inner_content{width:100%;background:#fff; overflow: hidden;}
.inner_content .inner_about{width:100%;padding: 30px 0; font-size:15px; color:#444; line-height:35px;  overflow: hidden;}
.inner_content .inner_about img{display:block;max-width:100%; margin: 10px auto;}


.Ulimg{width:100%;  margin-top:35px; overflow: hidden;}
.Ulimg ul{ margin-left:-2%; }
.Ulimg li{ float:left; width:23%; margin-left:2%; text-align:center; margin-bottom:18px;}
.Ulimg li img{ max-width:100%;width:100%;}
.Ulimg li span{display:block; line-height:32px; font-size:15px; padding-top: 6px;}


.client{margin-top:30px; overflow: hidden;}
.client ul{ margin-left:-1%;}
.client li{ float:left; width:19%; margin-left:1%; text-align:center; margin-bottom:1.5%;}
.client li img{ max-width:97%;border:1px solid #ccc; padding: 1px;}
.client li img:hover{border:1px solid #00a0e9; padding: 1px;}
.client li span{display:block; line-height:25px; font-size:15px; padding-top: 10px;}
.client li span{display:block; line-height:25px; font-size:15px; padding-top: 10px;}


.tj_pros{margin-top:30px; overflow: hidden;}
.tj_pros ul{margin-left: -2%;}
.tj_pros ul li{ float:left; width:48%; margin-left: 2%;margin-bottom: 2%;padding: 10px; overflow: hidden;border: 1px solid #e2e2e2;box-sizing: border-box;}
.tj_pros ul li .tj_img{width: 220px; float: left;}
.tj_pros ul li .tj_img img{ max-width:100%}
.tj_pros ul li .tj_texts{width: calc(100% - 235px); float: right; padding-top: 10px;}
.tj_pros ul li .tj_texts .p{font-size: 18px; line-height: 35px; font-weight: bold;}
.tj_pros ul li .tj_texts span{display: block; font-size: 14px; line-height: 27px; height: 81px}


.app_y{margin-top:30px; overflow: hidden;}
.app_y ul{margin-left: 0;}
.app_y ul li{ float:left; width:100%; margin-left: 0;margin-bottom: 2%;padding: 10px; overflow: hidden;border: 1px solid #e2e2e2;box-sizing: border-box;}
.app_y ul li .app_img{width: 28%; float: left;}
.app_y ul li .app_img img{ max-width:100%}
.app_y ul li .app_texts{width: calc(100% - 30%);  float: right;}
.app_y ul li .app_texts .app_bt{font-size: 20px; line-height:36px; font-weight: bold;padding-bottom: 8px; color: #1674df;}
.app_y ul li .app_texts .app_xx{display: block; font-size: 15px; line-height:32px;}
.app_y ul li .app_texts span{display: block; background: #333; width: 120px; line-height: 35px; text-align: center; color: #fff;margin-top: 12px;}
.app_y ul li .app_texts span a{ color: #fff;}


/*news*/
.newslist {margin-top:30px;width: 100%; overflow: hidden;}
.newslist li {transition: 0.2s all;margin-bottom: 30px;border-bottom: 1px solid #f2f2f2;}
.newslist li a{display: flex;/*align-items: center;*/justify-content: space-between;flex-wrap: wrap;padding: 1.5% 2%;}
.newslist li:hover {box-shadow: 0 0 10px #eee;}
.newslist li .newspic {width: 25%;}
.newslist li .newspic img {width: 100%;}
.newslist li .newstext {width: 73%;display: flex;justify-content: space-between;}
.newslist li .newstext .newstext_l {width: 87%;}
.newslist li .newstext .newstext_r {width: 25%;}
.newslist li .newstext .newstext_l h2 {font-size: 18px;color: #202020;margin: 10px 0 20px;transition: 0.2s all;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist li:hover .newstext .newstext_l h2 {color: #e00f12;}
.newslist li .newstext .newstext_l p {font-size: 14px;color: #838383;line-height: 2.2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newslist li .newstext .newstext_r h3 {text-align: right;font-size: 22px;color: #949393;margin-top:35px;transition: 0.2s all;font-weight: normal;}
.newslist li:hover .newstext .newstext_r h3 {color: #e00f12;}
.newslist li .newstext .newstext_r>div {margin-top: 20px;margin-left: 60%;height: 30px;border-left: 1px solid #cecdcd;display: flex;align-items: center;justify-content: space-between;padding-left: 20px;}


/*新闻详情*/
.NewsDetailed{ width:100%; margin: 30px 0; overflow: hidden;}
.NewsDetailed h3{line-height:32px;margin-bottom:15px;text-align:center;font-size:18px;font-weight:600;color:#444;}
.NewsShowHits{padding-bottom:15px;text-align:center;border-bottom:1px #DEDEDE solid;color:#777;font-size:13px;}
.NewsDetailed-content{line-height:30px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:14px;text-align:left; color: #555;}
.NewsDetailed-content img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#e00f12;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}


.product{width: 100%; margin:35px 0; overflow: hidden;}
.product ul{ margin-left:-2%;}
.product ul li{ float:left; width:23%;  margin-left:2%; text-align:center; margin-bottom:22px;}
.product ul li img{ width:97%; border:1px solid #DDD; padding: 2px;} 
.product ul li img:hover{border:1px solid #e00f12;}
.product li span{display: block; padding-top:10px; line-height: 30px; font-size: 15px;}


/*联系我们*/
.contact_t{width: 100%;  margin:45px 0; overflow: hidden;}
.contact_t h2{height: 40px;line-height: 40px;text-align: center;font-size: 28px; font-weight: 400; padding:0 0 37px 0;}
.contact_t ul{margin-left: -1%;}
.contact_t ul li{margin-left: 1%; float: left; width: 32.333%; text-align: center; border: 1px solid #e2e2e2; box-sizing: border-box; padding:1.5%;}
.contact_t ul li .icon_img{width: 55px;height: 55px;background-color: #0765e7;border-radius: 50%;margin: 0 auto 15px;overflow: hidden;}
.contact_t ul li .icon_img img{width: 55px;height: 55px;}
.contact_t ul li p{font-size: 18px; line-height: 35px; font-weight: bold;}
.contact_t ul li span{display: block; font-size: 15px; line-height: 30px; height: 60px;}

#map_container{height: 550px;}


/*feedback*/
.content_box{width:100%;margin: 30px 0; overflow: hidden;}
.content_box .messages_box{width:auto;padding:0 0 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #e00f12;border:none;}