@charset "utf-8";
/* CSS Document */
body{position: relative;}
body,html{width:100%; height:100%;}
body,html,div{margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea,i,select{margin:0; padding:0;border:0; font:14px "微软雅黑"; color:#555;  list-style:none;}
img {border:0; display:block;}
a{text-decoration:none; display:block;}
textarea{outline:none;}

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; outline:none;}


@font-face{
    font-family:"PINGFANGSC";
    src :url('fonts/PINGFANGSC-BOLD.ttf');
}



.midCent{width:1230px; height:auto; overflow:hidden; margin:0 auto;}
.left{float:left;}
.right{float:right;}
.yk{height:auto; overflow:hidden;}



/*  抬头 */

#navbar{ width:100%; height:auto; overflow:hidden; margin:0 auto; z-index:9; 
	/*position:relative;*/position: fixed; background:rgb(44 44 44 / 24%);}
.navbarz{width:1230px; height:101px; overflow:hidden; margin:0 auto; position:relative; }

.navbza{width:100%; height:auto; overflow:hidden;position:relative; z-index:9;padding-top:17px;}
.navbzaLef{ float:left; width:auto;height:auto; overflow:hidden; margin-top:28px;}
.navbzaLef ul li{ float:left;height:42px;overflow:hidden;position:relative;margin-right:88px;}
.navbzaLef ul li a{ font-size:19px; color:#fff;line-height:42px;}
.navbzaLef ul li p{ display:block;width:100%; height:auto; overflow:hidden; text-align:center; position:absolute; bottom:0px; left:0px;}
.navbzaLef ul li p i{ display:inline-block; width:0; height:5px; overflow:hidden; border-radius:3px; transition:all .3s;}
.navbzaLef ul li.on a{ color:#fff;}
.navbzaLef ul li.on p i{ background:#e53e40;width:40px;}
.navbzaLef ul li:hover a{ color:#fff;}
.navbzaLef ul li:hover p i{ background:#e53e40;width:40px;}
.navbzaRig{ float:right;width:auto;height:auto; overflow:hidden; margin-top:28px;}
.navbzaRig ul li{ float:left;height:42px; overflow:hidden; position:relative; margin-left:115px;}
.navbzaRig ul li a{ font-size:19px; color:#fff; line-height:42px;}
.navbzaRig ul li p{ display:block;width:100%; height:auto; overflow:hidden; text-align:center; position:absolute; bottom:0px; left:0px;}
.navbzaRig ul li p i{ display:inline-block; width:0; height:5px; overflow:hidden; border-radius:3px; transition:all .3s;}
.navbzaRig ul li.on a{ color:#fff;}
.navbzaRig ul li.on p i{ background:#e53e40;width:40px;}
.navbzaRig ul li:hover a{ color:#fff;}
.navbzaRig ul li:hover p i{ background:#e53e40;width:40px;}


.navbzb{width:100%; height:auto; overflow:hidden; position:absolute; top:0px; z-index:0;}
.navbzbLogo{ width:160px; height:auto; overflow:hidden; margin:0 auto; }
.navbzbLogo div{width:100%; height:auto; overflow:hidden; padding:17px 0px; text-align:center;}
.navbzbLogo div a img{ max-height:100%;}



/*  banner */
.focus{position:relative;max-width:1920px; width:100%; height:auto; overflow:hidden; z-index:0; margin:0 auto; }
.fcon{width:100%; height:auto; overflow:hidden;} 
.focus .fcon div{position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;}
.focus .a{position:absolute; left:50%; top:0px; width:1920px; margin-left:-960px }  
.focus div a img{width:100%;}
.focus .D1fBt a i{}
.focus .prev,.focus .next{width:55px;height:55px;position:absolute; cursor:pointer; top:50%; margin-top:-18px;}
.focus .prev{left:2%; background:url(../images/left.png) center center no-repeat;transition:all 0.2s;}
.focus .next{right:2%; background:url(../images/right.png) center center no-repeat;transition:all 0.2s;}
.focus .prev:hover{ background:url(../images/lefta.png) center center no-repeat;transition:all 0.2s;}
.focus .next:hover{ background:url(../images/righta.png) center center no-repeat;transition:all 0.2s;}
.focus .fbg{position:absolute; width:1920px;bottom:20px; left:50%;height:auto; overflow:hidden; z-index:9999; text-align:center;margin-left:-960px}
.focus .fbg .D1fBt{z-index:9999; display:inline-table;}
.focus .fbg .D1fBt a{width:11px; height:11px;margin:0px 10px; display:inline-block;z-index:9999; text-align:center; background:none; border-radius:11px; background:#aaa;}
.focus .fbg .D1fBt a.current{background:#333;}


.product{ width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:55px 0px;}
.prodTit{ text-align:center;}
.prodTit p span{ font-size:30px; color:#1c1c1c; font-weight:bold; text-transform:uppercase;}
.prodTit div{ margin-top:15px;}
.prodTit div a{ display:inline-block; width:161px; height:37px; border:1px #aaa solid;font-size:14px; color:#1c1c1c; line-height:34px; border-radius:10px;}
.prodTit div a:hover{ background:#e53e40;border:1px #e53e40 solid;transition:all 0.2s;color:#fff;}

.prodTit div span{ display:inline-block; width:auto; height:37px; border:1px #aaa solid;font-size:14px; color:#1c1c1c; line-height:34px; border-radius:37px; padding:0px 25px;}
.prodBot{text-align:center; margin-top:10px;}
.prodBot.midCent ul.clear{margin-top: 20px;}
.prodBot ul li{ float:left; width:165px; height:170px; margin-right: 48px;overflow:hidden; }
.prodBot li div{width:100%; height:130px;overflow:hidden; position:relative;}
.prodBot li div img{ max-width:100%; max-height:100%;position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.prodBot li p{ font-size:14px; color:#000;}
.prodBot li:nth-child(6n){margin-right: 0}



.aboutUs{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:10px 0px 100px 0px;}
.abtUBot{ width:100%; background:url(../images/bg1.jpg) center center no-repeat; margin-top:35px; }
.abtUBz{ width:600px; height:835px; background:rgba(255,255,255,0.75); padding:165px 50px 0px 50px;}
.abtUBz .abt1{ height:470px;}
.abtUBz .abt1 h2{font-size:24px; color:#000; font-weight:bold; text-transform:uppercase;}
.abtUBz .abt1 p i{}
.abtUBz .abt1 div{ width:430px; margin-top:30px; font-size:12px; color:#6c6c6c; line-height:24px;}
.abtUBz .abt2{}
.abtUBz .abt2 a{ display:inline-block; text-align:center; line-height:38px; width:194px; height:41px; border:1px #626262 solid; border-radius:41px;}
.abtUBz .abt2 a span{ font-size:15px; color:#1c1c1c; padding-right:22px; background:url(../images/jt1.png) right center no-repeat;}
.abtUBz .abt2 a:hover{ background:#e53e40;border:1px #e53e40 solid;transition:all 0.2s;}
.abtUBz .abt2 a:hover span{ color:#fff;background:url(../images/jt2.png) right center no-repeat;}



/* 底部 */
.bottom1{width:100%; height:auto; overflow:hidden; padding:60px 0px; background:rgb(44 44 44 / 61%);}
.botm1a{float:left;width:325px;height:auto; overflow:hidden; padding-top:20px;}
.botm1a div{ width:204px; padding-bottom:30px;}
.botm1a div img{ max-width:100%;}
.botm1a div img{ max-width:100%;}
.botm1a p{ margin-top:10px;}
.botm1a p span{font-size:12px; line-height:20px; color:#fff; }
.botm1b{ float:left; width:605px;height:430px; overflow:hidden;  border-left:1px #fff solid; border-right:1px #fff solid; padding:20px 0px 0px 55px;}
.botm1b1{width:100%;height:auto; overflow:hidden; }
.botm1b1 li{ float:left; width:160px;}
.botm1b1 li a{font-size:18px; color:#fff;}
.botm1b2{width:100%;height:auto; overflow:hidden;  margin-top:15px;}
.botm1b2 dl{ float:left;width:160px;}
.botm1b2 dt{width:92px; height:auto; overflow:hidden; margin-top:13px;}
.botm1b2 dt a{font-size:12px; color:#fff; line-height:14px;}
.botm1c{ float:right; height:auto; overflow:hidden; padding-top:20px; margin-right:35px;}
.botm1c div{ width:137px; height:auto; overflow:hidden; margin:0 auto; border:1px #efefef solid;}
.botm1c div img{ max-width:100%;}
.botm1c p{ font-size:14px; color:#fff; margin-top:20px;}

.bottom2{width:100%; height:auto; overflow:hidden; padding:20px 0px; background:#2d2c2c;border-top:1px #fff solid; text-align:center;}
.bottom2 span{font-size:14px; color:#fefefe; margin:0px 8px;}
.bottom2 a{font-size:14px; color:#fefefe; }



/* 产品中心列表 */
.productList{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:60px 0px 100px 0px;}
.prodLTop{}
.prodLTop .on1{ float: left; width: 963px; height: 68px; border: 1px #707070 solid; border-radius: 5px; text-indent: 10px;font-size:24px; color:#000;}
.prodLTop .on2{ float: right; width: 256px; height: 68px;border-radius: 5px; background: #e43e40;font-size:24px; color:#fff;}
.prodLTit{ margin-top: 10px;}
.prodLTit li{ float: left; width: 222px; height: 55px; margin-top: 15px; margin-left: 29px; overflow: hidden; border: 1px #b5b5b5 solid; border-radius: 5px; text-align: center;}
.prodLTit li a{ font-size: 16px; color: #383838; line-height: 52px; }
.prodLTit li:nth-of-type(5n-4){ margin-left:0px;}
.prodLTit li.omn{background: #e43e40;border: 1px #e43e40 solid;}
.prodLTit li.omn a{ color: #fff;}
.prodLTit li:hover{background: #e43e40;border: 1px #e43e40 solid;}
.prodLTit li:hover a{ color: #fff;}
.prodLBot{text-align:center; margin-top:10px;}
.prodLBot ul li{ float:left; width:383px; height:auto; overflow:hidden; margin-left:40px; margin-top:20px;}
.prodLBot li .prod1{width:100%; height:250px;overflow:hidden; position:relative;}
.prodLBot li .prod1 img{ max-width:100%; max-height:100%;position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.prodLBot li .prod2{ font-size:14px; color:#000; margin-top:5px;}
.prodLBot li:nth-of-type(3n-2){ margin-left:0px;}
.prodLBot li .prod1z{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;
	display: table;vertical-align: middle;padding: 10px 20px;
	background: rgba(177,255,243,0.90);
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);z-index:10;}
.prodLBot li .prod1z .prod1za{display: table-cell;vertical-align: middle;}
.prodLBot li .prod1za h2{ text-align: left; font-size: 16px;font-weight: 700;
	text-transform: uppercase;color: #333;line-height:22px;margin-bottom:9px;}
.prodLBot li .prod1za p{text-align: left;font-size: 12px;color:#333;line-height:22px;}
.prodLBot li:hover .prod1z{
	opacity:1;
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform:scaleX(1);}



/* 内页banner */
.ban1{width:100%; height:auto; overflow:hidden;margin:0 auto; }
.ban1z{ width:100%; height:auto; overflow:hidden; }   
.ban1 .ban1z-a{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;} 



.aboutUsPage{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:60px 0px 80px 0px;}
.abtUPTit{width:100%; height:auto; overflow:hidden; background: url(../images/zjx.png) center center no-repeat; text-align: center;}
.abtUPTit span{ display: inline-block; width: 305px; height: 60px; line-height: 58px; border-radius: 60px; background: #e53e40;font-size:26px; color:#fff;}
.abtUPBot{ margin-top: 55px;}
.abtUPBot p span{ font-size: 36px; color: #1c1c1c;text-transform: uppercase; font-style: oblique; margin-right: 13px;}
.abtUPBot p font{font-size: 36px; color: #1c1c1c; font-weight: bold;text-transform: uppercase;}
.abtUPBot h2{font-size: 28px; color: #1c1c1c; text-transform: uppercase; margin-top: 30px;}
.abtUPBot p i{ display: inline-block; width: 76px; height: 6px;background: #e53e40;}
.abtUPBot div{width:100%; height:auto; overflow:hidden; margin-top:30px; font-size: 20px; color: #6c6c6c; line-height: 26px;}
.abtUPBot.midCent div li.item a img{width: 100%;}


.contactUsPage{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:60px 0px 80px 0px;}
.contUPTit{ text-align: center;}
.contUPTit div{ display: inline-table;}
.contUPTit div i{ float: left; display: block; width: 48px; height: 1px; overflow: hidden;background: #e53e40; margin-top: 14px;}
.contUPTit div span{float: left;font-size: 26px; color: #000; margin: 0px 18px; line-height: 30px;}
.contUPBot{ margin-top: 70px; background: url(../images/dtb.jpg) right center no-repeat; position: relative;}
.contUPB1{ float: left; width: 630px;}
.contUPB1 .cont1{height:auto; overflow:hidden;}
.contUPB1 .cont1 p span{ font-size: 36px; color: #a2a2a2;text-transform: uppercase; margin-right: 13px; font-style: oblique; margin-right: 13px;}
.contUPB1 .cont1 p font{font-size: 36px; color: #a2a2a2; font-weight: bold;text-transform: uppercase;}
.contUPB1 .cont1 h2{font-size: 28px; color: #1c1c1c; text-transform: uppercase; margin-bottom:15px;}
.contUPB1 .cont1 p i{ display: inline-block; width: 76px; height: 6px;background: #e53e40;}
.contUPB1 .cont1 div{width:100%; height:auto; overflow:hidden; margin-top:30px; font-size: 20px; color: #6c6c6c; line-height: 26px;}
.contUPB1 .cont2{height:auto; overflow:hidden; margin-top: 45px;}
.contUPB1 .cont2 p{font-size: 18px; color: #2e2e2e; margin-bottom: 10px;}
.contUPB1 .cont3{width:130px;height:auto; overflow:hidden;margin-top: 25px;}
.contUPB1 .cont3 div{width:100%; height:auto; overflow:hidden;}
.contUPB1 .cont3 div img{width:100%;}
.contUPB1 .cont3 p{ text-align: center;font-size:14px; color: #6c6c6c; margin-top: 5px;}
.contUPB2{ float: right; width: 545px;height:auto; overflow:hidden; border-top-right-radius: 50px;}
.contUPB3{ width: 188px; height: auto; overflow: hidden; position: absolute; right: 439px; top: 275px;}


.onlineMessage{width:100%; height:auto; overflow:hidden;max-width:1920px; margin:0 auto; padding:60px 0px 80px 0px;}
.onlMBot{ margin-top: 45px;}
.onlMBot .onlM1{width:100%;height:auto; overflow:hidden;}
.onlMBot .onlM1 ul li{ float: left; width: 593px; margin-left: 41px; margin-top: 25px;}
.onlMBot .onlM1 li p font{ font-size: 18px; color: #ff5252;}
.onlMBot .onlM1 li p span{ font-size: 18px; color: #5d5d5d;}
.onlMBot .onlM1 li div{width:100%; height:40px; overflow:hidden; padding: 0px 8px; border: 1px #dcdcdc solid; border-radius: 4px; margin-top: 10px;}
.onlMBot .onlM1 li div input{ line-height: 38px; width: 100%;font-size: 18px; color: #5d5d5d;}
.onlMBot .onlM1 ul li:nth-of-type(2n-1){ margin-left: 0px;}
.onlMBot .onlM2{width:100%;height:auto; overflow:hidden;margin-top: 25px;}
.onlMBot .onlM2 p font{ font-size: 18px; color: #ff5252;}
.onlMBot .onlM2 p span{ font-size: 18px; color: #5d5d5d;}
.onlMBot .onlM2 div{width:100%; height:auto; overflow:hidden; padding:8px; border: 1px #dcdcdc solid; border-radius: 4px; margin-top: 10px;}
.onlMBot .onlM2 div textarea{width: 100%;height: 196px;overflow: hidden;font-size: 18px; color: #5d5d5d;resize: none; line-height: 28px;}
.onlMBot .onlM3{width:100%;height:auto; overflow:hidden; margin-top: 60px; text-align: right;}
.onlMBot .onlM3 input{ width:197px; height:41px; border-radius:0px; overflow:hidden; cursor:pointer; background:#c52834; font-size:17px; color:#fff; border-radius: 4px;}

.clear:after{
    display: block;
    content: '';
    clear: both;
}

/*page*/
.ly_page {
    margin: 50px 0 0 0;
}
.ly_page li {
    display: inline-block;
    border: 1px solid #f5f5f5;padding: 10px 20px;
}
.ly_page li a{
   /* padding: 10px 20px;*/
}
.ly_page li.thisclass {
    border: 1px solid #000;padding: 10px 20px;
}


.midCent.ly_foot span a {
    display: inline-block;
}

.prodLBot.midCent.index_pic ul.clear li {
    width: 24%;
    margin-left: 0;
    margin-right: 10px;
}
.prodLBot.midCent.index_pic ul.clear li:nth-child(4n){
	margin-right: 0
}

.prodLBot.midCent.list_pic ul.clear li{
	width: 19%;
	margin-left: 0;
	margin-right:10px;
}
.prodLBot.midCent.list_pic ul.clear li:nth-child(5n){
	margin-right: 0;
}