@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;}
.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: 14px;}
.header_mid li{float: left;width: 114px;height: 80px;text-align: center;}
.header_mid li > a{color: #333333;font-size: 14px;line-height: 80px;}
.header_mid li:hover,.header_mid li.active{background: #0888cd;}
.header_mid li:hover > a,.header_mid li.active > a{color: #fff;}
.header_mid li.lang{border-left: 1px solid #eee;}
.header_mid li.lang:hover{background: #fff;}
.header_mid li.lang:hover > a{color: #333333;}
.header_mid li.lang > a:hover{color: #0888cd;}

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

/* 产品中心 */
.p_bd{width: 100%;background:#f2f2f2 url("/lib/images/bj1.jpg") no-repeat center top;height: 1783px;overflow: hidden;}
.tit > h4{font-size: 28px;color: #0888cd;text-align: center;margin-top: 160px;line-height: 50px;margin-bottom: 60px;}
.pro_1 li{width: 600px;height: 266px;float: left;overflow: hidden;}
.pro_1 li:nth-child(2){background: #0888cd;}
.pro_1 li:nth-child(3){background: #8cd7ff;}
.pro_1 li:nth-child(4){background: #ffffff;}
.pro_1 li hr{width: 22px;height: 2px;float: left;border:none;background: #0888cd;}
.pro_1 li .right{display: flex;align-items: center;height: 266px;}
.pro_1 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: 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}
.pro_1 li:nth-child(2) h5,.pro_1 li:nth-child(2) p,.pro_1 li:nth-child(2) a{color: #fff;}
.pro_1 li:nth-child(2) hr{background: #fff;}
.pro_1 li:hover .right img{transition: all 1s;transform: scale(1.1);}

.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;}
.solution li{background: url("/lib/images/case_bj.png") no-repeat center;width: 282px;height: 451px;
    float: left;margin-right: 24px;text-align: center;}
.solution li:nth-child(4){margin-right: 0;}
.solution > h4{font-size: 28px;color: #fff;text-align: center;margin-bottom: 30px;}
.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: 25px;}
.solution li > span{float: left;margin:0 10px;}
.solution li > p{font-size: 14px;color: #666666;margin-top: 20px;padding:0 20px;height: 150px;}
.solution li h3{font-size: 16px;color: #666666;margin-top: 15px;}
.solution li > a{font-size: 14px;color: #666666;}
.solution li em{display: none;}
.solution li.active h5,.solution li.active h6,.solution li.active a,.solution li.active span{color: #0888cd;}
.solution li.active hr{background: #0888cd;}
.solution li.active em{display: block;margin:15px 0;margin-left: -3px;}
.solution li.active h3,.solution li.active p{display: none;}
.solution > p{text-align: center;margin-top: 50px;}
.solution > p > a{padding:12px 50px;background: #0888cd;color: #fff;border-radius: 21px;}

/* 优势 */





/* 应用案例 */
/*
.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: 765px;width: 100%;background: #f2f2f2;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/news_b.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: 14px;position: absolute;right:20px;bottom: 0;line-height: 60px;color: #f2f2f2;}
.news > .tit > .left h4 span{font-size: 20px;color: #f2f2f2;}
.news > .tit > .left h4 span em{margin:0 15px;}
.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 h5 span{font-size: 14px;color: #333333;margin-left: 15px;}
.news_x ul li h6{font-size: 16px;color: #666;line-height: 45px;}
.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;}

    /* 友情链接 */
.cont{width: 100%;height: 744px;background: url("/lib/images/cont1.png") no-repeat center;overflow: hidden;}
.cont h4{text-align: center;margin-top: 185px;color: #fff;margin-bottom: 65px;}
.cont .left{margin-left: 60px;width: 510px;}
.cont .left h3{font-size: 24px;color: #0b7cb8;font-weight: bold;}
.cont .left h5{font-size: 18px;color: #ffffff;line-height: 50px;margin-top: 25px;}
.cont .left h6{font-size: 30px;color: #f2f2f2;}
.cont .left p{font-size: 14px;color: #a8a8a8;line-height: 25px;margin-top: 30px;}
.cont .right{width: 515px;height: 330px;margin-top: 8px;}
.cont .right p input{width: 335px;height: 45px;margin-bottom: 40px;margin-left: 35px;color: #fff;}
.cont .right p input[type='submit']{margin-left: 0;color: #fff;font-size: 16px;margin-top: -10px;}
.link{float: left;}
.link p,.link p a{font-size: 14px;color: #fff;line-height: 50px;}
.link p span{padding:0 10px;}
.link p a:hover{color: #00a2e9;}

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

.footer{width: 100%;height: 130px;background: #0888cd;position: relative;}
.foot_1{width: 105px;height: 110px;padding-top:20px;text-align: center;}
.foot_1 p{font-size: 12px;color: #ffffff;line-height: 26px;}
.foot_1 p span{font-size: 28px;color: #999999;line-height: 50px;}
.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;}