@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;
}
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;text-decoration: none;}
.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;
}
/* 网站头部 */
.header_mid{height: 80px;}
.header_mid img{margin-top: 25px;}
.header_mid li{float: left;width: 92px;height: 80px;text-align: center;}
.header_mid li > a{color: #000000;font-size: 15px;line-height: 80px;}
/* .header_mid li:hover,.header_mid li.active{background: #0888cd;} */
.header_mid li:hover > a,.header_mid li.active > a{color: #0888cd;}
.header_mid li.lang{border-left: 1px solid #eee;}
.header_mid li.lang:hover{background: #fff;}
.header_mid li.lang:hover > a{color: #000000;}
.header_mid li.lang > a:hover{color: #0888cd;}

/* banner图 */
.banner{height: 600px;width: 100%;}
.banner .swiper-slide div{height: 600px;}
.banner .swiper-pagination-bullet{width: 42px;height: 8px;opacity: 0.4;background: #fff;border-radius: 0;}
.banner .swiper-pagination-bullet-active{opacity: 1;}
/* 产品中心 */
.tit > h3{text-align: center;margin-top: 30px;}
.tit > h4{font-size: 28px;color: #0888cd;text-align: center;margin-top: 10px;line-height: 50px;margin-bottom: 15px;}
.tit > p{text-align: center;margin-bottom: 30px;}
.tit > p a{padding:6px 20px;border:1px solid #ddd;border-radius: 16px;margin:0 15px;}
.tit > p a:hover{color: #fff;background: #0889cd;border-color:#0889cd;}
.product li{width: 600px;height: 266px;float: left;overflow: hidden;background: #8cd7ff;}
.product li:nth-child(4n+2){background: #0889cd;color: #fff;}
.product li:nth-child(4n+3){background: #79a7bf;color: #fff;}
.product li:nth-child(4n){background: #f2f2f2;}
.product li hr{width: 22px;height: 2px;float: left;border:none;background: #0888cd;}
.product li .right{display: flex;align-items: center;height: 266px;}
.product li .right img{margin-right: 30px;margin-top: 0px;max-width: 240px;max-height: 210px;align-items: center;transition: all 1s;}
.pro_1_a{width: 280px;height: 150px;float: left;padding-top: 40px;margin-left:35px;}
.pro_1_a h5{font-size: 18px;color: #0888cd;line-height: 60px;height: 60px;overflow: hidden;}
.pro_1_a p{font-size: 14px;color: #0888cd;margin-top: 30px;height: 60px;overflow: hidden;margin-bottom: 30px;}
.pro_1_a a{font-size: 14px;color: #0888cd}
.product li h5,.product li p,.product li a{color: inherit;}
.product li.fff hr{background: #fff;}
.product li:hover .right img{transition: all 1s;transform: scale(1.1);}
.product .swiper-button-next, .product .swiper-button-prev{width: 35px;height: 62px;}
.product .swiper-button-prev{background: url(/lib/images/ico/p3.png) no-repeat;left:-60px;}
.product .swiper-button-next{background: url(/lib/images/ico/n3.png) no-repeat;right:-60px;}
/* 解决方案 */
.solution{background: url("/lib/images/ico/bg1.png") no-repeat center;width: 100%;height: 740px;overflow: hidden;}
.solution > .tit > h4{font-size: 28px;color: #fff;text-align: center;margin-bottom: 42px;}
.solution > .tit > h3{margin-top: 120px;}
.solution li{background: url("/lib/images/ico/li_5.png") no-repeat center;width: 278px;height: 447px;
    float: left;margin-right: 29px;text-align: center;}
.solution li:nth-child(4){margin-right: 0;}

.solution li h5{font-size: 60px;color: #a7a7a7;margin-top: 30px;}
.solution li hr{width: 28px;height: 2px;border:none;background: #a7a7a7;float: left;}
.solution li h6{font-size: 18px;color: #333333;margin-top: 35px;margin-bottom: 20px;}
.solution li > div{position: relative;width: 262px;height: 178px;overflow: hidden;margin-left: 8px;}
.solution li > div p{position: absolute;height: 178px;background: rgba(0,0,0,.6);font-size: 14px;color: #fff;
    padding:20px;line-height: 30px;top:178px;transition: all .8s;width: 100%;}
.solution li:hover > div p{top:0;transition: all .8s;}
.solution li > span{float: left;margin:0 10px;}
.solution li > a{font-size: 14px;color: #666666;line-height: 50px;}
.solution li:hover h5,.solution li:hover h6,.solution li:hover a,.solution li:hover span{color: #0888cd;}
.solution li:hover hr{background: #0888cd;}
.solution > p{text-align: center;margin-top: 50px;}
.solution > p > a{padding:12px 50px;background: #0888cd;color: #fff;border-radius: 21px;}
/* 新闻中心 */
.news{height: 725px;width: 100%;overflow: hidden;}
.news > .tit > h5{text-align: center;margin-top: 10px;}
.news > .tit > h4{text-align: center;margin-top: 20px;color: #333333;}
.news > .tit > .left{background: url("/lib/images/n1.jpg") no-repeat;width: 358px;height: 441px;position: relative;}
.news > .tit > .left h4{position: absolute;bottom: 0;line-height: 60px;left:20px;}
.news > .tit > .left > a{font-size: 17px;position: absolute;right:20px;bottom: 0;line-height: 60px;color: #f2f2f2;}
.news > .tit > .left > a:hover{color: #0888cd;}
.news > .tit > .left h4 span{font-size: 17px;color: #f2f2f2;}
.news > .tit > .left h4 span em{margin:0 5px;}
.news > .tit > .right{width: 810px;height: 441px;}
.news_x ul{display: none;}
.news_x ul li{width: 365px;float: left;margin-left: 40px;border-bottom: 1px solid #ddd;}
.news_x ul li > a{font-size: 14px;color: #666666;line-height: 58px;}
.news_x ul li h5{font-size: 24px;color: #333333;border-bottom: 1px solid #ddd;line-height: 40px;}
.news_x ul li.nw{height: 58px;overflow: hidden;}
.news_x ul li h5 span{font-size: 14px;color: #333333;margin-left: 15px;}
.news_x ul li h6{font-size: 16px;color: #666;line-height: 45px;height: 45px;overflow: hidden;}
.news_x ul li p{font-size: 14px;color: #666;line-height: 25px;padding-bottom: 5px;}
.news_x ul li:hover >a {color: #0888cd;}
.news_x ul li:hover p,.news_x ul li:hover h6{color: #0888cd;}


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

/* 底部 */
/*   底部样式   */
.footer .c{padding-top: 52px;}
.foot_p_a{width: 170px;height: 140px;font-size: 14px;color: #d3d3d3;}
.foot_p_a span{font-size: 18px;color: #d3d3d3;}
.footer{width: 100%;background: #1c1c1c;position: relative;}
.foot_1{width: 323px;}
.foot_a_2{width: 140px;text-align: center;}
.foot_a_2 p a{margin-left: 16px;}
.foot_a_1{clear: both;}
.foot_a_1 p{margin-top: 10px;font-size: 14px;color: #8a8a8a;line-height: 21px;}
.foot_a_1 a{padding:8px 35px;border: 1px solid #636363;border-radius:16px;font-size: 12px;}
.foot_2{width: 820px;border-right: 1px solid #434343;position: relative;}
.foot_2 ul{float: left;min-width: 88px;margin-right: 10px;}
.foot_2 ul p{font-size: 16px;color: #c2c2c2;margin-bottom: 15px;}
.foot_2 ul.ul{width: 200px;}
.foot_2 ul.ul li{float: left;width: 100px;}
.foot_2 ul li a{font-size: 14px;line-height: 36px; color: #8a8a8a;}
.foot_2 ul li a:hover{color: #00a2e9;}
.footer .c1{width: 100%;padding: 30px 0; border-top:1px solid #232323;margin-top: 57px;}
.footer .c1 p{line-height: 35px;text-align: left;padding:0;margin-top: 2px;}
.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(/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;}