@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;
}
body{max-width: 100%;overflow-x: hidden;}
.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{height: 110px;}
.head_top{height: 48px;}
.head_top p,.head_top p span{line-height: 30px;font-size: 14px;color: #aaa;}
.head_top p a{color:#aaa;}
.header_mid{height: 50px;margin-top: 10px;}
.header_mid img{margin-top: -20px;}
.header_mid > ul > li{float: left;height: 40px;text-align: center;position: relative;margin-left: 50px;}
.header_mid > ul > li > a{color: #000000;font-size: 16px;line-height: 42px;}
.header_mid li:hover > a,.header_mid li.active > a{color: #0888cd;}
.header_mid > ul > li > ol{position: absolute;background: #fff;padding:15px 0;top:40px;display: none;min-width: 140px;max-width: 200px;left:-20px;z-index: 99;}
.header_mid > ul > li > ol li{line-height: 25px;border-bottom: 1px dashed #eee;text-align: left;padding: 10px 5px 10px 15px;}
.header_mid > ul > li:hover > ol{display: block;}

/* banner图 */
.banner{height: 650px;width: 100%;}
.banner .swiper-slide div{height: 650px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #fff;border-radius: 5px;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #e3212a;}
/* 产品中心 */
.tit > h3{text-align: center;margin-top: 55px;font-size: 24px;color: #e3212a;}
.tit > h4{font-size: 26px;color: #333333;text-align: center;line-height: 40px;}
.tit > hr{width: 30px;height: 3px;border: none;background: #e3212a;margin-bottom: 40px;}
.tit > h5{text-align: center;}
.tit > h5 a{padding:10px 45px;border:1px solid #eee;margin:0 8px;color: #333;border-radius: 5px;}
.tit > h5 a.active{color: #fff;background: #009b4c;border:none;}
.product > h5{text-align: center;width: 220px;float: left;border:1px solid #eee;}
.product > h5 > span{display: block;width: 100%;height: 60px;background: #009b4c;font-size: 22px;color: #fff;line-height: 60px;}
.product > h5 a{display: block;border:1px solid #eee;color: #333;border-radius: 5px;
    line-height: 40px;width: 200px;height: 40px;margin:8px 10px;}
.product > h5 a.active{color: #fff;background: #69a95f;border:none;}

.news .tit > h5 a.active{background: #009ee3;}
.product > h5 em{background: #eee;display: block;line-height: 40px;margin-top: 15px;padding:7px 0;color: #555;font-size: 18px;}
.keyword{margin-top: 15px;}
.keyword p{font-size: 12px;color: #999;}
.keyword a{margin-right: 10px;font-size: 12px;color: #999;}
.keyword form{float: right;}
.keyword form input{height: 30px;}
.keyword form input[type="text"]{width: 130px;border:1px solid #eee;padding-left: 10px;}
.keyword form input[type="submit"]{width: 50px;background: #009ee3;color: #fff;font-size: 14px;margin-left: -5px;}

.p_list ul{display: none;float: right;width: 975px;}
.p_list ul:first-child{display: block;}
.p_list ul li{width: 290px;height: 252px;margin-left: 32px;margin-bottom: 24px;float: left;overflow: hidden;}
.p_list ul li div{background: #fff;border:1px solid #bbb;width: 290px;height: 212px;
    align-items: center;justify-content: center;display: flex;overflow: hidden;}
.p_list ul li img{max-width: 250px;max-height: 180px;transition: all 1s;}

.p_list ul li.list_1{width: 584px;height: 448px;margin-left: 0;}
.p_list ul li.list_1 img{max-width: 550px;max-height: 400px;}
.p_list ul li:hover img{transition: all 1s;transform: scale(1.1);}
.p_list ul li p{width: 100%;height: 40px;text-align: center;line-height: 40px;}
.p_list ul li:hover p{
    /* top:0;transition: all 0.5s; */
    color: #009ee3;
}



.pro_1_a{width: 295px;height: 150px;float: left;padding-top: 40px;margin-left:35px;}
.pro_1_a h5{font-size: 18px;color: #0888cd;line-height: 60px;}
.pro_1_a p{font-size: 14px;color: #0888cd;margin-top: 30px;height: 30px;overflow: hidden;margin-bottom: 30px;}
.pro_1_a a{font-size: 14px;color: #0888cd}
.product li.fff h5,.product li.fff p,.product li.fff a{color: #fff;}
.product li.fff hr{background: #fff;}
.product li:hover .right img{transition: all 1s;transform: scale(1.1);}
/* 解决方案 */
.solution{background: #e3e3e8;width: 100%;height: 700px;overflow: hidden;}
.solution li{background: url("/lib/images/so_1.png") no-repeat center;width: 278px;height: 447px;
    float: left;margin-right: 29px;text-align: center;position: relative;}
.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 > span{float: left;margin:0 10px;}
.solution li > a{font-size: 14px;color: #666666;line-height: 50px;}
.solution li p{padding:30px 10px;text-align: center;font-size: 14px;color: #fff;background: rgba(0,0,0,.6);
    height: 178px;position: absolute;width: 262px;top:178px;z-index: 9;left:8px;display: none;}
.solution li:hover p{display: block;transition: all .5s;}
.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;}
/* 关于我们 */
.about .left img{width: 501px;height: 557px;}
.about .right{width: 666px;height: 557px;}
.about .right h4{font-size: 20px;color: #333;font-weight: bold;}
.about .right p{line-height: 26px;}
.about .right > div{width: 100%;height: 214px;padding:25px 0;overflow: hidden;}
.about .right > a{padding:7px 27px;background: #655e8a;color: #fff;border-radius: 5px;}
.about .right h5{font-size: 20px;color: #666;margin-top: 43px;margin-bottom: 20px;}
.about .right h5 a{float: right;}
.about .right li{float: left;margin-left: 28px;}
.about .right li:first-child{margin-left: 0;}
.about .right li img{width: 144px;height: 203px;}
/* 优势 */
.ys{width: 100%;height: 751px;background: url("/lib/images/ys1.jpg") no-repeat center;overflow: hidden;}
.ys .tit > h3{color: #fff;}
.ys .tit > h4{color: #fff;}
.ys .tit > hr{background: #fff;}
.ys li{width: 590px;height: 220px;background: #fff;margin: 22px 20px 22px 0;float: left;=}
.ys li:nth-child(2n){margin-right: 0;}
.ys li .left{width: 180px;height: 220px;display: flex;align-items: center;justify-content: center;}
.ys li .left img{width: 80px;}
.ys .right{width: 410px;}
.ys .right h5{font-size: 24px;color: #565656;margin-top: 60px;margin-bottom: 20px;}
.ys .right p{margin-right: 40px;}
/* 服务客户 */
.service li{width: 285px;height: 132px;float: left;margin-right: 20px;margin-bottom: 30px;}
.service li:nth-child(4n){margin-right: 0;}
.service li img{max-width: 285px;max-height: 130px;}

/* 新闻中心 */
.news{height: 800px;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 .news_x{margin-top: 45px;}
.news .news_x li.li_1{width: 574px;height: 518px;float: left;}
.news .news_x li{width: 604px;height: 95px;float: right;margin-bottom: 15px;}
.news .news_x li.li_1 h6{font-size: 16px;line-height: 55px;color: #333;}
.news .news_x li.li_1 p{font-size: 14px;line-height: 30px;color: #a4a4a4;}
.news .news_x li.li_1 h6:hover{color: #0888cd;}
.news .news_x li div.li_2{width: 98px;height: 95px;float: left;background: #f8f8f8;text-align: center;}
.news .news_x li div.li_2 h5{font-size: 36px;color: #666;line-height: 52px;}
.news .news_x li div.li_2 hr{width: 35px;height: 2px;border:none;background: #999;margin:0 auto;}
.news .news_x li div.li_2 h5 span{font-size: 14px;color: #888;position: relative;top:-15px;}
.news .news_x li div.li_3{width: 490px;height: 95px;background: #f8f8f8;float: right;padding:15px;}
.news .news_x li div.li_3 a{font-size: 16px;color: #666;line-height: 35px;}
.news .news_x li div.li_3 p{font-size: 14px;color: #a0a0a5;}
.news .news_x li div.li_3:hover a{color: #0888cd;}
.news .news_1{display: none;}
.news .news_1:first-child{display: block;}

    /* 友情链接 */
.link{margin-top: 30px;margin-bottom: 30px;border-top: 1px solid #ddd;padding-top: 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: #0888cd;}

/* 底部 */
/*   底部样式   */
.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%;height: 400px;background: #1c1c1c;position: relative;}
.foot_1{width: 323px;height: 280px;}
.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: 800px;height: 220px;border-right: 1px solid #434343;position: relative;}
.foot_2 ul{float: left;min-width: 130px;height: 275px;margin-right: 20px;}
.foot_2 ul p{font-size: 16px;color: #c2c2c2;margin-bottom: 15px;}
.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%;height: 70px;border-top:1px solid #232323;margin-top: 57px;}
.footer .c1 p{line-height: 70px;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;}


.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;}


/*固定的悬浮窗*/
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 207px;
    left: -127px;
    cursor: pointer;
    transition: all .3s ease;
}
.yb_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 10px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}
.yb_bar .yb_top {
    background: #0888cd url(../images/fixCont.png) no-repeat 127px 0;
}

.yb_bar .yb_QQ {
    text-indent: 0;
    background: #0888cd url(../images/fixCont.png) no-repeat 127px -57px;
}
.yb_bar .yb_QQ_a {
    text-indent: 0;
    background: #0888cd url(../images/fixCont.png) no-repeat 127px -114px;
}
.yb_bar .yb_phone {
    background: #0888cd url(../images/fixCont.png) no-repeat 127px -171px;
}
.yb_bar .yb_mobile {
    background: #0888cd url(../images/fixCont.png) no-repeat 127px -227px;
}

.yb_bar .yb_ercode {
    /*height:200px;*/
    background: #0888cd url(../images/fixCont.png) no-repeat 127px -283px;
}
.hd_qr {
    margin-left: 20px;
}
.yb_QQ a,.yb_QQ_a a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}