@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body,samp,span,i,em,b{ font-family:Arial, '微软雅黑', Helvetica, sans-serif;}
a{ text-decoration:none;color:#333;}
em,i,span,smap{ font-style:normal; font-family:Arial, '微软雅黑', Helvetica, sans-serif;}
ul,li,dd,dl{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
body,html{min-width:1024px;font-size:14px;}
img{vertical-align:middle; border:0;}
button{outline: none}
.w1500{max-width:1500px;margin:auto;width:96%;}
.w1350{max-width:1350px;margin:auto;width:96%;}

/**/
#top{border-bottom:1px solid #ccc}
.top{overflow:hidden;padding:10px 0;}
.top-a{width:40%;float:left;}
.top-b{width:60%;float:left;overflow:hidden;}
.top-b-a{width:calc(100% - 88px);float:left;overflow:hidden;}
.top-b-a li{width:16.666%;float:left;text-align:center;line-height:70px;}
.top-b-b{width:68px;float:left;background:#ededed;display:inline-block;margin-top: 22px;margin-left:20px;}
.top-b-b .tp{background:#1e1e1e;color:#fff;}
.top-b-b a{color:#696969;display:inline-block; vertical-align:middle;text-align:center;padding:3px 7px;font-size:14px;}

/*标题*/
.bit{font-size:0px;text-align:center;}
.bit samp{display:inline-block; vertical-align:middle;font-size:30px;}
.bit span{display:inline-block; vertical-align:middle;font-size:30px;color:#017cc2;}
.biti{font-size:14px;color:#787878;text-align:center;margin:10px auto;}

/**/
#banner{margin-bottom:60px;}


/*产品*/
.pro{margin-top:40px;position:relative;}
.pro .pr-a{box-sizing:border-box;border:1px solid #f5f5f5;overflow:hidden; }
.pro .pr-a img{width:100%;transition: all 0.3s;}
.pro .pr-b{margin-top:50px;border-bottom:1px solid #ccc;position:relative;}
.pro .pr-b:after{ content:'';position:absolute;left:0;bottom:-1px;width:10px;height:1px;background:#000; transition:all 0.5s;}
.pro .pr-b h6{font-size:16px;color:#666;}
.pro .pr-b p{font-size:14px;color:#888888;margin:8px auto 15px;}
.pro .item:hover img{ transform:scale(1.2);}
.pro .item:hover h6{color:#000;}
.pro .item:hover p{color:#666;}
.pro .item:hover .pr-b:after{width:100%;}
.pro .owl-nav{position:absolute;bottom:-117px;left:0;width:100%;}
.pro .owl-nav .owl-prev{margin-right:140px !important;}

.protu{margin:70px auto 45px;width:82px;position:relative;height:42px;}
.protu a{width:80px;height:40px;margin:auto;background:url(../images/icon.png) 9px -9px no-repeat;display:block;border:1px solid #b2b2b2; transition:all 0.3s;position:absolute;top:0;left:0;z-index:2;}
.protu a:hover{background:url(../images/icon.png) 9px -53px no-repeat;border:1px solid #666;}

/*关于我们*/
#about{background:#f4f4f4;padding:50px 0 70px;margin-bottom:60px;}
.about{max-width:1100px;margin:30px auto 50px;text-align:center;font-size:14px;color:#666666;line-height:28px;width:96%;}
.abo{width:800px;margin:auto;}

/*新闻*/
.news{overflow:hidden;margin:50px auto 0px;}
.news li{width:45%;margin-bottom:80px;}
.news li samp{font-size:12px;color:#999999;}
.news li h5{font-size:16px;color:#333333;position:relative;border-bottom:1px solid #eee;margin:20px auto 25px;padding-bottom:25px;}
.news li h5:after{ content:'';position:absolute;bottom:-1px;left:0;width:10px;height:1px;background:#666; transition:all 0.3s;}
.news li p{color:#666666;line-height:20px;font-size:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height:40px}
.news li:nth-child(even){float:right;}
.news li:nth-child(odd){float:left;}
.news li h5:hover a{color:#017cc2;}
.news li:hover h5:after{width:100%;}


/*底部*/
.bottom{background:#f0f0f0;}
.bot{overflow:hidden;}
.bot-a{width:70%;float:left;}
.bot-b{width:30%;float:left;box-sizing:border-box;border-left:1px solid #e5e5e5;box-sizing:border-box;padding-left:50px;padding-bottom:30px;}
.bot-a-a{overflow:hidden;}
.bot-a-a li{width:20%;float:left;font-size:16px;}
.bot-a-a li h4{border-bottom:1px solid #e5e5e5;line-height:70px;margin-bottom:10px;}
.bot-a-a li p{font-size:14px;line-height:30px;}
.bot-a-a li p a{color:#666666;}

.bot-b h4{line-height:70px;font-size:16px;}
.bot-b b{display:block;font-size:30px;color:#017cc2;}
.bot-b p{font-size:14px;line-height:20px;color:#666666;margin-top:10px;}

.bott{border-top:1px solid #e5e5e5;line-height:50px;font-size:14px;color:#666666;}
.bott a{color:#666;}

/******************************************内页***************************************************/
.i-lm{text-align:center;font-size:0;margin:52px auto;}
.i-lm li{display:inline-block;font-size:16px;line-height:42px;margin:0 1%;}
.i-lm li a{display: block;color: #000;padding: 0 28px;border: #eee 1px solid;color:#000;}
.i-lm li a.lm{color:#fff;background:#444;}

.i-mn{text-align:center;margin:50px auto 0;}
.i-mn h2{font-size:24px;margin-bottom:5px;}
.i-mn samp{font-size:14px;color:#999;position:relative;}
.i-mn samp:after{ content:'';position:absolute;left:-45px;top:50%;width:40px;height:1px;background:#ccc;display:inline-block;}
.i-mn samp:before{ content:'';position:absolute;right:-45px;top:50%;width:40px;height:1px;background:#ccc;display:inline-block;}

/*关于我们*/
.i-about{color: #333;line-height: 24px;min-height: 600px;overflow:hidden;color:#666;margin-bottom:40px;margin-top:40px;}
.i-abou{float:right;margin:0 0 30px 30px;width:530px;}
.i-abou img{width:100%;}
.i-ab{border-top:1px dashed #eee;border-bottom:1px dashed #eee;padding:30px 0;margin:30px 0;}
.i-ab p{font-size:24px;line-height:24px;}

/*新闻*/
.i-news{text-align:center;font-size:20px;margin:60px auto 40px;color:#333;}
.i-news p{font-size:14px;color:#999;margin-top:10px;}
.i-new{font-size:14px;line-height:24px;margin-bottom:60px;color:#6a6a6a}

.i-ne{line-height:36px;font-size:15px;padding:30px 0;overflow:hidden;}
.i-ne a{display:block;color:#666;width:40%;float:left;}
.i-ne a:nth-child(2){float:right;text-align:right;}
.i-ne a:hover{color:#264d77}


/*联系我们*/
.i-contact{text-align:center;margin:50px auto 40px;line-height:30px;color:#666;}
.i-contact h4{font-size:20px;color:#333;}
.i-contact i{color:#999;margin-bottom:20px;display:block;}
.i-con{ border-top:1px dashed #eee;border-bottom:1px dashed #eee;padding:10px 50px;box-sizing:border-box;margin-bottom:40px;}

/*解决方案*/
.i-solu{overflow:hidden;margin:50px auto 10px;}
.i-solu li{width:23.5%;float:left;margin-right:2%;margin-bottom:30px;}
.i-solu li:nth-child(4n){margin-right:0;}
.i-solu li .div1{overflow:hidden;}
.i-solu li img{width:100%; transition:all 0.3s;}
.i-solu li .div2{margin-top:20px;}
.i-solu li .div2 h4{font-size:14px;margin-bottom:5px;}
.i-solu li .div2 p{font-size:12px;color:#999;}
.i-solu li:Hover img{ transform:scale(1.2);}
.i-solu li:hover .div2 h4{color:#017cc2}

/*产品*/
.i-produ{overflow:hidden;margin:60px auto 30px;}
.i-produ li{width:30%;float:left;margin-right:5%;margin-bottom:20px;}
.i-produ li:nth-child(3n){margin-right:0;}
.i-produ li img{width:100%;}
.i-produ .div3{margin-top:20px;}
.i-produ .div3 h6{font-size: 16px;color: #666;position:relative;border-bottom:1px solid #eee;padding-bottom:10px;}
.i-produ .div3 h6:after{content: '';position: absolute;left: 0;bottom: -1px;width: 10px;height: 1px;background: #000;transition: all 0.5s;}
.i-produ .div3 p{font-size: 14px;color: #888888;margin: 8px auto 15px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.i-produ li:hover .div3 h6:after{width:100%;}

/*产品详情*/
.i-pro{overflow:hidden;margin:50px auto 10px;}
.i-pro-a{width:50%;float:right;}
.i-pro-a img{width:100%;}
.i-pro-b{width:50%;float:left;color:#666;box-sizing:border-box;padding-right:50px;line-height:28px;}
.i-pro-b h5{font-size:22px;padding:10px 0 20px;}
.i-pro-c{font-size:14px;line-height:26px;color:#666;margin:30px auto;overflow:hidden;}