@charset "utf-8";
/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
fieldset,img {
    border: 0;
}
option{font-size: 12px;}
table select{font-size: 10px;}
input,textarea{outline: none;}
address,caption,cite,code,dfn,em,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before,q:after {
    content:"";
}
abbr,acronym {
    border: 0;
}
a{
    text-decoration: none;
}
img{
    border:none;
    vertical-align: middle;
}
html,body{
    font-family: Microsoft YaHei,arial,sans-serif,tahoma;
    font-size: 14px;
    color: #888888;
    min-width: 1200px;
}
.c{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
input,textarea{outline: none;background: none;border:none;}
.cc{width: 1260px;margin-left: auto;
    margin-right: auto;}
.left{float: left;}
.right{float: right;}
a{font-size: 14px;color: #666666;line-height: 25px;}
p{font-size: 16px;color: #666666;line-height: 30px;}
h4{font-size: 24px;color: #333333;}
span{font-size: 16px;color: #999999;}
em{font-size: 14px;color: #999999;}
h5{font-size: 18px;color: #666666;}
h6{font-size: 16px;color: #666666;}
a:hover{color:#298ee3;}
.clear{clear: both;}
.f8{background: #f8f8f8;width: 100%;}
input::-webkit-input-placeholder{color:#bbbbbb;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#bbbbbb;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#bbbbbb;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#bbbbbb;
}
.imag{position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);display: none;text-align: center;
    align-items: center;z-index: 9999;}
.imag img{align-items: center;width: 600px;height: auto;}
.imag div {
    width: 620px;
    height: auto;
    padding: 15px 10px;
    background: #fff;
    margin: 30px auto;
    border-radius: 10px;
    position: relative;
}
.imag div a {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    right: 5px;
    top: 0;
    background: url(/lib/images/ico/xxx.png) no-repeat;
}

/* 网站头部 */
.header_mid{height: 140px;}
.header_mid > p{text-align: right;line-height: 45px;font-size: 12px;}
.header_mid > p a{font-size: 12px;color: #111111;}
.header_mid > p a:hover{color: #298ee3;}
.header_mid h5{float: right;background: url("/lib/images/tel.png") no-repeat;width: 245px;height: 50px;padding-top: 22px;margin-top: 15px;}
.header_mid h5 span{color: #1282e0;font-size: 22px;margin-left: 70px;}
.header .header_mid img{margin-top: 10%;}
.header .nav{width: 100%;height: 46px;background: #303030;}
.header .nav li{float: left;width: 200px;height: 46px;text-align: center;}
.header .nav li > a{color: #ffffff;font-size: 16px;text-align: center;line-height: 46px;}
.header .nav li:hover,.header .nav li.active{background: #298ee3;}


/* banner图 */
.banner .swiper-slide div{height: 777px;}
.banner .swiper-pagination-bullet{width: 42px;height: 6px;border-radius: 3px;opacity: 0.5;background: #fff;}
.banner .swiper-pagination-bullet-active{opacity: 1;}

/* 产品中心 */
.f5f5f5{background: #f9f9f9;overflow: hidden;}
.tit > h4{font-size: 32px;color: #333333;text-align: center;margin-top: 60px;line-height: 55px;}
.tit > h5{font-size: 16px;color: #777777;text-align: center;margin-bottom: 42px;}
.pro_1_a{width: 286px;height: 240px;float: left;background: #fff;padding-top: 40px;margin-left:17px; }
.pro_1_a:nth-child(1){margin-left: 0;}
.pro_1_a h5{font-size: 16px;color: #666666;text-align: center;line-height: 60px;}
.pro_1_a p{padding:0 25px;min-width: 78px;float: left;}
.pro_1_a p a{font-size: 14px;}
.pro_1_a p span{font-size: 22px;margin-right: 5px;}

.pro_2 li{width: 286px;height: 340px;float: left;margin-left:17px;margin-top: 23px;}
.pro_2 li:nth-child(1){margin-left: 0;}
.pro_2 li > div{width: 286px;height: 279px;background: #f5f5f5;overflow: hidden;}
.pro_2 li > div img{max-width: 286px;max-height: 280px;}
.pro_2 li > p{text-align: center;line-height: 60px;}
.pro_2 li > p a{font-size: 16px;}
/* 优势 */
.ys li{width: 50%;height: 300px;float: left;position: relative;overflow: hidden;}
.ys li .y_3{position: absolute;width: 50%;height: 300px;background: #228df4;left:100%;transition: all 0.8s;}
.ys li:hover .y_3{left:50%;transition: all 0.8s;z-index: 2;}
.ys li .y_1{width: 50%;height: 300px;overflow: hidden;float: left;}
.ys li .y_2{width: 50%;height: 300px;background: #f8f8f8;float: left;transition: all 0.8s;position: relative;z-index: 10;}
.ys li .y_2 h5{padding:20px 35px;font-size: 18px;color: #333333;margin-top: 30px;}
.ys li .y_2 p{padding:0 35px;margin-top: 15px;height: 120px;overflow: hidden;color: #888888;}
.ys li .y_2 hr{width: 60px;border:none;background: #888888;height: 2px;float: left;margin-left: 35px;margin-top: 30px;transition: all 0.8s;}
.ys li:hover .y_2{background: none;}
.ys li:hover .y_2 h5,.ys li:hover .y_2 p{color: #fff;}
.ys li:hover .y_2 hr{background: #fff;margin-top: -140px;}
.ys li:hover .y_2 p{margin-top: 20px;}
.ys li.li .y_1{float: right;}
.ys li.li:hover .y_3{left:0%;}


/* 关于我们 */

.pro_b > .right{width: 682px;height: 480px;}
.pro_b > .left{width: 475px;height: 480px;}
.pro_b > .right >div p{font-size: 16px;color: #666666;height:180px;line-height: 36px;overflow: hidden;margin-bottom: 20px;margin-top: 15px;}
.pro_b > .right >div a{padding:7px 30px;color: #1282e0;font-size: 16px;}
.pro_b > .right h3{font-size: 20px;color: #666666;line-height: 60px;}
.pro_b > .right hr{width: 100%;border:none;background: #eee;height: 1px;}
.pro_b > .right h4{margin-bottom: 38px;}
.pro_b > .right h4 span{padding:5px 25px;border:1px solid #eee;margin-right: 30px;border-radius: 16px;cursor: pointer;}
.pro_b > .right h4 span.active{background: #228df4;color: #fff;border:none;}
.pro_b > .right >div li{float: left;margin-right:40px;text-align: center;width: 200px;height: 128px;overflow: hidden; }
.pro_b > .right >div li:nth-child(3n){margin-right: 0;}
.pro_b > .right >div li img{max-width: 200px;max-height: 128px;transition: all 0.5s;}
.pro_b > .right >div li:hover img{transition: all 0.5s;transform: scale(1.1);}
.about_f ul{display: none;}

/* 应用案例 */
.ys_3 h2{font-size: 60px;font-family:"Acrom";text-align: center;line-height: 45px;color: #F0F0F0;padding-top:85px;font-weight: bold;}
.ys_3 h2 span{color: #333333;font-size: 24px;font-weight: normal;line-height: 45px;}
.ys_3 hr{width: 45px;height: 3px;border:none;background: #00a2e9;margin-top: 10px;}
.ys_3 p{color: #666666;font-size: 14px;line-height: 45px;text-align: center;}
.case .c{width: 1220px;}
.case .swiper-slide{margin-top: 55px;}
.case .swiper-slide .right{width: 881px;height: 629px;text-align: center;background: url("/lib/images/c0.png") no-repeat;
    line-height: 570px;}
.case .swiper-slide .left{width: 266px;height: 260px;background: #00a2e9;border-radius: 10px;margin-top: 140px;margin-left: 10px;
    padding:50px 30px;text-align: center;}
.case .swiper-slide .left h4{font-weight: bold;font-size: 24px;color: #fff;}
.case .swiper-slide .left h5{font-size: 18px;color: #fff;line-height: 70px;}
.case .swiper-slide .left p{font-size: 14px;color: #fff;text-align: left;margin-bottom: 20px;height: 120px;overflow: hidden;}
.case .swiper-slide .left a{padding:7px 30px;background: #333333;color: #fff;font-size: 14px;border-radius: 16px;}
.case .swiper-button-next, .case .swiper-button-prev{width: 11px;height: 16px;top:660px;}
.case .swiper-button-next{background: url("/lib/images/ico/ne2.png") no-repeat center !important;right:430px;}
.case .swiper-button-prev{background: url("/lib/images/ico/pr2.png") no-repeat center !important;left:630px;}
.case .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 100%;opacity: 1;background: #333333;}
.case .swiper-pagination-bullet-active{background: #00a2e9;width: 12px;height: 12px;}
.case .swiper-pagination-fraction,.case .swiper-pagination-custom,.case .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 18px;padding-left: 100px;}

/* 新闻 */
.news{height: 805px;width: 100%;background: #f8f8f8;margin-top: 60px;overflow: hidden;}
.news_x{width: 1200px;background: #fff;height: 580px;}
.news_x ul{float: left;margin-left: 23px;margin-top: 40px;height: 455px;}
.news_x h4{width: 370px;height: 150px;text-align: center;padding-top: 50px;margin-bottom: 25px;}
.news_x h4 span{font-size: 24px;color: #fff;line-height: 36px;border-bottom: 3px solid #fff;padding-bottom: 10px;margin-top: 30px;}
.news .news_1 h4{background: url("/lib/images/ne1.jpg") no-repeat center;}
.news .news_2 h4{background: url("/lib/images/ne2.jpg") no-repeat center;}
.news .news_3 h4{background: url("/lib/images/ne3.jpg") no-repeat center;}
.news ul li{background: url("/lib/images/n1.png") no-repeat 5px 17px;padding-left: 20px;}
.news ul li a{line-height:42px;font-size: 16px;color: #666666; }
.news ul li a:hover{color: #1282e0;}

/* 友情链接 */
.link{margin-top: 50px;margin-bottom: 30px;}
.link p,.link p a{font-size: 14px;color: #666;}
.link p span{padding:0 10px;}
.link p a:hover{color: #00a2e9;}

/* 底部 */
/*   底部样式   */

.footer .c{padding-top: 52px;}
.footer{width: 100%;height: 430px;background: #333333;position: relative;}
.foot_1{width: 223px;height: 280px;}
.foot_1 p{margin-top: 10px;font-size: 14px;color: #737373;line-height: 21px;}
.foot_1 p span{font-size: 28px;color: #999999;line-height: 50px;}
.foot_1 .wx{margin-right: 30px;}
.foot_1 p.wq em{margin-left: 8px;margin-right: 35px;font-size: 12px;}
.foot_2{width: 960px;height: 220px;position: relative;}
.foot_2 ul{float: left;width: 192px;}
.foot_2 ul p{font-size: 16px;color: #999999;margin-bottom: 15px;}
.foot_2 ul p em{border-bottom: 1px dashed #666;padding-bottom: 10px;font-size: 16px;color: #c2c2c2;}

.foot_2 ul li a{font-size: 14px;line-height: 36px; color: #999999;}
.foot_2 ul li a:hover{color: #00a2e9;}
.footer .c1{width: 1200px;height: 80px;border-top:1px solid #232323;position: absolute;bottom: 0;left:0;right:0;margin:0 auto;}
.footer .c1 p{line-height: 70px;text-align: left;padding:0;}
.footer_1 p a{margin-right: 45px;}

.page p{text-align: center;line-height: 100px;}
.page p span, .page p a {
    padding: 8px 14px;
    margin-left: 15px;font-size: 16px;color: #666666;border: 1px solid #ebebeb;border-radius: 100%;
}
.page .current{color: #00a2e9;padding: 8px 14px;}
.page p a:hover{color: #00a2e9;padding: 8px 14px;}

/* 在线客服 */
.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(/lib/images/shopnc.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}


.site_map h1 a{font-size:18px;color:#666;line-height:60px;padding-left:10px;}
.site_map li{width:270px;display:inline-block;line-height:40px;padding-left:10px;}
.site_map ul{border:1px solid #eee;min-height:50px;}
.site_map li a{font-size:14px;color:#666;}
.site_map,.site_map a{font-size:12px;color:#666;}