@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: 85px;}
.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: #e60012;opacity: 1;border:1px solid #e60012;}
.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;}

/*文字屑*/
.Titles{text-align: center; overflow: hidden;margin:15px 0;}
.Titles h2{font-size:29px; color: #444; text-transform: uppercase; line-height:32px; padding:6px 0 0; font-weight: 550; letter-spacing:0.5px;}
.Titles var{height:6px;background: url(../images/xt.png) no-repeat center center; width: 80px;display: inline-block;vertical-align: middle; padding-bottom: 20px;}
.Titles p{line-height: 32px; font-size: 15px; text-align: center; color: #fff;}



.dlop{ padding:35px 0 20px; background: #fff; overflow: hidden;}
.dlop .tj_box{width: 100%; overflow: hidden; }
.dlop .tj_box ul {margin-left: -1%; overflow: hidden;}
.dlop .tj_box ul li{width:49%; margin-left: 1%; float: left;}
.dlop .tj_box ul li .fj_left{ width: 100%;position: relative; margin-bottom: 2%;}


.cpimg{width:100%;overflow:hidden;}
.cpimg img{max-width:100%;width:100%;transition: all 0.5s;}
.cp_pro{height: 100%; width: 100%;display: table; position: absolute;left: 0; top: 0;overflow:hidden;}
.cp_pro .chart_1{text-align: left;  width: 100%; position: absolute; left: 0; bottom: 25px; box-sizing: border-box; padding: 0 30px;transition: all 0.5s;}
.cp_pro .chart_1 h3 {color: #222;font-size: 32px; line-height:40px; padding-bottom: 10px;letter-spacing: 2px;font-weight: 500; text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-webkit-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
-moz-text-shadow:#fff 1px 0 0,#fff 0 1px 0,#fff -1px 0 0,#fff 0 -1px 0;
*filter: Glow(color=#fff, strength=1);}
.cp_pro:hover{background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 80%);transition: all 0.5s;}
.dlop .tj_box ul li .fj_left:hover .cp_pro .chart_1{bottom:55px;transition: all 0.5s;}





.dyip{ padding:15px 0 30px 0; background: url(../images/bg_1.jpg) left top no-repeat; overflow: hidden; display: none;}
.dyip .pro{margin:30px 4%; }
.dyip .pro .swiper-slide{background: #fff;padding: 15px 0;}
.dyip .pro .swiper-slide img{max-width:88%;  margin: 0px auto; display: block;}
.dyip .pro .swiper-slide .title_er{color: #444; font-size: 15px; line-height: 32px; text-align: center; padding-top: 8px;}

.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: 45px;color: #444;}
.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: 45px;color: #444;}
.dyip .swiper-button-next-er, .swiper-button-prev-er{position: absolute;top: 50%;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: #e6212a;}
.dyip .dian .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}


.index-about{padding:20px 0 30px;background: #f5f5f5; overflow: hidden;}
.index-about .box_wh{width: 100%; background: #fff; overflow: hidden; margin-top:1.5%}
.index-about .box_wh .jpic{width: 50.5%;float: left; overflow: hidden; cursor: pointer;}
.index-about .box_wh .jpic img{max-width: 100%;transition: all .3s;width: 100%}
.index-about .box_wh .jpic:hover img{transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05);transition: all .3s;}
.index-about .box_wh .words{width: 49%;padding:1.5%;float: right; box-sizing: border-box; background: #fff; }
.index-about .box_wh .words .index-title{margin-bottom: 10px;text-align: left; font-size:23px; color: #424242; font-weight: bold;}
.index-about .box_wh .words .index-title span{margin-left:0; display: block; margin-top: 10px;}
.index-about .box_wh .words .bf{font-size: 14px;color: #444;line-height: 28px; margin-top: 14px;}
.index-about .box_wh .words .more{font-size: 14px;color: #444;text-transform: uppercase;border:1px solid #221815;max-width: 135px;line-height:36px;margin-top:15px; display: block; text-align: center; border-radius:18px;}
.index-about .box_wh .words .more:hover{color: #fff;background: #e6212a;border:1px solid #e6212a; transition: all .3s;}
.black{color: #333 !important;}

.derp{background: #fff;padding:20px 0; overflow: hidden;}
.derp .rz_box{width: 100%;  overflow: hidden;}
.derp .rz_box img{max-width: 100%; margin:5px auto; display: block;}


.dsanp{background: #f5f5f5;padding:20px 0 35px; overflow: hidden;}
.dsanp .ind_newName{font-size: 30px; padding-bottom: 1.5%;}
.dsanp ul {margin-right:-2%; }
.dsanp ul li{ width:31%; margin-right:2%; float:left; border: 1px solid #ddd;}
.dsanp ul li .p1 { width:100%;  transition: all .3s; overflow: hidden;}
.dsanp ul li .p1 img{ width:100%;  transition: all .3s;}
.dsanp ul li .p1:hover img {transform: scale(1.05);-webkit-transform: scale(1.05); transition: all .3s;}
.dsanp ul li .p2{ padding:16px; overflow: hidden;}
.dsanp ul li .p2 .pp1{ color:#333; font-size:16px; height:30px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.dsanp ul li .p2 .pp2{ color:#999; font-size:14px; padding:8px 0;}
.dsanp ul li .p2 .pp3{ color:#666; font-size:13px; line-height:25px; height:50px;  margin:5px 0 10px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.dsanp ul li .p2 .more2{line-height: 16px; background: url(../images/1_26.png) right 80% no-repeat; border-top: 1px solid #ddd; padding-top: 15px;}



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

/*当前位置*/
.page-locate{line-height:45px;font-size:14px;text-align:left;background:#eeeeef; padding: 5px 0;}
.page-locate a:first-child{display:inline-block;padding:0 0 0 20px;background:url(../images/icon-home.png) no-repeat left 15px;}
.page-locate span{margin:0 6px; color: #30318b; font-weight: bold;}

.main-about{padding:0 0 30px;background-color:#fff; overflow: hidden;}
.main-about .profile{margin:15px 0;line-height:32px; font-size: 15px; overflow:hidden;}
.main-about .profile img{max-width: 100%; padding: 8px 0;}

.pro_left{width: 22%; float: left; margin: 20px 0;}
.pro_left h2{ height:65px; line-height:65px; background: -webkit-linear-gradient(left, #8283c5 , #30318b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #8283c5, #30318b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #8283c5, #30318b); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #8283c5 , #30318b); /* 标准的语法 */
	padding: 6px 0; text-align:center; color:#fff; font-size:25px; font-weight: 500; border-bottom:3px solid #fff;border-radius: 28px 0 0 0;}
.pro_left ul{ padding-bottom:3px;}
.pro_left ul li{border-bottom:3px solid #fff; position: relative; }
.pro_left ul li p{display:block; line-height:48px; text-align:left; background:#f5f5f5 url(../images/ico1.png) no-repeat right center; padding-left: 29px; font-size:15px;}
.pro_left ul li ul{width: 100%;}
.pro_left ul li ul li { line-height:37px; border-bottom:dashed 1px #eee;  display:block; background:transparent; padding-left: 20px;  font-size:14px;}
.pro_left ul li ul li a:hover{ text-decoration:none; display:block;color: #30318b;}
.pro_left ul li ul li span{display: block;}

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

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

.Ulimg{margin-top:20px;overflow: hidden;}
.Ulimg ul{ margin-left:-2%;}
.Ulimg li{ float:left; width:31.333%; margin-left:2%; text-align:center; margin-bottom:1.6%; box-sizing: border-box; }
.Ulimg li img{ max-width:98%; border:1px solid  #e2e2e2; }
.Ulimg li span{display:block; line-height:30px; font-size:14px; padding: 5px 0;}

.hzkh{margin-top:20px;overflow: hidden;}
.hzkh ul{ margin-left:-2%;}
.hzkh li{ float:left; width:23%; margin-left:2%; text-align:center; margin-bottom:1.6%; box-sizing: border-box; }
.hzkh li img{ max-width:98%; border:1px solid  #e2e2e2; }
.hzkh li span{display:block; line-height:30px; font-size:14px; padding: 5px 0;}

/*news*/
.xzCont{margin:25px 0; overflow: hidden;}
.xzCont ul{margin-left:-2.5%; overflow:hidden;}
.xzCont li{ float:left; width:44.6%;  margin-left:2.5%; margin-bottom: 2%; padding: 1.2%;  border:1px solid #e2e2e2; border-left-width:3px; overflow:hidden;}
.xzCont li h3{ font-weight:500; line-height:26px; font-size:17px; color:#222; padding-bottom:10px;text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.xzCont li span{display: block; padding:0 0 8px 0; font-size: 14px; color: #666;}
.xzCont li p{ font-size:14px; color:#666; line-height:28px; height:56px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.xzCont li:hover{ border-color:#30318b;}


/*新闻详情*/
.NewsDetailed{ width:100%; margin: 25px 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:25px 0; overflow: hidden;}
.product ul{ margin-left:-2%;}
.product ul li{ float:left; width:31.333%;  margin-left:2%; text-align:center; margin-bottom:15px;}
.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;}


.products_con{width:100%;  margin:25px 0 0; overflow: hidden;}
.promore_l{width:54%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width: 100%;}
.jqzoom img{width:98%; border:1px solid #e6e6e6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:38px;}
.spec-scroll .items{float:left;position:relative;width:86%; height:90px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px; margin-top:16px;}
.spec-scroll .items ul li{float:left;width:70px; margin-right: 10px; text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;max-width:95%;}
.spec-scroll .items ul li img:hover{border:1px solid #e00f12; padding:2px;}

.pros_right{width:43%; float:right; overflow:hidden;}
.pros_right_top{width:100%;  border-bottom:1px dashed #e6e6e6;}
.pros_right_top h4{overflow:hidden; display:inline-block; font-size:18px; padding-bottom: 10px; color:#333; font-weight:normal;}
.proleft{width:100%; font-size:14px; line-height:30px; margin-top:12px;}

.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:125px; float:left; margin-right:10px;}
.proleft_btn li a{width:100%; height:38px; float:left; line-height:38px; text-align:center; font-size:14px; background:#444; display:block; color:#fff;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#30318b; color:#fff;}
.proleft_btn li img{max-width: 90%;}

.products_conss{width:100%;  margin:18px 0 25px 0; overflow: hidden;}

.products_T{width:100%; height:45px; line-height:45px; background:#eee;}
.products_T span{padding:0 35px;height:45px; background:#30318b;color:#fff; font-size:15px; display: inline-block;}
.products_b{ line-height: 30px; font-size: 14px; overflow: hidden;}
.products_b img{max-width: 100%;margin: 2px 0;}

/*faq*/
.cpxqer{width: 100%; margin:20px 0; overflow: hidden;}
.cpxqer ul{}
.cpxqer li{ margin-bottom:2%;background: #FFF;}
.cpxqer li i{margin-right: 20px;font-size: 30px;color: #e60012;}
.cpxqer li .border.active i{color: #FFF;}
.cpxqer li span{float: right;}
.cpxqer li .border.active{background: #e60012 url(../images/pic27.png) no-repeat 98% center;color: #FFF; border:1px solid #e60012;}
.cpxqer li .border{ line-height:52px; font-size:15px; font-weight: bold;border:1px solid #DDD; padding:0 1.5%;background: url(../images/pic26.png) no-repeat 98% center;height: 52px;overflow: hidden;}
.cpxqer li .con_er{ display:none; line-height:30px; padding:1.5% 2%; background:#FFF;border:1px solid #ccc}
.cpxqer li .con_er table{ border-top:1px solid #DDD; border-left:1px solid #DDD;}
.cpxqer li .con_er table td{ border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:0 1%;}



/*联系我们*/
.contact_t{width: 100%; color:#000000;  margin:15px 0; font-size: 15px; line-height: 32px;}


.contact_bg{ overflow:hidden; background:#f5f5f5; padding-top: 28px;}
.feedback_div{ margin:0 auto;padding-bottom:2%; overflow:hidden; text-align:center; width:96%; max-width:1320px;}
.feedback_div label{ display:block; color:#333; text-align:left; margin-bottom:2%; font-size:16px;}
.feedback_div label.bgs2{ margin-bottom:1%;}
.feedback_div .divs{float:left; width:49%; margin-right:2%;margin-bottom:2%;}
.feedback_div .divs:nth-child(2n+0){ margin-right:0;}
.feedback_div .inputs2{ width:99%;  background:#fff; height:54px; line-height:54px; font-size:15px; color:#666; border:none; outline:none;  text-indent:3%; font-family:"微软雅黑";}
.feedback_div select::-ms-expand { display: none; } 
.feedback_div .textarea{ padding:1%; width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ background:#fff; font-size:16px; font-family:"微软雅黑";border:none; outline:none;margin-bottom:2%; color:#cccccc; height:170px;  }
.feedback_div .textarea:focus{ color:#666;}
.feedback_div .bnts2{  border: none; width:30%; max-width:200px;font-size: 16px; height: 54px; background: #000; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; margin:1% auto;}


.contact_map {padding:20px 0; box-sizing:border-box;overflow: hidden;}
#map_container{height:550px;}



/* Underline Reveal */
.hvr-underline-reveal {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e60012;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  display:none\9;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}