body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input {margin: 0;padding: 0;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
body,html {font-size: 14px;background: #fafafa;width: 100%;height: 100%;font-family: Arial, Helvetica, sans-serif, "微软雅黑"}
img {border: none;display: inline-block;}
li {list-style: none;}
input,select,textarea {outline: none;border: none/*-webkit-appearance: none;*/}
input::-webkit-input-placeholder {color: #9c9c9c;font-size:14px;}
input:-moz-placeholder {color: #9c9c9c;font-size:14px;}
input::-moz-placeholder {color: #9c9c9c;font-size:14px;}
input:-ms-input-placeholder {color: #9c9c9c;font-size:14px;}
textarea {resize: none;}
a {text-decoration: none;color: #333}
i,em,strong,b,h1,h2,h3,h4,h5 {font-style: normal;font-weight: normal;}


.index_top {width: 100%;padding: 0px 2%;background: #fff;display: flex;justify-content: space-between;align-items: center;height: .9rem;position: fixed;top: 0px;z-index: 999;}
.index_top p img {width: 3rem;}
.index_top span img {width: .5rem;margin-right: 20px;}
.index_top p.fr_search {float: right;margin: 0px;margin-right: .4rem;display: none;}
.index_top p.fr_search img {width: .25rem;}

.mask {width: calc(100% - 5rem);height: 100%;background: rgba(0, 0, 0, .3);position: fixed;top: 0px;left: 0px;display: none;z-index: 9999;overflow: hidden;}
.mask_nav {height: 100%;display: none;position: fixed;right: 0px;top: 0px;width: 5rem;z-index: 999;background: #0759A5;}

.nav {position: relative;overflow: scroll;width: 100%;height: 100%;}
.nav_con {position: relative;overflow: scroll;width: 100%;height: 100%;}
.nav_con a {width: 100%;line-height: .3rem;color: #fff;font-size: .2rem;}
.nav_con>ul>li {color: white;width: 100%;line-height: .7rem;border-bottom: 1px solid #0967BD;cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.nav_con>ul>li>a {width: 100%;display: inline-block;line-height: .7rem;font-size: .32rem;float: left;text-indent: .5rem;}
.nav_con>ul>li.open>a {background: #039844;}
.nav_con ul li dl {display: none;font-size: 0.24rem;width: 100%;float: left;}
.nav_con ul li>dl>dd>a {font-size: .28rem;border-bottom: 1px dashed #0967BD;width: 100%;display: inline-block;text-indent: .7rem;height: .45rem;}
.nav_con ul li>dl>dd>ol {display: none;}
.nav_con ul li>dl>dd>ol>li>a {text-indent: .9rem;width: 100%;display: inline-block;border-bottom: 1px dashed #008CEA;height: .45rem;}
.nav_con ul li dl dd:last-child a {border-bottom: none;}

.index_tit {width: 100%;height: 40px;display: inline-flex;align-items: center;margin:30px 0px 20px;flex-direction: column;background: url(../image/ico_title_bg.png) center bottom no-repeat;background-size: 140px auto;padding-bottom: 10px;}
.index_tit p b {font-size: 24px;color: #333333;font-weight: bold;padding: 0px 5px;}
.index_tit p b.col1 {color: #0759A5;}

/*banner切换*/
.banner {width: 100%;font-size: 0;margin-top: .9rem;height: 15rem;overflow: hidden; position: relative;}

.index_project{}
.index_project .con li{ width: 100%; overflow: hidden;}
.index_project .con li a{display: block; margin: 0px 15px 15px; background: #0759a5; border-radius: 50px; padding: 10px; overflow: hidden;}
.index_project .con li a .img{ float: left; width: 60px; margin-right: 10px;}
.index_project .con li a .con{ color: #ffffff;}
.index_project .con li a .con p{color: #a5b8d5;font-size: 12px; padding-top: 5px;}

.index_case{ background:#eeede9 url(../image/bg1.jpg) center top no-repeat; background-size: 100% auto; width: 100%; overflow: hidden;}
.index_case ul{ padding: 15px 15px 0px; overflow: hidden;}
.index_case ul li{ width: 49%; margin: 0px 2% 15px 0; float: left;}
.index_case ul li:nth-child(2n+1){margin-right: 0;}
.index_case ul li.w100{ width: 100%;}
.index_case ul li .img {background: #fff;}
.index_case ul li .img img{float: left; width: 100%;}
.index_case ul li .t{ background: #105799; color: #fff; text-align: center; line-height: 30px;}
.index_case .more{margin: 10px 15% 25px 15%;text-align: center;}
.index_case .more a{width: 3rem;margin: 0px auto;height: 30px;line-height: 30px;text-align: center; border: 2px solid #0759a5; color: #0759a5; font-size: 16px; font-weight: bold;display: inline-block;}

.index_advantage{ background: #095ea8;}
.index_advantage .index_tit{background-image: url(../image/ico_title_bg1.png);}
.index_advantage .index_tit b{ color: #fff;}
.index_advantage .tab{ margin: 0px 15px; border-right: 1px solid #ffffff; overflow: hidden;}
.index_advantage .tab li{ float: left; width: 50%; border-top: 1px solid #ffffff; overflow: hidden; position: relative;}
.index_advantage .tab li.active{background: #039844;}
.index_advantage .tab li img{float: left;width: 50px;border-left: 1px solid #ffffff; padding: 5px;} 
.index_advantage .tab li p{color: #538dc2;font-size: 10px; position: absolute; left: 60px; top: 50%; transform: translateY(-50%);}  
.index_advantage .tab li p b{ color: #fff; font-size: 15px;display: block;} 
.index_advantage .tab li.active p{color:#4fb77c}
.index_advantage .con{background: #fff;}
.index_advantage .con li{ position: relative; margin-bottom: 50px; display: none;}
.index_advantage .con li.active{display: block;}
.index_advantage .con li .img{width: 100%; height: auto;}
.index_advantage .con li .img img{width: 100%;}
.index_advantage .con li .text{position: absolute; left: 15px; right: 15px; z-index: 2; bottom: -50px; background: #125fa7; padding: 20px; color: #bacbe2; line-height: 20px;font-size: 12px;}
.index_advantage .con li .text b{color: #fff; font-size: 20px; font-weight: bold; display: block; margin-bottom: 10px;}

.index_process{background: #fff;}
.index_process .tab{ margin: 0px 15px; overflow: hidden;}
.index_process .tab li{float: left;width: 25%;text-align: center;}
.index_process .tab li .num{background: #0759a5; border-radius: 40px;width: 52px; padding: 10px; display: inline-block;} 
.index_process .tab li.active .num{ background: #039844;}
.index_process .tab li .num span{ display: block; border: 1px solid #fff; border-radius: 30px; width: 50px; height: 50px; line-height: 50px; color: #fff;font-size: 16px; text-align: center;}
.index_process .tab li .text{ color: #6197c5; line-height: 30px;}
.index_process .tab li.active .text{ color: #049746}
.index_process .con{ background: #f8f8f8; padding: 30px 15px; text-align: center;}
.index_process .con .title{font-weight: bold; font-size: 20px; line-height:40px; padding-top: 10px;}
.index_process .con .text{ color: #666666; line-height: 25px;}
.index_process .con .but{ padding-top: 10px;}
.index_process .con .but a{display: inline-block;background: #0759a5; line-height: 30px; width: 50%; color: #fff;}
.index_process .con li{display: none;}
.index_process .con li.active{display: block;}

.index_about{ width: 100%; float: left; background-color: #e5e5e5;}
.index_about .con{ width: 90%; background-color: #fff; padding:10px 5%; float: left; }
.index_about .con h2{ padding: 10px 0px 20px;}
.index_about .con .text{color: #656565;}
.index_about .con img{width: 100%; margin: 20px 0px;}
.index_about .con #Box_ul2{overflow: hidden;width: 100%;}
.index_about .con ul{position: relative;overflow: hidden;margin-right: -10px;}
.index_about .con ul li{padding-bottom: 25px;margin-right: 10px;}
.index_about .con ul li img{float: left; margin: 0;}
.index_about .con ul li p{ background: #eeeeee; line-height: 30px; color: #343434; text-align: center;}

.index_honor{background: #fff; padding: 0px 15px;}
.index_honor .con{ padding-bottom: 50px;}
.index_honor .con p{ margin:0px 10px 0px 0px;background: #f5f5f5;text-align: center; padding: 10px 10px 0px;}
.index_honor .con p img{float: left;}
.index_honor .con p span{ color: #333333;text-align: center; line-height: 30px;}
.index_honor .swiper-button{display: block;text-align: center;}
.index_honor .swiper-button-prev,.index_honor .swiper-button-next{border: 1px solid #bcbcbc; padding: 8px 20px; position: relative; display: inline-block; height: auto; margin: 0 10px; left:0;top: -10px;}
.index_honor .swiper-button-prev img,.index_honor .swiper-button-next img{width: 10px;}
.index_honor .swiper-button-prev::after,.index_honor .swiper-button-next::after{display: none;}

.index_news .tab{display: flex;justify-content: center;margin: .3rem 0 0 0;}
.index_news .tab li{border: 1px solid #e8e8e8;background: #fff;padding: 0 15px;border-radius: 20px;height: 30px;line-height: 30px;margin: 0 10px;text-align: center;}
.index_news .tab li.active{background: #0759A5;border: 1px solid #0759A5;color: #fff;}
.index_news .con{width: 100%;display: none;}
.index_news .con.active{display: block;}
.index_news .con ul{ padding: 10px 15px;}
.index_news .con ul li a{display: flex;justify-content: space-between;height: 40px;align-items: center;border-bottom: 1px dashed #e8e8e8;font-size: .26rem;}
.index_news .con ul li:last-child a{border-bottom: none;}
.index_news .con ul li a::before{content: '';width: 6px;height: 6px;display: inline-block;border-radius: 50%;background: #0759A5;}
.index_news .con ul li a span{flex:1;overflow: hidden; padding-left: 9px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.index_news .con ul li a i{font-style: normal;color: #999;flex-shrink: 0;}
.index_news .con .more{margin: 10px 15% 15px 15%;text-align: center;}
.index_news .con .more a{width: 3rem;margin: 0px auto;height: 30px;line-height: 30px;border-radius: .4rem;text-align: center;background-color: #0759A5;border: 2px solid #0759A5;color: #fff;display: inline-block;}

.footer {height: 1.2rem;line-height: 20px;background: transparent;width: 100%;float: left;bottom: 0px;z-index: 9;position: relative;}
.footer .index_icon {background: #363a3f;width: 100%;float: left;bottom: 0px;z-index: 99999;position: relative;}
.footer ul {height: 70px;background: #0759A5;width: 100%;position: fixed;bottom: 0px; display: flex;}
.footer ul li {text-align: center;height: 40px;background: #0759A5;flex-grow:1; margin-top:5px;}
.footer ul li:last-child {border: none;}
.footer ul li img {width: .6rem;}
.footer ul li span {width: 100%;display: inline-block;font-size: 14px;color: #ededed;}


.page_content {width: 100%;float: left;padding-bottom: .5rem;background-color: #FFFFFF;}
.page_nav {width: 95%;float: left;line-height: 40px;height: 40px;padding: 0px 2.5%;border-bottom: 0.01rem solid #d2d2d2;font-size: 14px;color: #666;}
.page_nav a {color: #666;padding: 0px .05rem;}

.pages {display: table;margin: auto;padding-top: .6rem;}
.pages li {float: left;}
.pages li a {height: .4rem;padding: 0px 10px;line-height: .4rem;background: #fff;border: 1px solid #dbdbdb;color: #666;display: inline-block;margin-right: 10px;color: #666;text-align: center;}
.pages li a:hover {height: .4rem;line-height: .4rem;background: #0759A5;border: 1px solid #0759A5;color: #fff;text-align: center;}
.pages li.active a {background: #0759A5;color: #fff;border: 1px solid #0759A5;}

.factorycon {width: 95%;padding: 0rem 2.5%;float: left;}
.factorycon ul {width: 100%;float: left;margin-top: .25rem;}
.factorycon ul li {float: left;width: calc(50% - .1rem);margin-right: .1rem;text-align: center;cursor: pointer;}
.factorycon ul li a {width: 100%;display: inline-block}
.factorycon ul li img {width: calc(100% - .1rem);padding: 0.05rem;border: 0.01rem solid #d6d6d6;float: left;}
.factorycon ul li b {width: 100%;line-height: 50px;font-size: 14px;color: #666666}
.factorycon ul li:nth-child(2n) {margin-right: 0px;float: right;}
.factorycon ul li:hover a img,.factorycon ul li.hover a img {border: 0.01rem solid #0759A5}
.factorycon ul li:hover a b,.factorycon ul li.hover a b {color: #0759A5}

.honorcon {width: 95%;padding: 0rem 2.5%;float: left;}
.honorcon ul {width: 100%;float: left;margin-top: .25rem;}
.honorcon ul li {float: left;width: calc(50% - .1rem);margin-right: .1rem;/*border:0.01rem solid #d6d6d6;*/text-align: center;cursor: pointer;}
.honorcon ul li a {width: 100%;display: inline-block;line-height:40px;padding-bottom:5px;}
.honorcon ul li img {width: calc(100% - .1rem);padding: 0.05rem;border: 0.01rem solid #d6d6d6;float: left;/* height:250px; */}
.honorcon ul li b {width: 100%;line-height: 10px;font-size: 14px;color: #666666}
.honorcon ul li:nth-child(2n) {margin-right: 0px;float: right;}
.honorcon ul li:hover a img,.factorycon ul li.hover a img {border: 0.01rem solid #0759A5}
.honorcon ul li:hover a b,.factorycon ul li.hover a b {color: #0759A5}

.newscon {width: 95%;padding: 0rem 2.5%;float: left;}
.newscon dl {width: 100%;float: left;padding: 0.1rem 0px 0.2rem 0px;border-bottom: 1px solid #d2d2d2;font-size: .14rem;color: #7d7d7d;}
.newscon dl dt {width: 100%;float: left;font-size: .16rem;color: #0759A5;}
.newscon dl dt a {width: 100%;float: left;font-size: 14px;color: #0759A5;}
.newscon dl dd p,.newscon dl dd span {width: 100%;float: left;line-height: 24px;display: inline-block;font-size:14px;}
.newscon dl dd span {line-height: 24px;font-size: 14px;}
.newscon ul {width: 100%;float: left;padding: 0.1rem 0px 0.2rem 0px;font-size: .14rem;color: #666666;}
.newscon ul li {width: 100%;float: left;border-bottom: 1px dashed #ccc;line-height: 32px;}
.newscon ul li p {position: relative;text-indent: .2rem;width: 100%;overflow: hidden;float: left;color: #707070;font-size: 14px;}
.newscon ul li p a {position: relative;text-indent: .2rem;width: 100%;overflow: hidden;float: left;color: #707070;font-size: 14px;}
.newscon ul li p:before {position: absolute;left: -.15rem;content: '·';top: 0px;font-size: 20px;color: #666;}
.newscon ul li:Hover p {color: #d81012}
.newscon ul li.hover {color: #d81012}

.newsshowcon {width: 95%;padding: 0rem 2.5%;float: left;}
.newsshowcon h1 {text-align: center;width: 100%;padding: 0.2rem 0px .15rem 0px;border-bottom: 1px solid #d2d2d2;float: left;}
.newsshowcon h1 b {font-size: 14px;width: 100%;display: inline-block;color: #df3d3d;line-height: 32px;float: left;}
.newsshowcon h1 p {font-size: 14px;width: 100%;display: inline-block;color: #707070;float: left;}
.newsshowcon dl {width: 100%;float: left;padding: .15rem 0px .22rem;font-size: 14px;line-height: 24px;color: #707070;}
.newsshowcon dl dt {width: 100%;float: left;line-height: 24px;padding: .15rem 0px .22rem;font-size: 14px;}
.newsshowcon dl dd {width: 100%;float: left;line-height: 32px;}
.newsshowcon dl dd b {width: 100%;float: left;line-height: 24px;display: inline-block;color: #707070;}
.newsshowcon dl dd b a {color: #707070;}
.newsshowcon dl dd b:hover a {color: #ff0000;}

.productcon {width: 95%;padding: 0rem 2.5%;float: left;}
.productcon ul {width: 100%;float: left;margin-top: .25rem;}
.productcon ul li {float: left;width: calc(50% - .1rem);margin-right: .1rem;/*border:0.01rem solid #d6d6d6;*/text-align: center;cursor: pointer;}
.productcon ul li a {width: 100%;display: inline-block;font-size: 14px;padding-bottom:10px;}
.productcon ul li img {width: 100%;padding: 0.05rem;border: 0.01rem solid #d6d6d6;float: left;}
.productcon ul li b {width: 100%;font-size: 14px;color: #666666}
.productcon ul li:nth-child(2n) {margin-right: 0px;float: right;}
.productcon ul li:hover a img,.productcon ul li.hover a img {border: 0.01rem solid #0759A5}
.productcon ul li:hover a b,.productcon ul li.hover a b {color: #0759A5}

.productshowcon {width: 100%;float: left;font-size: .14rem;color: #666666;}
.productshow_img>p {width: 95%;margin: 0px 2.5%;float: left;}
.productshowcon dl,.productshowcon dl dt,.productshowcon dl dd {width: 100%;float: left;line-height: .4rem}
.productshowcon dl {width: 95%;margin: 0.1rem 2.5% .2rem;border-bottom: 1px solid #d2d2d2}
.productshowcon dl:last-child {border: none;}
.productshowcon dl dt {font-size: 14px;color: #0759A5;width: 100%;border-bottom: 1px solid #d2d2d2;padding-bottom: 5px;}
.productshowcon dl dd p {font-size: 14px;color: #707070;padding: 10px 0px 10px 0px;line-height: 24px;}
.productshowcon ol {width: 100%;float: left;padding-top: 5px}
.productshowcon ol li {line-height: 36px;width: 100%;float: left;margin-top: .1rem;}
.productshowcon ol li span {width: 1.7rem;text-align: left;display: inline-block;font-size: 14px;color: #666;padding-right: 10px;float: left;}
.productshowcon ol li input {outline: none;border: none;width: 5.2rem;height: 36px;line-height: 36px;border: 1px solid #d8d8d8;float: left;padding-left: 5px;}
.productshowcon ol li textarea {width: 5.2rem;height: 1.36rem;padding: 5px;resize: none;outline: none;border: 1px solid #d8d8d8}
.productshowcon p input {width: 1.5rem;height: .5rem;border: none;color: #fff;margin: .2rem 0px .4rem .5rem;cursor: pointer;outline: none;border-radius: .05rem;}
.productshowcon p input:first-child {background: #0759A5;}
.productshowcon p input:last-child {background: #666666;margin-left: 10px;}
.productshowcon dl dd b {width: 100%;float: left;line-height: 26px;display: inline-block;color: #666666;font-size: 14px;}
.productshowcon dl dd b a {color: #707070;}

.aboutcon {width: 95%;padding: 0px 2.5%;float: left;font-size: 14px;line-height: 24px;color:#666666;padding-top:10px;}
.aboutcon p {width: 100%;padding: 0.1rem 0px .4rem 0px;float: left;font-size: 14px;line-height: 24px;color: #666;}

.contactcon {width: 95%;padding: 0rem 2.5%;float: left;font-size: 14px;line-height: 24px;color: #8c8c8c;padding-top: 5px;}

.lycon {width: 95%;padding: 0.2rem 2.5%;float: left;}
.lycon p {width: 100%;float: left;font-size: 14px;color: #666;}
.lycon ol li {line-height: 40px;width: 100%;float: left;margin-top: .1rem;}
.lycon ol li span {width: 1.5rem;text-align: right;display: inline-block;font-size: 14px;color: #666;padding-right: .1rem;float: left;}
.lycon ol li input {outline: none;border: none;width: 4.2rem;height: 36px;line-height: 36px;border: 1px solid #d8d8d8;float: left;padding-left: 5px;}
.lycon ol li textarea {width: 4.2rem;height: 1.36rem;padding: 5px;resize: none;outline: none;border: 1px solid #d8d8d8}
.lycon p input {width: 1.5rem;height: .5rem;border: none;color: #fff;margin: .2rem 0px .4rem 1.5rem;cursor: pointer;outline: none;border-radius: .05rem;}
.lycon p input:first-child {background: #0759A5}
.lycon p input:last-child {background: #666666;margin-left: 10px;}
.contact_bot{
    width: 95%;
    padding: .3rem 0%;
    float: left;
	/* border-top: 1px solid #eee; */
}
.contact_bot p.p_tit{
    width:100%;
    float: left;
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}
.contactcon {
    width: 95%;
    padding: 0rem 2.5%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #8c8c8c;
    padding-top: 5px;
}
.contact_botcon {
    width: 100%;
	float: left;
}
.contact_botcon ul{
    width: 100%;
    float: left;
}
.contact_botcon ul li{
    /* height: 43px; */
    /* line-height: 43px; */
    border: 1px solid #e1e6eb;
    margin-top: .2rem;
    background: #fff;
}

.contact_botcon ul li.wid100 {
    width: 100%;
    float: left;
}
.contact_botcon ul li b{
    width: .5rem;

    float: left;
     text-align: center;
   /* display: inline-block;
    vertical-align: middle; */
}
.contact_botcon ul li b img {
    margin-top: .1rem;
    float: left;
    margin-left: .1rem;
	width: .3rem;
}
.contact_botcon ul li input{
    width: calc(100% - .7rem);
	height:.5rem;
    padding-left: .1rem;
    border-left: 1px solid #e1e6eb;
    color: #666;
	font-size:12px;

}
.contact_botcon ul li select{
    width: calc(100% - .8rem);
    height: .5rem;
    padding-left: .1rem;
    border-left: 1px solid #e1e6eb;color: #666;
	font-size:12px;


}
.contact_botcon ul li textarea{
    height: 1.2rem;
    width: calc(100% - .8rem);
    color: #666;
    float: left;
    padding: .05rem;font-size: 14px;
    border-left: 1px solid #e1e6eb;

}
.contact_botcon p.p_bot {
	display: table;
	margin: 0px auto;padding-top: .3rem;
}
.contact_botcon p input{
    width: 1.3rem;
    height: .5rem;
    line-height:.5rem;
    text-align: center;
    display: inline-block;
    margin-right: .3rem;
    border-radius: 5px;
    color: #fff;
}