@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
ul,li,dl,dt,dd,ol{ list-style:none; margin:0; padding:0;}
header,article,footer,nav,section,aside,menu { display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#00478a;}
body { font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; font-size:12px; color:#333; min-width:320px; max-width:640px; line-height:22px;}
.fl{ float:left;}
.fr{ float:right;}
.warmp { position:relative; right:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.content { padding:10px;}
.clear { clear:both;}
input::-webkit-input-placeholder { color:#ddd;} 
input:-moz-placeholder { color:#ddd;} 
input::-moz-placeholder { color:#ddd;}
input:-ms-input-placeholder { color:#ddd;} 
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}

/*字体*/
@font-face {
	font-family:'Akrobat-Bold';
		    src:url('../fonts/Akrobat-Bold.otf');
	font-weight:normal;
	 font-style:normal;
}

/*top*/
.header { width:100%; height:51px;}
.navbar { width:100%; height:50px; border-bottom:1px solid #eee; background:#fff; position:fixed; top:0; right:0; z-index:99999;}
.navbar .logo { display:block; max-width:80%; height:35px; margin:7.5px 0 0 10px; overflow:hidden;}
.navbar .logo img { display:block; height:100%;}
.navbar .navhome { width:25px; height:15px; border-top:2px solid #2776e6; border-bottom:2px solid #2776e6; position:absolute; top:17px; right:10px; z-index:1;}
.navbar .navhome::after { display:block; content:""; width:100%; height:2px; margin:auto; background:#2776e6; position:absolute; left:0; top:0; bottom:0;}
.navbar .nav { width:100%; height:0vh; background:rgba(46,126,239,0.95); overflow:hidden; position:absolute; left:0; top:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.navbar .nav .nrs { height:100%; overflow-y:scroll;}
.navbar .nav li { width:80%; padding:0 10%; margin-bottom:5px; position:relative;}
.navbar .nav li a { display:block; width:100%; color:#fff;}
.navbar .nav li h1 { line-height:40px; font-size:16px; color:#fff;}
.navbar .nav li p { display:none;}
.navbar .nav li p a { float:left; width:50%; line-height:30px; font-size:14px; color:rgba(255,255,255,0.8);}
.navbar .nav .xia::after { display:block; content:""; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:40px; top:18px;}
.navbar .nav .on::after { -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(135deg); transform:rotate(135deg); top:15px;}
.navbar .nav .on p { display:block;}
.navbar .close { display:none; width:30px; height:30px; position:absolute; right:2.5%; top:10px; z-index:3;}
.navbar .close::before,.navbar .close::after { display:block; content:""; width:100%; height:1px; background:#fff; position:absolute;  top:15px; -webkit-transform-origin:50%; transform-origin:50%;}
.navbar .close::before { -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.navbar .close::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.open { overflow:hidden;}
.open .navbar .nav { height:100vh; padding:5vh 0; box-sizing:border-box; overflow:hidden;}
.open .navbar .navhome { display:none;}
.open .navbar .close { display:block;}

/*foot*/
.links { width:95%; padding:10px 2.5%; border-top:1px solid #ececec; background:#fff;}
.links .tits { font-size:16px; margin-bottom:0px;}
.links a { display:inline-block; line-height:25px; font-size:12px; color:#666; margin-right:15px;}
.footer { width:95%; line-height:25px; font-size:12px; color:#868686; text-align:center; padding:40px 2.5% 20px 2.5%; background:#181818 url(../images/hy_24.jpg) no-repeat center top / 100%;}
.footer a { color:#868686;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative;}
.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:5px;}
.banner .swiper-pagination-bullet {	width:5px; height:5px; margin:0 5px !important; filter:alpha(opacity=100); opacity:1; border:2px solid #fff; border-radius:50%; background:none;}
.banner .swiper-pagination-bullet-active { background:#fff;}

.banner_ej { width:100%; margin:0 auto; height:150px; background:url(../images/mbanner2.jpg) no-repeat center center / cover;}

/**栏目标题**/
.tits { width:100%; line-height:40px; font-weight:bold; font-size:22px; margin-bottom:15px;}
.tits span { color:#2e7eef;}
.tits b { color:#333;}

/*热销产品*/
.hotpro { width:95%; padding:25px 2.5%;}
.hotpro .tabs { width:100%; padding-bottom:10px; overflow-x:scroll; position:relative; z-index:2;}
.hotpro .tabs ul { display:block; width:960px;}
.hotpro .tabs li { float:left; width:100px; text-align:center; padding:15px 10px; background-image:linear-gradient(to right,#393939,#323232); position:relative;}
.hotpro .tabs li::after { display:none; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:10px 10px 0 10px; border-color:#2e7eef transparent transparent transparent; margin:auto; position:absolute; left:0; right:0; bottom:-10px;}
.hotpro .tabs li .img { width:55px; height:55px; margin:0 auto; border:4px solid #5a5a5a; border-radius:50%; overflow:hidden;}
.hotpro .tabs li .img img { display:block; height:100%;}
.hotpro .tabs li h3 { font-size:15px; color:#fff; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hotpro .tabs .on { background:#2e7eef;}
.hotpro .tabs .on::after { display:block;}
.hotpro .tabs .on .img { border-color:#64a0f6;}
.hotpro .mynr { width:100%;}
.hotpro .mynr .swiper-slide { background:#fff;}
.hotpro .mynr a,.hotpro .mynr img { display:block; width:100%;}
.hotpro .botm { width:100%;}
.hotpro .botm li { float:left; width:48%; margin:10px 13px 0 0; overflow:hidden; position:relative;}
.hotpro .botm li:last-child { margin-right:0;}
.hotpro .botm li a,.hotpro .botm li img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.hotpro .botm li p { width:190px; height:35px; line-height:35px; font-size:15px; color:#fff; margin:0 auto; padding:0 50px 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(0,0,0,0.65) url(../images/hy_04.png) no-repeat 225px center; position:absolute; left:0; right:0; bottom:15px;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.hotpro .botm li:hover img { transform:scale(1.1,1.1);}
.hotpro .botm li:hover p { background-color:rgba(46,126,239,0.85);}

/*关于我们*/
.about { width:95%; padding:25px 2.5% 0 2.5%; background:#f7f8fa url(../images/hy_05.png) no-repeat right top;}
.about .msg { width:100%;}
.about .msg h3 { line-height:25px; font-weight:500; font-size:20px; color:#333; padding-bottom:15px; position:relative;}
.about .msg h3::after { display:block; content:""; width:30px; height:1px; background:#999; position:absolute; left:0; bottom:0;}
.about .msg p { line-height:30px; font-size:15px; color:#808080; margin:30px auto;}
.about .msg a { display:block; width:130px; height:35px; line-height:35px; font-size:13px; color:#fff; text-align:center; background:url(../images/hy_07.png) no-repeat 0 0;}
.about .img { width:100%; margin-top:25px; overflow:hidden;}
.about .img img { display:block; width:100%;}

/*为什么*/
.whyus { width:95%; padding:25px 2.5%; background:url(../images/hy_06.jpg) no-repeat center top / cover;}
.whyus .tit { color:#fff; padding-left:25px;}
.whyus .tit h1 { line-height:30px; font-size:24px; padding-bottom:10px; margin-bottom:5px; position:relative;}
.whyus .tit h1::after { display:block; content:""; width:40px; height:1px; background:#fff; position:absolute; left:0; bottom:0;}
.whyus .tit p { line-height:35px; font-size:14px;}
.whyus .tabs { float:left; width:120px; padding:10px 0; overflow-x:scroll;}
.whyus .tabs li { float:left; width:100%; color:#fff; text-align:center; margin-top:25px;}
.whyus .tabs li i { display:block; width:50px; height:50px; margin:0 auto 15px auto; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:60%; position:relative;}
.whyus .tabs li i::after { display:block; content:""; width:60px; height:60px; border:1px dashed #fff; border-radius:50%; position:absolute; left:-6px; top:-6px;}
.whyus .tabs li h3 { line-height:20px; font-size:15px;}
.whyus .tabs li p { line-height:15px; font-size:10px; color:rgba(255,255,255,0.7); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.whyus .tabs .on i { background-color:#fff;}
.whyus .tabs li .wh1 { background-image:url(../images/hy_09.png);}
.whyus .tabs .on .wh1 { background-image:url(../images/hy_09h.png);}
.whyus .tabs li .wh2 { background-image:url(../images/hy_10.png);}
.whyus .tabs .on .wh2 { background-image:url(../images/hy_10h.png);}
.whyus .tabs li .wh3 { background-image:url(../images/hy_11.png);}
.whyus .tabs .on .wh3 { background-image:url(../images/hy_11h.png);}
.whyus .tabs li .wh4 { background-image:url(../images/hy_12.png);}
.whyus .tabs .on .wh4 { background-image:url(../images/hy_12h.png);}
.whyus .mynr { float:right; width:calc(100% - 145px); margin-top:40px; overflow:hidden;}
.whyus .mynr h2 { line-height:30px; font-size:16px; color:#fff; padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid rgba(255,255,255,0.3);}
.whyus .mynr h2 b { font-size:22px; margin-right:10px; position:relative; top:2px;}
.whyus .mynr p { line-height:30px; font-size:12px; color:#fff;}
.whyus .tel { padding-left:50px; margin-top:50px; background:url(../images/hy_13.png) no-repeat left top / 40px;}
.whyus .tel p { line-height:15px; font-size:11px; color:rgba(255,255,255,0.8);}
.whyus .tel h3 { line-height:30px; font-weight:500; font-size:18px; color:#fff;}

/*生产实力*/
.strength { width:95%; padding:25px 2.5%; background:#f7f8fa;}
.strength h1 { line-height:45px; font-size:24px; color:#333; text-align:center; margin-bottom:30px;}
.strength h1 span { color:#2e7eef;}
.strength h1 p { line-height:30px; font-weight:500; font-size:14px; color:#666; margin-top:15px; position:relative;}
.strength h1 p::after { display:block; content:""; width:20px; height:1px; margin:auto; background:#2e7eef; position:absolute; left:0; right:0; top:-10px;}
.strength .swiper-slide { background:#fff;}
.strength .swiper-slide .img { width:100%; overflow:hidden; position:relative;}
.strength .swiper-slide .img::after { display:none; content:""; width:100%; height:240px; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:2;}
.strength .swiper-slide .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.strength .swiper-slide p { line-height:40px; font-size:14px; color:#333; text-align:center; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.strength .swiper-slide i { display:none; width:40px; height:40px; margin:auto; border-radius:50%; background:#2e7eef url(../images/hy_04.png) no-repeat center; position:absolute; left:0; right:0; top:100px; z-index:3;}
.strength .swiper-slide:hover .img img { transform:scale(1.1,1.1);}
.strength .swiper-slide:hover .img::after,.strength .swiper-slide:hover i { display:block;}

/*业务范围*/
.business { width:90%; padding:25px 5% 35px 5%; background:url(../images/hy_14.jpg) no-repeat center top;}
.business .tits { width:100%;}
.business .tits b,.business .tits span { color:#fff;}
.business .tits p { line-height:25px; font-weight:500; font-size:14px; color:rgba(255,255,255,0.6);}
.business .tits p::after { display:none;}
.business li { width:100%; margin-top:30px;}
.business li i { float:left; width:18px; height:40px; font-style:normal; font-size:14px; color:#fff; text-align:center; padding:5px; background-image:linear-gradient(#3183f6,#1665d4);}
.business li h3 { float:left; line-height:45px; font-family:'Akrobat-Bold'; font-size:60px; color:#fff; margin:0 10px 0 15px;}
.business li p { line-height:25px; font-size:16px; color:#b2b2b2;}
.business li p sup { display:block; color:#fff;}

/*服务流程*/
.service { width:95%; padding:25px 2.5%;}
.service .tits { text-align:center;}
.service li { float:left; width:calc(100% / 3); text-align:center; padding-top:95px; margin-bottom:25px; background-repeat:no-repeat; background-position:center top; background-size:90px; position:relative;}
.service li i { display:block; width:25px; height:25px; line-height:25px; font-style:normal; font-size:12px; color:#fff; text-align:center; border-radius:50%; background:#2e7eef; position:absolute; left:20px; top:0; z-index:2;}
.service li h3 { line-height:25px; font-weight:500; font-size:15px; color:#333;}
.service li p { line-height:15px; font-size:12px; color:#999; text-transform:Uppercase;}
.service .lc01 { background-image:url(../images/hy_15.png);}
.service .lc02 { background-image:url(../images/hy_16.png);}
.service .lc03 { background-image:url(../images/hy_17.png);}
.service .lc04 { background-image:url(../images/hy_18.png);}
.service .lc05 { background-image:url(../images/hy_19.png);}
.service .lc06 { background-image:url(../images/hy_20.png);}
.service .lc07 { background-image:url(../images/hy_21.png);}

/*新闻资讯*/
.news { width:95%; padding:25px 2.5%; background:url(../images/hy_22.jpg) no-repeat right bottom / cover;}
.news h1 { line-height:45px; font-size:24px; color:#333; text-align:center; padding-bottom:5px; margin-bottom:20px; position:relative;}
.news h1::after { display:block; content:""; width:20px; height:1px; margin:auto; background:#2e7eef; position:absolute; left:0; right:0; bottom:0;}
.news .tabs { width:100%; text-align:center; margin-bottom:20px;}
.news .tabs li { display:inline-block; height:35px; line-height:35px; font-size:14px; color:#333; padding:0 15px; margin:0 5px; background:#fff;}
.news .tabs .on { color:#fff; background:#2e7eef;}
.news .mynr { width:100%;}
.news .mynr li { line-height:40px; padding-left:25px; background:url(../images/hy_31.png) no-repeat 5px 16px;}
.news .mynr li a { display:block; float:left; width:75%; font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .mynr li span { display:block; float:right; font-size:13px; color:#999;}
.news .mynr li:hover { background-image:url(../images/hy_31h.png);}
.news .mynr li:hover a { color:#2e7eef;}
.news .mynr .more { display:block; width:130px; height:35px; line-height:35px; font-size:13px; color:#fff; text-align:center; margin:20px auto 0 auto; background:url(../images/hy_07.png) no-repeat 0 0;}

/***二级页面***/
/*单页、文章内容*/
.position { height:35px; line-height:35px; font-size:12px; color:#999; padding:0 10px 0 25px; border-bottom:1px solid #eee; background:#f8f8f8 url(../images/position.png) no-repeat 10px center / 12px;}
.position a { color:#666;}
.pager-next-pre { width:95%; margin:25px auto 20px auto; padding-top:15px; border-top:1px solid #eee;}
.pager-next-pre p { line-height:30px; font-size:12px; color:#999;}
.pager-next-pre p a { color:#2776e6;}
.theme { font-size:16px; text-align:left; line-height:25px; margin:0 auto; line-height:25px;}
.ms_time { color:#bbb; font-size:12px; margin-bottom:10px; padding:5px 0 10px 0; line-height:25px; border-bottom:1px solid #eee;}

/*单页*/
.intro { line-height:25px; padding:5px 0px; max-width:100%; font-size:12px; margin:0 auto;}
.intro p {line-height:25px; font-size:12px; margin-bottom:10px;}
.intro img { display:block; max-width:100% !important; height:auto !important; margin:5px auto;}
.intro a { color:#f00; text-decoration:underline;}

/*分页*/
.chang_pages { font-size:14px; text-align:center; line-height:30px;}
.chang_pages li { display:inline-block; color:#2776e6; margin:20px 2px; border:1px solid #2776e6; border-radius:4px;}
.chang_pages li a,.chang_pages li span { display:block; color:#2776e6; padding:0 10px;}
.chang_pages .active { background:#2776e6;}
.chang_pages .active span { color:#fff;}

/*新闻列表*/
.newlist { width:95%; margin:0 auto;}
.newlist li { width:100%; padding:15px 0; border-bottom:1px solid #f4f4f4;}
.newlist li a { display:block; width:100%;}
.newlist li .time { float:left; width:70px; height:65px; line-height:15px; font-size:12px; color:#666; text-align:center; padding-top:10px; border:1px solid #eaebef; overflow:hidden;}
.newlist li .time b { display:block; line-height:35px; font-weight:500; font-size:30px; color:#333;}
.newlist li .msg { float:right; width:calc(100% - 90px);}
.newlist li .msg h3 { line-height:30px; font-weight:500; font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist li .msg p { line-height:22px; font-size:11px; color:#999;}
.newlist li:hover::after { width:95%;}

/*产品列表*/
.prolist { width:95%; margin:0 auto 20px auto;}
.prolist li { float:left; width:48.5%; margin:10px 3% 0 0;}
.prolist li:nth-child(2n) { margin-right:0;}
.prolist li a { display:block; width:100%;}
.prolist li img { display:block; width:100%;}
.prolist li p { width:100%; line-height:40px; font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

@media screen and (min-height:800px) {
    .footer,.footer .fot { padding-bottom:34px;}
}