@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: 85px !important;}
.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 8px;}
.banner .swiper-pagination-bullet{width: 11px;height: 11px;background: #fff;border-radius: 10px;border:1px solid #fff;opacity:.85;}
.banner .swiper-pagination-bullet-active{background: #cf152d;opacity: 1;border:1px solid #cf152d;}
.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;}

.about_b{background:url(../images/ab_bg.jpg) no-repeat 50% 32px #f8f8f8;padding: 35px 0; }
.ab_jj{height: auto;width: 50%;background: #fff;padding:2% 3%;}
.ab_jj h2{font-size:28px;font-weight: normal;color:#151515;border-bottom: 1px solid #e8e8e8;padding-bottom: 14px;}
.ab_jj h2 img{margin-right: 20px;float: left; max-width:185px;}
.ab_jj h2 em{display: inline-block;float: left;font-style: normal;margin-top: 14px;}
.ab_jj .ab_p1{color: #555;line-height: 35px;margin: 10px 0; font-size: 15px;}
.ab_jj a{background: url(../images/jt.png) no-repeat 105px 50% #d80e19;display: block;width: 122px;height: 42px;line-height: 42px;font-size: 14px;color: #fff;padding-left: 30px;margin-top: 18px;}
.ab_jj a:hover{background:url(../images/jt.png) no-repeat 105px 50% #333;}
.ab_video{width: 44%;overflow:hidden;}
.ab_video img{max-width: 100%;}
.ab_nr{padding:35px 0; overflow: hidden;}
.nr_contact{width: 1280px;margin: 0 auto;}

.title_tp{text-align: center;}
.title_tp h2{font-size: 36px;color: #333;font-weight: bold;line-height: 50px;position: relative;}
.title_tp h2 span{color: #d80e19;}
.title_tp p{font-size: 18px;color: #333;line-height: 36px;}
.title_tp h2:before{content: "";height: 1px;background: #d9d9d9;display: block;position: absolute;width: 40%;margin-top: 26px;left: 0;}
.title_tp h2:after{content: "";height: 1px;background: #d9d9d9;display: block;position: absolute;width: 40%;margin-top: -26px;right: 0;}

.gdt{width: 100%; height: 220px; overflow: hidden;}
.gdt img{max-width: 100%;}

.product_h{margin: 35px auto;}
.product_h .title_tp{margin-bottom: 10px;}
.cp_lf{width: 264px;background: #d80e19;}
.cp_lf h2{font-size: 30px;color: #fff;margin: 14px 0 15px 20px;line-height: 46px;}
.cp_lf h2 p{font-size: 15px;color: #fff;font-weight: 100;line-height: 26px;background: none;height: auto;}
.cp_lf li{line-height: 55px;height: 55px;background: #fff;margin: 0 4px;border-bottom: 1px solid #f6f6f6;font-size: 16px;color: #333;padding:0 25px 0 32px;    position: relative;}
.cp_lf li a{color: #333;display: inline-block;font-size: 15px;width: 100%;}
.cp_lf li:after{content: ">>";color: #bcbcbc;font-size: 12px;font-family: cursive;font-weight: bold;letter-spacing: -1px;position: absolute;right: 30px;}
.cp_lf li:hover{background: #eee;}
.cp_lf li:hover a{color: #d80e19;}
.cp_lf li:hover:after{color: #d80e19;}
.cp_tel{color: #fff;font-size: 14px;background: url(../images/tel_2.jpg) no-repeat left center;padding-left: 48px;margin: 20px 0 25px 10px;}
.cp_tel i{font-style: normal;font-weight: bold;font-size:27px;font-family: arial;display: block;}
.cp_lf p{background: #fff;height: 10px;margin: 0 4px;}

.cp_rg{width: 100%; margin: 20px 0 0; overflow: hidden;}
.cp_rg h2{padding:0 0 20px 0; font-size: 22px;font-weight: bold;color: #1d2088; display: block;}
.cp_rg ul{margin-left: -2%;}
.cp_rg ul li{margin-left: 2%; float: left; width: 23%; margin-bottom: 0.8%;position: relative;}
/*.cp_rg ul li:before{content: "";background: url(../images/hot.png) no-repeat left top;width: 86px;height: 86px;display: block;position: absolute;left: 0;top: 0;}*/
.cp_rg ul li img{border: 1px solid #eee;max-width: 99%;padding: 20px 0;}
.cp_rg ul li p{border-bottom: 1px solid #ededed;font-size:15px;height: 60px;line-height: 60px;padding-left:0;background: url(../images/rx_jt.png) no-repeat center right 5px;}
.cp_rg ul li:hover p{color: #d80e19;background: url(../images/rx_jth.png) no-repeat center right 5px;border-bottom: 1px solid #d80e19;}

/*.cp_rg ul li:nth-child(1):before{display: none;}
.cp_rg ul li:nth-child(2):before{display: none;}*/

.cp_rg1{width: 100%; margin: 20px 0 35px; overflow: hidden;}
.cp_rg1 h2{padding:0 0 20px 0; font-size: 22px;font-weight: bold; color: #1d2088; display: block;}
.cp_rg1 ul{margin-left: -2%;}
.cp_rg1 ul li{margin-left: 2%; float: left; width: 48%; margin-bottom: 0.8%;position: relative;}
/*.cp_rg1 ul li:before{content: "";background: url(../images/hot.png) no-repeat left top;width: 86px;height: 86px;display: block;position: absolute;left: 0;top: 0;}*/
.cp_rg1 ul li img{border: 1px solid #eee;max-width: 99%;padding: 20px 0;}
.cp_rg1 ul li p{border-bottom: 1px solid #ededed;font-size:15px;height: 60px;line-height: 60px;padding-left: 0;background: url(../images/rx_jt.png) no-repeat center right 5px;}
.cp_rg1 ul li:hover p{color: #d80e19;background: url(../images/rx_jth.png) no-repeat center right 5px;border-bottom: 1px solid #d80e19;}



.partner{margin-top:30px; overflow: hidden;}
.partner ul{ border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; overflow: hidden;}
.partner li{ width:20%; float: left; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; box-sizing: border-box;}
.partner li img{ max-width: 100%; padding:12px 0;}
.partner .partner-more{ margin-top: 30px; text-align: center; font-size: 15px; line-height: 32px;}
.partner .partner-more a{ color: #333; display: inline-block;}

.case{margin: 20px 0; overflow: hidden;}

.honor{margin-top: 20px;overflow: hidden;}
.honor .zshu_box{margin: 20px 0 5px; overflow: hidden;}
.honor .zshu_box ul{margin-left: -1%;overflow: hidden;}
.honor .zshu_box ul li{margin-left: 1%; float: left; width: 19%; margin-bottom: 1%;}
.honor .zshu_box ul li img{width: 100%;}

.honor .attestation{margin:0 0 20px 0; overflow: hidden;}
.honor .attestation ul{margin-left: -1%;overflow: hidden;}
.honor .attestation ul li{margin-left: 1%; float: left; width: 24%; margin-bottom: 1%;}
.honor .attestation ul li img{width: 100%;}


/**/
.ny_banner{width: 100%;height: 300px;overflow: hidden;margin-top: 85px !important;}

.pro_nav{background: #f5f5f5;padding: 14px 0;}
.pro_nav_i{width:72%;margin:0 auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.pro_nav_i a{flex-grow: 1;height: 85px;border-right: 1px solid #ccc;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.pro_nav_i a:last-child{border-right: 0;}
.pro_nav_i a .img_h{width: 52px;height: 52px;}
.pro_nav_i a p{font-size: 15px;color: #444;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.pro_nav_i a.active p,
.pro_nav_i a:hover p{color: #cf152d;}
.pro_nav_i a.active .img_h img{opacity: 0;}
.pro_nav_i a.active .img_h img:nth-child(2){opacity: 1;}


.img_h{position: relative;cursor: pointer;}
.img_h img{max-width: 100%; display: block;opacity: 1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.img_h img:nth-child(2){position: absolute;left: 0;top: 0;opacity: 0;}
.img_h.img_ha:hover img{opacity: 1;}
.img_h.img_ha:hover img:nth-child(2){opacity: 0;}
a:hover .img_h.img_ha img,
.img_h:hover img{opacity: 0;}
a:hover .img_h.img_ha img:nth-child(2),
.img_h:hover img:nth-child(2){opacity: 1;}


.pro_left{width: 21.5%; float: left; margin: 0;}
.pro_left h2{ height:54px; line-height:54px; background:#cf152d;text-align:center; color:#fff; font-size:18px; font-weight: bold; }
.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:#fff url(../images/ico1.png) no-repeat right center; padding-left: 20px; font-size:14px; font-weight: bold;border-bottom:1px solid #aaa;}
.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:15px;}
.pro_left ul li ul li a:hover{ text-decoration:none; display:block;color: #0173b4;}

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

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


.main-about{background-color: #fff; padding:22px 0;overflow: hidden;}
.main-about .profile{margin:15px 0;line-height:34px; font-size: 15px; color: #222; overflow:hidden;}
.main-about .profile img{max-width: 100%; margin: 8px auto; display: block;}

.main-about .profile table{width:100%; margin:8px auto;} 
.main-about .profile table tr td{width:50%; padding: 6px;}

.dev_fz{margin:15px 0; overflow: hidden;}
.dev_fz img{max-width: 100%; padding: 8px 0; display: block;}
.dev_fz h2{color: #e60012; font-weight: bold; font-size: 28px; padding: 32px 0 15px; line-height: 32px; letter-spacing: 4px;}
.dev_fz ul{width: 100%; overflow: hidden;}
.dev_fz ul li{float: left; width: 100%; padding-bottom: 20px; font-size: 16px; line-height: 36px;}
.dev_fz ul li span{color: #e60012;font-weight: bold; padding-right: 15px; font-size: 17px; }


.qyfc{margin:15px 0; overflow: hidden;}
.qyfc img{max-width: 32%; padding: 8px 0; display: block;}
.qyfc .styles{width: 100%; padding-top: 28px; overflow: hidden;}
.qyfc .styles h2{color: #333; font-weight: 400; font-size: 25px; padding: 0 0 18px; line-height: 32px; letter-spacing: 2px;}
.qyfc .styles ul{margin-left: -0.5%;overflow: hidden;}
.qyfc .styles ul li{margin-left: 0.5%; float: left; width: 49.5%; margin-bottom:0;}
.qyfc .styles ul li img{max-width: 100% !important; }


.qyfc .styles1{width: 100%; padding-top: 28px; overflow: hidden;}
.qyfc .styles1 h2{color: #333; font-weight: 400; font-size: 25px; padding: 0 0 18px; line-height: 32px; letter-spacing: 2px;}
.qyfc .styles1 ul{margin-left: -0.333%;overflow: hidden;}
.qyfc .styles1 ul li{margin-left: 0.333%; float: left; width:33%; margin-bottom:0.333%;}
.qyfc .styles1 ul li img{max-width: 100% !important;padding: 0 !important;}


.honr_img{margin: 20px 0 5px; overflow: hidden;}
.honr_img h2{color: #e60012; font-weight: bold; font-size: 24px; padding: 0 0 28px; line-height: 32px; letter-spacing: 2px;}
.honr_img ul{margin-left: -1%;overflow: hidden;}
.honr_img ul li{margin-left: 1%; float: left; width: 19%; margin-bottom: 1%;}
.honr_img ul li img{max-width: 100%;}

.corpo_img{margin: 20px 0 5px; overflow: hidden;}
.corpo_img ul{margin-left: -2%;overflow: hidden;}
.corpo_img ul li{margin-left: 2%; float: left; width:31.333%; margin-bottom:2%;}
.corpo_img ul li img{max-width: 100%;}
.corpo_img ul li p{line-height:22px; padding-top:10px; font-size:15px;}


.part_list{margin: 20px 0 5px; overflow: hidden;}
.part_list h2{color: #e60012; font-weight: bold; font-size: 24px; padding: 0 0 28px; line-height: 32px; letter-spacing: 2px;}
.part_list ul{ border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; overflow: hidden;}
.part_list li{ width:20%; float: left; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; box-sizing: border-box; font-size: 27px; text-align: center;line-height: 135px;}
.part_list li img{ max-width: 100%; padding:12px 0;}

.products {margin: 20px 0 5px; overflow: hidden;}
.products .item-list li{float: left;width: 33%;margin-bottom: 30px;background-color: #fff;overflow: hidden;position: relative;}
.products .item-list li a{display: block;margin: 0 3%;overflow: hidden;position: relative;height: 100%; }
.products .item-list .img{text-align: center;overflow: hidden;position: relative;border: 1px solid #e2e2e2;}
.products .item-list li:hover .img:after{-webkit-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1;}
.products .item-list .img img{max-width: 90%;-webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin: 15px auto; display: block}
.products .item-list li:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)}
.products .caption{width: 100%;height: 55px;padding: 0;left: 0;bottom: 0;-webkit-transition: all .3s ease;transition: all .3s ease;background-color: #fff;border-bottom: 1px solid #e5e5e5;text-align: left;}
.products .caption .title{line-height: 55px;font-size: 14px;color: #555;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.products .caption .info{color: #b5b5b5}
.products .insert{width: 20px;height: 20px;line-height: 20px;position: absolute;bottom: 20px;right: 0;margin-top: -10px;border-left: 1px solid transparent;-webkit-transition: all .3s ease;transition: all .3s ease;}
.products .insert::before{content: "→";font-size: 16px;color: #cdcdcd;-webkit-transition: all .3s ease;transition: all .3s ease;font-family: "Arial"}
.products .item-list li:hover .caption{border-color:#cf152d;}
.products .item-list li:hover .caption .title{color: #cf152d;}
.products .item-list li:hover .insert{border-color: #eee}
.products .item-list li:hover .insert::before{margin-left: 50%}

.cp_bt{width: 100%; padding: 0 0 8px; line-height: 32px; overflow: hidden;}
.cp_bt span{width: 92px; background: url("../images/done.png") left center no-repeat; background-size: 24px; padding-left: 35px; color: #e60012; font-weight: bold; font-size: 20px; display: inline-block;}
.cp_bt i{ display: inline-block; color: #222; font-weight: 350; font-size: 20px; font-style: normal;}

.pro_list{margin-top:22px; overflow: hidden;}
.pro_list .left_img{ width: 99%;border: 1px solid #e5e5e5; margin: 15px auto; display: block;}
.pro_list .left_img img{max-width: 90%;margin: 15px auto; display: block}
.pro_list .left_detail{width: 100%; padding:30px 0 0; overflow: hidden;}
.pro_list .left_detail .cp_top{width: 100%; font-size: 17px; line-height: 32px; padding-bottom: 18px;}

.pro_list .left_detail .cp_top table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%;border-collapse: collapse; }
.pro_list .left_detail .cp_top table td{border-right: 1px solid #000;border-bottom:1px solid #000; padding: 6px; text-align:center;}


.reltab{width: 100%;margin: 20px 0 5px; overflow: hidden;}
.reltab ul{margin-left: -2%;}
.reltab li{width: 31.3333%;float: left;margin-left: 2%;margin-bottom: 2%;  float: left;background: #f5f5f5;height: 164px;display: flex;align-items: center;position: relative;transition: all .4s ease;}
.reltab-tag{position: absolute;z-index: 1;font-size: 14px;color: #b8b8b8;top: 22px;right: 28px;font-style: normal;}
.reltab-item{width: 100%;padding:0 25px;font-size: 0;}
.reltab-img, .reltab-wd{display: block;}
.reltab-img{float: left;width: 94px;}
.reltab-img img{max-width: 100%;}

.reltab-wd{width: calc(100% - 94px);float: right;}
.reltab-wd span{font-size: 17px;color: #333;display: block;line-height: 26px;margin-bottom: 12px; font-weight: bold;}
.reltab-wd p{font-size: 16px;color: #555;line-height: 24px;}
.reltab li:hover{box-shadow: 0 4px 10px 2px #e5e5e5;}
.reltab li:last-child .reltab-item{padding-right: 0;}

#map_container{height: 550px;}