@charset 'UTF-8';

/*css*/
/*统一样式*/
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*
body,html {-webkit-user-select: none;user-select: none}
*/
div{margin:0;padding:0;}
a,img,button,input,textarea,span,i,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{font-size:13px; line-height:1.5;font-family: "微软雅黑"; font-weight:400;min-width:320px;max-width:640px;height: 100%;margin: 0 auto; background:#fff; color:#2a2926;}
ul,li{list-style:none;}
img{border:none; vertical-align:bottom;}
a{color:#2a2926; text-decoration:none;}
*:focus{outline: 0;}
em,i{font-style:normal;}
.fl{float:left;}.fr{float:right;}
.ma{margin:0 auto;}
.height{height:0.2rem;width:100%;}
.heights{height:0.3rem;width:100%;}
.clearfix:after{content: "020"; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom: 1;}
.clear{clear: both;}
.wrap{ width:100%; min-width:320px; max-width:640px; margin-left:auto; margin-right:auto;}
.text-clip{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.g-img img{width:100%;}
/*苹果按钮兼容*/
input, textarea { outline:none; }input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }
input, textarea, keygen, select, button, isindex { margin: 0em; font: -webkit-small-control; color: initial; word-spacing: normal; text-transform: none; text-indent:0px; text-shadow: none; display: inline-block; text-align: start; outline:medium; }
/*媒体查询*/
@media only screen and (min-width:480px){html,img{font-size:200px}}
@media only screen and (min-width:600px) and (max-width:640px){html,img{font-size:187.5px}}
@media only screen and (min-width:560px) and (max-width:600px){html,img{font-size:175px}}
@media only screen and (min-width:520px) and (max-width:560px){html,img{font-size:162.5px}}
@media only screen and (min-width:480px) and (max-width:520px){html,img{font-size:150px}}
@media only screen and (min-width:420px) and (max-width:480px){html,img{font-size:131.25px}}
@media only screen and (min-width:360px) and (max-width:420px){html,img{font-size:112.5px}}
@media only screen and (min-width:320px) and (max-width:360px){html,img{font-size:100px}}
@media only screen and (max-width:320px){html,img{font-size:100px}}
.h10{height:10px;}
.h15{height: 15px;}
.h20{height: 20px}
.h30{height: 30px}
.h50{height: 50px}
.h70{height: 70px}
/* 头部开始 */
.header{position: relative;}
.header-img{margin-top: 10px;}
.header-right_img{position: absolute; right:10%;top: 2%;width: 10%;}
/* banner轮播开始 */
.slideBox1{overflow:hidden; position:relative;width:100%; margin:0 auto;}
.slideBox1 .hd{ height:12px; overflow:hidden; position:absolute; right:45%; bottom:5px; z-index:1; }
.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox1 .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px;border-radius:50%;text-align:center; background:#fff; cursor:pointer; }
.slideBox1 .hd ul li.on{ background:#E85A42; color:#fff; width:10px; height:10px;border-radius:50%;}
.slideBox1 .bd{ position:relative; height:100%; z-index:0;}
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
/* 导航 */
.nav{padding: 2% 15%;background: #D2D2D2;}
.nav ul li{margin-left:15%;}
.nav ul li:first-child{margin-left: 0px;}
.nav li a{font-size: 15px;color: #515151;}
.nav1 div {width: 100%;;}
.nav ul .hover{background: url(../images/nav1_01.png) no-repeat 2px 0px;color: #dd5103;padding-top: 90%}
.nav ul .nav_1:hover {background: url(../images/nav1_01.png) no-repeat 2px 0px;color: #dd5103;padding-top: 90%}

.nav ul .nav_2{background: url(../images/nav_02.png) no-repeat 2px 0px;padding-top: 90%}
.nav ul .nav_2:hover {background: url(../images/nav1_02.png) no-repeat 2px 0px;color: #dd5103;}

.nav ul .nav_3{background: url(../images/nav_03.png) no-repeat 2px 0px;padding-top: 90%}
.nav ul .nav_3:hover {background: url(../images/nav1_03.png) no-repeat 2px 0px;color: #dd5103;}

.nav ul .nav_4{background: url(../images/nav_04.png) no-repeat 2px 0px;padding-top: 90%}
.nav ul .nav_4:hover {background: url(../images/nav1_04.png) no-repeat 2px 0px;color: #dd5103;}
/* 第一部分产品中心 */
.cpzx{padding: 0 2%;}
.cpzx_nr{width: 100%;}
.cpzx_nr .cpzx_tit{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.cpzx_nr .cpzx_tit li{background: #EEEEEE;padding: 1% 2%;width: 28%;margin-left: 1%;margin-top: 1%;text-align: center;font-size: 17px;}
.cpzx_nr .cpzx_tit .hover{background: #004DA0;color: #ffffff;}
.cpzx_nr .cpzx_tit li:hover{background: #004DA0;color: #ffffff;}
.cpzx_nr .cpzx_tit a{background: #EEEEEE;padding: 1% 2%;width: 28%;margin-left: 1%;margin-top: 1%;text-align: center;font-size: 17px;}

.cpzx_nr .cpzx_list{width: 100%;}
.cpzx_nr .cpzx_list li{border: 1px #CCCCCC solid;width: 31.6%;margin-left: 1%;margin-top: 2%;float: left;height: 1.6rem;position: relative;}
.cpzx_list01 {/*padding: 2% 10%;*/width: 100%;height: 1.2rem;vertical-align: middle;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;}
.cpzx_list01 img{width: 100%;}
.cpzx_list .tit{position: absolute;left: 0%;bottom: 0%;height: 0.4rem;display: flex;align-items: center;background: #EEEEEE;width: 100%;}
.cpzx_list .tit p{color: #333333;font-size: 15px;background: #EEEEEE;width: 100%;text-align: center;padding: 0%;}
/* 第二部分 公司简介 */
.gsjj{background: url(../images/gsjj-bg.png) no-repeat;width: 100%;}
.gsjj_content{padding: 5% 2%;}
.gsjj-tit{margin: 0 auto;}
.gsjj-tit span{margin: 0 auto;border-bottom:1px #ffffff solid;width: 100%;height: 1px;display: block;padding-top: 1%;}
.gsjj_content-nr p{font-size: 18px;color: #333333;line-height: 0.15rem;text-indent: 40px;}
/* 荣誉资质 */
.ryzz{}
.ryzz-tit{margin: 0 auto;}
    /* 荣誉资质轮播开始 */
/* .slideBox2{overflow:hidden; position:relative;width:100%; margin:0 auto;}
.slideBox2 .bd{ position:relative; height:100%; z-index:0;}
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .prev{ position:absolute;  left:10px; top: 60px; display:block; width:25px; height:43px; overflow:hidden; background:url(../images/sxyc_pic_upper.png) 0px 0 no-repeat; cursor:pointer;  }
.slideBox2 .next{ position:absolute;  left:10px; top: 60px; display:block; width:25px; height:43px; overflow:hidden; background:url(../images/sxyc_pic_next.png) 0px 0 no-repeat; cursor:pointer;  }
.slideBox2 .next{ left:auto; right:10px; background-position:0px 0; }
.slideBox2 .prevStop{ background-position:0 0; }
.slideBox2 .nextStop{ background-position:0 0; } 


.ryzz_nr{padding: 0% 0%;width: 80%;margin: 0 auto;}
.ryzz_nr ul{}
.ryzz_nr ul li{display: flex;flex-direction: row;flex-wrap: wrap;}
.ryzz_nr ul li .ryzz01{background: url(../images/ryzz_01.png) no-repeat;width: 30%;height: 1.2rem;position: relative;background-size: 100% 100%;}
.ryzz_nr ul li .ryzz02{margin-left:5%;background: url(../images/ryzz_02.png) no-repeat;width: 30%;height: 1.2rem;position: relative;background-size: 100% 100%;}
.ryzz_nr ul li .ryzz03{margin-left:5%;background: url(../images/ryzz_03.png) no-repeat;width: 30%;height: 1.2rem;position: relative;background-size: 100% 100%;}
.ryzz_nr ul li .ryzz04{margin-left:5%;background: url(../images/ryzz_04.png) no-repeat;width: 30%;height: 1.2rem;position: relative;background-size: 100% 100%;}
.ryzz_nr ul li .ryzz05{margin-left:5%;background: url(../images/ryzz_05.png) no-repeat;width: 30%;height: 1.2rem;position: relative;background-size: 100% 100%;}
.ryzz_nr ul li .ryzz01 p,.ryzz_nr ul li .ryzz02 p,.ryzz_nr ul li .ryzz03 p,.ryzz_nr ul li .ryzz04 p,.ryzz_nr ul li .ryzz05 p{font-size: 15px;color: #ffffff;position: absolute;left: 0%;bottom: 0%;padding: 2% 2%;text-align: center;}
*/

.picMarquee-left{ width:100%;  overflow:hidden; position:relative;    }
.picMarquee-left .bd{width: 100%;margin: auto;overflow: hidden;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 -10px; float:left;  overflow:hidden; text-align:center; position: relative;}
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:80%; display:block;  }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .prev{ position:absolute;  left:5px; top: 60px; display:block; width:25px; height:43px; overflow:hidden; background:url(../images/sxyc_pic_upper.png) 0px 0 no-repeat; cursor:pointer;  }
.picMarquee-left .next{ position:absolute;  left:10px; top: 60px; display:block; width:25px; height:43px; overflow:hidden; background:url(../images/sxyc_pic_next.png) 0px 0 no-repeat; cursor:pointer;  }
.picMarquee-left .next{ left:auto; right:5px; background-position:0px 0; }
.picMarquee-left .prevStop{ background-position:0 0; }
.picMarquee-left .nextStop{ background-position:0 0; } 

.bdul li .pic{height: 1.2rem;position: relative;}
.bd ul li .ryzz01 p{font-size: 15px;color: #ffffff;position: absolute;left: 0%;bottom: 0%;padding: 2% 2%;text-align: center; line-height: 20px;
    width: 75%;}


/* 第三部分新闻中心 */
.new{padding: 0% 2%}
.new_nr ul li{border-bottom: 1px #CCCCCC dashed;padding: 1%;}
.new_nr ul li p{font-size: 16px;color: #333333;line-height: 30px;}
/* 页面底部 */
.footer{background: #2E353F;width: 100%;}
.footer .footer-nr{width: 90%;margin:0 auto;padding: 5% 0%;}
.footer .footer-nr .footer-nr1{width: 24%;}
.footer .footer-nr .footer-nr2{margin-left: 8%;width: 68%;}
.footer .footer-nr .footer-nr2 p{font-size: 15px;color: #ffffff;line-height: 35px;}
/****************************************************** 产品列表页 **************************************** */
.list{padding: 0 2%;}
.list_nr{width: 100%;}
.list_nr .list_tit{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.list_nr .list_tit li{background: #EEEEEE;padding: 1% 2%;width: 28%;margin-left: 1%;margin-top: 1%;text-align: center;font-size: 17px;}
.list_nr .list_tit :hover{background: #004DA0;color: #ffffff;}
.list_nr .list_tit li:hover,.list_nr .list_tit li:active{background: #004DA0;color: #ffffff!important;}
.list_nr .list_tit li a:hover{color: #ffffff;}

.list_nr .list1{width: 100%;}
.list_nr .list1 li{overflow:hidden;border: 1px #CCCCCC solid; width: 47.7%;margin-left: 1%;float: left;border: 1px #CCCCCC solid;margin-top: 2%;float: left;height: 2rem;position: relative;}
.list_list01 {vertical-align: middle;display: flex;justify-content: center;align-items: center;position: relative;width: 100%;}
.list_list01 img{width: 100%;}
.list1 li .tit {
    position: absolute;
    left: 0%;
    bottom: 0%;
    height: 0.4rem;
    display: flex;
    align-items: center;
    background: #EEEEEE;
    width: 100%;
}
.list1 li .tit p{color: #333333;font-size: 16px;background: #EEEEEE;width: 100%;text-align: center;padding: 3% 0%;}
/* 分页 */
.pagelist{width:100%;margin:0px auto;  line-height:35px; font-size: 16px;}
.pagelist ul{ width:100%; text-align:center; margin:0px; padding:0px;}
.pagelist li{ padding:0 5px; display:inline; margin:0;height:2em;font-size:1px; font-family:"微软雅黑"; line-height:2em; text-align:center;}
.pagelist li.thisclass{ color:#51c5b2;}
.pagelist li a{height:70px; font-size:24px;display:inline; line-height:70px; text-align:center;}

/****************************************************** 内容页 **************************************** */
.arc{padding: 0% 1%}
.dh{    font-size: 15px;height: 35px;line-height: 35px;border-bottom: 1px #CCCCCC solid;}
.content{margin-top: 3%;padding: 0% 1%;font-size: 16px!important;}
.content h1{font-size: 20px;line-height: 25px;text-align: center;color: #000000;border-bottom: 1px #DBDBDB dashed;padding-bottom: 2%;margin-bottom: 3%;}
 .content p{font-size: 15px;color: #000000;line-height: 25px;margin-top: 3%;/*text-indent: 30px; */}
.font_sxp ul { border-top: 1px dashed #E8E8E8;padding-top: 10px;font-size: 18px;color: #a0a0a0;margin-top: 3%;}
.font_sxp ul li {padding-top: 10px;font-size: 15px;color: #a0a0a0;}
.content-bottom{margin-top: 2%;}
.content-bottom p{    font-size: 18px;text-align: center;color: #CA0000;line-height: 40px;}
.content-bottom p a{    font-size: 18px;text-align: center;background: #3366CC;color: #ffffff;padding: 2% 3%;border-radius: 25px;}
    /* 返回 */
    .fhsy{background: #333333;position: fixed;right: 0%;bottom: 40%;padding: 1% 2%;opacity: 0.8;}
    .fhsy a{font-size: 18px;right: 0%;bottom: 40%;color: #ffffff;}
/* 留言板 */
.mess-bg{background: url(../images/mess.png) no-repeat;background-size: 100% 100%;padding: 5% 3%;}
.mess-nr{margin-top: 2%;width: 100%;}
.reg{ background:#f4f4f4;border:1px solid #dbd9da; margin-top:0.1rem;}
.mess-nr li{ overflow:hidden;}
.mess-nr li{font-size: 16px;margin-bottom: 5%;}
.mess-nr li span{margin-left: 10%;margin-right: 2%;line-height: 30px;color: #333333;}
.mess-nr .ipt{    width: 62%;height: 0.23rem;font-size: 15px;border:1px #999999 solid;}
.mess-nr .texipt{width:62%; height:1.5rem; border:0.02rem solid rgb(204,204,204); font-size:0.3rem;}
.mess-nr .smt{     width: 35%;background: #DD5103;font-size: 18px;display: block;line-height: 25px;text-align: center;border-radius: 15px;padding: 1% 0%;font-weight: bold;margin: auto;border: 0;color: #ffffff;}








/*******************************************尺寸小于375****************************************/
@media only screen and (max-width:375px){

    
    }
/*******************************************媒体查询1****************************************/
@media only screen and (min-width:360px) and (max-width:415px){
/* 头部开始 */
.header{position: relative;}
.header-img{margin-top: 10px;}
.header-right_img{position: absolute; right:5%;top: 1%;width: 10%;}
/* 导航 */
.nav{padding: 2% 10%;background: #D2D2D2;}
.nav ul li{margin-left:5%;}
/* 产品中心 */
.cpzx_nr .cpzx_nr li{font-size: 17px;}
.cpzx_nr .cpzx_tit li:first-child,
.cpzx_nr .cpzx_tit li:nth-child(2),
.cpzx_nr .cpzx_tit li:nth-child(7),
.cpzx_nr .cpzx_tit li:nth-child(8),.cpzx_nr .cpzx_tit a{padding: 5% 2%;}
/* 公司简介 */
.gsjj{background: url(../images/gsjj-bg.png) no-repeat;width: 100%;background-size: 100% 90%;}
.gsjj_content-nr p{font-size: 15px;color: #333333;line-height: 25px;text-indent: 40px;}
/* 页面底部 */
.footer{background: #2E353F;width: 100%;}
.footer .footer-nr{width: 90%;margin:0 auto;padding: 5% 0%;}
.footer .footer-nr .footer-nr1{width: 24%;}
.footer .footer-nr .footer-nr2{margin-left: 8%;width: 68%;}
.footer .footer-nr .footer-nr2 p{font-size: 13px;color: #ffffff;line-height: 20px;}
.h70{height: 20px}
/* 产品列表页 */
.list_nr li a{font-size: 16px;}
.list_nr .list_tit li:first-child,
.list_nr .list_tit li:nth-child(3),
.list_nr .list_tit li:nth-child(7),
.list_nr .list_tit li:nth-child(8),.list_nr .list_tit li:nth-child(9){padding: 5% 2%;}

}
/*******************************************媒体查询2****************************************/
@media only screen and (min-width:412px) and (max-width:415px){
/* 导航 */
.nav{padding: 2% 10%;background: #D2D2D2;}
.nav ul li{margin-left:9%;}
/* 产品中心 */
.cpzx_nr .cpzx_nr li{font-size: 17px;}
.cpzx_nr .cpzx_tit li:first-child,
.cpzx_nr .cpzx_tit li:nth-child(2),
.cpzx_nr .cpzx_tit li:nth-child(7),
.cpzx_nr .cpzx_tit li:nth-child(8),
.cpzx_nr .cpzx_tit a{padding: 5% 2%;}
}   
/**************************************************媒体查询3************************************/
@media only screen and (min-width:319px) and (max-width:360px){

}
/***************************************************媒体查询4****************************************/
@media only screen and (min-width:319px) and (max-width:325px){
/* 头部开始 */
.header{position: relative;}
.header-img{margin-top: 10px;}
.header-right_img{position: absolute; right:5%;top: 1%;width: 10%;}
/* 导航 */
.nav{padding: 2% 5%;background: #D2D2D2;}
.nav ul li{margin-left:5%;}
/* 产品中心 */
.cpzx_nr .cpzx_nr li{font-size: 16px;}
.cpzx_nr .cpzx_tit li:first-child,.cpzx_nr .cpzx_tit li:nth-child(2),.cpzx_nr .cpzx_tit li:nth-child(7),.cpzx_nr .cpzx_tit li:nth-child(8),.cpzx_nr .cpzx_tit a{padding: 5% 2%;}
/* 公司简介 */
.gsjj{background: url(../images/gsjj-bg.png) no-repeat;width: 100%;background-size: 100% 92%;}
.gsjj_content-nr p{font-size: 15px;color: #333333;line-height: 20px;text-indent: 40px;}
/* 第三部分新闻中心 */
.new{padding: 0% 2%}
.new_nr ul li{border-bottom: 1px #CCCCCC dashed;padding: 1%;}
.new_nr ul li p{font-size: 13px;color: #333333;line-height: 30px;}
/* 页面底部 */
.footer{background: #2E353F;width: 100%;}
.footer .footer-nr{width: 90%;margin:0 auto;padding: 5% 0%;}
.footer .footer-nr .footer-nr1{width: 24%;}
.footer .footer-nr .footer-nr2{margin-left: 8%;width: 68%;}
.footer .footer-nr .footer-nr2 p{font-size: 13px;color: #ffffff;line-height: 20px;}
.h70{height: 30px}
/* 产品列表页 */
.list_nr li a{font-size: 16px;}
.list_nr .list_tit li:first-child,
.list_nr .list_tit li:nth-child(3),
.list_nr .list_tit li:nth-child(7),
.list_nr .list_tit li:nth-child(8),.list_nr .list_tit li:nth-child(9){padding: 5% 2%;}
}