.container{max-width:1200px;}
.text-sgreen{color:#009c73;}
/*网站公共样式*/
.info-content{font-size:15px;line-height:2.5}
a{color:#333;text-decoration:none;}                                            
a:hover{color:#3599fd}
a:focus{color:#3599fd}
a.btn-more{display:inline-block;width:140px;height:34px;line-height:34px;border:1px #CCC solid;color:#999;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:30px}
a.btn-more:hover{background:#40312f;border-color:#40312f;color:white;}
.banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/

/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color:rgba(124, 124, 125, 0.7);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}

/*首页模块样式*/
.module-box {position:relative;padding:40px 0px}
.module-box .module-title{clear:both;text-align:center;margin:0px 0px 30px 0px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.module-box .module-title .cn-title{display:block;color:#333;font-size:28px;line-height:45px;}
.module-box .module-title .en-title{display:inline-block;*display:inline;*zoom:1;color:#999;font-size:16px;}
.module-box .module-title .en-title i{float:left;width:55px;background:#CCC;height:1px;margin-top:15px; }
.module-box .module-title .en-title span{float:left;margin:0px 5px;}
/* 轮播的字 */
.pics_wrap .font-box {width: 100%;position: absolute;top: 0;left: 0;}
.font1 span{color: rgb(0, 189, 30);background-color: rgba(255, 255, 255, 0.6);}
.font2 span{font-weight: bold;color: rgb(3, 126, 204);}
.font4 ul li{display:inline-block;}
.font4 ul li:not(:first-child){margin-left: 30px;}

.word1 span{color: rgb(3, 126, 204);}
.word2 span{color: rgb(0, 171, 27);font-weight:bold;}
.word3 span{font-size: 17px;}
.word4 ul li{display:inline-block;}
.word4 ul li:not(:first-child){margin-left: 20px;}
.banner-more{width: 140px;line-height: 40px;border: 1px solid rgb(3, 126, 204);text-align: center;background-color: rgba(255, 255, 255, 0.51);transition: border-color 0.6s ease 0s,background-color 0.6s ease 0s;}
.banner-more a{color: rgb(3, 126, 204);font-size: 17px;transition: border-color 0.6s ease 0s,background-color 0.6s ease 0s;}
.banner-more:hover{border-color: rgba(3,126,204,0.7);background-color: rgba(3,126,204,0.7);}
.banner-more:hover a{color:#fff;}
@media (min-width:1000px) 
{.font1 span{font-size: 45px;}.font2 span{font-size:24px;}.font3 span{font-size: 21px;} .pos{top: 110px;left: 60px;}
 .minpos{background-color: rgba(255, 255, 255, 0.6);width: 600px;border-radius: 15px;}
 .word1 span{font-size: 49px;letter-spacing: 4px;}.word2 span{font-size:28px;}.minpos{top: 76px;left:0px;}
}
@media (max-width:1000px)
{.font1 span{font-size: 46px;letter-spacing: 4px;}.font2 span{font-size:20px;letter-spacing: 2px;}.pos{top: 90px;left: 0;text-align:center;}
 .minpos{background-color: rgba(255, 255, 255, 0.6);width: 400px;border-radius: 15px;}.word2{padding-bottom:10px;}
.word1 span{font-size: 28px;}.word2 span{font-size:15px;}.minpos{top: 60px;left:0px;}
}
@media (max-width:412px)
{.font1 span{font-size: 26px;letter-spacing: 2px;}.font2 span{font-size:16px;}.pos{top: 20px;left: 0;text-align:center;}
 .minpos{background-color: rgba(255, 255, 255, 0.6);width: 250px;border-radius: 15px;}.word2{padding-bottom:10px;}
 .word1 span{font-size: 19px;}.word2 span{font-size:12px;}.minpos{top: 20px;left:0px;}
}
/*FOOTER*/
footer{text-align:left;width:100%;min-height:95px;margin-top:40px;line-height:2.5}
.bg-blue{background-color:rgb(3, 126, 204);}
.bottom-bg{background:url(../images/bottom-bg.png) no-repeat;}
.tst-icon{padding: 10px 0 40px;}
.tst-icon li{display:inline-block;}
.tst-icon li a img{background-color: rgba(15, 15, 15, 0.24);}
.odm{background:url(../images/xain.png) no-repeat right;background-size: 2px 210px;background-position-y: -4px;}
.odm>li:first-child{font-weight: bold;font-size: 22px;}
.odm>li:not(:first-child){color:#dcdee6;}
.odm2{background:url(../images/xain.png) no-repeat right;background-size: 2px 230px;background-position-y: -4px;}
.odm2 ul li{line-height:2;}
.odm2 ul li span{font-size:17px;}
.odm2 ul li ul li::marker{content:"-";}
.odm2 ul li ul li a{font-size:15px;color:#fff;}
.odm2 ul li ul li ul{display:none;}
.hot-phone2{background: url(../images/telg2.png) no-repeat left;padding-left: 40px;background-size: 33px 33px;font-size: 28px;color: rgb(0, 255, 0);
}
/*TOP*/
.header .logo img{height:80px;}
.bg-grayLinght{background-color:#ebeef4;}
.topleft{padding:8px 0;}
.hot-line span{font-size: 16px;letter-spacing: 1px;}
.hot-phone{font-size: 28px;color: rgb(6, 168, 32);}
.hot-phone{background:url(../images/telg.png) no-repeat left;padding-left: 40px;background-size: 33px 33px;}
/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}

/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.header .nav-toggle{display:none}
.nav>ul>li{float:left;text-align:center;line-height:51px;}
.nav>ul>li>a{padding:0px 24px;font-size:16px;color: #fff;}
.nav>ul>li:hover a{color:#fff}
.nav>ul>li:hover{background-color:#3599fd;}
.nav>ul>li>ul{display:none;}
.nav>ul>li:hover ul{display:none;}
.navfirst ul li:first-child{margin-left:20px;}

.nav > ul > li.current a{color:#fff!important}
.nav > ul > li.current{background-color:#3599fd;}
.nav li:hover> ul{display:block;}
.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.logo-padding{padding: 16px 0;}


/*FOOTER*/
.bg-rgb{background-color: rgba(15, 15, 15, 0.24);}
.zixun{padding-left: 60px;line-height:1.7;}
/*子栏目样式*/
.about-porfile li:first-child{font-size: 28px;}
/*分页>联系我们*/
.map-bg{background:url(../images/map-bg.jpg) no-repeat;margin: 0 15px;}
.odm3{border-right: 1px solid #eae4e4;}
.official li{margin-right: 20px;}
.ui-validForm{padding-left: 16px;}
.checkbox-inline{padding-right: 10px;}


/*首页》选择我们*/
.choose-us{padding:50px 0;}
/*首页》关于我们*/
.more-box{padding-top: 10px;}
.bg-white{height: 380px;margin-right: -30px;}
.cosmetics{padding: 0 16px 40px;}
.phone{padding: 0 50px 30px 0;margin-top: -10px;}
/*首页》产品品类*/
.index-title{font-size:24px;}
/*首页》匠心品质*/
.ingenuity-bg{background:url(../images/ingenuity-bg.jpg) no-repeat;background-size: 100% 100%;}
.quality1{font-size: 34px;}
.more3 {padding-left:220px;margin-top: -40px;}
/*首页》代工模式 */
.maquillage li p{font-size:22px;padding-top:8px;}
.maquillage li .time{color:#666;font-size:15px;}
/*首页》品牌合作商 */
.col-md-avg-7 {width: 14.28%;}
/*首页》较新动态 */
.index-news-wen{height: 232px!important;}
.date{height: 66px;}

}

@media (max-width:1000px) /*手机端*/
{
.header{position:relative;position: sticky;left: 0;top: 0;z-index: 5;background-color:white;box-shadow: 0px 1px #efefef;}
.header .logo img{height:60px;padding-left: 2px;}
.header .nav-toggle{position:absolute;right:0px;top:0px;font-size:25px;color:#999;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}

.nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;overflow-y:auto}
.nav.active{opacity:1;width:1000px;max-width:100%;background-color:#0971b3;box-shadow: inset 0rem -0.3rem .5rem rgba(0,0,0,.3);height: auto;margin-top: 34px;}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:white;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color: #0971b3;}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s;color:white;}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px;}

.nav ul li.current > a{color:white;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
.cha{position: absolute;top: 2px;right: 10px;}

.display-die{display:none;}

.phomartopfu40{margin-top:-40px;}
.register .dot img{margin-top:-40px;}


/*FOOTER*/
footer{margin-bottom: 44px;}
/*子栏目样式*/
.about-porfile li:first-child{font-size: 24px;}
/*分页>联系我们*/
.official{text-align:center;}
.official li{padding-right: 20px;}
/*分页>新闻资讯*/
.words-top{padding-top:20px;}


/*首页》选择我们*/
.choose-us{padding-bottom:10px;}
.choose-us>li{padding-top:30px;}
/*首页》关于我们*/
.phone{padding: 0 50px 30px 0;margin-top: -10px;}
.more-box{padding-top: 20px;}
/*首页》产品品类*/
.index-title{font-size:22px;padding-bottom:30px;}
/*首页》匠心品质*/
.ingenuity-bg{background:url(../images/ingenuity-bg.jpg) no-repeat;}
.quality1{font-size: 28px;}
.more3 {padding:20px 0;}
/*首页》代工模式 */
.maquillage li{padding-top:8px;}
.maquillage li p{font-size:18px;padding-top:8px;}
.maquillage li .time{color:#666;font-size:13px;}
/*首页》较新动态 */
.newstyle2 > li{padding-top: 20px;}
}

@media(max-width:767px){
.choose-us>li:not(:first-child){padding-top:30px;}
.cosmetics{padding: 0 16px 140px;}
.phone {padding: 50px 130px 30px 0;}
}
@media(max-width:414px){.cosmetics{padding: 0 16px 40px;}}

/*子栏目样式*/
.sub-nav-box {clear: both;position: relative;}
.sub-nav-box .sub-nav-title{height:120px;text-align:left;background:url(../images/about-us.jpg) no-repeat;background-size: 100% 100%;font-size:28px;color:white;text-align:center;}
.sub-nav-box .sub-nav-title2{background:url(../images/about-us2.jpg) no-repeat!important;background-size: 100% 100%!important;}
.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#fafafa;}
.sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:block;background-color: #edf1f6;}
.sub-nav-box .sub-nav li a{display:block;text-align:center;line-height:45px;font-size:14px;border-bottom:1px #fff solid;font-size:15px}
.sub-nav-box .sub-nav li:hover{background-color:#3599fd;}
.sub-nav-box .sub-nav li a:hover{color:#fff;}

.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}

.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px;color: #b3d4e8;}

.sub-nav-box .sub-nav li.current{background-color:#3599fd;}
.sub-nav-box .sub-nav li.current > a{color:#fff;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}

.we-line{width: 40px;display: block;border-bottom: 2px solid #028bcf;}
.about-porfile{padding:40px 0 20px 16px;}
.about-porfile li:first-child{color: rgb(224, 232, 247);font-weight: bold;}
.about-porfile li:nth-child(2){font-size: 20px;letter-spacing: 1px;color: rgb(28, 83, 131);}
.about-porfile li:last-child{padding: 14px 0;}


/*图片列表+*/
.images-list .row .item a{display:block;overflow:hidden;}
.images-list .row .item img{display:block;width:100%;height:auto;}
.images-list .row .item a:hover img{transform:scale(1.1,1.1);transition: all 0.3s ease-out 0s;}



/*在线留言表单*/
.form-group::before,.form-group::after{content:"";display:table} 
.form-group::after{clear:both} 
.form-group{position:relative;padding:8px 0px;}
.form-group .form-control{border:1px solid #b8babc;height:43px;line-height:43px;width:100%;padding:2px 5px;font-size:14px;color:#666;transition:all .5s ease-in-out}
.form-group .form-control:focus{border-color:#4b83d9}

.form-group textarea.form-control{height:300px}
.form-group .help-block{display:block}
.btn{border:1px solid #037ecc;color:#fff;height:44px;width:190px;background:#037ecc;transition:all .5s ease-in-out}
.btn:hover{background:#36c8ff;border:1px solid #36c8ff;}
.form-group .controls-verificationCodeImage{position:relative;max-width:400px;_width:400px;}
.form-group .lb_verificationCodeImage{position:absolute;display:inline-block;right:1px;top:0px;height:32px;overflow:hidden}
.form-group .lb_verificationCodeImage img{height:30px;}
input[type="radio"], input[type="checkbox"]{margin:0;}
#Category{margin: 0 8px;}




/*手机端置顶*/
.curpointer {cursor: pointer;}
.bg-bottgray{background-color:#0971b3;width: 100%; height: auto;}
.backphone{background:url(../images/phone.png) center center no-repeat;}

.bott-fixed{left: 0;bottom: 0;}
.backtop{background:url(../images/top.png) center center no-repeat;}
.backhome{background:url(../images/home.png) center center no-repeat;}
.backwei{background:url(../images/wei.png) center center no-repeat;}
.backsame{background-size: 1.625rem 1.625rem;height: 24px;width: 24px;margin: 0 auto;margin-top: 3px;}
@media(min-width: 1000px){.phoblack{display: none;}}


/*分页>关于我们*/
.text-uppercase{text-transform:uppercase;}


/*分页>产品中心*/
.images-box .swiper-button-next{background:url(../images/right.gif);margin-top: -30px;}
.images-box .swiper-button-prev{background:url(../images/left.gif);margin-top: -30px;}
.pagination > li a{color: #88AF3F;}
.pagination > li a:hover{border:1px solid #88AF3F;}
.pagination > li > a, .pagination > li > span{padding: 4px 8px;}

.imgborder{border:1px solid #eeeeee;margin:6px;}
.imgborder:hover{border:1px solid #3599fd;}
.page ul li:hover{color:#048bcd;}
.page ul li:hover a{color:#048bcd;text-decoration:underline;}
.brand-border{border: 1px solid rgb(217, 217, 217);}
.content-title{padding: 0 10px;}

/*分页>联系我们*/
.weixin img{height:98px;width:98px;}
.official li{display:inline-block;background-color: #fff;}
.official li p{color:#000;text-align:center;border-top: 1px solid #eaeaea;}

/*分页>新闻资讯*/
.card1{display:block;/*内联对象需加*/
 word-break:keep-all;/* 不换行 */
 white-space:nowrap;/* 不换行 */
 overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
 text-overflow:ellipsis;}
.card2 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.newstyle{border-bottom:1px dashed #e5e5e5;padding:20px 0px;}
.introduction{background-color: #f5f5f5;border: 1px solid #e5e5e5;color: #999;line-height: 2;font-size: 13px;padding: 0 10px;}

/*首页》选择我们*/
.removal{border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;color:#fff;}
.removal-color1{background-color: #3599fd;}
.removal-color2{background-color: #037ecc;}
.removal-color1,.removal-color2{height:342px;}
.management{padding: 0 10px 10px;line-height: 2;}
.management li:first-child{font-size:22px;}
.management li:last-child{font-size:12px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}

.hezi img:hover{transform: translateY(-5%);}
.hezi img{transition:.2s linear;width: 100%;height: 94%;}
.indexhezi{height:216px!important;}

/*首页》关于我们*/
.forus-bg{background:url(../images/bottom-bg.png) no-repeat;background-size: 100% 100%;}
.brand1-bg{background-color:#eff1f6;}
.bg-white{background-color: #fff;margin-top: 30px;}
.about-forus li:first-child{margin-top:-10px;}
.cosmetics{margin-top: -10px;line-height: 2;}

.more-box{overflow: hidden;}
.more1{padding: 10px 20px;border: 1px solid #368ad2;color: #368ad2;font-size: 13px;margin: 0 20px 40px 20px;}
.more2{padding: 10px 20px;border: 1px solid #06a820;color: #06a820;font-size: 13px;margin: 0 20px 40px 0;}
.more1:hover{border:1px solid #065191;color:#368ad2;}
.more2:hover{border:1px solid #046f15;color: #06a820;}
.hot-phone1{color:rgb(6, 168, 32);}
.hot-line1{background:url(../images/telg.png) no-repeat left;padding-left: 44px;background-size: 36px 36px;}

.set-up{margin: 20px 0;}
.set-up>li:not(:last-child){border-right: 1px solid #e0e0e1;}
.set-up>li{display:inline-block;}
.years{padding-left:40px;}
.years li:first-child{color:rgb(136, 136, 136);}
.years li:nth-child(2){font-size: 32px;}
.found1 li:first-child{position: relative;left: 74px;top: 12px;}
.found2 li:first-child{position: relative;left: 40px;top: 12px;}
.found3 li:first-child{position: relative;left: 58px;top: 12px;}

/*首页》产品品类*/
.index-title{color:#02588e;}
.index-title span{color:#16982b!important;}
.index-title>i{margin:0 auto;padding-top:18px;}

.sub-menu ul li{display:inline-block}
.sub-menu{text-align:center;padding:30px 0;}
.sub-menu ul{text-align:center;}
.sub-menu ul li{line-height: 40px;width: 140px;}
.sub-menu ul li a{padding:4px 30px 6px 30px;margin-right: -40px;}
.sub-menu ul li+li::before{text-align:center;}
.sub-menu ul li a:hover{color:#3d85c6;}

/*首页》匠心品质*/
.quality1{color: rgb(105, 255, 0);letter-spacing: 1px;font-weight: bold;}
.quality2{padding: 20px 0;}
.quality3 p{color:#fbff00;}

.more3 a{padding: 10px 20px;border: 1px solid #fff;color: #fff;font-size: 13px;margin: 0 20px 40px 0;}
.more3:hover a{border:1px solid #fbff00;color:#fbff00;}
.quality-box{padding: 20px 10px 30px;}

/*首页》代工模式 */
.yuan img{border-radius: 150px;}
.maquillage li{line-height:2;}

.yuan img{
    -webkit-background-size: 260px 260px;
    -moz-background-size: 260px 260px;
    background-size: 260px 260px;
    -webkit-border-radius: 150px;
    border-radius: 150px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
}

.yuan:hover img {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
}


/*首页》品牌合作商 */
.brand-bg{background-color:#ebeef4;}


/*首页》较新动态 */
.newstyle2>li{border-bottom: 1px dashed #e5e5e5;padding-top: 10px;}
.date{background-color: #ebeef4;color: #8a99bd;}
.date ul li:first-child{font-size: 24px;font-weight: bold;}
.date ul li:last-child{font-size: 13px;}