* { margin: 0; border: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
ul li { list-style: none; }
a { color: #333; text-decoration: none; }
a:focus, a:hover { text-decoration: none; }
a:focus { outline: none; outline-offset: -2px; }
input, textarea { outline: none; background-color: transparent; }
img { vertical-align: middle; }
img[src=""], img:not([src]) { opacity: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
/**herdae***/
header, main, banner, footer { width: 100%; }
header { position: fixed; top: 0; left: 0; z-index: 99999; background: #fff; padding: 15px 0; }

.head>h1.logo { float: left; }
.head>.tm { float: right; margin-top: 15px; }
.head>.tm b { margin-left: 30px; font-weight: normal; }
.head>.tm b:nth-child(1) { background: url(../images/tel.png) left center no-repeat; padding-left: 30px; }
.head>.tm b:nth-child(2) { background: url(../images/mail.png) left center no-repeat; padding-left: 30px; }
.head>.nav { float: right; padding: 0 20px; line-height: 55px; position: relative; z-index: 1; }
.head>.nav a { color: #000; }
.head>.nav .nLi { float: left; position: relative; display: inline; }
.head>.nav .nLi h3 { float: left; }
.head>.nav .nLi h3 a { display: block; padding: 0 25px; font-size: 16px; }
.head>.nav .sub { display: none; width:200%; left:-50%; top: 59px; position: absolute; background: #fff; line-height: 35px; padding-top: 10px }
.head>.nav .sub li { zoom: 1;border-bottom: 1px #ccc dashed;}
.head>.nav .sub a { display: block;padding: 6px 10px;line-height:35px; text-align:center;}
.head>.nav .sub a:hover { background: #f3f3f3; color: #000; }
.head>.nav .on h3 a { border-bottom: 2px #ccc solid; color: #000; }
/*banner */
.slideBox { width: 100%; overflow: hidden; position: relative; }
.slideBox .hd { height: 20px; overflow: hidden; position: absolute; left: 50%; bottom: 35px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 10px; width: 20px; height: 20px; background: #fff; cursor: pointer; }
.slideBox .hd ul li.on { background: #f00; color: #fff; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; position: relative; }
.slideBox .bd li img { width: 100%; display: block; }
.slideBox .bd li h3 { position: absolute; top: 30%; left: 20%; font-size: 36px; color: #fff; font-weight: normal; line-height: 50px; }
.slideBox .bd li h3 a { display: block; line-height: 30px; margin-top: 40px; background: #fff; width: 120px; font-size: 14px; text-align: center; }
/*Products*/
.Products { background: url(../images/bak1.jpg) center no-repeat; background-repeat:no-repeat; background-position:center center; background-attachment:fixed;
padding: 40px 0 30px; }

.Products .main>h2 { font-size: 40px; text-align: center; margin-bottom: 30px; }
.Products .main>p { font-size: 18px; text-align: center; margin-bottom: 30px; }
.Products .main>ul li { position: relative; overflow: hidden; }
.Products .main>ul li>span { position: absolute; top: 0; left: 0; z-index: 999; padding: 30px; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); height: 100%; transition: all .5s ease; cursor: pointer }
.Products .main>ul li>span>h4 { font-size: 18px; font-weight: 600; line-height: 30px; position: absolute; bottom: 120px; transition: all .35s ease; width: inherit; }
.Products .main>ul li>span>p { font-size: 16px; line-height: 20px; position: absolute; bottom: 90px; transition: all .35s ease; width: inherit; }
.Products .main>ul li>span>a { font-size: 18px; line-height: 20px; position: absolute; bottom: 0; background: url(../images/newk.png); width: 150px; height: 50px; line-height: 50px; text-align: center; color: #fff; text-transform: uppercase; border-radius: 35px; transition: all .35s ease; }
.Products .main>ul li:hover span { background: hwb(218.73deg 0% 0% / 18%); transition: all .5s ease; }
.Products .main>ul li:hover span>a { bottom: 85px; transition: all .5s ease; }
.Products .main>ul li:hover span>p { bottom: 150px; transition: all .5s ease; }
.Products .main>ul li:hover span>h4 { bottom: 180px; transition: all .5s ease; }
.Products .classification { display: inline-block; width: 100%; }
.Products .classification li>img { width: 100%; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.Products .classification li:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.Products .classificationL { width: 34%; float: left; margin-right: 3%; }
.Products .classificationR { width: 63%; float: right; }
.Products .classificationT { width: 100%; margin-top: 5.5%; }
.Products .classificationT>li { width: -webkit-calc(50% - 22px); width: -moz-calc(50% - 22px); width: calc(50% - 22px); float: left; }
.Products .classificationT>li:nth-child(2) { float: right; }
/**产品轮播**/
.mt14 { margin-top: 14px; }
.mr_t1 { background: url(../images/mr_1px.jpg) repeat-x left bottom; height: 40px; padding-right: 16px; }
.mr_t1name { color: #FFF; background: #2257A2 url(../images/mr_t1bg.jpg) no-repeat right top; height: 40px; width: 120px; padding-left: 21px; float: left; }
.mr_t1name img { float: left; margin-top: 9px; margin-right: 6px; display: inline; }
.mr_frbox { margin: 40px 0; display: inline-block; position: relative; width: 100%; }
.mr_frBtnL { cursor: pointer; display: inline; position: absolute; left: 0; top: 160px; z-index: 999 }
.mr_frUl { width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); overflow: hidden; margin: 0 auto; }
.mr_frBtnR { cursor: pointer; position: absolute; right: 0; top: 160px; }
.mr_frUl ul li { display: inline; float: left; width: 25%; margin-left: 0%; overflow: hidden; margin: 30px 0; }
.mr_frUl ul li .pic { margin: 15px; box-shadow: 0px 0px 5px 5px #ebe9e9; position: relative; overflow: hidden; }
.mr_frUl ul li img { display: block; width: 100%; }
.mr_frUl ul li .pic>a>h3 { position: absolute; top: 10px; left: 0; font-size: 18px; text-align: center; width: 100%; }
.mr_frUl ul li .pic>a>h4 { position: absolute; bottom: 10px; left: 0; font-size: 16px; text-align: center; width: 100%; }
.mr_frUl ul li .pic>a>em { width: 100%; height: 100%; background: url(../images/newk.png); position: absolute; top: 130%; z-index: -1; transition: all .5s ease; }
.mr_frUl ul li:hover .pic>a>em { top: 0; transition: all .5s ease; }
/***why**/
.why { width: 100%; background: url(../images/bak2.jpg) center no-repeat; background-repeat:no-repeat; background-position:center center; background-attachment:fixed;
 padding: 80px 0; }
.why>h2 { font-size: 40px; text-align: center; margin-bottom: 30px; color: #fff; }
.why>p { font-size: 18px; text-align: center; margin-bottom: 30px; color: #fff; }

.why>ul>li { float: left; width: -webkit-calc(25% - 10px); width: -moz-calc(25% - 10px); width: calc(25% - 10px); border-left: 1px #8b8b8b solid; color: #fff; height: 300px; }
.why>ul>li:nth-child(1) { border-left: 0; }
.why>ul>li>img { display: block; margin: 30px auto; }
.why>ul>li>span { line-height: 30px; text-align: center; display: block; padding: 0 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.why>ul>li:hover { background: url(../images/why_m.png); }
.why>ul>li:hover span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; padding: 0 50px; }
/***about**/
.about { width: 100%; background: url(../images/bak3.jpg) center no-repeat; background-size: 100% 100%; padding: 80px 0; }
.about>h2 { font-size: 40px; text-align: center; margin-bottom: 20px; color: #000; }
.about>b { font-size: 18px; text-align: center; display: block; margin-bottom: 40px; }

.about>a { display: block; margin: 15px auto; width: 90px; line-height: 35px; background: #fff; box-shadow: 0px 0px 5px 5px #ccc; border-radius: 35px; text-align: center; }

.about>ul>li { float: left; width: -webkit-calc(25% - 10px); width: -moz-calc(25% - 10px); width: calc(25% - 10px); color: #000; height: 100px; }
.about>ul>li:nth-child(1) { border-left: 0; }
.about>ul>li>img { display: block; margin: 10px; float: left; }
.about>ul>li>div>p { font-size: 34px; font-weight: 600; color: #004cf7; position: relative; }
.about>ul>li>div>p .Skilled { position: inherit; font-size: 40px; line-height: 20px; }
.about>ul>li>div>p>span { font-size: 16px; position: absolute; padding-left: 9px; }
/*news*/

.news>h3 { font-size: 35px; font-weight: 600; color: #000; position: relative; padding-bottom: 15px; }
.news>h3>em { width: 50px; height: 0; border: 2px #000 solid; position: absolute; left: 0; bottom: 1px; z-index: 10; }
.news>h3>hr { border-bottom: 1px #ccc solid; width: 100%; display: block; position: absolute; bottom: 2px; }
.news .newl { width: -webkit-calc(100% - 530px); width: -moz-calc(100% - 530px); width: calc(100% - 530px); float: left; margin-top: 40px; }
.news .newl>ol>li { width: 46%; float: left; list-style-type: none; margin-right: 2%; }
.news .newl>ol>li>em { font-style: inherit; font-size: 16px; }
.news .newl>ol>li>h6 { font-size: 20px; word-break: break-word; font-weight: 600; line-height: 30px; padding: 15px 0; }
.news .newl>ol>li>p { width: 90%; word-break: break-word; line-height: 30px; color: #666; }
.news .newl>ol>li>a { color: #03F; font-size: 18px; text-transform: uppercase; background: url(../images/more.png) right center no-repeat; padding-right: 30px; margin-top: 30px; display: block; width: 70px; }
.news .newr { width: 530px; float: left; }
.picScroll-left { overflow: hidden; position: relative; float: right; margin-top: 40px; }
.picScroll-left .hd { overflow: hidden; height: 30px; background: #f4f4f4; position: absolute; z-index: 999; width: 100%; bottom: 0px; background: url(../images/newk.png); }
.picScroll-left .hd ul { overflow: hidden; zoom: 1; zoom: 1; margin: 10px auto; width:75px; }
.picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: #ccc; }
.picScroll-left .hd ul li.on { background: #f00; }
.picScroll-left .bd { }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li { float: left; _display: inline; overflow: hidden; text-align: center; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 500px; height: 290px; display: block; }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-left .bd ul li .title { line-height: 24px; }
.h_message { width: 100%; background: url(../images/bak4.png)#007fff center no-repeat; background-size:100% 100%;}

.h_message>div>a { display: block; float: right; color: #fff; line-height: 50px; font-size: 18px; padding: 0 45px; background: hsl(0deg 0% 100% / 28%); border-radius: 35px; }
footer { width: 100%; background: url(../images/bak5.jpg) center no-repeat; background-size: 100% 100%; display: inline-block; }

footer>ul>li { float: left;color: #CCC; margin-left: 2%; }
footer>ul>li b { padding-bottom: 10px; display: block; font-size: 18px; }
footer>ul>li a { color: #ccc; display: block; line-height: 30px; font-size: 16px; }
footer>ul>li span { line-height: 30px;display: block;}
footer>ul>li span em{font-style: inherit;}
footer>ul>li span a { display: block; float: left; margin-right: 10px; }
footer>ul>li:nth-child(1) { margin-left: 0 ;width: 290px;}
footer>ul>li:nth-child(2) { width: 520px;; }
footer>ul>li:nth-child(3) { width:150px; }
footer>ul>li:nth-child(4) { width:150px; }
footer>ul>li:nth-child(5) { width:300px; }
footer>p { width: 100%; text-align: center; border-top: 1px #ccc solid; line-height: 40px; color: #CCC; }
footer>ul>li:nth-child(1) p{ line-height:30px; margin-top:5px;}
footer>ul>li:nth-child(2) a{ display:block; float:left;width:48%;margin-right: 2%;}
/**n_banner**/
.n_ban { zoom: 1; width: 100%; vertical-align: middle; position: relative; }
.n_ban>img { width: 100%; display: block; }
.n_ban>h3 { position: absolute; bottom: 30%; font-size: 36px; color: #fff; font-weight: normal; text-align: center; width: 100% }
/**page*/
.page { width: 100%; background: url(../images/bak3.jpg) center no-repeat; background-size: 100% 100%; padding: 80px 0; }
.page>h2 { font-size: 40px; text-align: center; margin-bottom: 20px; color: #000; }
.page>b { font-size: 18px; text-align: center; display: block; margin-bottom: 40px; }

/**contact**/
.flex_33 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex-cc { display: flex; align-items: center; justify-content: space-between; }
.flexed { display: flex; justify-content: space-between; flex-wrap: nowrap; display: -webkit-flex; }
.flexs { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.h23_box1 { margin-top: 50px; }
.lx_23 { width: 32%; }
.lx_23 h2 { font-size: 30px; font-weight: 600; line-height: 32px; letter-spacing: 0px; color: #333333; }
.lx_23 h3 { font-size: 16px; font-weight: 400; line-height: 32px; letter-spacing: 0px; color: #666666; margin-top: 10px; }
.tel_23 { background: url(//cdn.myxypt.com/574f880f/23/07/a9309786b40ae8fd95d14fbae20bd93cfbd19644.png) no-repeat center left; padding: 5px 0; padding-left: 55px; margin-top: 38px; }
.tel_23 p:nth-child(1) { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; color: #333333; }
.tel_23 p:nth-child(2) { font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; color: #333333; }
.dh_23 { margin-top: 38px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 44px; letter-spacing: 0px; color: #333333; }
.dh_23 p { padding-left: 30px; line-height: 44px; letter-spacing: 0px; color: #333333; }
.dh_23 p:nth-child(1) { background: url(//cdn.myxypt.com/574f880f/23/07/326788035691db58f93df07881fc6e499d119f20.png) no-repeat left 50%; }
.dh_23 p:nth-child(2) { background: url(//cdn.myxypt.com/574f880f/23/07/7ab2e96ccdbe6be683ec25fbc89691b7e8e8f38e.png) no-repeat left 50%; }
.dh_23 p:nth-child(3) { background: url(//cdn.myxypt.com/574f880f/23/07/ecfe77f123cf9ace29a6fa17f9c667c858ec39a0.png) no-repeat left 50%; }
.wm23 { margin-top: 2.5vw; }
.wm23 img { max-width: 100%; }
.mess_23 { width: 44%; box-shadow: 0 0 10px #999; border-bottom: 6px solid #16599c; padding: 30px; background: #fff; }
.mess_23 h2 { font-size: 22px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #333333; }
.mess_23 h3 { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; }
.x-message2 { margin-top: 20px; }
.x-message2-wrap .row { margin-left: -5px; font-size: 0; margin-right: -5px; }
.x-message2-wrap div[class^='col-'] { padding-left: 5px; padding-right: 5px; position: relative; }
.x-message2-wrap input[type='text'], .x-message2-wrap textarea { width: 100%; height: 62px; padding: 0 10px; font-size: 14px; color: #999999; background: none; outline: none; margin-bottom: 10px; border: none; border-bottom: 1px solid #dee0e2; }
 .x-message2-wrap input[type='text']::-webkit-input-placeholder, .x-message2-wrap textarea::-webkit-input-placeholder {
 color:#999999
}
 .x-message2-wrap input[type='text']::-moz-placeholder, .x-message2-wrap textarea::-moz-placeholder {
 color:#999999
}
 .x-message2-wrap input[type='text']::-ms-input-placeholder, .x-message2-wrap textarea::-ms-input-placeholder {
 color:#999999
}
 .x-message2-wrap input[type='text']::placeholder, .x-message2-wrap textarea::placeholder {
 color:#999999
}
.x-message2-wrap textarea { padding-top: 5px; height: 62px; resize: none; }
.x-message2-wrap #checkcode { float: left; width: 30%; margin-bottom: 0; }
.x-message2-wrap .checkCodeImg { float: left; display: block; text-align: center; width: 19%; height: 62px; border: 1px #f5f5f5 solid; margin: 0 4.5%; }
.x-message2-wrap .checkCodeImg img { width: 100%; height: 100%; display: inline-block; vertical-align: middle; }
.x-message2-wrap .checkCodeImg:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.x-message2-wrap .checkCodeImg img { cursor: pointer; }
.x-message2-wrap .x-submit { float: right; width: 37.5%; height: 62px; background: #16599c; color: #fff; font-size: 14px; border: none; outline: none; -webkit-transition: all .5s ease; transition: all .5s ease; }
.x-message2-wrap .x-submit:hover { background: #16599c; }
.x-message2-wrap .form-control { border-radius: 0px; border-top: none!important; box-shadow: inset 0 1px 1px rgba(255,255,255,1); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.x-message2-wrap #checkcode { border-top: none }
.shengm { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #666666; margin-top: 20px; }
.shengm span { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #666666; }
.ming { font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 20px; letter-spacing: 0px; color: #999999; margin-top: 8px; }
.map23 { width: 100%; margin: 0 auto; margin-top: 80px;}
.map23 img { width: 100%; }
/***about*/
.ab-index.about { background: url(../images/bak3.jpg) center no-repeat; background-size: 100% 100%; width: auto; }
.about>ul { width: auto; }
.ab-index { padding: 0; }
.ab-index .at1 { color: #000000; font-size: 36px; text-align: center; }
.ab-index .at1 span { display: block; width: 60px; height: 3px; margin: 0 auto; background: #1451a2; margin-top: 1vw; }
.ab-index .aw { margin-top: 2.60416666666667vw; }
.ab-index .aw p { }
.anumber-wrap { margin-top: 3.38541666666667vw; }
.anumber-wrap .num1 { justify-content: flex-start; align-items: flex-end; }
.anumber-wrap .num1 .counter { color: #333333; font-size: 42px; line-height: 1; }
.anumber-wrap .num2 { height: 24px; line-height: 24px; color: #333333; margin-left: 3px; font-size: 14px; }
.anumber-wrap .num3 { color: #888888; font-size: 16px; margin-top: 8px; }
/* 发展历程 */
.history-bg { background: url(//cdn.myxypt.com/574f880f/23/03/d5a9a3bba03406a257d4bd35cbfa115a91a60cd0.jpg) no-repeat top center; background-size: 100% 100%; padding: 5.72916666666667vw 0; }
.hist { text-align: center; color: #ffffff; font-size: 36px; }
.historySwiper { overflow: hidden; margin-top: 4.6875vw; position: relative; }
.historySwiper::before { content: ''; position: absolute; top: 64px; left: 0; right: 0; width: 90%; margin: 0 auto; height: 1px; background: rgba(255,255,255,.7); }
.historySwiper .swiper-slide .fz1 { color: #fff; font-size: 26px; font-weight: 600; text-align: center; }
.historySwiper .swiper-slide .fz2 { background: url(//cdn.myxypt.com/574f880f/23/03/f7c3b60dfd82c567bd9d48c2c20b5e9af665841f.png) no-repeat center center; width: 22px; height: 22px; margin: 0.78125vw auto; }
.historySwiper .swiper-slide .fz3 { margin-top: 1.30208333333333vw; }
.historySwiper .swiper-slide .fz3 p { font-size: 15px; color: rgba(255,255,255,.7); line-height: 1.533; margin-bottom: 0.78125vw; text-align:center;}
.historySwiper .swiper-slide:hover .fz2 { background: url(//cdn.myxypt.com/574f880f/23/03/d98b520b5834854a8b116ca3c6d0be4bd199ac06.png) no-repeat center center; }
/* 荣誉资质 */
.honor-bg { background: #fafafa; padding-top: 4.16666666666667vw; padding-bottom: 4.6875vw; }
.honor-index { }
.ht1 { color: #000000; font-size: 36px; text-align: center; }
.ht1 span { display: block; width: 60px; height: 3px; margin: 0 auto; background: #1451a2; margin-top: 1vw; }
.honorlist { margin-top: 3.125vw; flex-wrap: wrap;    display: inline-block; }
.honorlist li { width: 21.53%; margin-bottom: 1vw;float:left; margin:1%;}
.honorlist li .img1 img { width: 100%; }
.honorlist li .wz { text-align: center; color: #333333; font-size: 16px; padding: 12px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.htw { margin-top: 2.5vw; }
.htw p { color: #666666; font-size: 16px; text-align: center; }
/* 社会公益 */
.social-bg { background: url(//cdn.myxypt.com/574f880f/23/03/4690184d9c0f0fc6773ac27c999ea7d52a9e3fb5.jpg) no-repeat top center; background-size: 100% 100%; padding-top:60px; padding-bottom:60px; }
.social-list {display: inline-block;}
.social-list li { width:23%;float:left; margin:1%;}
.social-list li .img1 img { width: 100%; }
.social-list li .wz { text-align: center; background: #ffffff; padding: 1vw 5px; color: #333333; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* foot */
.ft_layout { position: relative; background: #323536; }
.ftt_top { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 6.25vw; padding-bottom: 3.125vw; }
.ftt_aa { position: relative; width: 295px; }
.ftt_phone1 { position: relative; padding-right: 55px; border-bottom: 1px solid #747677; padding-bottom: 15px; margin-bottom: 20px; background: url(//cdn.myxypt.com/574f880f/23/03/2eb5078d96dde670974d99366c51d51bf526dc7a.png) no-repeat right center; }
.ftt_phone1 span { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.4); margin-bottom: 5px; }
.ftt_phone1 h3 { font-family: "Arial"; font-size: 30px; color: #fff; font-weight: bold; }
.ftt_phone2 { margin-bottom: 2.083vw; font-size: 14px; color: rgba(255, 255, 255, 0.4); line-height: 1.7; }
.ftt_phone3 { position: relative; width: 120px; text-align: center; margin-bottom: 20px; }
.ftt_phone3 img { max-width: 120px; }
.ftt_phone3 p { font-size: 14px; color: rgba(255, 255, 255, 0.4); line-height: 40px; font-weight: bold; }
.x-layout-menu { width: 800px; position: relative; display: flex; justify-content: space-between; }
.x-layout-menu dl { position: relative; float: left; }
.x-layout-menu dl dt { font-size: 16px; font-weight: normal; margin-bottom: 15px; color: #c7c7c7; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.x-layout-menu dl dd a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.2); line-height: 2.2; }
.x-layout-menu dl dd a:hover { color: rgba(255, 255, 255, 1); }
/***product***/
.xypg-pagination { margin-top: 20px; text-align: center; font-size: 0; }
.xypg-pagination .pagin-left, .xypg-pagination .pagin-mid, .xypg-pagination .pagin-right, .xypg-pagination .pagin-select { display: inline-block; vertical-align: middle; }
.xypg-pagination a, .xypg-pagination #current { display: inline-block; font-size: 14px; color: #7a7a7a; font-family: "Microsoft YaHei", Arial; line-height: 26px; border: 1px solid #cbcbcb; margin: 0 5px; padding: 3px 12px; }
.xypg-pagination #current, .xypg-pagination a:hover { border-color: #7a7a7a; }
.xypg-pagination .pagin-mid { font-size: 14px; }
.xypg-pagination .pagin-mid .mob-pagin-mid { display: none; }
.xypg-pagination .pagin-select { font-size: 14px; }
.xypg-pagination .pagin-select select { height: 28px; padding: 0 8px; margin: -1px 5px 0 5px; }
 @media (max-width: 768px) {
.xypg-pagination .pagin-mid .pc-pagin-mid { display: none; }
.xypg-pagination .pagin-mid .mob-pagin-mid { display: block; }
.xypg-pagination .pagin-mid .mob-pagin-mid span { display: inline-block; padding: 0 8px; line-height: 28px; font-size: 14px; }
.xypg-pagination .pagin-select { display: none; }
}
/* 详细页分页样式 */
.paging_num { padding: 10px 0; }
.paging_num a { padding: 0 7px; text-align: center; display: inline-block; border: 1px dashed #e0e1dc; color: #666; margin-right: 8px; }
.paging_num a.paging_hover, .paging_num a:hover { border-color: #077ee3; }
.cate-list { margin-bottom: 32px; box-shadow: 1.5px 2.6px 10px 0px rgba(0, 0, 0, 0.2); }
.cate-list ul li { position: relative; display: inline-block; }
.cate-list ul li a { display: block; font-size: 16px; padding: 20px; }
.cate-list ul li:hover>a, .cate-list ul li.on>a { color: #333; }
.cate-list ul li:hover:after, .cate-list ul li.on:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; border-bottom: 2px solid #000; }
.sub-cate > li { font-size: 16px; height: 40px; border: 1px solid #7a7a7a; display: inline-block; margin: 0 1.5vh 1.5vh 0; position: relative; padding: 0 15px; text-align: center; }
.sub-cate > li > a { line-height: 38px; color: #303030; }
.sub-cate > li.on { background: #1856c7; }
.sub-cate > li.on a { color: #fff; }
.sub-cate > li.active, .sub-cate > li:hover { background: #1856c7; }
.sub-cate > li.active > a, .sub-cate > li:hover > a { color: #fff; }
.sub-cate > li:hover .subnav { display: block; }
.sub-cate .subnav { position: absolute; left: -1px; top: 40px; width: calc(100% + 2px); z-index: 999; background: #fff; display: none; box-shadow: 1px 1.7px 10px 0px rgba(0, 0, 0, 0.2); text-align: left; padding: 5px 0; }
.sub-cate .subnav > li { line-height: 32px; font-size: 16px; color: #303030; }
.sub-cate .subnav > li:hover a { /* background: #ccc; */
color: #303030; }
.sub-cate .subnav > li > a { color: #666; display: block; padding: 0 19px; transition-duration: .3s; }
.sub-cate-list { margin-bottom: 48px; }
/****/
/** 产品列表 **/
.xypg-product-list { margin: 0 -3px; }
.xypg-product-list li { width: 31%; margin: 1%; position: relative; border: none; background-color: #f5f5f5; display: inline-block; vertical-align: bottom; transition: all .5s ease; }

.xypg-product-list li h3 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background: url(../images/newk.png); }
.xypg-product-list li img { width: 100%;border: 1px #f3f3f3 solid;}
.xypg-product-list li h3 a { font-size: 18px; color: #fff; line-height: 40px; padding: 0; }
.xypg-product-list li span { font-size: 1vh; color: #7a7a7a; position: absolute; bottom: 5%; right: 5%; }
.xypg-product-list li:hover { border: none; -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); }
 @media (max-width: 768px) {
.container-fluid { padding: 0 4%; }
.xypg-product-list li { width: calc(50% - 6px); }
}
 @media(max-width: 992px) {
.page-wrap { padding-top: 30px; }
}
 @media(max-width: 480px) {
.xypg-product-list li h3 a { font-size: 14px; }
}

.pp_sort {}
.pp_sort>li { position: relative; border: none; line-height:30px;}
.pp_sort>li>a { padding: 10px 5px; padding-left: 20px; }
.pp_sort>li>a>span{ font-size:22px; font-weight:600;padding-right:5px;color:#1467bb;}
.page-wrap-left { float: right; width:300px;}
.page-wrap-right{width:-webkit-calc(100% - 320px);width:-moz-calc(100% - 320px);width:calc(100% - 320px);}
.page-product-detail-box{display: inline-block; width:100%; padding-bottom:40px; }
.product-detail-tabli{ font-size:22px; line-height:50px;border-bottom:1px #f5f5f5 solid; margin-bottom:20px; width:100%;padding-bottom:10px;}
.product-detail-tabbox>div img{ height:auto!important; max-width:100%!important;}
.xypg-left { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
.xypg-left-box { margin-bottom: 20px; }
.product-detail-item li{line-height:30px;}
.xypg-left-title { background: transparent; padding: 10px; position: relative;display: inline-block;width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:calc(100% - 20px);line-height: 33px;}
.ContactNow>a{ text-align:center; color:#fff; line-height:40px; background:#1467bb; margin:10px; display:block;}
.xypg-left-title h3 { font-size: 24px; color: #333333; line-height: 30px; font-weight: 400; position: relative; padding-bottom: 15px; z-index: 9;margin-top: 25px;}
.xypg-left-title h3::before { position: absolute; left: 0px; bottom: 0px; width: 48px; height: 2px; content: ""; background: #ffba00; }
.xypg-left-title i { position: absolute; left: -5px; top: -9px; font-style: normal; font-size: 67px; font-weight: bold; opacity: .1; color: #fff; line-height: 1; z-index: 1; text-transform: uppercase; display: none; }
.xypg-left-title span { font-weight: normal; font-size: 16px; color: #fff; opacity: .6; margin-left: 10px; text-transform: capitalize; display: none; }
.xypg-left-title span:before { content: "/"; padding-right: 5px; display: none; }
.xypg-left-con { border-top: none; border: none; }
.page-product-detail-effect { float: left;max-width: 420px;}
.page-product-detail-effect .big-img {box-shadow:0px 0px 5px 5px #ededed;}
.page-product-detail-effect .big-img a { display: block; text-align: center; width: 100%; height: 390px; font-size: 0; }
.page-product-detail-effect .big-img a img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.page-product-detail-effect .big-img a:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.page-product-detail-right { padding-left: 480px;}
.page-product-detail-right > h2 { font-size: 22px; color: #0d0d0d; font-weight:600; margin-bottom: 20px; }
.pp_sort .xypg-left-subnav { text-indent: 20px; }
.pp_sort .xypg-left-subnav>li { position: relative; border: none; }
.pp_sort .xypg-left-subnav>li>a { color: #333333; }
.pp_sort .xypg-left-threenav { text-indent: 30px; display: none; }
.pp_sort .xypg-left-threenav>li>a { color: #333333; }
.PRform{width: 90%;max-width: 650px;}
.PRform>input{ padding-left:15px;height:40px;margin-top: 15px;border: 1px #ebebeb solid;float:left;}
.PRform>textarea{ width:100%; height:80px;margin-top: 15px;border: 1px #ebebeb solid;padding:15px;}
.PRform>.sub{ width:100%;}
.PRform>.sub>input{ width:30%;padding-left:15px;height:40px;margin-top: 15px;border: 1px #ebebeb solid;float:left;}
.PRform>.sub>img{width:-webkit-calc(30% - 2px);width:-moz-calc(30% - 2px);width:calc(30% - 2px); float:left; border:1px #CCCCCC solid; margin:0px 5%; height:38px; margin-top:15px;}



.xypg-news-list li { border: 1px solid #e1e1e1; width:47%; float:left; padding:1%; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s; }
.xypg-news-list li:nth-child(2n){ float:right;}
.xypg-news-list li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative; }
.xypg-news-list li .tit h3 { padding-bottom: 15px; font-size: 18px; color: #565656; font-weight: normal; padding-right: 25%; margin: 0; }
.xypg-news-list li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666666; }
.xypg-news-list li .info { font-size: 14px; line-height: 2; color: #999999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.xypg-news-list li .more { margin-top: 15px; }
.xypg-news-list li .more span { display: inline-block; width: 130px; line-height: 33px; text-align: center; font-size: 14px; color: #666666; border: 1px solid #e1e1e1; -webkit-transition: all .5s ease; transition: all .5s ease; }
.xypg-news-list li:hover { -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); }
.xypg-news-list li:hover .tit h3 { color: #077ee3; }
.xypg-news-list li:hover .more span { color: #fff; background-color: #077ee3; }
 @media (max-width: 990px) {
.xypg-news-list li .tit { border-bottom: none; }
.xypg-news-list li .tit h3 { padding-right: 0; padding-bottom: 10px; }
.xypg-news-list li .tit .date { position: static; border-bottom: 1px solid #cbcbcb; padding-bottom: 5px; color: #999; }
}

.xypg-detail-title {font-size: 20px;color: #363636;font-weight: bold;margin-bottom: 19px;padding-bottom: 10px;line-height: 1.7;border-bottom: 1px #ccc dashed;}
.xypg-detail-info-bar { font-size: 14px; font-family: Arial; color: #9e9e9e; line-height: 35px; border-bottom: 1px dashed #cfcfcf; margin-bottom: 20px; }
.xypg-detail-info-bar .baidu-share { float: left; margin-left: 25px; margin-top: 7px; }
.xypg-detail-info-bar .detail-info-time { float: left; margin-right: 20px; position: relative; padding-left: 25px; }
.xypg-detail-info-bar .detail-info-time i { position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); left: 0; }
.xypg-detail-info-bar .detail-info-time i:after { opacity: .5; background-position: 0 -360px; }
.xypg-detail-info-bar .detail-info-numbers { float: left; position: relative; padding-left: 25px; }
.xypg-detail-info-bar .detail-info-numbers i { position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); left: 0; }
.xypg-detail-info-bar .detail-info-numbers i:after { opacity: .5; background-position: 0 -330px; }
.xypg-detail-info-bar .xypg-file-down { float: right; position: relative; }
.xypg-detail-info-bar .xypg-file-down .file-down-title { cursor: pointer; position: relative; padding-left: 25px; }
.xypg-detail-info-bar .xypg-file-down .file-down-title i { position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); left: 0; }
.xypg-detail-info-bar .xypg-file-down .file-down-title i:after { background-position: 0 -630px; }
.xypg-detail-info-bar .xypg-file-down .file-down-title:hover { color: #077ee3; }
.xypg-detail-info-bar .xypg-file-down .file-down-list { position: absolute; z-index: 9999; width: 250%; right: 0; background: #fff; display: none; }
.xypg-detail-info-bar .xypg-file-down .file-down-list li { padding: 10px 0; border-top: 1px dashed #cfcfcf; }
.xypg-detail-info-bar .xypg-file-down .file-down-list li .icon { float: left; font-size: 40px; line-height: 40px; margin-right: 5px; height: 40px; }
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con { overflow: hidden; line-height: 1; }
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p { font-size: 12px; margin-bottom: 0; line-height: 20px; }
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a { font-size: 12px; }
.xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con a:hover { color: #077ee3; }
.xypg-detail-pn{ width:100%;border-top: 1px #ccc dashed; margin-top:20px; padding-top:10px;}

.head { width: 80%; margin: 0 auto; }
.max1240 { width:80%; margin: 0 auto; }
.Products .main { width: 80%; margin: 0 auto;}
.tong {width:80%; margin-left: auto; margin-right: auto; }
.why>ul { width: 80%; margin: 0 auto;display: flow-root; }
.about>ul { width: 80%; margin: 50px auto; display: flow-root; }
.news { width: 80%; background: #edf6fb; padding: 0 10%; padding-top: 40px; padding-bottom: 40px; display: inline-block; }
footer>ul { width: 80%; margin: 75px auto 55px; display: flex; }
.h_message>div { width: 80%; margin: 0 auto; text-align: left; line-height: 50px; padding: 60px 0; font-size: 28px; color: #fff; }
.page>.n_main { width: 80%; margin: 0 auto; display: block; }
.page-wrap { width: 80%; margin: 0 auto; }
.about>p { font-size: 18px; text-align: center; margin-bottom: 30px; color: #000; width: 80%; margin: 0 auto; display: block; line-height: 35px; }
.xypg-news-detail{ width:80%; margin:0 auto;}
/*
@media (max-width: 1920px)  {
.head { width: 80%;}
.max1240 { width:80%;}
.Products .main { width: 80%;}
.tong {width:80%;}
.why>ul { width: 80%;}
.about>ul { width: 80%;}
.news { width: 80%;}
footer>ul { width: 80%;}
.h_message>div { width: 80%;}
.page>.n_main { width: 80%;}
.page-wrap { width: 80%; }
.about>p { width: 80%;}
.xypg-news-detail{ width:80%;}
}*/
@media (min-width: 1600px)  {
.head, .max1240 , .Products .main, .tong, .why>ul, .about>ul, .news, footer>ul, .h_message>div, .page>.n_main, .page-wrap, .about>p, .xypg-news-detail{max-width:1600px;}
}
@media (max-width:1700px){footer>ul>li:nth-child(4){display:none}}
@media (max-width:1620px){footer>ul{ width:85%;} footer>ul>li{margin-left: 1.2%;}}
@media (max-width:1560px)  {
.head>.nav .nLi h3 a{padding: 0 23px;}
.head{ width:85%}
.lx_23 {width: 45%;}
footer>ul>li:nth-child(3) {width: 130px;}
}
@media (max-width:1460px)  {
.head, .max1240 , .Products .main, .tong, .why>ul, .about>ul, .news, footer>ul, .h_message>div, .page>.n_main, .page-wrap, .about>p, .xypg-news-detail{ width:90%;}
footer>ul>li:nth-child(3) { display:none}
.xypg-news-list li .tit h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height: 25px;line-height: 35px;}
}
@media (max-width:1360px)  {
.head>.nav .nLi h3 a{padding: 0 25px;}
.head>.tm b:nth-child(2){display:none}
.x-message2-wrap .x-submit{width: 37%;}
}
@media (max-width:1360px)  {
.sub-cate > li{padding: 0 6px;}
}
@media (max-width:1200px)  {
footer>ul>li span>em{ display:block;font-weight: 600;}
.about>ul>li>img{ width:50px;}
.page-wrap-left{ display:none;}
.page-wrap-right{ width:100%;}
.head>.tm b{ margin-left:0;}
.head>.nav .nLi h3 a {padding: 0 16px;}
}
@media (max-width:1000px)  {
.lx_23 {width:100%;}
.lx_23 h2{ display:none}
.lx_23 h3{ text-align:center;}
.tel_23{width:50%; float:left;}
.dh_23 p:nth-child(1){width:50%; float:left;}
.dh_23 p:nth-child(2){ background:none}
.wm23 img {max-width: 100%;width: 24%;margin: 0px 4%;}
.mess_23{ width:100%; margin-top:30px;}
.xypg-product-list li{width:47.5%;}
.xypg-news-list li{ width:98%;}
.sub-cate-list{ display:none}
.product-detail-tabli{ text-align:center;}
.honorlist li{ width:31%;}
.social-list li{ width:48%;}
}