.container{max-width: 83%;width: 100%;margin: 0 auto;}
/**头部**/
.a1 {width: 100%; height: 38px; line-height: 38px; background: #af0019;}
.g-in { width: 73%; margin: 0 auto; }
.a1a {float: left; font-size: 13px;color:#fff;}
.a1b {float: right;}
.a1b a { color:#fff; font-size: 13px; position: relative;display: inline-block; margin-left:12px;padding-left:13px; }
.a1b a.sign2:after,.a1b a.sign3:after { content:''; background: #c44255; position: absolute; left:0; top:50%; margin-top:-5px; width: 1px; height: 10px; position: absolute;:after}
@media(max-width:1600px){
	.g-in { width:90%; }
}
@media(max-width:1024px){
	.g-in { width:100%; box-sizing: border-box; padding: 0 2%; }
}
@media(max-width:500px){
	.a1a {display: none;}
}
.header{position: fixed;left: 50%; width: 1920px; margin-left:-960px; top:0px;border-bottom: 1px solid rgba(255,255,255,.21);z-index: 9;}
@media(max-width:1920px){
	.header { width: 100%; left:0; margin-left:auto; }
}
.search { width: 200px; height: 33px; box-sizing: border-box; border:1px solid #9699a2; border-radius: 3px; float: right; margin-top:20px; }
.search .inp {float: left; width: 140px; height: 31px; border:none; background:none; box-sizing: border-box; padding-left:10px; font-size: 15px;color:#fff; }
.search .inp:-moz-placeholder {color: #fff;}
.search .inp::-moz-placeholder {color: #fff;}
.search .inp:-ms-input-placeholder {color: #fff;}
.search .inp::-webkit-input-placeholder {color: #fff;}
.search .sub {float: right; height: 31px; width: 36px; background: url(../images/a1.png) no-repeat center; font-size: 0; border:none; }
.logo{display: block;width: 200px;}
.nav{float: right; margin-right:30px; text-align: center;}
.nav ul li{position: relative; width: auto; padding: 0 27px; float: left;font-size: 16px;line-height: 76px;}
.nav ul li:hover .secondMenu {
	/*display: block !important;*/
}

@media(max-width:1440px){
	/*.nav { width: 600px; position: absolute; left:50%; margin-left:-320px; text-align: center; }*/
	.nav ul li { padding: 0 16px; }
}

@media(max-width:1660px){
	.ingredients-list-box .ingredients-summary {
		font-size: 14px;
	}
}
@media(max-width:1300px){
	/*.nav { width: 500px; position: absolute; left:50%; margin-left:-265px; text-align: center; }*/
	.nav ul li { padding: 0 8px; }
}

@media(max-width:768px){
	.ingredients-list-box .ingredients-summary {
		font-size: 14px;
	}
	.ingredients-list-box .item-list {
		font-size: 14px;
	}
}
.lan { padding:20px 0; float: right; margin-left:20px; position: relative; }
.lan>a { font-style: 16px;color:#fff; display: inline-block; border:1px solid #9699a2; border-radius: 2px; padding: 6px 36px 6px 12px; background: url(../images/jt.png) no-repeat 76px center; } 
.lan .sub { display: none; position: absolute; width: 106px; text-align: center; left:50%; margin-left:-53px; top:48px; background: #fff; padding: 10px 0; }
.lan .sub a { display: block; padding: 5px 0; }
.lan .sub a:hover { color:#af0019; }
.lan:hover .sub { display: block; }
.navbtn {display: none;}
/*.nav ul li .sub { display: none; position: absolute; background: #393a3a;height: 70px;width: 3000px;left:50%; text-align: center; margin-left:-1500px;line-height: 70px;background: #d5d6d7; text-align: center; top:72px; }*/
.nav ul li .sub { display: none; position: absolute; background:rgba(213,214,215,0.8);width: 120px;left:50%; text-align: center; margin-left:-60px;line-height: 36px; padding: 10px 0; background:rgba(213,214,215,0.9); text-align: center; top:72px; }
.nav ul li .sub .g-in { width:100%; }
.nav ul li:hover .sub { display: block; }
.nav ul li:hover>span { display: block; width: 12px; height: 5px; background: url(../images/a2.png) no-repeat center; position: absolute; left:50%; margin-left:-6px; top:67px; }
.nav ul li .sub span { position: relative; display: block; }
.nav ul li .sub span:hover { background: #af0019; }

@media(max-width: 1024px){
	.lan { width: 0;height: 0;display: none;opacity: 0; }
}
.nav ul li .sub span .subx {display: none; background:rgba(213,214,215,0.9); width: 180px; position: absolute; left:120px; top:0px; }
.nav ul li .sub span:hover .subx { display: block; }
.nav ul li .sub span .subx a { color:#666; font-size: 13px; line-height: 37px; font-family: "TNR"; }
.nav ul li .sub span .subx a:hover { color:#fff; background: #af0019; }

.nav ul li .sub span>a {display: inline-block; font-size: 14px; color:#333333; font-family: "TNR"; }
.nav ul li .sub span>a:hover { color:#fff; } 
.nav ul li .sub span:hover>a { color:#fff; } 
.nav ul li a{position: relative; z-index: 10;display: block;color: #fff;}
.nav ul li:hover>a,
.nav ul li.cur>a{color:#af0019;}
.navbtn{cursor: pointer;height: 88px;box-sizing: border-box;padding-top:27px;box-sizing: border-box;position: absolute;right: 60px;top: 50%;transform: translateY(-50%);width: 34px;line-height: 0;}
.navbtn1 {display: block;position: relative;}
.navbtn1 .sub {display: none; position: absolute; left:50%; margin-left:-75px; width: 150px; border-radius: 3px; background: #393a3a; padding:25px 0; text-align: center; top:61px; }
.navbtn:hover { border-bottom:2px solid #d59951; }
.navbtn:hover .sub { display: block; }
.navbtn1 .sub a {display: block; font-size: 16px; height: 45px; line-height: 45px;color:#cccccc;}
.navbtn1 .sub a span { display: inline-block; position: relative; }
.navbtn1 .sub a:hover span:after { content:''; width: 14px; height: 1px;background: #d59951; position: absolute; left:-20px; top:50%; } 
.navbtn1 .sub a:hover span:before { content:''; width: 14px; height: 1px; position: absolute; background: #d59951; right:-20px; top:50%; } 
.navbtn1 .sub a:hover { color:#d59951; } 


@media(max-width:1100px){
	.navbtn1 .sub { display: none; }
	.navbtn:hover .sub { display: none; }
	.navbtn:hover { border-bottom:none; }
}

.header.fixed-head{ z-index: 999;top: 0;left: 50%; margin-left:-960px; width: 1920px; background: rgba(33,34,34,0.8);}
@media(max-width: 1920px){
	.header.fixed-head { width: 100%; left:0; margin-left:auto; }
}
@-webkit-keyframes headerFix {
  from {
    -webkit-transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
  }
}
@keyframes headerFix {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/**底部**/
.footer{background: #232323;}
.footer .img{/*line-height: 0;*/float: left;width: 32.8%; position: relative;box-sizing: border-box; padding-right:20px;}
.a3 {padding-top: 50px; position: relative; overflow: hidden; padding-bottom:60px; }
.footer .img:after { content:''; height: 1px; width: 1200px; background: #fff; opacity: 0.1; position: absolute; top:35px; left:190px; }
.footer .bt{font-size: 15px;color: rgba(255,255,255,.5);}
.a3 .img .cont .hd {margin-top:40px; width: 145px; border-bottom:1px solid #2f2f2f; }
.a3 .img .cont .hd ul li {cursor: pointer; float: right; margin-bottom:-1px; padding-bottom:10px; box-sizing: border-box;  }
.a3 .img .cont .hd ul li.sign {float: left;}
.a3 .img .cont .hd ul li.on {font-weight: bold; border-bottom:2px solid #fff; }
.a3 .img .cont .bd {margin-top:15px;}
.a3 .img .cont .bd ul li p { font-size: 13px;color:#fff!important; opacity: 0.6; line-height: 28px!important; }
.a3 .img .cont .bd ul li p span { font-size: 13px;color:#fff!important; line-height: 28px!important; }
.a3a { float: right; width: 100px; }
.a3a .hd {font-size: 16px;color:#b4b1b4; margin-bottom:35px;}
.footer_nav { float: right; }
.footer_nav dl { float: left; width: 130px; }
.footer_nav dl dt { font-size: 16px;color:#b4b1b4; margin-bottom:35px;  }
.footer_nav dl dt a { color:#b4b1b4; }
.footer_nav dl dd a { font-size: 14px;color:#848484; line-height: 28px; }

.footer_nav dl.prdocut_footer {  width: 180px; }

.copyright { font-size: 12px;color:#666; text-align: center; padding: 20px 5%; border-top:1px solid #999; }

@media(max-width:1800px){
	.footer_nav dl { width: 120px; }
}
@media(max-width:1650px){
	.footer_nav dl { width: auto; margin-right:20px; }
}
@media(max-width:1600px){
	.footer_nav dl { width: 130px; margin-right:0px; }
}
@media(max-width:1500px){
	.footer_nav dl { width: auto; margin-right:20px; }
}
@media(max-width:1100px){
	.footer_nav dl dd a {font-size: 12px;}
}
@media(max-width:1050px){
	.footer_nav { display: none; }
	.footer .img { width: 60%; }
}
@media(max-width:640px){
	.footer .img { width: 100%; }
	.a3 .img .cont { width: 240px; }
	.a3a {position: absolute; right:2%; top:69px; width: 120px; margin-top:20px; }
	.a3a .hd {text-align: center; font-size: 16px;color:#b4b1b4; margin-bottom:15px;}
	.a3a img { width: 100%; }
}
@media(max-width:400px){
	.a3 .img .cont { width: 200px; }
}
@media(max-width:380px){
	.a3 .img .cont { width: 180px; }
	.a3a { width: 100px; }
}


/**banner**/
.pc_banner{max-width: 1920px;width: 100%;position: relative;overflow: hidden;}
.pc_banner .img{position: relative;display: block;background-size: cover;background-repeat: no-repeat;background-position: 50% 50%;}
.pc_banner .img:before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;}
.pc_banner .text{position: absolute;left: 50%;bottom: 35%;transform: translateX(-50%);z-index: 3;}
.pc_banner .text h3{color: #ffffff;font-size: 35px;font-weight: normal;line-height: 52px;}
.pc_banner .text h2{color: #ffffff;font-size: 48px;line-height: 52px;}
.pc_banner .text .xian {display: block; width: 116px; height: 1px; background: #fff; opacity: 0.5; margin: 30px 0 20px;}
.pc_banner .text .con{margin-top: 20px;color: #ffffff;font-size: 12px;line-height: 18px; font-family: "TNR";}
.pc_banner .text a{margin-top: 45px;display: inline-block;color: #ffffff;font-size: 16px;padding-right: 40px;}
.pc_banner .slick-dots{width: 28px; text-align: right; height: 84px; top:50%; margin-top:-42px; right:13.5%;}
@media(max-width:1600px){
	.pc_banner .slick-dots{right:5%;}
}
.pc_banner .slick-dots li { display: inline-block; width: 28px; text-align: right; }
.pc_banner .slick-dots li button{width: 16px;height: 6px;display: inline-block;margin-bottom:18px;background: #9195a4;transition: all 0.5s;}
.pc_banner .slick-dots li.slick-active button{opacity: 1;width: 28px;background: #c00122;}
.phone_qh{display: none;overflow: hidden;}
.phone_qh img{width: 100%;}
.phone_qh .box{position: relative;}
.phone_qh .box .img{line-height: 0;overflow: hidden;position: relative;}
.phone_qh .box .img:before{content: "";position: absolute;left: 0;bottom:0;width: 100%;height: 100%;z-index: 1;}
.phone_qh .box .text{z-index: 2;position: absolute;left: 0;bottom: 13%;color: #fff;}
@media(max-width:1024px){
	.phone_qh .box .text{bottom: 40%;}
}
.phone_qh .box .text h3{font-size: 36px;margin-bottom: 15px;}
.phone_qh .box .text .con{margin-top:15px;font-size: 18px;line-height: 30px;}
.phone_qh .box .text a{margin-top: 45px;display: inline-block;color: #ffffff;font-size: 16px;background: url(../images/jt.png) no-repeat right center;padding-right: 40px;}


.ibanner { position: relative; }
.ibanner .pic1 { position: relative;  }
.ibanner .pic2 { display: none;  }
.ibanner .itit {width: 100%; position: absolute; text-align: center; top:50%; margin-top:-35px; }
.ibanner .itit .t { font-size:46px; color:#fff; line-height: 50px; }
.ibanner .itit .et { font-size:14px; color:#fff; line-height: 20px; text-transform: uppercase; font-family: "TNR"; margin-top:5px; }
@media(max-width:1024px){
	
	.ibanner .pic2 { display: block; }
	.ibanner .pic1 { display: none; }
}








/**首页**/

/**mobile nav**/
.nav_box {width: 100%;height: 100%;position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: hidden;background: #212222;z-index: 999;}
.nav_box .nav-title {height: 94px;position: relative;border-bottom: 1px solid rgba(204, 204, 204, 0.4);}
.nav_box .nav-title .navclose {width: 41px;height: 41px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);}
.nav_box .nav-title h1{text-align: center;width: 178px;margin: 0 auto;line-height: 0;padding-top: 16px;}
.nav_box .navlist {margin-top: 20px;width: 100%;}
.nav_box .navlist ul > li {float: left;width: 100%;font-size: 24px;line-height: 66px;border-bottom: 1px solid rgba(255,255,255,.3);padding: 0 15px;text-transform: capitalize;}
.nav_box .navlist ul > li > a {display: block;color: #fff;position: relative;}
.nav_box .navlist ul > li > a:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 13px;height: 22px;}
.a2 { padding:95px 0 75px; }
.a2 .hd {text-align: center;}
.a2 .tit {position: relative; display: inline-block; font-size: 34px;color:#333333; }
.a2 .tit span { position: absolute; display: inline-block; width: 31px; height: 32px; background: url(../images/b1.jpg) no-repeat center; top:50%; margin-top:-14px; }
.a2 .tit span.t1 { left:-50px; }
.a2 .tit span.t2 { right:-50px; }
.a2 .bd {margin-top:50px;}
.a2 ul li { position: relative; transition: all 0.5s; width: 23.35%; float: left;}
.a2 ul li:hover {margin-top:-8px;}
.a2 ul li {margin-right:2.2%;}
.a2 ul li.sign4 {margin-right:0%;}
.a2 ul li .con {height: 135px; border-bottom:1px solid #ddd; margin-top:30px;}
.a2 ul li .con .t {margin-bottom:10px; font-size: 20px;color:#000000; line-height: 30px;max-height: 60px; overflow: hidden; }
.a2 ul li .c {font-size: 16px;color:#666666; line-height: 27px; max-height: 54px; overflow: hidden;}
.a2 ul li .d {text-align: right; font-size: 14px;color:#999999; margin-top:10px;}
.a2 ul li img { width: 100%; }
.a2 .more {margin-top:60px; text-align: center; }
.a2 a.morex { background: url(../images/b3.png) no-repeat 125px center; text-align: left; padding:18px 78px 18px 20px; border:1px solid #ddd; font-size: 14px;color:#666666; text-transform: uppercase; display:inline-block; }
@media(max-width:1024px){
	.a2 .tit { font-size: 20px; }
	.a2 .tit span { width: 18px; height: 18px; background: url(../images/b1.jpg) no-repeat center; top:50%; -webkit-background-size: 100% auto;background-size: 100% auto; margin-top:-6px; }
	.a2 .tit span.t1 { left:-30px; }
	.a2 .tit span.t2 { right:-30px; }
	.a2 .bd { margin-top:30px; }
	.a2 {padding: 50px 2% 40px;}
	.a2 ul li { width: 48%; margin-right:4%; margin-bottom:20px; }
	.a2 ul li.sign2 {margin-right:0%;}
	.a2 ul li .con { margin-top:10px;height: 105px; }
	.a2 ul li .con .t {margin-bottom:5px; font-size: 16px; line-height: 20px;max-height: 40px; }
	.a2 ul li .c {font-size: 13px; line-height: 24px; max-height: 48px;}
	.a2 .more { margin-top:20px; }
	.a2 a.morex { padding:10px 60px 10px 15px; background: url(../images/b3.png) no-repeat 105px center;  }
}
.nav-overlay{transform: translateX(-100%);-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;position: fixed;top: 0;left: 0;z-index: 9999;background: #212222 url(../images/footer_bg.jpg) no-repeat right bottom;background-size: 438px 362px;width: 100%;height: 100%;-webkit-transition: opacity .5s ease;transition: opacity .5s ease;}
.nav-overlay .guanbi{position: absolute;right: 30px;top: 30px;width: 34px;height: 34px;cursor: pointer;}
.nav-overlay .nav-columns{position: absolute;top: 50%;left: 50%;width: 80%;max-width: 900px;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.nav-overlay .nav-columns .nav-column-left{padding-top: 5px;}
.nav-overlay .nav-columns .nav-column-left h3{font-size: 24px;color: #db9d53;padding-bottom: 25px;position: relative;}
.nav-overlay .nav-columns .nav-column-left h3:before{content: "";position: absolute;left: 0;bottom: 0;width: 23px;height: 2px;background: #fff;}
.nav-overlay .nav-columns .nav-column-left .t{line-height: 36px;font-size: 16px;margin-top: 15px;color: #fff;}
.nav-overlay .nav-columns .nav-column-right{text-align: right;}
.nav-overlay .nav-columns .nav-column-right ul li{position: relative;font-size: 22px;margin-bottom: 30px;letter-spacing: 5px;}
.nav-overlay .nav-columns .nav-column-right ul li a{color: #fff;display: block;transition: all .3s ease;width: 240px;text-align: left;}
.nav-overlay .nav-columns .nav-column-right ul li a i{display: inline-block;width: 0;height: 1px;position: relative;top: -6px;margin-right: 5px;transition: all .5s;background: #fff;}
.nav-overlay .nav-columns .nav-column-right ul li:hover a i,
.nav-overlay .nav-columns .nav-column-right ul li.cur a i{width: 30px;}
body.no_move {overflow: hidden;}
body.no_move .nav-overlay{transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);transition: all .3s ease-out 0s;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;}

/*.article table tr td { border:none!important; }*/


/* 面包屑 */
.location { position:relative; height:60px; line-height: 60px;display: flex;justify-content: space-between;align-items: center }
.breadcrumbs { color:#999; }
.breadcrumbs a { display:inline-block; margin-left:0px; font-size: 16px; color: #999999; padding-left:0; }
.breadcrumbs .u-home { padding-left:30px; background:url(../images/o_ico_03.png) no-repeat 5px center; }
@media(max-width:640px){
	.breadcrumbs a { font-size: 12px; }
}
.breadcrumbs a:last-child {
	color: #af0019;
}
/* 左侧栏目标题 */
.sidebar { float: left; width: 20%; }
.leftTitle { position:relative; padding: 40px 0 25px 30px; background: url(../images/b4.jpg) no-repeat center; background-size: cover; }
.leftTitle i,.leftTitle span { display:block; }
.leftTitle span { font-size:14px; color: #fff; font-family: "TNR"; text-transform: uppercase; font-weight: normal; }
.leftTitle i { font-size:26px; color: #fff; font-style: normal; text-transform: uppercase; font-weight: normal; }

/* 二级、三级菜单 */
.menu { background: #f4f4f4; padding: 0; }
.menu dl dt { position: relative; padding: 0 20px; }
.menu dl dt>a {position: relative; display:block; padding:15px 0px; line-height: 30px; border-bottom:1px solid #d1d1d1; background:url(../images/dtbg1.png) no-repeat right center; color:#222; font-size:16px; text-align:left; box-sizing: border-box; }
.menu dl dt:last-child>a{ border-bottom:none; }
.menu dl dt>a:hover,.menu dl dt .current { font-weight:bold; background:url(../images/dtbg2.png) no-repeat right center; color:#af0019; text-decoration:none; }
.menu dl dt>a:hover:after,.menu dl dt .current:after { content:''; width: 2px; height: 100%; background: #af0019; position: absolute; top:0; left:-20px; }
.menu dl dd { padding:5px 0 5px 45px; border-bottom:1px solid #eee; background:url(/css/o_ico_18.gif) no-repeat 35px 13px; font-size:14px; text-align:left; }
.menu dl dd>a:hover,.menu dl dd .current { color:#32a237; text-decoration:none; }
.menu dl dt:hover { background: #af0019; border-color:#af0019; }
.menu dl dt:hover a { color:#fff; border-color:#af0019; }
.menu dl dt .sub {display: none; z-index: 100; position: absolute; right:-240px; top:0; width: 240px; box-sizing: border-box;padding: 0; background: #f4f4f4; }
.menu dl dt .sub li { position: relative; }
.menu dl dt .sub li>a {padding:0 20px; font-size: 14px;color:#666666; display: block; line-height: 42px; }
.menu dl dt:hover .sub { display: block; }
.menu dl dt .sub li:hover>a {background:#af0019;  color:#fff; }
.menu dl dt .sub .suub {display: none; width: 200px; padding: 0; top:0px; right:-200px; box-sizing: border-box; position: absolute; background: #f4f4f4; }
.menu dl dt .sub .suub a { font-size: 14px;color:#666666; display: block; padding: 0 20px; line-height: 42px; }
.menu dl dt .sub .suub a:hover { color:#fff; background: #af0019;}
.menu dl dt .sub ul li:hover .suub {display: block;}

.menu dl dt.currentx { background: #af0019; }
.menu dl dt.currentx>a { color:#fff; border-color:#af0019; }
.menu dl dt:hover>a { background-image: none; }
@media(max-width:1300px){
	.leftTitle  { padding: 30px 0 15px 15px; }
	.leftTitle span { font-size:12px; }
	.leftTitle i { font-size:20px; }
	.menu dl dt a { font-size: 14px; padding: 10px 0; }
}

/* 分页 */
.page { padding:30px 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:5px 14px; border:1px solid #eee; background:#fff; color:#666; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #af0019; background:#af0019; color:#fff; }
.page span{margin-right:6px;}
@media(max-width:750px){
	.page a { padding: 0px 8px; }
}

/*关于我们*/
.about { margin-top:30px; padding-bottom:80px;}
.about1 { float:right; width: 75%; }
.about1 .applicationa ul li,.about1 .applicationa ul { list-style: disc; }
.abo1 { padding: 0; background: #f5f5f5; border-bottom:1px solid #ddd; }
.abo1 span { display: inline-block; padding: 16px 30px; font-size: 18px;color:#af0019; border-bottom:2px solid #af0019; margin-bottom:-1px; }
.abo1 a { display: inline-block; padding: 16px 30px 16px 50px; font-size: 18px;color:#333; border-bottom:1px solid #ddd; margin-bottom:-1px; }
.abo1 a.cur { color:#af0019; border-bottom:2px solid #af0019; margin-bottom:-1px; }



.appx .abo1>a { padding: 16px 15px; }

.appx .aboIcon a { position: relative; display: inline-block; padding-left:40px; }
.appx .aboIconx a { position: relative; display: inline-block; padding-left:36px; }
.about1 .aboIcon a { position: relative; display: inline-block; padding-left:40px; }
.appx .aboIcon a:hover { color:#af0019; }
.about1 .aboIcon a:hover { color:#af0019; }
.aboIcon i { display: block; width: 24px; height: 24px; position: absolute; left:10px; top:50%; margin-top:-12px;  }
.aboIconx i { display: block; width: 20px; height: 20px; position: absolute; left:10px; top:50%; margin-top:-10px;  }
.aboIcon i img { width: 100%; vertical-align: top; }
.aboIcon i img.pic2 { display: none; }
.aboIcon a:hover i img.pic1,.aboIcon a.cur i img.pic1 { display: none; }
.aboIcon a:hover i img.pic2,.aboIcon a.cur i img.pic2 { display: block; }


.abo1 a.ico1 { background: url(../images/ii1.png) no-repeat 16px center; }
.abo1 a.ico2 { background: url(../images/ii2.png) no-repeat 19px center; }
.abo1 a.ico3 { background: url(../images/ii3.png) no-repeat 19px center; }
.abo1 a.ico4 { background: url(../images/ii4.png) no-repeat 19px center; }
.abo1 a.ico5 { background: url(../images/ii5.png) no-repeat 19px center; }

.abo1 a.ico1.cur { background: url(../images/ii1bg.png) no-repeat 16px center; }
.abo1 a.ico2.cur { background: url(../images/ii2bg.png) no-repeat 19px center; }
.abo1 a.ico3.cur { background: url(../images/ii3bg.png) no-repeat 19px center; }
.abo1 a.ico4.cur { background: url(../images/ii4bg.png) no-repeat 19px center; }
.abo1 a.ico5.cur { background: url(../images/ii5bg.png) no-repeat 19px center; }
.abo1 a { background-size: 20px auto!important; }
.abo1 a.ico1 { background-size: 26px auto!important; }
.abo1 a.ico2 { background-size: 18px auto!important; }
.abo1 a.ico4 { background-size: 18px auto!important; }

.abo2 { margin-top:55px; }
.abo2 .article {
	display: none;
}
.abo2 .article.active {
	display: block;
}
.abo2 .tit { width: 92%; margin-bottom:20px; box-sizing: border-box; font-size: 30px;color:#333; background:url(../images/a1.jpg) no-repeat 550px center; }
.abo2 .honor { background:url(../images/a1.jpg) no-repeat 130px center; }

@media(max-width:1600px){
	.abo2 { margin-top:45px; }
}
@media(max-width:1500px){
	.abo1 a {padding: 12px 15px 12px 50px;font-size: 16px;}
	.app a {padding: 12px 15px;font-size: 16px;}
}
@media(max-width:1300px){
	.about { margin-top:15px; }
	.abo1 span { padding:10px 20px; font-size: 16px; }
	.abo2 { margin-top:35px; }
	.abo2 .tit { width: 94%; margin-bottom:20px; font-size:24px; background:url(../images/a1.jpg) no-repeat 450px center; }
	.abo2 .honor { background:url(../images/a1.jpg) no-repeat 110px center; }
}
@media(max-width:1200px){
	.abo2 .tit { width: 94%; margin-bottom:15px; font-size:20px; background:url(../images/a1.jpg) no-repeat 370px center; }
	.abo2 .honor { background:url(../images/a1.jpg) no-repeat 90px center; }
}

@media(max-width:1104px){
	.abo1 a { background-image: none!important; }
	.abo1 a {padding: 10px;font-size: 14px;}
}
@media(max-width:1024px){
	.abo2 {  margin-top:20px; }
	.sidebar { display: none; }
	.about1 { width: 100%;  }
	.abo1 a {padding: 10px 15px;font-size: 16px;}
}
@media(max-width:700px){
	.abo1 a {padding: 10px;font-size: 14px;}
}
@media(max-width:640px){
	.abo2 .tit { width: 100%;background:none; }
}
@media(max-width:600px){
	.abo1 a {padding: 8px;font-size: 12px;}
}
@media(max-width:500px){
	.abo1 a {padding: 5px;}
}
@media(max-width:450px){
	.abo1 a { padding: 10px 0; width: 32%; text-align: center; box-sizing: border-box;margin:0;}
}
/*联系我们*/
.map { margin: 20px 0; }
.map #allmap { width: 100%; height: 450px; }
.con1 { margin-top:20px; }
.con1 .hd { float: left; }
.con1 .hd li {cursor: pointer; width: 120px; height: 40px; border-radius: 20px; line-height: 40px; text-align: center; font-size: 18px;color:#999;background: #dddddd; margin-bottom:10px; }
.con1 .hd li.cur,.con1 .hd li:hover { background: #af0019; color:#fff; }
.con1 .bd { margin-left:20px; float: left; }
.con1 .bd ul {
	display: none;
}
.con1 .bd ul.active {
	display: block;
}
.con1 .bd p { line-height: 40px; }
.con1 .bd p img { vertical-align: middle;  display: inline-block; margin-right:10px; }
@media(max-width:640px){
	.map #allmap { height: 250px; }
	.con1 .hd { width: 100%; margin-bottom:15px; text-align: center;}
	.con1 .hd li {display: inline-block; width: 100px; font-size: 16px; margin: 0 10px; }
	.con1 .hd li.cur,.con1 .hd li:hover { background: #af0019; color:#fff; }
	.con1 .bd p { line-height: 30px; }
	.con1 .bd { margin-left:0; width: 100%; }
}

/*招聘英才*/
.job1 { padding:40px 0 0; }
.job1 .tit { font-size: 30px;color:#333; text-align: center; }
.job1 .con { width: 80%; text-align: center; font-size: 14px;color:#666; line-height: 1.8;margin:25px auto; }
.job2 { background: #f5f5f5; padding:20px; border-bottom:2px solid #ddd; }
.job2 .ksxzb {float: left; position: relative; cursor: pointer; width: 26%; margin: 0 2.5% 0 0; background: #fff; border:1px solid #ddd; box-sizing: border-box; padding-right:15px; }
.job2 .ksxzc {width: 14%; margin: 0; padding-right:0; border:none; border-radius: 3px; }
.job2 .ksxzc input { font-size: 0; text-align: left; padding-left:25%; width: 100%; margin: 0; height: 44px; box-sizing: border-box; border:none; border-radius: 3px; background: url(../images/btn.png) no-repeat center center #af0019;  }
.ksxzb p { font-size: 16px;color:#999999; background:url(../images/ksxz2.png) no-repeat right center; width: 100%; box-sizing: border-box; line-height: 42px; padding-left:20px; }
.ksxzb ul {display: none; position: absolute; left:0; top:44px; background: #fff; width: 100%; line-height: 30px; font-size: 14px;color:#666; box-sizing: border-box; padding-left:20px; }
.job3 { margin-top:10px; }
.job3 dl { background: #f1f3f5; }
.job3 dl dt { font-size: 15px;color:#555555; padding: 10px 20px; border-bottom:1px solid #ddd; }
.job3 dl dd { cursor: pointer; transition: all 0.6s; font-size: 14px;color:#666; padding: 10px 20px; }
.job3 dl dd:hover { color:#fff; background: #c90021; }
.job3 .t { width: 20%; float: left;  }
.job3 .t1 { width: 30%; }
.job3 .t2 { width: 15%; }
.job3 .t4 { width: 17.5%; }
.job3 .t5 { width: 17.5%; }
@media(max-width:700px){
	.job1 .con { width: 100%; text-align: center; font-size: 14px;color:#666; line-height: 1.8;margin:15px auto; }
	.job2 { padding: 10px; }
	.job2 .ksxzb { width: 37.5%; background: #fff; padding:0 10px; }
	.job2 .ksxzc { width: 20%; }
	.job2 .ksxzb3 { display: none; }
	.ksxzb p { line-height: 30px; padding: 0; background: none; font-size: 14px; }
	.job2 .ksxzc input { height: 30px; }
	.job2 .ksxzc { padding:0; }
	.job3 .t1 { width: 50%; }
	.job3 .t2 { width: 25%; }
	.job3 .t4 { width: 25%; }
	.job3 .t3 { display: none; }
	.job3 .t5 { display: none; }

}
@media(max-width:500px){
	.job3 dl dt { font-size: 14px; }
	.job3 dl dd { font-size: 12px; }
}

/*荣誉资质*/
.honor1 { font-size: 14px;color:#666; line-height: 2;  }
.honor2 {margin-top:30px; position: relative; padding: 0 40px; }
.honor2 .swiper-container .swiper-slide { padding: 35px 0; transition: all 0.5s; }
.honor2 .swiper-container .swiper-slide-active { transform: scale(1.18); z-index: 100; }
.honor2 .swiper-container .swiper-slide img { width: 100%; hyphens: auto; }
.honor2 .swiper-button-next { background:url(../images/honor2.png) no-repeat center; }
.honor2 .swiper-button-prev { background:url(../images/honor1.png) no-repeat center; }

/*新闻资讯*/
.news {  }
.news ul li { margin-bottom:15px; background: #f5f5f5; padding:20px; }
.news ul li a.pic { float: left;width: 30%; }
.news ul li a.pic img { vertical-align: top; width: 100%; height: auto; }
.news ul li .tita {padding-top:10px; float: right; width: 67%; }
.news ul li .tita .t {display: block; font-size: 20px;color:#333; height: 25px; line-height: 25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news ul li .tita .c { font-size: 16px;color:#666666; line-height: 24px; overflow: hidden; margin-top:8px; }
.news ul li .tita .d { font-size: 14px;color:#666; margin-top:20px; }
@media(max-width:1300px){
	.news ul li .tita .c { height: 48px;  }
}
@media(max-width:1200px){
	.news ul li .tita { padding-top:0; }
	.news ul li .tita .t { font-size: 16px; height: 20px; line-height: 20px; }
	.news ul li .tita .c { margin-top:5px; font-size: 12px; height: 40px; line-height: 20px; }
	.news ul li .tita .d { margin-top:10px; }
}
@media(max-width:1024px){
	.news ul li .tita {padding-top:10px; }
	.news ul li .tita .t {display: block; font-size: 20px;color:#333; height: 25px; line-height: 25px;	 overflow: hidden; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.news ul li .tita .c { font-size: 16px;color:#666666; line-height: 24px; height: 48px; overflow: hidden; margin-top:8px; }
	.news ul li .tita .d { font-size: 14px;color:#666; margin-top:20px; }
}
@media(max-width:750px){
	.news ul li .tita { padding-top:0; }
	.news ul li .tita .t { font-size: 16px; height: 20px; line-height: 20px; }
	.news ul li .tita .c { margin-top:5px; font-size: 12px; height: 40px; line-height: 20px; }
	.news ul li .tita .d { margin-top:10px; }
}
@media(max-width:600px){
	.news ul li { padding: 10px; }
	.news ul li .tita .c { margin-top:3px; height: 36px; line-height: 18px; }
	.news ul li .tita .d { margin-top:5px; font-size: 12px; }
}
@media(max-width:450px){
	.news ul li .tita .c { height: 20px; line-height: 20px;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.news ul li .tita .d { margin-top:2px; }
}

/*新闻详情页*/
.new { font-size: 25px;color:#333; padding-bottom:10px; border-bottom:1px solid #cccccc; }
.new1 { font-size: 14px;color:#666; margin-top:15px; }
.new1 .t { float: left; margin-right:2%; }
.new2 { margin-top:20px; }
.fenye_btn {margin-top: 30px;}
.fenye_btn ul {float: left;max-width: 70%;}
.fenye_btn ul li { float: left;width: 100%;line-height: 40px;margin-bottom: 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.fenye_btn ul li.sign {border-bottom:1px solid #ddd;}
.fenye_btn ul li a {display: inline-block;color: #666666;}
.fenye_btn ul li a span {color: #333;font-size: 15px;display: inline-block;line-height: 40px;text-align: center;margin-right: 5px;}
.fenye_btn ul li:hover a {color: #af0019;}
.fenye_btn ul li:hover a span {color: #af0019;}
.fenye_btn .back {float: right;display: block;color: #fff; background: #af0019; font-size: 15px;border: 1px solid #af0019;margin-top:20px; line-height: 40px;padding: 0 22px;}
@media (max-width: 500px){
	.fenye_btn .back { display: none; }
	.fenye_btn ul { width: 100%; max-width: 100%; }
}

/*社区与服务*/
.community { margin-top:30px; }
.community1 { position: relative; }
.community1 .titt { position: absolute; hyphens: 46px; line-height: 46px; left:0; top:50%; margin-top:-23px; text-align: center; } 
.community1 .titt .t { width: 100%; }

.community a { position: absolute; top:50%; margin-top:-23px; text-align: center; width: 320px; left:50%; margin-left:-160px;/* background:rgba(60,145,255,0.9);*/ display: inline-block; height: 46px; line-height: 46px; border-radius: 3px; font-size: 18px;color:#fff;}
@media (max-width: 600px){
	.community a { width: 200px; height: 30px; line-height: 30px; margin-top:-15px; margin-left:-100px; font-size: 14px; }
}

/*皇冠HGA010官方下载*/
.develop .tit { padding-left:42px; background: url(../images/de.png) no-repeat left center;  }

.down { width: 100%;  }
.downa table { margin: 0; }
.downa table td { line-height: 2; }
@media(max-width: 640px){
	.down { width: 100%; overflow-y: hidden; overflow-x: scroll; }
	.downa { min-width:590px; }
}
.downa .padLeft { padding-left:12px; }
.down table { border:1px solid #e2e2e2; border-radius: 5px; text-align: center; width: auto; width: 100%; }



.down table thead { height: 52px; line-height: 52px; background: #ddd; border-bottom:1px solid #ddd; font-size: 16px;color:#333; font-weight: normal; }
.down table tbody { height: 52px; line-height: 52px; background: #fff;font-size: 14px;color:#666666; font-weight: normal; }
.down table tbody tr { border-bottom:1px solid #ddd; }
.down table tbody tr:nth-child(2n) { background: #f2f2f2; }
.down table tbody a { color:#666; }
.down table tbody a:hover { text-decoration: underline; color:#46a8d5; }
.down table tbody tr span { display: block; height: 52px; background:url(../images/down1.png) no-repeat center; }
.down table tbody tr span:hover { background:url(../images/down2.png) no-repeat center; }
@media(max-width: 800px){
	.down table { width: auto; }
}

.applicationa { margin-top:20px;display: none}
.applicationa.active { display: block}
/*.application img { width: 100%; height: auto; }*/
/*.applicationa table { min-width: 1050px; }*/
.applicationb { width: 100%; overflow-y: hidden; overflow-x: scroll; }
.applicationb dl { min-width: 1050px; width: 100%; }
.applicationb dl dt { font-size: 16px; color:#333; background: #ddd;border-bottom: 1px solid #ddd; height: 46px; line-height: 46px; }
.applicationb dl dd { font-size: 14px; color:#333; height: 46px; line-height: 46px; }
.applicationb dl dd a { color:#007be3; font-family: "Arial"; }
.applicationb dl .t {padding-left:34px; box-sizing: border-box; float: left; border-right:1px solid #ddd;}
.applicationb dl .t1 { width: 20%; }
.applicationb dl .t2 { width: 50%; }
.applicationb dl .t3 { width: 30%; }


/*产品中心*/
.producta .tit {font-size: 30px;color:#af0019; position: relative; padding-bottom:10px;}
.producta .tit:after { content:''; width: 100%; height: 2px; background: #ccc; position: absolute; left:0; bottom:-5px; }
.producta .con { margin-top:30px; }
.producta .con ul li { float: left; margin-right:30px; font-size: 14px;color:#666; line-height: 18px; }
.producta .con ul li img { vertical-align: middle; margin-right:10px; }
.productc { width: 1200px; }


.productc { width: 100%;/* overflow: hidden; overflow-x: scroll;*/ }


.productb table tbody::-webkit-scrollbar {
  width: 1px;
  height: 1px;
  background: hsla(0, 0%, 100%, 0.6);
}
 
.productb table tbody::-webkit-scrollbar-track {
  border-radius: 0;
}
 
.productb table tbody::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(95,95,95,.4);
  transition: all .2s;
  border-radius: 1px;
}
.productb table tbody::-webkit-scrollbar-thumb:hover {
	background-color: rgba(95,95,95, .7);
}

.hide { display: none!important; }.show { display: inline-block!important; } i { font-style: normal; }
.producte { margin-top:20px; }
.producte p { font-size: 16px; color:#af0019; }
.producte ul,.producte ul li { list-style: none; }
.producte ul li {cursor: pointer; float: left; margin-left:10px; margin-top:10px; position: relative; padding-left:25px; }
.producte ul li:after { content:''; width: 16px; height: 16px; position: absolute; left:0; top:50%; margin-top:-8px; box-sizing: border-box; border:1px solid #ddd; }
.productb tr { border-left:1px solid #e3e3e3; }
.productb tr.dt { height: 55px;  }
.productb tr.dt .t { font-size: 12px;color:#fff; font-family: "Arial"; position: relative;background: #af0019; }
.productb tr .t {padding:10px; text-align: center; }
.productb tr.dt .t span { display: block; width: 100%; height: 20px; position: absolute; top:0; left:0; background: url(../images/xx.png) no-repeat center; cursor: pointer; }
.productb table .dt .t { cursor: pointer; box-sizing: border-box; border-right:1px solid #e3e3e3; }
.productb table tr .t { box-sizing: border-box; border-right:1px solid #e3e3e3; }
.productb table tr .t em {display: block; font-style: normal;}
.productb table tr .t { font-size: 12px;color:#666666; }
.productb table tr .t a { font-size: 12px;color:#666666; }
.productb table tr .t a:hover { color:#af0019; text-decoration: underline; }
.productb table tr.sign .t { /*height: 107px;*/ box-sizing: border-box; border-bottom:1px solid #e3e3e3; }
.productb table tr .t { box-sizing: border-box; border-bottom:1px solid #e3e3e3; }
/*.productb table tr.sign .t1 { padding-top:5px; }*/
.productb table tr.sign .t span { display: block; font-size: 12px;color:#af0019; line-height: 18px; }
.productb table tr.sign .t span b { font-weight: normal; }
.productb table tr.sign .t1 i { display: block; height: 10px; }
.productb table tr.sign .t1 button { padding-left:24px; border-radius: 3px; box-sizing: border-box; border:none; width: 60px; height: 21px; cursor: pointer; color:#fff; font-size: 12px; text-align: left; display: block; margin:1px auto; }
.productb table tr.sign .t1 button.btn1 { display: none; background: url(../images/product1.png) no-repeat 8px center #666; }
.productb table tr.sign .t1 button.btn2 { background: url(../images/product2.png) no-repeat 8px center #666; }
.productb table .dt .t3 { padding: 0 10px; }

.productb table  tr.sign td ul,.productb table  tr.sign .t1 span,.productb table  tr.sign .t1 .resbtn，.productb table  tr.sign .t1 i { display: none; }

.productb table tr.sign .t2,.productb table tr.sign .t3,.productb table tr.sign .t4,.productb table tr.sign .t5 { text-align: left; }
.productb table tr.sign .t input,.productb table tr.sign .t label { cursor: pointer; }

.productb table tr.sign .t ul li { display: block; width: auto; }
.productb table tr.sign .t { text-align: left; }
.productb table tr.sign .t1 { text-align: center; }

/*产品概述*/
.pro2 table  { min-width: 1050px; }
.pro2 table tr { border-bottom:1px solid #e3e3e3; }
.pro2 table tr td { padding:10px 0; }
.pro2 table tr td ul li { padding-left:14px; background: url(../images/pro1.png) no-repeat left center; }
.pro2 { width: 100%; overflow: hidden; overflow-x: scroll; }

.pro2a { width: 100%; font-size: 16px;color:#333; line-height: 48px; background: #f6f6f6; text-align: center; padding-left:0; }






.pop_join{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 999;display: none;}
.pop_join .box{  background: #fff;width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 40px 20px 40px 60px;}
.pop_join .box .guanbi{position: absolute;right: 26px;top: 26px;width: 22px;height: 22px;cursor: pointer;z-index: 1000;}
.pop_join .box h1{color: #333333;font-size: 24px;font-weight: normal;border-bottom: 1px solid #e4e4e4;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.pop_join .box h1::before{content: "";position: absolute;left: 0;bottom: 0;width: 52px;height: 2px;background: #af0019;}
.pop_join .box .name{margin-top: 20px;color: #444444;font-size: 18px;line-height: 34px;}
.pop_join .box .bt{color: #444444;font-size: 18px;line-height: 34px;}
.pop_join .box .t{height: 400px; overflow-y: scroll; padding-right:40px;color: #666666;font-size: 15px;line-height: 30px;}


@media (max-width: 1000px){
	.pop_join .box{width: 80%;box-sizing: border-box;  top: 50%;transform: translate(-50%,-50%);padding: 30px 10px;}
}
@media (max-width: 800px){
	.pop_join .box{width: 80%;box-sizing: border-box;  top: 50%;transform: translate(-50%,-50%);padding: 30px 10px;}
}




.pronav {display: none; padding: 10px; position: relative;background: url(../images/b4.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover; }
.pronav p { display: block;font-size: 16px;color: #fff;background: url(../images/job5.png) no-repeat right center; }
.pronav ul { position: absolute; display: none; width: 100%; left:0; top:44px; }
.pronav ul { z-index: 100; box-shadow: 0 0px 3px 3px #eee; padding-top:3px; border:1px solid #e4e4e4; border-top:none; background: #fff; }
.pronav ul li {position: relative; cursor: pointer; box-sizing: border-box; margin-left:-1px; padding:0 15px; }
.pronav ul li span { display: block; background: url(../images/job3.png) no-repeat right center; width: 100%; border-bottom:1px solid #e4e4e4; font-size: 16px;color:#333333;line-height: 1; }
.pronav ul li>a { display: block; background: url(../images/job3.png) no-repeat right center; width: 100%; border-bottom:1px solid #e4e4e4; font-size: 16px;color:#333333;line-height: 1; }
.pronav ul li.cur span { color:#af0019; background: url(../images/dtbg2.png) no-repeat right center; }
.pronav ul li.cur>a { color:#af0019; background: url(../images/dtbg2.png) no-repeat right center; }
.pronav ul li.cur { border-left:2px solid #af0019; }
.pronav ul li:hover span { background: url(../images/dtbg2.png) no-repeat right center; color:#af0019; }
.pronav ul li:hover>a { background: url(../images/dtbg2.png) no-repeat right center; color:#af0019; }
.pronav ul li:hover { border-left:2px solid #af0019; }
.pronav ul li span { padding:14px 0; font-size: 14px; }
.pronav ul li>a { padding:14px 0; font-size: 14px; }
.pronav ul li .sub { width: 100%; display: none; background: #fff; z-index: 1000; }
.pronav ul li .sub dd {padding: 0px;}
.pronav ul li .sub dd a { display: block; width: 100%; padding: 10px 0; border-bottom:1px solid#e4e4e4; }
.pronav ul li .sub dd.cur a { color:#af0019; }
.pronav ul li.cur .sub { display: block; }
@media(max-width:1024px){
	.pronav {display: block; margin-bottom:20px;}
}


/*搜索页面*/
.count { font-size: 14px;color:#666666; }
.count span { color:#af0019; }

.searchx ul { background: #fff; margin-top:10px; padding: 30px 24px 35px; }
.searchx ul li { margin-bottom:28px; padding-bottom:20px; border-bottom:1px solid #e4e4e4; }
.searchx ul li .t { font-size: 18px;color:#333333; margin-bottom:5px; display:block; }
.searchx ul li .c { font-size: 14px; line-height: 2; color:#333333; margin-bottom:10px; display:block; }
.searchx ul li .more { background: url(../images/s1.png) no-repeat left center; font-size: 14px; color:#666666; padding-left:20px; display:block; }
.searchx ul li:hover .more { background: url(../images/s2.png) no-repeat left center; color:#990000; }


.searchx1 { text-align: center; }





.productb table>thead>tr{
    /*display: table;*/
    width: 100%;
    table-layout: fixed;
}
.productb table>tbody{
    /*display: block;*/
    max-height: 400px;
    overflow-y: scroll;

}


.productb table>tbody::-webkit-scrollbar {
    display: none;
}

.productb table>tbody {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}



.productb table>tbody {
   scrollbar-width: none; 
}
/* 使用伪类选择器 ::-webkit-scrollbar ,兼容chrome和safari浏览器 */
.productb table>tbody::-webkit-scrollbar{
    display: none;
}
/*兼容火狐*/
.productb table>tbody {
   scrollbar-width: none;
}
/* 兼容IE10+ */
.productb table>tbody {
    -ms-overflow-style: none;
}



.productb table>tbody>tr{
    /*display: table;*/
    width: 100%;
    table-layout: fixed;
}

.productbfix table>thead>tr{
    /*display: table;*/
    width: 100%;
    table-layout: fixed;
}
.productbfix table>tbody{
    display: block;
    height: 400px;
    overflow-y: scroll;
}
.productbfix table>tbody>tr{
    /*display: table;*/
    width: 100%;
    table-layout: fixed;
}
.productb dt.signx .t { line-height: 55px; color:#fff; font-size: 12px; float: left; background: #af0019; text-align: center; position: relative; } 

.productb .t span {display: block;width: 100%;height: 20px;position: absolute;top: 0;left: 0;background: url(../images/xx.png) no-repeat center;cursor: pointer;}


.prosMaina .t1 { width: 105px; border-right:1px solid #e3e3e3; }
.prosMaina .t2 { width: 69px; border-right:1px solid #e3e3e3; }
.prosMaina .t3 { width: 92px; border-right:1px solid #e3e3e3; }
.prosMaina .t5 { width: 60px; border-right:1px solid #e3e3e3; }
.prosMaina .t6 { width: 87px; border-right:1px solid #e3e3e3; }
.prosMaina .t7 { width: 59px; border-right:1px solid #e3e3e3; }
.prosMaina .t8 { width: 107px; border-right:1px solid #e3e3e3; }
.prosMaina .t11 { width: 54px; border-right:1px solid #e3e3e3; }
.prosMaina .t12 { width: 38px; border-right:1px solid #e3e3e3; }
.prosMaina .t13 { width: 40px; border-right:1px solid #e3e3e3; }
.prosMaina .t18 { width: 69px; border-right:1px solid #e3e3e3; }
.prosMaina .t20 { width: 98px; border-right:1px solid #e3e3e3; }
.prosMaina .t21 { width: 190px; border-right:1px solid #e3e3e3; }

.productb1 { width: 1070px; }
.productb2 { width: 1000px; }
.productb3 { width: 1000px; }
.productb3 { width: 1000px; }
.productb4 { width: 1050px; }
.productb5 { width: 1050px; }
.productb6 { width: 1000px; }
.productb7 { width: 700px; }
.productb8 { width: 700px; }
.productb9 { width: 600px; }



/*.productb tr.dt { height: 55px;  }
.productb tr.dt .t { font-size: 12px;color:#fff; font-family: "Arial"; position: relative;background: #af0019; }
.productb tr .t {padding:10px; text-align: center; }
.productb tr.dt .t span { display: block; width: 100%; height: 20px; position: absolute; top:0; left:0; background: url(../images/xx.png) no-repeat center; cursor: pointer; }
.productb table .dt .t { cursor: pointer; box-sizing: border-box; border-right:1px solid #e3e3e3; }
.productb table tr .t { box-sizing: border-box; border-right:1px solid #e3e3e3; }
.productb table tr .t em {display: block; font-style: normal;}
.productb table tr .t { font-size: 12px;color:#666666; }
.productb table tr .t a { font-size: 12px;color:#666666; }
.productb table tr .t a:hover { color:#af0019; text-decoration: underline; }*/


.productb dt.sign .t {float: left; box-sizing: border-box; border-bottom:1px solid #e3e3e3; }
/*.productb table tr .t { box-sizing: border-box; border-bottom:1px solid #e3e3e3; }*/

.productb dt.sign .t span { display: block; font-size: 12px;color:#af0019; line-height: 18px; }
.productb dt.sign .t span b { font-weight: normal; }
.productb dt.sign .t1 i { display: block; height: 10px; }
.productb dt.sign .t1 button { padding-left:24px; border-radius: 3px; box-sizing: border-box; border:none; width: 60px; height: 21px; cursor: pointer; color:#fff; font-size: 12px; text-align: left; display: block; margin:1px auto; }
.productb dt.sign .t1 button.btn1 { display: none; background: url(../images/product1.png) no-repeat 8px center #666; }
.productb dt.sign .t1 button.btn2 { background: url(../images/product2.png) no-repeat 8px center #666; }
/*.productb table .dt .t3 { padding: 0 10px; }*/

.productb dt.sign  td ul,.productb dt.sign .t1 span,.productb dt.sign .t1 .resbtn，.productb dt.sign .t1 i { display: none; }

.productb dt.sign  .t2,.productb dt.sign .t3,.productb dt.sign .t4,.productb dt.sign .t5 { text-align: left; }
.productb dt.sign  .t input,.productb dt.sign .t label { cursor: pointer; }

.productb dt.sign  .t ul li { display: block; width: auto; }
.productb dt.sign  .t { text-align: left; }
.productb dt.sign  .t1 { text-align: center; }

.productc .relative { position: relative; }
.productbxx { height: 0; overflow: hidden; display: none; display: block; position: absolute; top:0; z-index: 100; background: #fff; }

table thead { background: #fff; }





.picshade {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);opacity: 0.91;filter: alpha(opacity=91);z-index: 99;display: none;}
.pictures_eyes_close {position: fixed;top: 30px;right: 30px;display: inline-block;width: 26px;height: 26px;background: url(../images/close_2.png) no-repeat;z-index: 1000;display: none;}
.pictures_eyes {position: fixed;width: 100%;left: 0;top: 0;z-index: 199;display: none;}
.pictures_eyes_in {position: relative;text-align: center;}
.pictures_eyes_in img { max-height: 500px; }
.pictures_eyes_in .prev, .pictures_eyes_in .next {position: absolute;top: 50%;width: 51px;height: 51px;cursor: pointer;}
.pictures_eyes_in .prev {left: 80px;background: url(../images/Tleft.png) no-repeat;}
.pictures_eyes_in .next {right: 80px;background: url(../images/Tright.png) no-repeat;}
.pictures_eyes_indicators {display: none;position: fixed;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 299;}
.pictures_eyes_indicators a {display: inline-block;width: 120px;padding:5px;margin: 6px 3px 0 3px;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 0 2px #000;filter: alpha(opacity=50);opacity: 0.5;overflow: hidden;}
.pictures_eyes_indicators img { width: 110px; }
.pictures_eyes_indicators .current {filter: alpha(opacity=100);opacity: 1;}










.honor2 .swiper-container .swiper-slide span{
	position: absolute;
	width: 60px;
	height: 60px;
	top: 43%;
	left: 50%;	
	transform: translateX(-50%);	
	display: none;
}


.honor2 .swiper-container .swiper-slide:hover span{
	display: block;
}

@media(max-width:480px){
	.honor2 .swiper-container .swiper-slide span{
	width: 35px;
	height: 35px;
	}
}












/* 右侧悬浮 */
.rightfix {
	position: fixed;
	top: 50%;
	right: 0px;
	width: 50px;
	border-right: none;
	transform: translateY(-50%);
	z-index: 99;
	border: 1px solid #dee2e7;
	background: #fff;
}
.fix_ul li {
	font-size: 12px;
	text-align: center;
	float: none;
	position: relative;
	width: 50px;
	cursor: pointer;
	height: 50px;
	padding: 5px 0;
	background: #ffffff;
	line-height: 50px;
	margin-bottom: 0px;
	color: #ffffff;
	border-bottom: 1px solid #dee2e7;
}
.fix_ul li:nth-child(2n) {
	background: #f2f2f2;
}
.fix_ul li:last-child {
	border-bottom: none;
}
.fix_ul li:hover {
	background: #ba001d;
	transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	/* Firefox 4 */
	-webkit-transition: 400ms ease-in-out;
	/* Safari and Chrome */
	-o-transition: 400ms ease-in-out;
	/* Opera */
}
.fix_ul li i {
	/*font-size: 1.25rem;*/
	color: #6a6a6a;
}
.right_div {
	transform: scale(0);
	-ms-transform: scale(0);
	/* IE 9 */
	-moz-transform: scale(0);
	/* Firefox */
	-webkit-transform: scale(0);
	/* Safari 和 Chrome */
	min-width: 200px;
	-o-transform: scale(0);
	position: absolute;
	color: #fff;
	right: 0rem;
	top: 0px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	background: #d00023;
	padding: 10px 20px;
	line-height: 1.875rem;
	transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	/* Firefox 4 */
	-webkit-transition: 400ms ease-in-out;
	/* Safari and Chrome */
	-o-transition: 400ms ease-in-out;
	/* Opera */
}
.fix_ul li:hover a {
	color: #848484;
}
.fix_ul li:hover .right_div {
	transform: scale(1);
	-ms-transform: scale(1);
	/* IE 9 */
	-moz-transform: scale(1);
	/* Firefox */
	-webkit-transform: scale(1);
	/* Safari 和 Chrome */
	-o-transform: scale(1);
	right: 50px;
	transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	/* Firefox 4 */
	-webkit-transition: 400ms ease-in-out;
	/* Safari and Chrome */
	-o-transition: 400ms ease-in-out;
	/* Opera */
}
.fix_ul li:hover {
	background: #d00023;
}
.fix_ul li:hover i {
	color: #fff;
}


.borderTdNone tr td { border:none!important; }




/*增加产品*/
.secondMenu {
	position: absolute;
	top: 75px;
	width: 100%;
	left: 0;
	background:#fff;
	display: none;
	border-top:1px solid #eee;
	z-index: 2;
}
#product {
	position: inherit;
}
#product .secondMenu::after {
	content:'';
	background:#f4f4f4;
	width:43%;
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
.mask {
	position: absolute;
	top:100%;
	background:rgba(0,0,0,0.2);
	height:200%;
	left:0;
	width:100%;
}
.secondMenuBox {
	max-width:calc(73% + 40px);
	padding:0 20px;
	margin:0 auto;
	display: flex;
	position: relative;
}
#product .secondList {
	width:25%;
	float:left;
	margin:40px 0;
	padding-right: 7%;
	z-index: 1;
}
#product .secondList ul {
	display:flow-root
}
#product .secondList ul li{
	width:100%;
	float:left;
	line-height: 1;
	margin-bottom: 26px;
	font-size:16px;
	background:url("../images/menuIcon.png") no-repeat center right;
	padding-right:10px;
	margin-right:15%;
	cursor: pointer;
	text-align: left;
	background-size:6px ;
	padding-left: 0;
}
#product .secondList ul li a {
	color: #666;
}
#product .secondList ul li:hover a {
	color:#c00000
}
#product .secondList ul li:hover {
	text-decoration: underline;
}
#product .secondList ul li:nth-child(2n) {
	margin-right:0;
}
#product .secondList ul li:hover {
	background:url("../images/menuIconHover.png") no-repeat center right;
	background-size:6px;
	color:#c00000
}
.productActive {
	color:#c00000;
	background:url("../images/menuIconHover.png") no-repeat center right;
	background-size:6px;
}
#product .secondListShows {
	width: 57%;
	float: left;
	background: #fff;
	z-index: 1;
	max-width: 640px;
}
.secondListShow {
	padding: 40px 20px;
	display: none;
}
.secondListShow.secondShowActive {
	display: block;
}
.listShowTitle {
	line-height: 1;
	font-size:20px;
	border-bottom:1px solid #eee;
	width:100%;
	padding-bottom:20px;
	pointer-events: none;
	text-align: left;
}
#product .secondListShow ul {
	display: block;
	margin-top:20px;
}
#product .secondListShow ul li{
	line-height: 40px;
	width: 50%;
	padding-left: 0;
}
#product .secondListShow ul li a{
	font-size:16px;
	width: 100%;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	cursor: pointer;
	color: #333;
}
#product .secondListShow ul li a:hover {
	text-decoration: underline;
	color: #c00000;
}
#product .secondListShow ul li a img{
	padding-right:20%
}
#product .secondListShow ul li .third {
	line-height:20px;
	margin-bottom:10px;
}
#product .secondListShow ul li .third a {
	font-size:16px;
}
#product .secondListShow ul li .third a:hover {
	color: #c00000;
}
#product .secondListShow .lookMore {
	font-size:16px;
	color:#c00000;
	border-bottom:1px solid #c00000;
	padding-top:5px;
	padding-bottom:5px;
	width: fit-content;
	background: url('../images/menuIconHover.png') no-repeat center right/8px;
	padding-right: 20px;
	line-height: initial;
	margin-top: 20px;
}
#product .secondListShow .lookMore.no-link {
	filter: brightness(0);
	pointer-events: none;
	opacity: 0.5;
}
#product .secondListShow ul.ulChange {
	display: flex;
	margin-top: 20px;
	flex-direction: column;
	flex-wrap: wrap;
	/*height: 330px;*/
}
#product .secondListShow ul.ulChange li {
	width: 50%;
	cursor: pointer;
}
#product .menuClose {
	position: absolute;
	right: 0;
	z-index: 1;
	cursor: pointer;
	top: 40px;
	display: flex;
}



/*新增产品中心*/
.productBox {
	display: flow-root;
}
.productMenu {
	width: 17.5%;
	float: left;
}
.productMenu select {
	width:100%;
	border:1px solid #cccccc;
	height:40px;
	padding:0 10px;
	color:#333;
	margin-bottom: 20px;
	background: #f4f4f4;
}
.selectList {
	/*margin-top: 20px;*/
}
.productInfo {
	width:80%;
	float:right;
}
.infoBox {
	/*transform: scaleY(-1);*/
	/*overflow: auto;*/
	max-height:600px;
}
.productInfoList {
	/*transform: scaleY(-1);*/
	width: max-content;
}
.productBox {
	/*display: flow-root;*/
	border-top: 1px solid #eee;
	padding-top: 30px;
	display: flex;
	justify-content: space-between;
}
.proMenuTopT {
	font-weight: 600;
	width: 80%;
	display: inline-block;
}
.proIcon {
	float: right;
	cursor:pointer
}
.proMenuBottom {
	/*display: none;*/
	border-top:1px solid #cccccc;
	padding-top:20px;
	margin-top:20px;
}
.productMenuList {
	margin-bottom: 10px;
	clear: both;
	padding: 20px;
	background: #f4f4f4;
}
.proMenuMore {
	background:#efeeee;
	text-align: center;
	height:34px;
	line-height: 34px;
	margin-top:20px;
	cursor: pointer;
}
.proMenuMore:hover {
	background:#ee7430;
	color:#fff;
}
.proMenuTop {
	cursor:pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.proMenuTop input[type="checkbox"] {
	accent-color: #af0019;
}
.proMenuTops {
	display: flex;
	align-items: center;
	width: 100%;
}
.proMenuTops label {
	display:flex;
	margin-right:10px;
}
.proDetailTitle {
	font-size:38px;
	color:#333;
}
.proDetailDesApp {
	width:160px;
	height:42px;
	border:1px solid #af0019;
	text-align: center;
	line-height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
}
.proDetailDesApp img {
	margin-right:5px;
}
.proDetailDesApp a {
	color:#af0019
}
.proDetailDes {
	display:flex;
	justify-content: space-between;
	margin-top:20px;
}
.proDetailDesText {
	font-size:17px;
	width:62%;
	line-height:24px;
	color:#333;
}
.proDetailCon {
	border-top:1px solid #ebebeb;
	padding-top: 50px;
	margin-top:50px;
	display:flow-root;
	border-bottom:1px solid #ebebeb;
	padding-bottom:30px;
}
.proDetailDownTitle {
	font-size:17px;
	border-bottom:1px solid #ebebeb;
	padding-bottom:10px;
}
.proDetailDown .downloadList {
	margin-top:10px;
}
.proDetailDown .downloadList li {
	margin-bottom:10px;
}
.proDetailDown {
	width:445px;
	float: left;
}
.proDetailDownTitles {
	margin-top:30px;
}
.proDetailInfo {
	width:calc(100% - 550px);
	float: right;
}
.proDetailInfoTag {
	border-bottom:1px solid #ebebeb
}
.proDetailInfoTag ul {
	display: flex;
}
.proDetailInfoTag li {
	font-size:18px;
	text-align:center;
	height:36px;
	line-height: 36px;
	width:135px;
	cursor: pointer;
}
.proDetailInfoTag li:hover {
	background:#f08347;
	color:#fff;
}
.proDetailConImg .swiper-button-next,.proDetailConImg .swiper-button-prev {
	background:#dfdfdf;
	width:24px;
	height:24px;
}
.proDetailConImg .swiper-button-next {
	right:0;
}
.proDetailConImg .swiper-button-prev {
	left:0;
}
.proDetailConImg .swiper-button-next:after,.proDetailConImg .swiper-button-prev:after {
	color:#fff;
	font-size:14px;
}
.proDetailConImg {
	overflow: hidden;
	border: 1px solid #eee;
	margin-top:40px;
}
.proDetailConImg img {
	max-width:100%;
}
.proDetailDownSize {
	margin-top:20px;
}
.sizeList ul li{
	justify-content: space-between;
	display: flex;
	margin-bottom:10px;
	width:100%
}
.proDetailInfoCon ul li {
	display: flex;
	border: 1px solid #ebebeb;
	padding:20px 60px;
	font-size:16px;
	border-top:none
}
.proInfoT {
	width:40%
}
.proRelevant {
	margin-top:40px;
}
.proReList {
	display:flow-root;
}
.proReList li {
	width:calc((100% - 210px) / 4);
	float: left;
	margin-right:70px;
}
.proReList li:nth-child(4n) {
	margin-right:0
}
.proReList .proImg {
	overflow: hidden;
	height:0;
	padding-bottom:75%;
	position: relative;
	border: 1px solid #ebebeb;
}
.proReList .proImg img {
	position: absolute;
	transform: translate(-50%,-50%);
	top:50%;
	left: 50%;
	width: 100%;
	transition: all 0.5s;
}
.proReList .proImg:hover img {
	transform: translate(-50%,-50%) scale(1.1);
	transition: all 0.5s;
}
.proTabBox {
	display:none
}

.proTabBox .detail{
	padding-top:30px;
	font-size:16px;
	line-height:1.8;
}
.proActive {
	display:block
}
.proTitle {
	text-align:center;
	margin-top:10px;
	color:#333;
	font-size:17px;
}
.productContent {
	width: 100%;
	padding:0 40px;
	margin:0 auto 80px;
}
.productDownload {
	background: #af0019;
	width:100px;
	height:24px;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
}
.productDownload:hover {
	opacity: 0.9;
}
.productDownload a {
	font-size:12px;
	display:block;
	color:#fff;
}
.productDownload a:hover {
	color:#fff
}
.productInfoTitle {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.productInfoTop {
	background:#efeeee;
	border:1px solid #e2e2e2;
	display: flow-root;
	/*margin-top:20px;*/
	border-left: none;
}
.proInfoConList ul {
	display: -webkit-inline-box;
	align-items: center;
}
.productInfoTop ul li{
	float: left;
	display: flex;
	align-items: center;
	font-size:12px;
	height:65px;
	border-right:1px solid #e2e2e2;
	/*padding:0 20px;*/
	text-align: center;
	font-weight: 600;
	justify-content: center;
}
.productInfoTop ul li.productSize {
	border-right:none;
}
.productInfoContent {
	display: flow-root;
	/*max-height:600px;*/
	/*overflow: auto;*/
}
.proInfoConList {
	border: 1px solid #e2e2e2;
	border-bottom: none;
	cursor: pointer;
	border-left: none;
}
#lz_content .pageLoader {
	display:none
}
.productInfoContent ul li{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:14px;
	color:#333;
	/*font-weight: 600;*/
	padding:19px 0;
	border-right:1px solid #e2e2e2;
}
.productInfoContent .li1 {
	font-size:16px;
	color:#af0019;
	font-weight: 600;
}
.productInfoContent .li1 a {
	color:#af0019;
}
.productInfoContent .li1:hover {
	text-decoration: underline;
}
.productInfoContent ul li.productSize {
	border-right:none;
}

.productInfoTop ul .li1,
.productInfoContent .li1 {
	width: 140px;
	position: relative;
	background:#fff;
	border-left:1px solid #e2e2e2;
}
.productInfoTop ul .li1 {
	background: #efeeee;
}
.productInfoTop ul .li2,
.productInfoContent .li2 {
	/*width: 60px;*/
	width: 120px;
}
.productInfoTop ul .li3,
.productInfoContent .li3,
.productInfoTop ul .li4,
.productInfoContent .li4{
	/*width: 90px;*/
	width: 120px;
}
.productInfoTop ul .li5,
.productInfoContent .li5 {
	/*width: 50px;*/
	width: 120px;
}
.productInfoTop ul .li6,
.productInfoContent .li6 {
	/*width: 110px;*/
	width: 120px;
}
.productInfoTop ul .li7,
.productInfoContent .li7 {
	/*width: 80px;*/
	width: 120px;
}
.productInfoTop ul .li8,
.productInfoContent .li8 {
	width: 120px;
}
.productInfoTop ul .li9,
.productInfoContent .li9,
.productInfoTop ul .li10,
.productInfoContent .li10,
.productInfoTop ul .li11,
.productInfoContent .li11,
.productInfoTop ul .li12,
.productInfoContent .li12,
.productInfoTop ul .li13,
.productInfoContent .li13,
.productInfoTop ul .li14,
.productInfoContent .li14,
.productInfoTop ul .li15,
.productInfoContent .li15{
	width: 120px;
}
.productInfoTop ul .li16,
.productInfoContent .li16 {
	width: 90px;
}
.productInfoTop ul .li17,
.productInfoContent .li17 {
	width: 110px;
}
.productInfoTop ul .li18,
.productInfoContent .li18 {
	width: 120px;
}
.productInfoTop ul .li19,
.productInfoContent .li19 {
	width: 130px;
}
.productInfoTop ul .li20,
.productInfoContent .li20 {
	width: 130px;
}
.productInfoTop ul .li21,
.productInfoContent .li21 {
	width: 130px;
}
.productInfoTop ul .li22,
.productInfoContent .li22 {
	width: 130px;
}
.proInfoConText {
	border-top:1px solid #e2e2e2;
	clear: both;
	padding:20px 30px;
	display: none;
}
.proInfoConText .lookData a {
	color:#00ab96;
	font-size:14px;
	margin:0 30px;
}
.proInfoConText .lookInfo a {
	color:#ee7430;
	font-size:14px;
}
.proInfoConText .lookData:hover a {
	text-decoration: underline;
}
.proInfoConText .lookInfo:hover a {
	text-decoration: underline;
}

.productInfoText {
	line-height: 1.6;
	border-bottom: 2px solid #dddddd;
	padding-bottom: 30px;
	margin-bottom: 30px;
}


.proInfoConList:last-child {
	border-bottom: 1px solid #e2e2e2;
}

.about1.product-detail {
	width: 100%;
}
.about1.product-detail .article {
	display: none;
}
.about1.product-detail .article.active {
	display: block;
}
@media screen and (max-width: 768px){
	.productBox {
		flex-direction: column;
	}
	.productMenu {
		/*display: none;*/
		width: 100%;
		margin-bottom: 20px;
	}
	.productContent {
		padding: 0 20px;
	}
	.productInfo {
		width: 100%;
	}
	.productMenuList {
		padding:10px;
	}
	.proMenuBottom {
		margin-top: 10px;
		padding-top: 10px;
	}
	.productInfoText {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.productInfoContent .li1 {
		font-size: 14px !important;
	}

	.productInfoTop ul .li1, .productInfoContent .li1 {
		width: 120px !important;
	}
}





.about-detail .article {
	display: block
}
#product .secondListShow ul li a img {
	padding-right: 0;
	width: 6px;
	height: 10px;
}

.go-back {
	border: 1px solid #af0019;
	color: #af0019;
	padding: 0 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	cursor: pointer;
}
.go-back:hover {
	background: #af0019;
	color: #fff;
}