@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; font-family:"微软雅黑", "宋体", Arial; text-decoration:none; list-style:none;}
img{border:none;}
body{background:#fff; padding-bottom:17.5vw;}
html{font-size:16px;}
img{display:block; width:100%; }
.divb{width:100%;}

@media screen and (min-width: 320px) {html{font-size:8px;}}
@media screen and (min-width: 360px) {html{font-size:9px;}}
@media screen and (min-width: 375px) {html{font-size:9.375px;}}
@media screen and (min-width: 400px) {html{font-size:10px;}}
@media screen and (min-width: 414px) {html{font-size:10.35px;}}
@media screen and (min-width: 440px) {html{font-size:11px;}}
@media screen and (min-width: 480px) {html{font-size:12px;}}
@media screen and (min-width: 520px) {html{font-size:13px;}}
@media screen and (min-width: 560px) {html{font-size:14px;}}
@media screen and (min-width: 600px) {html{font-size:15px;}}
@media screen and (min-width: 640px) {html{font-size:16px;}}
@media screen and (min-width: 680px) {html{font-size:17px;}}
@media screen and (min-width: 720px) {html{font-size:18px;}}
@media screen and (min-width: 760px) {html{font-size:19px;}}
@media screen and (min-width: 800px) {html{font-size:20px;}}
@media screen and (min-width: 960px) {html{font-size:24px;}}
@media screen and (min-width: 1024px) {html{font-size:25.6px;}}

.keliang{width:100%; margin:0 auto; max-width:1024px;}
.keliang .top{width:100%; height:18vw; position:relative; box-sizing:border-box; padding-top:3%; padding-left:5vw;}
.keliang .top .logo{width:78%;}
.keliang .top .top-nav{width:8%; position:absolute; top:5vw; right:5%;}
.keliang .nav{width:100%; overflow:hidden;}
.keliang .nav a{float:left;display:block; width:22%; height:10vw; line-height:10vw; background-color:#0054b3; border-radius:5px; margin-left:2.5%;margin-top:2vw; text-align:center; color:#fff; font-size:1.6rem;}
.keliang .nav a.active{ background:#ed143d}
.keliang .title01{width:40%; margin:6vw auto 4vw;}
.keliang .main1{width:100%; overflow:hidden;}
.keliang .main1 a{display:block; width:44%; height:53vw; float:left; margin-left:4%; margin-bottom:2vw;}
.keliang .main1 a .main1-cp{width:100%; height:31.5vw; }
.keliang .main1 a .main1-cpname{width:100%; height:9vw; line-height:9vw; text-align:center; color:#535353; font-size:1.8rem; font-weight:bold;}
.keliang .main1 a .main1-cpshuoming{width:90%; height:12vw; line-height:6vw; color:#777; text-align:center; font-size:1.3rem; margin:1vw auto 0;}
.keliang .main1-btn{width:100%; height:8vw; overflow:hidden; margin:3vw auto 7vw;}
.keliang .main1-btn ul{display:block;}
.keliang .main1-btn ul li{float:left; width:35%; height:8vw; margin-left:10%;}
.main1-sumbit1{width:100%; height:8vw; line-height:8vw; background-color:#2389eb; border-radius:25px; text-align:center; color:#fff; font-size:1.5rem; border:none; }
.keliang .main2{width:100%; height:28vw; overflow:hidden; background:url(../images/bg-main2-2.jpg) no-repeat top center; background-size:100%;}
.keliang .main2 a{display:block; float:left; width:35%; height:8vw; line-height:8vw; border:1px solid #fff; border-radius:25px; text-align:center; font-size:1.6rem; color:#fff; margin-left:10%; margin-top:3vw; box-sizing:border-box;}
.keliang .title03{width:40%; margin:6vw auto 4vw;}
.keliang .main3{width:100%; overflow:hidden;}
.keliang .main3 a{display:block; float:left; width:42%; height:47vw; margin-left:5.2%; margin-bottom:3vw;}
.keliang .main3 a .main3-img{width:100%; height:31.5vw; }
.keliang .main3 a .main3-text1{width:100%; height:8vw; line-height:8vw; text-align:center; color:#888; font-size:1.7rem; font-weight:bold; margin-top:2vw;}
.keliang .main3 a .main3-text2{width:100%; height:5vw; line-height:5vw; text-align:center; color:#888; font-size:1.3rem;}
.keliang .main3-btn{width:36%; height:8vw; margin:2vw auto 5vw;}
.main3-sumbit1{width:100%; height:8vw; line-height:8vw; text-align:center; color:#fff; font-size:1.8rem; background-color:#2389eb; border-radius:25px; border:none;}

.fudong{width:100%; z-index:990;position:fixed; bottom:0; left:0; overflow:hidden;}
.fudong ul{max-width:1024px; margin:0 auto;width:100%; background-color:#1f429e; display:block;overflow:hidden; padding:2% 0;}
.fudong ul li{float:left; width:25%;}
.fudong .icond1{width:35%;margin:0 auto;}
.fudong .textd1{width:100%; color:#fff; font-size:1.3rem; text-align:center;margin-top:6%;}





/*产品展示*/
.tabBox3{ margin:2vw auto;   }
.tabBox3 .hd{ height:12.5vw; line-height:12.5vw; font-size:20px; overflow:hidden; border-bottom:1px solid #ccc;  padding:0 10px;  }
.tabBox3 .hd h3{ float:left; font-size:24px; }
.tabBox3 .hd h3 span{color:#ccc; font-family:Georgia; margin-left:10px;  }
.tabBox3 .hd ul{ float:left;  }
.tabBox3 .hd ul li{ float:left; font-size:1.5rem; padding:0 2.6vw; vertical-align:top; color:#535353;  }
.tabBox3 .hd ul li a{color:#535353;}
.tabBox3 .hd ul li.on a{ color:#B63B34; display:block; height:12vw; line-height:12vw;   border-bottom:2px solid #B63B34; font-weight:bold;  }
.tabBox3 .bd ul{ padding:10px;  }
.tabBox3 .bd ul .f1-1title{width:64%; margin:2vw auto 0;}
.tabBox3 .bd ul .f1-frame{width:100%; overflow:hidden; margin-bottom:8vw; margin-top:4vw;}
.tabBox3 .bd ul .f1-frame a{display:block; float:left; width:43%; height:52vw; margin-left:4.2%;}
.tabBox3 .bd ul .f1-frame a .cp-img{width:100%;border:1px solid #ddd;}
.tabBox3 .bd ul .f1-frame a .cp-text{width:100%; height:9vw; line-height:9vw; font-size:1.4rem; color:#535353; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}




.txt-1title{ text-align:center; font-size:2.5rem; line-height:2}
.txt-1title:after,.txt-1title:before{ content:" --- "; color:#999}
.poducts{width:100%; overflow:hidden; margin-bottom:8vw; margin-top:4vw;}
.poducts a{display:block; float:left; width:43%; height:52vw; margin-left:4.2%;}
.poducts a .cp-img{width:100%;border:1px solid #ddd;}
.poducts a .cp-text{width:100%; height:9vw; line-height:9vw; font-size:1.4rem; color:#535353; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}




.keliang .cp2-title{width:90%; margin:3vw auto; height:11vw; line-height:11vw; color:#535353; font-size:1.6rem; font-weight:bold; text-align:center; border-bottom:1px solid #ddd;}
.keliang .cp2-btn{width:90%; margin:0 auto; overflow:hidden;}
.keliang .cp2-btn ul{display:block;}
.keliang .cp2-btn ul li{width:26%; height:8vw;float:left; margin-left:16%; }
.cp2-sumbit1{width:100%;  height:6vw; line-height:6vw; background-color:#f00; border-radius:25px; text-align:center; color:#fff; font-size:1.4rem; border:none;}
.keliang .cp2-content{width:90%; margin:0 auto 8vw;}
.keliang .cp2-content img{margin:0 auto; text-align:center; max-width:100%;}


/*2关于科亮*/
.tabBox2{ margin:2vw auto;   }
.tabBox2 .hd{ height:12.5vw; line-height:12.5vw; font-size:20px; overflow:hidden; border-bottom:1px solid #ccc;  padding:0 10px;  }
.tabBox2 .hd h3{ float:left; font-size:24px; }
.tabBox2 .hd h3 span{color:#ccc; font-family:Georgia; margin-left:10px;  }
.tabBox2 .hd ul{ float:left;  }
.tabBox2 .hd ul li{ float:left; font-size:1.5rem; padding:0 4.2vw; vertical-align:top; color:#535353;  }
.tabBox2 .hd ul li a{color:#535353;}
.tabBox2 .hd ul li.on a{ color:#B63B34; display:block; height:12vw; line-height:12vw;   border-bottom:2px solid #B63B34; font-weight:bold;  }
.tabBox2 .bd ul{ padding:10px;}

/*2-1*/
.f2-1title{width:64%; margin:2vw auto 4vw;}
.f2-1content{width:90%; margin:0 auto 10vw;line-height:1.8;font-size:1.5rem; color:#535353;}
.f2-1content p{font-size:1.5rem; color:#535353; line-height:1.8; text-indent:2em;}
.f2-1content img{width:100%; height:auto; margin:2vw auto;}


/*2-2*/
.klm-content .f2-frame{width:95%; margin:3vw auto 0;}
.klm-content .f2-title{width:100%; height:10vw; line-height:10vw; background-color:#f4f4f4; color:#730000; font-size:1.6rem; font-weight:bold; text-align:center;}
.klm-content .f2-2content{width:90%; margin:0 auto 10vw;}
.klm-content .f2-2content a{display:block; width:100%; height:10vw;line-height:10vw; border-bottom:1px dotted #999; color:#535353;font-size:1.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:2%; box-sizing:border-box;}
.klm-content .f2-2content a .f2-2left{width:70%; float:left; height:10vw; line-height:10vw; font-size:1.5rem; color:#535353; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:2%; box-sizing:border-box;}
.klm-content .f2-2content a .f2-2right{float:right; width:26%; height:10vw; line-height:10vw; text-align:center; font-size:1.4rem; color:#666;}
.klm-content .f2-2text{width:90%; margin:0 auto 10vw; padding-top:2vw; }
.klm-content .f2-2text p{color:#535353; font-size:1.5rem; line-height:2; text-indent:2em;}

/*2-3*/
.klm-content .f2-3content{width:90%; margin:0 auto 10vw;}
.klm-content .f2-3content a{display:block; width:100%; height:10vw; border-bottom:1px dotted #999; overflow:hidden;}
.klm-content .f2-3content a .f3-3left{width:70%; float:left; height:10vw; line-height:10vw; font-size:1.5rem; color:#535353; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:2%; box-sizing:border-box;}
.klm-content .f2-3content a .f3-3right{float:right; width:26%; height:10vw; line-height:10vw; text-align:center; font-size:1.4rem; color:#666;}

/*2-4*/
.klm-content .f2-4frame{width:100%; overflow:hidden;}
.klm-content .f2-4frame ul {display:block; padding-top:20px;}
.klm-content .f2-4frame ul li{float:left; width:45%; margin-left:4.2%; margin-bottom:3vw; text-align:center}
.klm-content .f2-4frame ul li img{ height:210px;}

.klm-content .news-title{line-height:1.5; text-align:center; color:#777; font-size:18px; font-weight:bold; border-bottom:1px solid #eee; margin:15px auto 0 auto; width:90%; padding-bottom:15px;}
.klm-content .news-time{line-height:1.5; text-align:center; color:#777; font-size:14px; margin:10px 0;}
.klm-content .news-content{}


.ny_down{padding-left:20px; border-top:solid 1px #ccc; padding-top:5px; text-align:left; font-size:14px}
.ny_down .att_title{ line-height:2; clear:both; display:block}
.ny_down a{color:#000;line-height:32px;height:32px;margin-right:10px; margin-bottom:5px; text-decoration:none; float:left; clear:both; padding:5px; }
.ny_down a:hover{ background-color:#0A246A; color:#FFF}
.ny_down a img{ float:left; margin-right:5px; border:0}


/*3客户支持*/
.keliang .f3-frame{width:100%;}

/* 轮播*/
.tabBox{ margin:2vw auto;   }
.tabBox .hd{ height:12.5vw; line-height:12.5vw; font-size:20px; overflow:hidden; border-bottom:1px solid #ccc;  padding:0 10px;  }
.tabBox .hd h3{ float:left; font-size:24px; }
.tabBox .hd h3 span{color:#ccc; font-family:Georgia; margin-left:10px;  }
.tabBox .hd ul{ float:left;  }
.tabBox .hd ul li{ float:left; font-size:1.5rem; padding:0 1.9vw; vertical-align:top; color:#535353;  }
.tabBox .hd ul li a{color:#535353;}
.tabBox .hd ul li.on a{ color:#B63B

34; display:block; height:12vw; line-height:12vw;   border-bottom:2px solid #B63B34; font-weight:bold;  }
.tabBox .bd ul{ padding:10px;  }
 .f3-1title{width:64%; margin:2vw auto 0;}
/*3-1 3-2*/
 .f3-kf{width:100%; margin:0 auto;}
/*3-3*/
 .f3-3img{width:50%; margin:2vw auto;}
 .f3-3content{width:90%; margin:0 auto 10vw;}
 .f3-3content a{display:block; width:100%; height:10vw; border-bottom:1px dotted #999; overflow:hidden;}
 .f3-3content a .f3-3left{width:70%; float:left; height:10vw; line-height:10vw; font-size:1.5rem; color:#535353; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:2%; box-sizing:border-box;}
 .f3-3content a .f3-3right{float:right; width:26%; height:10vw; line-height:10vw; text-align:center; font-size:1.4rem; color:#666;}

/*3-4*/
 .message{width:95%; margin:6vw auto;}
 .message .frame{width:100%; height:10vw; overflow:hidden;}
 .message .frame-ly{width:100%; height:30vw; overflow:hidden;}
 .message .frame .frame1{float:left; width:26%; text-align:right; font-size:1.4rem; color:#535353;}
 .message .frame .frame2{float:right; width:72%;}
 .message .frame-ly .frame1{float:left; width:26%; text-align:right; font-size:1.4rem; color:#535353;}
 .message .frame-ly .frame2{float:right; width:72%;}
.textarea-text{width:90%;height:26vw; color:#535353; font-size:1.4rem; padding-top:2%; padding-left:4%; box-sizing:border-box;}
.input-text{width:90%;height:6vw; line-height:6vw;color:#535353; font-size:1.4rem; padding-top:2%; padding-left:4%; box-sizing:border-box;}
 .message .frame .btn{width:50%; height:10vw; margin-left:28%;}
.f3-4btn{width:100%; height:10vw; line-height:10vw; background-color:#2389eb; border-radius:15px; text-align:center; color:#fff; font-size:1.5rem; border:none; }

/*3-5*/
 .f3-5frame{width:92%; margin:0 auto;}
 .f3-5frame .f3-5fk{width:100%; margin-bottom:2vw;}
 .f3-5frame .f3-5fk .f3-5title{width:100%; height:10vw; line-height:10vw; background-color:#f8f6f6; font-size:1.5rem; color:#535353; padding-left:4%; padding-right:4%; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
 .f3-5frame .f3-5fk .f3-5content{width:100%; padding:2% 4%;font-size:1.5rem; color:#535353;box-sizing:border-box; line-height:2;}


/*4销售网络*/
.keliang .f4-title{width:50%; margin:4vw auto;}
.keliang .f4-text{width:80%; margin:0 auto; }
.keliang .f4-text p{font-size:1.5rem; color:#535353; line-height:2; text-indent:2em;}
.keliang .f4-map{width:80%; margin:6vw auto}



/*5联系我们*/
.keliang .f5-title{width:50%; margin:4vw auto;}
.keliang .f5-content{width:81.25%; margin:2vw auto 6vw;}
.keliang .f5-content p{font-size:1.4rem; color:#535353; line-height:2.4;}
.keliang .f5-map{width:81.25%; margin:0 auto 10vw;}






.layout{position:fixed;z-index:999; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.6); display:none}



.paging{ text-align:center; padding:10px;}
.paging ul.pagination {display: inline-block;padding: 0;margin: 0;}
.paging ul.pagination li {display: inline;}
.paging ul.pagination li a {color: #333;float: left;font-size:14px;padding: 8px 16px;text-decoration: none; font-family:sans-serif}
.paging ul.pagination li a.active1 {background-color: #03468d;color:#fff;}
.paging ul.pagination li a:hover:not(.active1) {background-color: #f9f9f9;}