/*reset*/
html,body{width:100%;min-height: 100%;overflow-x: hidden}
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,div,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;}
body{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family: '微软雅黑', 'sans-serif'}
a{text-decoration:none;outline:0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
.clear{ clear:both; line-height:0px; height:0; overflow:hidden;}
blockquote::before,blockquote::after,q::before,q::after{content:none}
ins{text-decoration:none}del{text-decoration:line-through}
button,input,select,textarea{font-family:inherit;font-size:100%;vertical-align:middle;outline: none}
textarea{resize:none;overflow:auto;vertical-align:top}
[hidden]{display:none}
a,a:hover, a:visited, a:link, a:active {color: inherit}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clearfix{zoom:1}

img {border:0;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:middle;}
i{font-style: normal;}
::-webkit-scrollbar {width: 0;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}

@font-face {
	font-family: 'howser';
	src: url('Howser.eot');
	src: local('fontName Regular'),
	local('fontName'),
	url('Howser.woff') format('woff'),
	url('Howser.ttf') format('truetype'),
	url('Howser.svg#fontName') format('svg');
}

.mytable{display: table;}
.mycell{display: table-cell;vertical-align: middle;}
.cover{background: no-repeat center;background-size: cover}
.contain{background: no-repeat center;background-size: contain}
.wcont{padding: 0 .5rem;}
/*首页*/
.header{position: fixed;z-index: 999;padding: .75rem 0;background: #fff;width: 100%;}
.header .wcont{display: flex;align-items: center;justify-content: space-between;}
.header-l{display: block;flex-shrink: 0}
.header-l h1{font-size: .7rem;color: #000000;line-height: 1;}
.header-l h1 i{color: #1774ca}

.header-c{position: relative;padding-right: 1.5rem;box-sizing: border-box;margin-left:.5rem;background: #f7f7f7;border-radius: .75rem;}
.header-c input{display: block;padding: 0 .625rem;height: 1.5rem;box-sizing: border-box;width: 100%;border: none;background: none;font-size: .7rem;color: #999999;}
.header-c button{position: absolute;right: .6rem;top: 50%;background: none;padding: 0;margin: 0;border: none;transform: translateY(-50%)}
.header-c img{height: .75rem;display: block;}

.header-r{flex-shrink: 0;padding-left: .5rem;display: flex;}
.header-r i{font-weight: bold;color: #000000;font-size: .75rem;line-height: 1;}
.header-r i em{font-style: normal;}
.header-r i em:nth-child(2){display: none;}
.header-r span{width: .5rem;margin-left: 5px;position: relative;}
.header-r span em{position: absolute;width: 100%;height: 2px;background: #eea200;border-radius: 2px;left: 0;transition: .3s}
.header-r span em:nth-child(1){top: 15%;}
.header-r span em:nth-child(2){top: 50%;}
.header-r span em:nth-child(3){top: 85%;}


.header-r.act{}
.header-r.act i em:nth-child(1){display: none;}
.header-r.act i em:nth-child(2){display: block;}

.header-r.act span em:nth-child(1){top: 50%;transform: rotate(45deg)}
.header-r.act span em:nth-child(2){opacity: 0;}
.header-r.act span em:nth-child(3){top: 50%;transform: rotate(-45deg)}
.header-block{height: 3rem;}
.headernavs{position: fixed;top:-100%;left: 0;width: 100%;height: 100%;z-index: 888;background: #ffffff;transition: .3s;padding-top: 3rem;padding-left: 1rem;padding-right: 1rem;padding-bottom: 1rem;box-sizing: border-box;}
.headernavs ul{height: 100%;overflow-y: auto}
.headernavs li{padding: .5rem 0;border-bottom: 1px solid #efefef;font-size: .75rem;}
.headernavs li.act{color: #007aff}
.headernavs li a{padding-left: .5rem;position: relative;}
.headernavs li a:before{content: "";background: #007aff;width: 4px;height: 4px;position: absolute;top: 50%;margin-top: -2px;left: 0;}
.headernavs.act{top: 0;}

.swiper-banner .swiper-pagination-bullet{width: .5rem;height: .5rem;opacity: 1;background: #065caa;}
.swiper-banner .swiper-pagination-bullet-active{background: #eea200;}

.box1{background:url("../images/box1bgs.jpg") no-repeat top;background-size: 100% auto;}
.tytit{text-align: center;padding: .5rem 0;}
.tytit h1{font-size: 1rem;color: #3d3d3d;background: url("../images/icon2.png") no-repeat center;background-size: auto .7rem;}
.tytit h2{font-size: .75rem;color: #d0d0d0;text-transform: uppercase;}

.box1-t1{padding: .5rem 0;}
.box1-t1-ls{padding-top: 1.5rem;position: relative;}
.box1-t1-ls:after{content: "";position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: .375rem;height: 1rem;background: url("../images/icon7.png") no-repeat top;background-size: contain;}
.box1-t1-ls ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap}
.box1-t1-ls ul li{width: 50%;position: relative;background: #ffffff;border-radius: 10px;padding: 2.5rem 0;box-shadow: 0 0 10px rgba(0,0,0,.1)}
.box1-t1-ls ul li img{position: absolute;width: 3.75rem;top: -1.5rem;left: 50%;margin-left: -1.875rem;}
.box1-t1-ls ul li div{text-align: center;}
.box1-t1-ls ul li h1{font-size: .75rem;color: #eea200;padding-bottom: 5px;}
.box1-t1-ls ul li p{font-size: .6rem;color: #666666;line-height: .9rem;}
.box1-t1-ls ul .box1-t1-item2{padding: 1.875rem 0;}
.box1-t1-ls ul .box1-t1-item2 img{top: -1.95rem;}


.box1-t2{}
.box1-t2-bot{padding: .75rem 0;}

.box1-t2-t{background-image: url("../images/icon8.jpg");border-radius: 10px 10px 0 0;padding: 1.25rem 0 1.55rem;}
.box1-t2-t ul{display: flex;justify-content: space-around;}
.box1-t2-t ul li{font-size: .75rem;color: #008ee1;font-weight: bold;position: relative;width: 25%;text-align: center;}
.box1-t2-t ul li:after{content: "";height: 50%;position: absolute;top: 25%;right: 0;background: #dddddd;width: 2px;}
.box1-t2-t ul li:last-child:after{display: none;}

.box1-t2-c{background: url("../images/icon9.png") no-repeat top center;padding:.5rem .5rem;box-sizing: border-box;background-size: 100% auto;margin-top: -1rem;border-radius:10px;}
.swiper-pro{width: 100%;box-sizing: border-box}
.proitem{}
.proitem a{display: block;}
.proitem p{text-align: center;font-size: .7rem;color: #303030;padding: .25rem;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #badeff;}
.propic{padding: .25rem;box-sizing: border-box;background: #ffffff;}
.proimg{width: 100%;height: 7.5rem;}

.box1-t2-b{}
.box1-t2-b .pro-pag{position: relative;text-align: center;justify-content: center;display: flex;align-items: center;padding-top: .75rem;}
.box1-t2-b .pro-pag .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 4px;opacity: 1;background: #bfbfbf;margin: 0 2px;}
.box1-t2-b .pro-pag .swiper-pagination-bullet-active{background: #eea200;width: 2rem;}

.box2{position: relative;z-index: 3;}
.box2-t1{background: url("../images/bo2bgs.png") no-repeat;background-size: 100% 100%;padding-top: 3.375rem;}
.box2-info{}
.box2-info-img{border-radius: .5rem;overflow: hidden;box-shadow: 0 .5rem 1rem rgba(0,0,0,.36)}
.box2-info-img img{display: block;}
.box2-info-msg{font-size: .7rem;color: #fff;padding:1rem 1rem .5rem;box-sizing: border-box;line-height: 1.8;text-align: justify;}

.box2-fz{padding: 0 1rem;box-sizing: border-box}
.box2-fz h1{font-size: .9rem;color: #e7bc0d}
.box2-fz h2{font-size: .7rem;color: #2782d6;font-family: "howser";margin: 5px 0;}
.box2-fz p{font-size: .7rem;color: #fff;line-height: 1.8;}

.box2-tips{text-align: center;padding: 1rem;box-sizing: border-box}
.box2-tips ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap}
.box2-tips ul li{border-radius: .5rem; background-image: linear-gradient(to bottom right, #004f96, #0096ff);width: 48%;padding: .75rem 0;box-shadow: 0 .5rem .5rem rgba(0,0,0,.1)}
.box2-tips ul li h1{display: flex;align-items: center;justify-content: center;}
.box2-tips ul li h1 i{font-size: 1rem;color: #00c6ff;line-height: 1;display: block;margin-top: -3px;}
.box2-tips ul li h1 span{font-size: .9rem;color: #fff;line-height: 1;display: block;padding-left: 5px;}
.box2-tips ul li h2{font-size: .75rem;color: #fff;padding-top: .35rem;}
.box2-tips ul li:last-child{margin: 0 auto;margin-top: .75rem;}

.box2-more{display: flex;padding:.5rem 0;}
.box2-more a{font-size: .6rem;color: #fff;font-weight: bold;background: #eea200;padding: 0 .6rem;line-height: 1.4rem;border-radius: .7rem;}

.box3{background: url("../images/box3bgs.jpg") no-repeat top #f4f4f4;background-size: 100% auto;margin-top: -2rem;padding-top: 3rem;}

.box4-b{padding: .5rem 0;}
.zzbox{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.zzitem{width: 48%;overflow: hidden;border-radius: .5rem;border: 1px solid #dcdcdc;margin: .25rem 0;}
.zzitem a{display: block;}
.zzitem .zzpic{overflow: hidden;box-sizing: border-box;padding: .5rem;background: #ffffff;}
.zzitem .zzimg{height: 5rem;}
.zzitem p{text-align: center;padding: .5rem;background: #badeff;font-size: .75rem;color: #303030;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.box5{padding-top: 1.25rem;}
.adv{overflow: hidden;border-radius: .5rem;}
.adv img{display: block;}

.box6{padding: 1rem 0;}
.box6-b{padding:.5rem 1rem;box-sizing: border-box}

.box6-b ul{}
.box6-b ul li{padding: .25rem 0;}
.box6-b ul li a{display: block;font-size: .75rem;color: #3d3d3d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url("../images/icon10.png") no-repeat left center;background-size: .375rem .375rem;padding-left: .75rem;box-sizing: border-box}

.box6-more{display: flex;margin-top: 1rem;}
.box6-more a{font-size: .75rem;color: #fff;font-weight: bold;background: #eea200;padding: 0 1rem;line-height: 1.8rem;border-radius: .9rem;}

/*底部*/

.bottom-t1{background-image: url("../images/botbgs.jpg");padding: .5rem 0;}
.bottom-t1-adv{padding: 1rem 0;}
.bottom-t1-adv img{display: block;border-radius: .25rem;}
.bottom-t1 ul{padding: 0 .5rem;box-sizing: border-box}
.bottom-t1 ul li{font-size: .65rem;color: #fff;padding: .25rem 0;}
.bottom-t1 ul li img{width: .5rem;margin-top: -2px;margin-right: 5px;}

.bottom-t2{padding: 1rem;box-sizing: border-box;background: #2b363f;}
.bottom-t2 li{font-size: .6rem;padding: 5px 0;color: #607b91;}

.bottom-block{height: 2.65rem;}
.bottom-fix{position: fixed;z-index: 777;bottom: 0;width: 100%;left: 0;background: #006ccd;}
.bottom-fix ul{display: flex;}
.bottom-fix ul li{padding: .5rem 0;width: 33.334%;text-align: center;position: relative;}
.bottom-fix ul li:after{content: "";width: 1px;height: 100%;right: 0;top: 0;background: #1e87e4;position: absolute;}
.bottom-fix ul li:last-child:after{display: none;}
.bottom-fix ul li a{display: block;}
.bottom-fix ul li img{height: .75rem;display: block;margin: 0 auto;}
.bottom-fix ul li p{font-size: .65rem;color: #fff;font-weight: bold;padding-top: .25rem;}


/*产品展示*/
.nybanner{}
.nybanner img{display: block;}

.mbx{font-size: .6rem;color: #333333;padding: .5rem 0;background: #e5f4ff;border-bottom: 1px solid #dae8f2;}
.mbx .wcont{display: flex;align-items: center;}
.mbx img{height: .625rem;margin-right: 3px;}

.tynybox{padding: .75rem 0;}

.prolist ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap}
.prolist li{width: 48%;border: 1px solid #badeff;margin-bottom: 10px;}

.fenye{text-align: center;padding: .25rem 0;}
.fenye a,.fenye span{display: inline-block;margin:3px 1px;font-size: .7rem;color: #666666;font-weight: bold;width: 1rem;height: 1rem;line-height: 1rem;border-radius: 50%;border: 2px solid #666666}
.fenye span{border-color: #4590dd;color: #4590dd}

/*售后服务*/

.shfw-info{padding: 0 .5rem;box-sizing: border-box;font-size: .65rem;color: #333333;line-height: 2;}

/*联系我们*/
#map{height: 12rem;}

.lxwm{}
.lxwm ul{padding: 0 .5rem;box-sizing: border-box}
.lxwm ul li{display: flex;flex-wrap: wrap;align-items: flex-start;font-size: .75rem;color: #333333;padding: .25rem 0;}
.lxwm ul li img{width: 1rem;margin-right: 5px;}
.lxwm ul li span a{display: block;margin-bottom: 5px;}
.lxwm ul li span a:last-child{margin-bottom: 0;}

/*资质荣誉*/

/*销售网络*/
.xswlbox{position: relative;}

.xswltit{position: absolute;left: 1rem;bottom:2rem;}
.xswltit h1{font-size: .75rem;color: #313131;font-weight: normal;}
.xswltit h2{font-size: .75rem;color: #c8c8c8;font-weight: normal;padding: 5px 0;}
.xswltit span{display: block;width: .75rem;height: 3px;background: #4590dd;margin-left: 2px;}

/*公司简介*/

.gsjj-t1{font-size: .65rem;color: #3d3d3d;line-height: 1.8;text-align: justify;}

.gsjj-t2{background-image: url("../images/gsjjbgs.jpg");border: 1px solid #d8d8d8;border-radius: .5rem;margin-top: 1rem;}
.gsjj-t2-tit{padding: 1rem 2rem 0;box-sizing: border-box}
.gsjj-t2-tit h1{font-size: .9rem;color: #e7bc0d;position: relative;line-height: 1;}
.gsjj-t2-tit h1:before{content: "";display: block;position: absolute;left: -10px;top:25%;height: 50%;width: 5px;background: #2782d6;}
.gsjj-t2-tit p{font-size: .55rem;color: #2782d6;text-transform: uppercase;font-weight: bold;line-height: 1;margin-top: 5px;}

/*搜索结果*/
.ssjg{}
.ssjg li{border-bottom: 1px solid #dcdcdc;padding: .5rem;font-size: .65rem;color: #333333;box-sizing: border-box}
.ssjg li a{display: block;padding-left: .5rem;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ssjg li a:before{content: "";width: 4px;height: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;background: #c9c9c9;}

/*客户案例*/
.khal{}
.khal li{margin-bottom: 10px;}
.khal-tit{display: flex;background: #f2f2f2;font-size: .75rem;justify-content: space-between;padding-left: .5rem;box-sizing: border-box;}
.khal-tit-l{color: #000000;line-height: 1.75rem;padding: 0 .5rem;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box}
.khal-tit-l:before{content: "";width: 4px;height: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;background: #1e7bd1;}

.khal-tit-r{background: #4491d8;color: #ffffff;padding: 0 10px;flex-shrink: 0;line-height: 1.75rem;}
.khal-tit-r img{margin-top: -2px;height: .52rem;}
.khal-box{padding: .5rem 0;background: #fafafa;display: none;}
.khal li dl{padding:0 .5rem;box-sizing: border-box;max-height: 8.5rem;overflow-y: auto;}
.khal li dl::-webkit-scrollbar {width: 3px;}
.khal li dl dd{padding: .25rem 0;font-size: .7rem;color: #303030}
.khal li dl dd a{display: block;padding: 0 .5rem;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;font-size: .7rem;color: #303030}
/*.khal li dl dd a:before{content: "";width: 4px;height: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;background: #cccccc;}*/

/*产品详情*/
.cpxq-tit{text-align: center;}
.cpxq-tit h1{font-size: .9rem;color: #303030;font-weight: normal;padding-bottom: .5rem;margin-bottom: .5rem;border-bottom: 1px solid #aaaaaa}
.cpxq-tit p{font-size: .6rem;color: #303030;}

.cpxq-info{padding: 1rem 0;font-size: .65rem;color: #303030;line-height: 1.8;text-align: justify;}

.cpxq-links{display: flex;align-items: center;justify-content: space-between;}
.cpxq-links a{width: 48%;border: 2px solid #4590dd;border-radius: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: .6rem;padding:.25rem;box-sizing: border-box}
.cpxq-links a i{color: #4590dd}