@font-face {
    font-family: 'fon3';
    src: url('../fonts/OPTIAKROGROTESK-COND.eot');
    src: url('../fonts/OPTIAKROGROTESK-COND.eot') format('embedded-opentype'),
         url('../fonts/OPTIAKROGROTESK-COND.woff2') format('woff2'),
         url('../fonts/OPTIAKROGROTESK-COND.woff') format('woff'),
         url('../fonts/OPTIAKROGROTESK-COND.ttf') format('truetype'),
         url('../fonts/OPTIAKROGROTESK-COND.svg#OPTIAKROGROTESK-COND') format('svg');
}

/*transform:translateY(3px)(位移);transition:all .3s ease-in-out 0s;（动画）;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/*文本不换行*/
.max_wrap{ width: 92%; padding: 0 4%; max-width: 1560px; margin: 0 auto; overflow: hidden;}

/*头部*/
.top{ width: 100%; min-width: 1200px; height: 76px;background:transparent; position: fixed; top: 0; z-index:99999;}
.top .logo{ width: auto; max-width: 184px; float: left; padding-left: 64px; padding-top:14px;}
.top .logo{width: 100%; height: auto;}
.top .nav{ width: auto; float: right;padding-right: 64px; line-height: 60px; padding-top: 10px;}
.top .nav a{font-size: 14px; padding: 20px; color: transparent; color: #fff; position: relative;}
.top .nav a span{ width: 0%; height: 0px; background: #e50012; position: absolute; bottom: 0;left: 50%; transform:translateX(-50%);z-index: -1;}
.top .nav a:hover span{width: 100%; height: 3px;}
.top .nav .on{}
.top .nav .on span{width: 100%; height: 3px;}
.top .logo_a{ display: none; width: 200px;}
.top .logo_b{ display:inherit;width: 200px;}
.logo_a{width: 200px;}

.neiye_top{ width: 100%; min-width: 1200px; height: 76px; position: fixed; top: 0; z-index:99999; background: #fff;}
.neiye_top .logo{ width: auto; max-width: 184px; float: left; padding-left: 64px; padding-top: 14px;}
.neiye_top .logo{width: 100%; height: auto;}
.neiye_top .nav{ width: auto; float: right;padding-right: 64px; line-height: 60px;padding-top: 10px;}
.neiye_top .nav a{font-size: 14px;padding: 20px; color: transparent; color: #fff; position: relative;}
.neiye_top .nav a{font-size: 14px; color: transparent; color: #000;}
.neiye_top .nav a span{ width: 0%; height: 0px; background: #e50012; position: absolute; bottom: 0;left: 50%; transform:translateX(-50%);z-index: -1;}
.neiye_top .nav .on span{width: 100%; height: 3px;}
.neiye_top .nav a:hover span{width: 100%; height: 3px;}
.htop{width: 100%; height: 60px; display: block;}


/*主图*/
.banner_box{ width: 100%; height: auto; min-width: 1200px;z-index:0;}
.banner{transition-timing-function: ease;}
.banner .swiper-wrapper .swiper-slide img{ width: 100%; height: auto;}
.banner_box{}
.banner_box .banner_text1 {transform:translateY(-50%);text-shadow:3px 0px 6px rgba(0,0,0,0.3);}
.banner_box .banner_text1 h3{ font-size: 4.6vw; color: #fff; font-weight: bold;}
.banner_box .banner_text1 p{ font-size: 1.5vw; color: #fff;}
.banner_box  .swiper-pagination-bullets{bottom: 50px;}

/*首页跳动数字*/
.shuzi_box{ width: 100%;min-width: 1200px; background: #e50012; display: block;z-index: 999;}
.shuzi{ width: 92%; max-width: 1560px; min-width: 1110px; background: #fff; padding-top: 20px;box-shadow:0px 4px 10px rgba(0,0,0,.1); transform:translateY(-43px); position:absolute;z-index: 999;}
.shuzi ul{}
.shuzi ul li{ width: 25%; padding: 2% 0; float: left; text-align: center; overflow: hidden;}
.shuzi ul li span{font-size:5vw; color: #e50012;/*主色*/ font-family:"fon3";letter-spacing:-5px}
.shuzi ul li p{font-size: 16px; color: #8B8B8B;}
.shuzi ul li .xiantiao1{ width: 25px; height: 210px; z-index: 8; right: 0px; top: 0px;}

/* group */
.group1{margin-top: .55rem; margin-bottom: .37rem;}
.group{margin: 0 7.8%;}
.group .about1 .weui-cell__ft >div{font-size: 18px;}
.group .about1 .f88{font-size: .68rem; line-height: .8rem;}
.group .counter{font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.group .about1 .f88 .symbol{position: relative; top: -.5rem; left: 3px; font-size: .4rem; line-height: 1; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"}
.group2{margin-bottom: .66rem; padding-top: .4rem; padding-bottom: .8rem;}
.group2-hd{text-align: center;}
.group2-hd .bigtitle{font-size: .36rem;}
.group2-hd .desc{line-height: 24px;}
.group2-bd{font-size: .22rem; color: #383838;}
.group2-bd .col-sm-4{padding: .2rem 0; text-align: center;}
.group2-bd .f74{color: #444; font-size: .74rem; line-height: .8rem; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.group2-bd .f74 .symbol{position: relative; top: -.4rem; left: 3px; color: #444; font-size: .36rem; line-height: .4rem; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}

/*通用首页标题样式*/
.titles{ text-align: center;}
.titles span{ font-size:33px; color: #000;display: block; padding-bottom:1px;}
.titles span b{ font-weight: bold; padding: 0 10px;}
.titles p{ font-size: 0.8vw; color: #817E7B;text-transform:Uppercase;/*大写*/ padding-bottom: 20px;}
.titles i{width: 40px; height: 3px; display: block; background: #999390; margin: 0 auto;}

/*产品分类*/
.Products{ padding-top: 70px; width: 100%; height: auto; background:url(../images/porductsback.jpg) center top no-repeat; background-size:cover; background-position: center;}
.tabs ul li{ width: 142px; height: 142px; background: #fff; float: left; text-align: center; display: block; border-radius: 10px;box-shadow:0px 0px 6px rgba(0,0,0,0.3); margin-right: 13px;position: absolute;}
#tabs-container_box .swiper-slide img{opacity:0.0;filter:alpha(opacity=00);}
#tabs-container_box .swiper-slide-active img{opacity:1;filter:alpha(opacity=100);}

/*新产品推荐*/
.news_porduct_box{ width: 100%; height: auto; padding-top:50px; background: #F3F3F3; overflow: hidden; padding-bottom:40px; position: relative;}
.news_porduct{ margin-top: 30px; overflow: hidden;}
.news_porduct .swiper-button-prev{left: 0;}
.news_porduct .swiper-button-next{right: 0;}
.news_porduct_button{ width: 50px; height: 50px; text-align: center;line-height: 50px; background: rgba(0,0,0,0.3);z-index: 999; position: absolute;}
.news_porduct_button .iconfont{ font-size: 20px; display: block; color: #fff;}
.news_porduct ul li{ background: #fff; padding-bottom: 30px; position: relative;}
.news_porduct ul li .porduct_list_img{ width:100%; overflow: hidden;}
.news_porduct ul li img{ width: 100%; height: auto;}
.news_porduct ul li p{ display: block; text-align: center;}
.news_porduct ul li span{ display: block; width: 100%; height: 100%; position: absolute; top:0;left:0; background: rgba(0,0,0,0.0);}
.news_porduct ul li .porduct_list_icon{ position:absolute; left: 50%; top: 50%;transform:translate(-50%,-50%); opacity:0.0;filter:alpha(opacity=00);}
.news_porduct ul li .porduct_list_icon i{ width: 70px; height: 70px; line-height: 70px; display: block; font-size: 36px; text-align: center; margin-bottom: 10px; color: #fff; border: 2px solid #fff; border-radius: 50%;}
.news_porduct ul li .porduct_list_icon em{ color: #fff; text-align: center;display: block;}
.news_porduct ul li:hover span{background: rgba(229,0,18,0.7);}
.news_porduct ul li:hover .porduct_list_icon{opacity:1;filter:alpha(opacity=10);transform:translate(-50%,-40%);}
.news_porduct ul li:hover img{ transform:scale(1.1);/*设置缩放比例*/}
.news_porduct ul li:hover p{transform:translateY(-10px); color: #fff;}
.news_porduct .swiper-button-disabled{z-index: 2;}

/*公司简介*/
.Profile_box{ width: 100%; min-width: 1200px; height: auto; background:url(../images/Company_back.jpg) no-repeat; padding: 90px 0 40px; background-size: auto 100%;    background-attachment: fixed;}
.Profile{ width:79%; min-width: 1130px; float: right; border-left: 5px solid #e50012; background: #fff; overflow: hidden;}
.Profile .Profile_img{ width: 40%; float: right; position: relative;}
.Profile .Profile_img ul{ position: absolute; left: -70px; top:50px;}
.Profile .Profile_img ul li{ width:140px; height: 140px; border-radius: 50%; text-align: center; position: relative; margin-top:20px;}
.Profile .Profile_img ul li .waikuang{width:122px; height: 122px; border-radius: 50%; position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%); text-align: center; background: #F2593D;   }
.Profile .Profile_img ul li .yuanquan{width:134px; height: 134px; border:2px dotted #F2593D; border-radius: 50%; position: absolute;transition: transform 15s linear 0s; animation: rotate 10s linear infinite;  /*开始动画后无限循环，用来控制rotate*/}
.Profile .Profile_img ul li img{}
.Profile .Profile_img ul li span{ width: 100%; position: absolute; top: 40px; display: block; font-size:23px; color: #fff;}
.Profile .Profile_img ul li:nth-child(2) .waikuang{background: #75555D;}
.Profile .Profile_img ul li:nth-child(3) .waikuang{background: #0070BF;}
.Profile .Profile_img ul li:nth-child(2) .yuanquan{border:2px dotted #75555D;}
.Profile .Profile_img ul li:nth-child(3) .yuanquan{border:2px dotted #0070BF;}

.Profile_text{ width: 50%; float: left; padding-left: 5%;}
.Profile_text .Profile_title{ padding-bottom:20px; padding-top:60px;}
.Profile_text .Profile_title b{ font-size: 30px; color: #000; font-weight:inherit;text-transform:Uppercase;/*大写*/ display: block;}
.Profile_text .Profile_title p{ font-size: 14px;}
.Profile_text .Profile_title span{ width: 12px; height: 2px; background: #383838; margin-right: 10px; margin-top: 10px; display: block; float: left;}
.Profile_text .profile_p{ width: 70%;  float: left;}
.Profile_text .profile_p p{line-height: 24px;font-size: 14px; margin-bottom: 50px; display: -webkit-box;-webkit-line-clamp: 12; -webkit-box-orient: vertical;overflow: hidden;text-overflow:ellipsis; }
.Profile_text .profile_p .profile_more{ width: 160px; height: 48px; border-radius: 4px; background: #e50012; display: block; position: relative;}
.Profile_text .profile_p .profile_more span{ width: 100%; height: 100%; line-height: 48px; display: block; text-align: center; color: #fff;}
.Profile_text .profile_p .profile_more i{ font-size: 12px; color: #fff; position: absolute; top: 50%;transform:translateY(-50%); right: 30px;}
.Profile_text .profile_p .profile_more:hover{transform:translate(10px,0px);}
.Profile_text .profile_p .profile_more:hover i{ right: 20px;}

/*专卖店*/
.National_box{ padding:10px 0 50px;}
.zhengshu_box{  height: auto; padding-top:50px;}
.section-content6{margin-bottom:0 !important; padding-top:20px;}
.ativecustomer .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.honorList ul{ color: #666; padding: 0; padding-bottom: 30px;}
.honorList li{ float: left; display: block; cursor: pointer;}
.honorList .img{overflow: hidden; position: relative; background:#fff; width: 100%; height: 100%;}
.honorList li a{display: table-cell;vertical-align:middle; display:block;font-family:Arial;overflow:hidden;text-align:center;}
.honorList li .trans3{ width: 100%;}
.honorList li p{ width: 100%; padding-top:10px;}
.honorList li a img{width:100%;height:100%;vertical-align:middle;-ms-interpolation-mode: bicubic; overflow:hidden; display: block;}
.honorList .bg{ background: url(../images/black2.png) repeat; background: none rgba(0,0,0,0.4); bottom: 0; left: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms;}
.honorList .con{ text-align: center; font-size: 14px; color: #666666; line-height: 1.5; height: 20px; overflow: hidden;}
.honorList .il,.honorList .ir{ background-color: #fff; position: absolute; left: 50%; top: 50%; display: block; transition: 400ms; -webkit-transition: 400ms; border-radius: 3px;}
.honorList .il{ height: 3px; width: 0px; margin:-1px 0px 0px -15px;}
.honorList .ir{ height: 0px; width: 3px; margin:-15px 0px 0px -1px;}
.honorList li:hover .img{ border-color: #d5615d;}
.honorList li:hover .img img{transform: scale(1.1)}
.honorList li:hover .bg{ opacity: 1; visibility: visible;}
.honorList li:hover .il{ width: 30px; }
.honorList li:hover .ir{ height: 30px;  transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
html.openImg { overflow: hidden; }
.overlayClose { width: 52px; height: 52px; display: block; position: fixed; right: 3%; top: 15%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100;}
.overlayClose i { background: url(../images/close-empty.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; cursor: pointer;}
.overlayClose:hover{ background-color: #c52721;}
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1000000; width: 100%; overflow: hidden;  -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox{ display: none;}
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con{ position: absolute; left: 0px; right: 0px;bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%;}
.imgShowDemo .con .t{ font-size: 16px; color: #333;}
.imgShowDemo .txt { background: #272727; font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show{ display: block;}
.owl-item{margin:0;float:left;}
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 64px; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -32px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; cursor:pointer;transition:all 0.5s;}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image:url(../images/left.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image:url(../images/right.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover {background-color: #e60012; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background:none;}
.ativecustomer .swiper-pagination{}
.ativecustomer .swiper-pagination span{}
.ativecustomer .swiper-pagination .swiper-pagination-bullet-active{ background: #e50012;}
.jiamneg{ width: 100%; overflow: hidden;}
.jiamneg ul li{ width: 50%; float: left; position: relative;}
.jiamneg ul li img{width: 100%; height: auto;}
.jiamneg ul li .jiameng_text{color: #fff; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); text-align: center;}
.jiamneg ul li .jiameng_text b{ font-size: 32px;transition:all .5s ease-in-out;}
.jiamneg ul li .jiameng_text p{transition:all .5s ease-in-out;}
.jiamneg ul li:hover img{transform: scale(1.1);}

/*新闻动态*/
.news_box{ width: 100%; min-width: 1200px; padding:50px 0 30px; background: #F3F3F3;}
.news_left_box{ width: 67%; float: left;}
.news_left_box ul{ margin-top:30px;}
.news_left_box ul li{ background: #fff; margin-top: 8px; }
.news_left_box ul li a{padding: 17px 0;display: block;}
.news_left_box ul li:nth-child(1){margin-top: 0px;}
.news_left_box ul li .news_time{ width: calc(11% - 1px); float: left; text-align: center; border-right: 1px solid #E4E4E4;}
.news_left_box ul li .news_time span b{display: block; font-size: 40px; color: #333333; font-weight: normal;}
.news_left_box ul li .news_time span i{display: block; color: #ABABAB;}
.news_left_box ul li .news_text{ width: 84%; float: right; padding-right: 2%;}
.news_left_box ul li .news_text b{ font-size: 16px; color: #333333; margin:10px 0; display: block;}
.news_left_box ul li .news_text p{ font-size: 14px; color: #333333; display: block;}
.news_left_box ul li:hover{ background: #e50012;transform: translate(-5px,-5px);}
.news_left_box ul li:hover .news_text b{color: #fff;}
.news_left_box ul li:hover .news_text p{color: #fff;}
.news_left_box ul li:hover .news_time span b{color: #fff;}
.news_left_box ul li:hover .news_time span i{color: #fff;}
.news_right_box{ width: 31.2%; height: 449px; float: right; margin-top:30px;}
.news_right_box .swiper-slide{ width: 100%;height: 456px;}
.news_right_box .swiper-slide img{ width: auto; height: 100%;}
.news_right_box .swiper-slide span{position: absolute; bottom:0px; color: #fff; width: 100%; height:50px; line-height:50px; display: block;background: rgba(0,0,0,0.5)}
.news_right_box .swiper-slide span p{ width: 75%;padding: 0 10px;}
.news_swiper .swiper-pagination{ text-align: right; bottom: 20px;}
.news_swiper .swiper-pagination-bullets span:nth-child(3){ margin-right: 15px;}
.news_swiper .swiper-pagination .swiper-pagination-bullet{background: #fff;}
.news_right_box .swiper-slide:hover img{transform: scale(1.1);}

/*通用底部*/
.footer{ background: #323232;padding-top: 60px;}
.footer .footer_Left{ float: left;}
.erweima{ padding: 7px; background: #fff; padding-bottom: 10px; border-radius: 4px; text-align: center; float: left; margin-right: 40px;}
.erweima p{font-size: 14px; margin-top: 10px;}
.footer .footer_Left .footer_logo{ float: left; margin-top: 30px;}
.footer .footer_Left .footer_logo img{margin-bottom: 20px; display: block;}
.footer .footer_Left .footer_logo p{ color: #fff; display: block;}
.footer .footer_right{ width: 300px; float: right;}
.footer .footer_right .footer_coll{ padding-bottom: 20px;}
.footer .footer_right .footer_coll img{ float: left; padding-right: 10px; padding-top: 10px;}
.footer .footer_right .footer_coll i{ display: block; color: #AAAAAA;}
.footer .footer_right .footer_coll b{font-size: 30px; color: #fff;}
.footer .footer_right p{color: #aaa; font-size: 14px; line-height: 26px;}
.footer .beian{ text-align: center; border-top: 1px solid #454545; margin-top: 30px; padding: 24px 0; color: #b8b7b7; font-size: 14px;}
.footer .beian a{ color:#b8b7b7;}
.footer .beian a:hover{ color:#666;}

/*关于我们页面的样式*/
.info_banner{ width: 100%; min-width: 1200px;}
.info_banner img{ width: 100%;}

/*公司简介*/
.jianjie{padding: 100px 0 180px; position: relative;}
.jianjie .jianjie_title{ position: relative; padding-bottom: 44px;}
.jianjie .jianjie_title span{ color: rgba(229,0,18,0.1); font-size: 100px; position: absolute; top: 0; left: 0;z-index: -1;}
.jianjie .jianjie_title b{ padding-top: 68px; display: block; font-size: 40px; color: #e50012;}
.jianjie .jianjie_text{ width: 50%;}
.jianjie .jianjie_text{font-size:16px;color: #666666; line-height:30px; padding-bottom: 1em;}
.jianjie .yangruoxi{ position: absolute; right: 0; bottom: 0px;}
.info_shuzi{ transform:translateY(-0px);background: #e50012;box-shadow:0px 0px 0px rgba(0,0,0,.1);z-index: 1;}
.info_shuzi ul li span{color: #fff;/*主色*/}
.info_shuzi ul li p{color: #fff;}
.info_shuzi .xiantiao1{opacity:0.2;filter:alpha(opacity=20); /* 针对 IE8 以及更早的版本 */}

/*发展历程*/
.licheng_box{width: 100%; min-width: 1200px; background:url(../images/lichengback.jpg) no-repeat; background-position: center; padding: 100px 0; }
.licheng_box .licheng_title{ text-align: center;}
.licheng_box .licheng_title b{ display: block; font-size: 36px; color: #fff; padding-bottom: 10px;}
.licheng_box .licheng_title span{ color: #fff; padding-bottom: 30px;display: block;}
.licheng_box .licheng_title i{ width: 39px; height: 4px; background: #699CB9;display: block; margin: 0 auto;}
.licheng{position: relative;}
.licheng .licheng_tabs{width: 770px;margin:30px auto;}
.licheng .licheng_tabs ul li{position: relative; width: 100%;}
.licheng .licheng_tabs ul li a{text-align: center;display: block;}
.licheng .licheng_tabs ul li i{ width: 100%; font-size: 110px;color: #fff;text-align: center;display: block;}
.licheng .licheng_tabs ul li .icon-liubianxing{display: none;}
.licheng .licheng_tabs ul li .icon-liubianxing1{display:inherit;}
.licheng .licheng_tabs ul li span{ position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%); color: #fff;}
.licheng .licheng_tabs ul li:hover{transform: translate(-5px,-5px);}
.licheng .licheng_tabs ul li:hover .icon-liubianxing{display:inherit;}
.licheng .licheng_tabs ul li:hover .icon-liubianxing1{display: none;}
.licheng .licheng_tabs ul li:hover span{color: #e50012;}
.licheng .licheng_tabs ul .swiper-slide-thumb-active {color: #e50012;}
.licheng .licheng_tabs ul .swiper-slide-thumb-active .icon-liubianxing{display:inherit;}
.licheng .licheng_tabs ul .swiper-slide-thumb-active .icon-liubianxing1{display: none;}
.licheng .licheng_tabs ul .swiper-slide-thumb-active span{color: #e50012;}
.licheng #tabs-container .swiper-slide{text-align: center;color: #fff; font-size: 14px; line-height: 28px;}
.licheng #tabs-container .swiper-slide b{ color: #fff; display: block; font-size: 30px; }
.licheng #tabs-container .swiper-slide i{ color: #fff; display: block;}
.licheng #tabs-container .swiper-slide img{margin: 0 auto; padding: 20px 0 10px;}

/*核心品质*/
.pinzhi_box{ width: 100%; min-width: 1200px; padding: 80px 0; background: #F3F3F3;}
.pinzhi ul{ margin-top:30px;}
.pinzhi ul li{ width:calc(100%/3 - 1%); float: left; background: #fff; margin: 0 0.5%;}
.pinzhi ul li img{ width: 100%; height: auto;}
.pinzhi ul li b{ padding:20px;display: block; color: #333333;}
.pinzhi ul li p{ padding:20px 20px 20px; display: block; color: #666;}
.rongyu{width: 100%; min-width: 1200px; padding-bottom: 80px; border-bottom: 1px solid #E2E2E2; margin-bottom: 80px;}
.rongyu .rongyu_left{width: 100%; width: 35%; padding-left: 5%; float: left;}
.rongyu .rongyu_left .rongyu_icon{ padding-bottom: 50px;}
.rongyu .rongyu_left b{font-size: 24px; padding-bottom: 10px; display: block;}
.rongyu .rongyu_left p{font-size: 14px; line-height: 28px; display: block;}
.rongyu .rongyu_left span{font-size: 24px; margin-top: 30px; display: block; color: #e50012;}
.rongyu_right{ width:45%; float: right; margin: 5% 5% 0 0; position: relative; border:1px solid #f4f4f4;}
.rongyu_right mark{ width:100%; height: 80%; display: block; background: #e50012; position: absolute; right:3%; bottom: 0;}
.rongyu_right .swiper-pagination-bullets{left: 43%; bottom:10px;}
.rongyu_right .swiper-pagination-bullets span{ margin: 0 4px;}
.rongyu_right .swiper-pagination-bullet-active{ background:#999;}
.rongyu_right .swiper-slide img{ max-width:100%;}

/*企业风貌*/
.fengmao_box{padding-bottom: 40px;}
.join_3ge{ width: 100%; height: auto; padding: 52px 0; background: #fff; display: inherit;}
.join_3ge ul{ width: 90%; margin: 0 auto;}
.join_3ge ul li{ width:calc(33.3% - 1px); float: left; border-left: 1px solid rgba(0,152,76,0.2);display: block; text-align: center; color: #e50012;}
.join_3ge ul li b{ font-size: 32px; padding-bottom: 6px; display: block;}
.join_3ge ul li:nth-child(1){border-left: 0px;}
.join_3ge ul li p{ font-size: 18px;}

/*华太为什么值得你选择*/
.weishenme_box{ width: 100%; height:auto; padding:50px 0 40px; background: #F3F3F3;}
.weishenme {padding-top:30px;}
.weishenme .swiper-wrapper{ margin-bottom: 20px;}
.weishenme .swiper-slide{ background: #fff;}
.weishenme .swiper-slide .weishenme_img{ width: 100%;}
.weishenme .swiper-slide .weishenme_img img{ width: 100%;}
.weishenme .swiper-slide .weishenme_text{ padding: 14px; height: 140px; overflow: hidden;}
.weishenme .swiper-slide .weishenme_text b{font-size: 18px; display: block;}
.weishenme .swiper-slide .weishenme_text i{font-size: 12px; display: block; color:#B0B0B0; margin-bottom: 10px;}
.weishenme .swiper-slide .weishenme_text p{font-size: 14px; display: block; color: #999; line-height: 28px; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.weishenme_box .swiper-pagination-bullets{ left: 50%;transform: translatex(-50%);}
.weishenme_box .swiper-pagination-bullets span{margin: 0 5px;}
.weishenme_box .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #e50012;}

/*加盟政策 九大支持政策*/
.zhengce_box{ width: 100%; height: auto; background: #fff; background-image: url(../images/zhengce_back.png); background-repeat: repeat-x; background-position: bottom; padding-top:50px;}
.zhengce_box .jdzhengce{ margin-top: 50px;}
.zhengce_box .jdzhengce .jdzhengce_text{ width: 134px; height: 134px; margin: 0 auto;border-radius: 50%; background: #e50012; text-align: center; color: #fff;}
.zhengce_box .jdzhengce .jdzhengce_text b{padding-top: 46px; display: block; font-size: 20px;}
.zhengce_box .jdzhengce ul li{ width: 11.1%; height: 400px; background: url(../images/xiantiao2.png) no-repeat; background-position: top center; float: left;}
.zhengce_box .jdzhengce ul li:nth-child(even){height: 300px; margin-top: 100px;}

/*全球近1000+华太专卖店*/
.quanqiu_box{ width: 100%; height: auto; padding: 100px 0; background: url(../images/quanqiuback.jpg);}
.quanqiu_box .quanqiu {color: #fff; text-align: center;}
.quanqiu_box .quanqiu h3{font-size: 60px; display: block;}
.quanqiu_box .quanqiu b{font-size: 80px; padding-bottom: 20px;}
.quanqiu_box .quanqiu span{font-size: 30px;}
.quanqiu_box .quanqiu em{font-size: 35px; color: #fff; display: block; }
.quanqiu_box .quanqiu i{font-size: 15px; color: #999999; display: block;padding-bottom: 20px;}

/*合作商有话说*/
.hezuoshang_box{ width: 100%; height: auto; padding: 80px 0 100px; background:url(../images/hezuoshang_back.jpg);}
.hezuoshang{ padding-top:50px;}
.hezuoshang .hezuoshang-container .swiper-slide{ background: #fff; padding-bottom: 30px;}
.hezuoshang .hezuoshang-container .swiper-slide .hezuoshang_tx{ width:212px; height:212px; padding: 0; margin:30px auto 30px;background: #fff; border-radius: 50%;overflow: hidden;}
.hezuoshang .hezuoshang-container .swiper-slide .hezuoshang_tx img{ width: 100%; height: 100%; display: block;}
.hezuoshang .hezuoshang-container .swiper-slide b{ text-align: center; display: block; padding-bottom: 10px;}
.hezuoshang .hezuoshang-container .swiper-slide b span{ padding: 0 10px;}
.hezuoshang .hezuoshang-container .swiper-slide p{ padding: 0 30px; color: #666; font-size: 14px; line-height:20px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;height: 102px;}
.hezuoshang_box .hezuoshang-pagination{ left: 50%; transform: translate(-50%,20px);}
.hezuoshang_box .hezuoshang-pagination span{ margin: 0 5px;}

/*六大产品分类*/
.liuda_box{ width: 100%; height: auto; padding:60px 0;}
.liuda ul{ margin-top: 50px;}
.liuda ul li{ width:calc(100%/6); text-align: center; float: left;}
.liuda ul li img{ margin: 0 auto; padding-bottom: 20px;}
.liuda ul li b{ font-size: 16px; display: block; font-weight: inherit;}
.liuda ul li p{ font-size: 12px; display: block;text-transform:Uppercase;/*大写*/ color: #AEAEAE;}

/*流程*/
.liucheng_box{ width: 100%; min-width: 1200px; height: auto; padding: 80px 0; background: url(../images/porductsback.jpg) center no-repeat; background-position: center; background-size:cover; background-attachment: fixed;}
.liucheng_box ul{ width: 90%; margin: 0 auto;margin-top: 50px;}
.liucheng_box ul li{width: 10%;position: relative; float: left;}
.liucheng_box ul li .liucheng_k{width: 160px;height: 160px; border: 2px dotted rgba(255,255,255,0.3); border-radius: 50%; margin: 0 auto;transition: transform 15s linear 0s; animation: rotate 10s linear infinite;  /*开始动画后无限循环，用来控制rotate*/}
.liucheng_box ul li .liucheng_y{width: 150px;height: 150px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); text-align: center; color: #e50012;}
.liucheng_box ul li .liucheng_y i{ display: block; font-size: 22px; padding-top:35px;}
.liucheng_box ul li .liucheng_y b{ display: block; font-size: 18px;}
.liucheng_box ul li .liucheng_y p{ display: block; font-size: 10px;}
.liucheng_box ul li .icon-jt_right{ line-height: 130px; color: #fff; display: block; text-align: center;}
.liucheng_box ul li:nth-child(even){ width: 2.5%;}

/*留言表单*/
.liuyan_box{ padding: 80px 0 50px;}
.liuyan { width: 1120px; padding: 50px 40px; margin: 0 auto;}
.liuyan .liuyan_left{width: 45%; float: left;}
.liuyan .liuyan_left img{width: 100%;}
.liuyan_right{ width: 50%; float: right;}
.liuyan_right input{display: block;width: 100%;height:42px; margin-bottom: 10px;  padding: 0 10px; border: 1px solid #d3d3d3;border-radius: 4px;-webkit-border-radius: 4px;color: #333;}
.liuyan_right textarea{display: block;width: 100%;height:84px; margin-bottom: 10px; padding: 10px;border: 1px solid #d3d3d3;border-radius: 4px;-webkit-border-radius: 4px;color: #333;}
.liuyan_right .submit{ width: 164px; background: #e50012; color: #fff; }
.liuyan_right span{}

/*产品列表页*/
.porduct_tabs{ padding:20px 0;}
.porduct_tabs ul{ margin: 0 auto;}
.porduct_tabs ul li{width:  calc(100%/7 - 1px); float: left; border-left: 1px solid #f1f1f1; text-align:center;}
.porduct_tabs ul li:nth-child(1){border-left:none;}
.porduct_tabs ul li img{ max-width:100%; margin:0 auto; display:block;}
.porduct_tabs ul li .porduct_icon_b{display: none;}
.porduct_tabs ul li .porduct_icon_l{display: inherit;}
.porduct_tabs ul li b{font-size: 14px; font-weight: inherit; display: block; padding-top: 5px;}
.porduct_tabs ul li p{font-size: 10px; display:block; font-weight: inherit; color: #AEAEAE;}
.porduct_tabs ul li:hover img,.porduct_tabs ul .on img{transform: translate(6px,0px);}
.porduct_tabs ul li:hover b,.porduct_tabs ul .on b{color: #68B92E;transform: translate(3px,0px); font-weight: bold;}
.porduct_tabs ul li:hover p,.porduct_tabs ul .on p{color: #68B92E;transform: translate(3px,0px);}
.porduct_list{ width: 100%; height: auto; background: #F3F3F3; padding: 20px 0;}
.porduct_list ul li{ width: calc(25% - 6px); float: left; margin: 0 3px; overflow: hidden; background: #fff; padding-bottom: 30px; position: relative; margin-bottom: 6px;}
.porduct_list ul li .porduct_list_img{ width:100%; overflow: hidden;}
.porduct_list ul li img{ width: 100%; height: auto;}
.porduct_list ul li p{ display: block; text-align: center;}
.porduct_list ul li span{ display: block; width: 100%; height: 100%; position: absolute; top:0;left:0; background: rgba(0,0,0,0.0);}
.porduct_list ul li .porduct_list_icon{ position:absolute; left: 50%; top: 50%;transform:translate(-50%,-50%); opacity:0.0;filter:alpha(opacity=00);}
.porduct_list ul li .porduct_list_icon i{ width: 70px; height: 70px; line-height: 70px; display: block; font-size: 36px; text-align: center; margin-bottom: 10px; color: #fff; border: 2px solid #fff; border-radius: 50%;}
.porduct_list ul li .porduct_list_icon em{ color: #fff; text-align: center;display: block;}
.porduct_list ul li:hover span{background: rgba(229,0,18,0.7);}
.porduct_list ul li:hover .porduct_list_icon{opacity:1;filter:alpha(opacity=10);transform:translate(-50%,-40%);}
.porduct_list ul li:hover img{ transform:scale(1.1);/*设置缩放比例*/}
.porduct_list ul li:hover p{transform:translateY(-10px); color: #fff;}

/*产品详情*/
.cpxhxq{ background:#fff; font-size:18px; padding-bottom:8px;}
.porductinfo_box{ width:100%; height:auto; background:#F3F3F3; padding:50px 0 20px 0;}
.porductinfo_left{ width:60%; float:left; position:relative; }
.gallery-top .swiper-slide{ background: #fff; height:485px; overflow:hidden;}
.gallery-top .swiper-slide img{ margin: 0 auto; max-width:100%;}
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {width: 25%; height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide img{ width: 100%; height: auto;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.porductinfo_left .swiper-button-white{background:none;}
.porductinfo_left .swiper-button-white{}
.porductinfo_left .swiper-button-next{top:48%;}
.porductinfo_left .swiper-button-prev{top:48%;}
.porductinfo_left .swiper-button-white i{font-size: 26px; line-height: 40px; color: #e50012;}
.porductinfo_left .swiper-button-next i{ display: block; transform:rotate(180deg);-ms-transform:rotate(180deg); /* Internet Explorer */-moz-transform:rotate(180deg); /* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg); /* Opera */}
.porductinfo_right{width:39%; float:right; background:#fff; padding:30px 3% 0; height:486px; overflow:hidden; box-sizing:border-box;}

.cpxqcs{ float:right;width: 100%; font-size:15px; color:#000; padding-bottom:20px; height:330px;}
.cpbg{margin-top:15px;}
.cpbg td{border-bottom:solid 1px #eaeaea; padding:15px 0;}
.goumai_icon{ }
.goumai_icon a{ color: #fff; display: block; padding:0 20px; float:left; height: 54px; background: #666666; text-align: center; line-height: 54px; border-radius: 5px; margin:0 3px;}
.cpxq{ padding: 40px; margin-top:20px; background: #fff;}
.titlea{ font-size: 24px; padding: 0 20px 10px;}
.titlea a{ font-size: 16px;float: right; margin-top: 10px;}
.sytnr{ color:#555; font-size:18px;}
.sytnr a{ color:#555;}
.sytnr a:hover{ color:#e50012;}
.footrt_porduct .pospor{ padding: 0;}

/*新闻列表页*/
.article_box{ width: 100%; height: auto; background: #F3F3F3;}
.article_hot{ padding-top: 60px; margin-bottom: 30px;}
.article_hot ul li .article_hot_img{ width: 50%; float: left;}
.article_hot ul li .article_hot_img img{width: 100%; height: auto;}
.article_hot ul li .article_hot_text{width: 40%;float: left; padding-left: 3%;}
.article_hot ul li .article_hot_text b{display: block; font-size: 22px; color: #333; padding: 10px 0;}
.article_hot ul li .article_hot_text p{font-size: 14px; line-height: 28px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.article_hot .swiper-pagination{ text-align: right; bottom: 20px;transform:translate(-50px,0)}
.article_hot .swiper-pagination-bullet{ padding:0 20px; height: 4px; border-radius: 0; background:#A00000;}
.list_boss{ padding-top: 30px; border-top: 1px solid #EDEDED;}
.list_boss ul li{margin-bottom:6px; background: #fff; padding:20px 40px;transition:all .3s ease-in-out 0s;}
.list_boss ul li .list_photo{ height:233px; overflow: hidden; float: left; margin-right:3%;}
.list_boss ul li .list_photo img{ width: auto; height: 100%;transition:all .6s ease-in-out 0s;}
.list_boss ul li:hover img{transform:scale(1.1);}
.list_boss ul li .list_text{ width:75%; float: left;}
.list_boss ul .list_wuphoto .list_text{ width: 100%;}
.list_boss ul li .list_text h1{display: block; padding-bottom: 10px;padding-top: 15px;}
.list_boss ul li .list_text h1{transition:all .3s ease-in-out 0s;}
.list_boss ul li .list_text span{ float: left; margin-right: 40px; display: block; font-size: 14px; color: #999999;transition:all .5s ease-in-out 0s;}
.list_boss ul li .list_text span i{  margin-right: 5px;transition:all .5s ease-in-out 0s;}
.list_boss ul li .list_text p{ padding-top: 10px; font-size: 14px; color: #666666;line-height: 26px;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden; text-align:justify; margin-bottom: 20px;transition:all .5s ease-in-out 0s;}
.list_boss ul li .list_text .list_more{ width: 32px; height: 32px; text-align: center; line-height: 32px; border:1px solid #E1E1E1; border-radius: 50%; float: left;transition:all .3s ease-in-out 0s;}
.list_boss ul li .list_text .list_more i{display: block; font-size: 16px;transition:all .5s ease-in-out 0s; color: #CECECE;}
.list_boss ul li:hover{ background: #e50012;transform: translate(-5px,-5px);}
.list_boss ul li:hover i{ color: #fff;transition:all .5s ease-in-out 0s;}
.list_boss ul li:hover h1{ color: #fff;}
.list_boss ul li:hover p{ color: #fff;}
.list_boss ul li:hover span{ color: #fff;}
.list_boss ul li:hover span i{ color: #fff;}
.list_boss ul li:hover .list_more{ transform: translate(20px,0px);}
.list_boss ul li:hover .list_more i{  color: #fff;}

/*新闻内容页*/
.article_box{width: 100%; height: auto; background: #F3F3F3;}
.article{ padding:60px 70px 40px; margin-top: 40px; border: 1px solid #EDEDED; background: #fff; border-bottom: 3px solid #e50012;}
.article .artile_title h1{ font-size: 26px; text-align: center; display: block; font-weight: bold;}
.article .artile_title h4{ text-align: center; display: block; padding:5px 0 20px 0; color: #666; font-size: 14px; border-bottom: 1px solid #EDEDED;}
.article .td_touxiang{ width: 30%; height: auto; float: left; overflow: hidden; border: 1px solid #f0f0f0;}
.article .td_touxiang img{ width: 100%;}
.article .td_nrtext{ width: 65%; float: right;}
.article .artile_title{ margin-bottom: 20px;}
.article .content{ font-size: 16px; color: #000; line-height:26px; padding-bottom: 30px; padding-top:30px;}
.article .content strong{ padding-top: 16px;}
.article .content img{ display: inline;}
.xmtfx{width:100%; height:25px; position:relative;}
.xmtfx .bdsharebuttonbox{ position: absolute; left: 50%;transform: translate(-50%,0); }
.sypxyp{ width:100%; padding-bottom:40px; padding-top: 20px; font-size: 14px; border-top: 3px solid #e50012;}
.sypxyp .wzprev{ margin-bottom: 5px;}
.sypxyp .wznext{}
.sypxyp a{ font-size: 14px;}
.sypxyp a:hover{ color: #376AC1;}

/*分享插件*/
.bdshare-button-style1-24 .bds_qzone{background-position:0 -52px}.bdshare-button-style1-24 .bds_tsina{background-position:0 -104px}.bdshare-button-style1-24 .bds_renren{background-position:0 -208px}.bdshare-button-style1-24 .bds_tqq{background-position:0 -260px}.bdshare-button-style1-24 .bds_kaixin001{background-position:0 -312px}.bdshare-button-style1-24 .bds_tqf{background-position:0 -364px}.bdshare-button-style1-24 .bds_hi{background-position:0 -416px}.bdshare-button-style1-24 .bds_douban{background-position:0 -468px}.bdshare-button-style1-24 .bds_tieba{background-position:0 -728px}.bdshare-button-style1-24 .bds_hx{background-position:0 -988px}.bdshare-button-style1-24 .bds_fx{background-position:0 -1040px}.bdshare-button-style1-24 .bds_ty{background-position:0 -1196px}.bdshare-button-style1-24 .bds_fbook{background-position:0 -1352px}.bdshare-button-style1-24 .bds_twi{background-position:0 -1404px}.bdshare-button-style1-24 .bds_linkedin{background-position:0 -1664px}.bdshare-button-style1-24 .bds_meilishuo{background-position:0 -1716px}.bdshare-button-style1-24 .bds_mogujie{background-position:0 -1768px}.bdshare-button-style1-24 .bds_diandian{background-position:0 -1820px}.bdshare-button-style1-24 .bds_huaban{background-position:0 -1872px}.bdshare-button-style1-24 .bds_duitang{background-position:0 -2028px}.bdshare-button-style1-24 .bds_youdao{background-position:0 -2080px}.bdshare-button-style1-24 .bds_wealink{background-position:0 -2184px}.bdshare-button-style1-24 .bds_copy{background-position:0 -2288px}.bdshare-button-style1-24 .bds_mail{background-position:0 -2340px}.bdshare-button-style1-24 .bds_print{background-position:0 -2392px}.bdshare-button-style1-24 .bds_mshare{background-position:0 -2444px}.bdshare-button-style1-24 .bds_sqq{background-position:0 -2652px}.bdshare-button-style1-24 .bds_sdo{background-position:0 -2704px}.bdshare-button-style1-24 .bds_qingbiji{background-position:0 -2756px}.bdshare-button-style1-24 .bds_people{background-position:0 -2808px}.bdshare-button-style1-24 .bds_xinhua{background-position:0 -2912px}.bdshare-button-style1-24 .bds_yaolan{background-position:0 -2964px}.bdshare-button-style1-24 .bds_thx{background-position:0 -2496px}.bdshare-button-style1-24 .bds_bdhome{background-position:0 -156px}.bdshare-button-style1-24 .bds_bdxc{background-position:0 -2548px}.bdshare-button-style1-24 .bds_bdysc{background-position:0 -3068px}.bdshare-button-style1-24 .bds_isohu{background-position:0 -3016px}.bdshare-button-style1-24 .bds_more{background-position:0 0}.bdshare-button-style1-24 .bds_ibaidu{background-position:0 -3120px}.bdshare-button-style1-24 .bds_weixin{background-position:0 -1612px}.bdshare-button-style1-24 .bds_iguba{background-position:0 -1300px}.bdshare-button-style1-24 .bds_h163{background-position:0 -3168px}.bdshare-button-style1-24 .bds_evernotecn{background-position:0 -3211px}.bdshare-button-style1-24{zoom:1}.bdshare-button-style1-24:after{content:".";visibility:hidden;display:block;height:0;clear:both}.bdshare-button-style1-24 a,.bdshare-button-style1-24 .bds_more{float:left;font-size:18px;padding-left:25px;line-height:24px;height:24px;background-image:url(../images/icons_1_24.png?v=37be22f4.png);_background-image:url(../images/icons_1_24_debase.png?v=37be22f4.png);background-repeat:no-repeat;cursor:pointer;margin:6px 6px 6px 0}.bdshare-button-style1-24 a:hover{color:#333;opacity:.8;filter:alpha(opacity=80)}.bdshare-button-style1-24 .bds_more{color:#333;float:left}.bdshare-button-style1-24 .bds_count{color:#333;background:url(../images/sc.png?v=a970ff04.png) no-repeat 0 0;width:45px;height:24px;padding:0;margin:6px 0 0;text-align:center}.bdshare-button-style1-24 .bds_count:hover{background-position:-44px 0}.bdshare-button-style1-24 .bds_button_image{float:left;cursor:pointer;margin:6px 6px 0 0;height:auto;padding:0}.bdshare-button-style1-24 .bdshare_button_count{background:url(../images/sc.png?v=a970ff04.png) no-repeat 0 0;width:44px;height:24px;line-height:24px}.bdshare-button-style1-24 .bdshare_button_count:hover{background-position:-44px 0}.bds_tsohu,.bds_tfh,.bds_baidu,.bds_qq,.bds_msn,.bds_sohu,.bds_qy,.bds_leho,.bds_ifeng,.bds_ff,.bds_tuita,.bds_ms,.bds_deli,.bds_s51,.bds_t163,.bds_share189,.bds_xg,.bds_s139{display:none}


/*核心技术*/
.hexinjs_box{ width: 100%; height: auto; background: #F3F3F3; padding: 80px 0;}
.hexinjs ul{}
.hexinjs ul li{ width: calc(25% - 6px); float: left; margin: 0 3px; overflow: hidden; background: #fff; padding-bottom: 30px; position: relative; margin-bottom: 6px;}
.hexinjs ul li p{ text-align: center;}
.hexin_hover_box{ width: calc(100% - 30px); height:calc(100% - 30px); padding: 15px; background: rgba(0,153,68,0.7); display: block; position: absolute; left: 0; top: 0;transform: translate(-100%,0); }
.hexin_hover_box .hexin_hover{ height: calc(100% - 30px); border: 1px solid #fff; padding: 15px;}
.hexin_hover_box .hexin_hover b{ color: #fff; font-size: 26px; padding: 15px 20px;display: block; border-bottom: 1px solid #fff;}
.hexin_hover_box .hexin_hover p{ color: #fff; font-size: 14px; text-align: left; display: block;  margin-top: 20px; color: #fff; line-height: 28px;}
.hexinjs{margin-top: 30px;}
.hexinjs ul li:hover .hexin_hover_box{transform: translate(0%,0); }
.hexinjs ul li:hover .hexin_title{ opacity:0;filter:alpha(opacity=0); }

.infook{position: relative;top: -80px;}
.z-container {width: 1400px;height: auto;clear: both;margin: 0 auto;}
.page_nav{height: 80px;text-align: center;align-items: center;border-bottom: 1px solid #dddddd;line-height: 80px; background:#fff;}
.page_nav.on{ position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background: #fff;}
.page_nav a{font-size: 16px; color: #333333; display: inline-block; margin: 0 100px;font-weight: bold;}
.page_nav a.active{ color: #e50012;}
.company_con {padding:50px 120px;box-sizing:border-box;color: #555; line-height: 30px; font-size:16px; background:#fff;}
.company_con img{ display:inline;}
.infobanner{ position:relative;}
.infobanner img{width:100%;}
.infobanner_text{width: 100%;position: absolute; text-align:center; top:45%; color:#fff;}
.infobanner_text h3{ font-family: "Times New Roman", Times, serif; font-size:43px;text-transform:uppercase; font-weight:bold;}
.infobanner_text span{ font-size:25px;}
.company_con {padding:40px 80px;box-sizing: border-box;}

.send-mail h1{text-align:center;font-size:28px;}
.send-mail .title-box{position:relative;}
.send-mail .title-box div{width:418px;height:27px;border-bottom:2px solid #eb0212;position:absolute;top:5px;}
.send-mail .title-box div em{display:none;width:34px;height:21px;position:absolute;bottom:-1px;}
.send-mail .title-box .left{left:0px;}
.send-mail .title-box .left em{right:20px;}
.send-mail .title-box .right{right:0px;}
.send-mail .title-box .right em{left:20px;background-position:-34px 0px;}
.send-mail .show .title-box .left em{display:block;-webkit-animation:home_left 0.8s 1 linear;animation:home_left 0.8s 1 linear;}
.send-mail .show .title-box .right em{display:block;-webkit-animation:home_right 0.8s 1 linear;animation:home_right 0.8s 1 linear;}
.send-mail p.if{font-size:22px;color:#000;padding:35px 0px 0 30px; position:relative;}
.send-mail p.if:before {content: '';display: block;width: 12px;height: 2px;background: #333;position: absolute;left: 0;top:75%;margin-top: -1px;}
.send-mail p.lybt2{ font-size:12px; padding-left:30px; padding-bottom:20px; line-height:16px;}
.send-mail input{display:block;width:45%; height:44px; padding:5px 15px;text-indent:5px; border:1px solid #d3d3d3;border-radius:4px;-webkit-border-radius:4px; color:#333;}
.send-mail .cname,.send-mail .company{float:left;}
.send-mail .cemail,.send-mail .phone{float:right;}
.send-mail form p{padding-bottom:60px;}
.send-mail textarea{display:block;width:100%;border:1px solid #d3d3d3;text-indent:5px; padding:5px 15px; box-sizing:border-box; height:191px;border-radius:4px;-webkit-border-radius:4px; font-family:Arial, Helvetica, sans-serif;}
.send-mail span input{display:block;width:250px;height:45px; margin-top:20px;text-align:center;font-size:16px;background-color:#e50012;color:#FFF;border-radius:4px;-webkit-border-radius:4px;cursor:pointer;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out; transition: all .5s ease-out; border:none;}
.send-mail span input:hover{background-color:#3eabe5; border:none; color:#FFF;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit*/color:#333;}  
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#333;}  
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:#333;}  
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */color:#333;}  

.lyleft{float:left; width:70%;}
.lyright{float:right; width:30%;padding: 100px 0 0 5%; box-sizing:border-box; font-size:13px; color:#333;}
.lyright p{font-weight:bold; font-size:26px; color:#e50012;}

@media screen and (max-width: 1640px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
/*.tabs{ padding-bottom: 100px;}*/
.tabs ul li{ float:none; margin-bottom: 30px;}}
.tabs ul li a{display: block;}
.tabs ul li img{height: auto; width: 50%;  margin: 0 auto; padding: 15px 0 10px; display: none;}
.tabs ul li .Products_icon_a{ display: inherit;}
.tabs ul li .Products_icon_b{ display: none;}
.tabs ul li span{font-size: 16px; display: block;}
.tabs ul li p{font-size: 12px;text-transform:Uppercase; color: #B3B3B3; display: block;}
.tabs ul li:hover{ background: #e50012;/*transform:translate(-5px,-5px);*/}
.tabs ul li:hover .Products_icon_a{ display:none;}
.tabs ul li:hover .Products_icon_b{ display:inline;}
.tabs ul li:hover span{ color: #fff;}
.tabs ul li:hover p{ color: #fff;}
.tabs ul .active{ background: #e50012;/*transform:translate(-5px,-5px);*/}
.tabs ul .active .Products_icon_a{ display:none;}
.tabs ul .active .Products_icon_b{ display:inline;}
.tabs ul .active span{ color: #fff;}
.tabs ul .active p{ color: #fff;}
.tabs ul li:nth-child(1){left: 5%;top: 450px;}
.tabs ul li:nth-child(2){left: 14%;top:450px;}
.tabs ul li:nth-child(3){left: 23%;top: 450px;}
.tabs ul li:nth-child(4){right: 22%;top: 450px;}
.tabs ul li:nth-child(5){right: 13%;top: 450px;}
.tabs ul li:nth-child(6){right:4%;top: 450px;}
.tabs ul li .Products_icon_a{ display: inherit;}
#tabs-container_box{ width: 542px; height: auto; overflow:hidden; margin: 0 auto; padding-bottom:70px; padding-top:40px;}
.list_boss ul li .list_text{ width:65%;}
}
@media screen and (max-width: 1640px) {
.tabs ul li{ width: 100px; height: 100px;}
.tabs ul li img{padding: 10px 0 5px; display: none;}
.tabs ul li span{font-size: 12px;}
.tabs ul li p{ font-size: 10px; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/*文本不换行*/}
.tabs ul li:nth-child(1){left: 2%;top: 450px;}
.tabs ul li:nth-child(2){left: 12%;top:450px;}
.tabs ul li:nth-child(3){left: 22%;top: 450px;}
.tabs ul li:nth-child(4){right: 22%;top: 450px;}
.tabs ul li:nth-child(5){right: 12%;top: 450px;}
.tabs ul li:nth-child(6){right: 2%;top: 450px;}
#tabs-container_box{width: 400px; padding-top: 0px;}
#tabs-container_box img{width: 100%;}
}
@media screen and (max-width: 1600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.liucheng_box ul li{width: 22%;position: relative; float: left; margin-bottom: 30px;}
.liucheng_box ul li:nth-child(even){ width: 3%;}
.liucheng_box ul li:nth-child(8){display: none;}
}

@media screen and (max-width: 1400px){
.z-container {width: 90%!important;box-sizing: border-box;}
.company_con {padding:40px 80px;box-sizing: border-box;}
.list_boss ul li .list_text{ width:60%;}
.tabs ul li{ width:112px;height:132px;}
#tabs-container_box{ padding-top:35px;width: 500px;}
#tabs-container_box .swiper-slide img{ max-width:100%;}
.titles p{ padding-bottom:10px;}
}

@media (min-width: 992px){
.group .about1 .weui-cell__ft >div{font-size: 22px;}
.group2-hd{margin-bottom: 7%; text-align: right;}
.group2-bd .col-sm-4{text-align: left;}
}
@media (min-width: 1200px){
.group .about1 .f88{font-size: .88rem; line-height: 1rem;}
.group2-bd .col-sm-4{padding: .4rem 0;}
.group2-bd .col-lg-2{padding-top: 3%;}
}
@media (min-width: 1400px){
.group2-bd .col-lg-2{padding-top: 5%;}
}