@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body,samp,span,i,em,b{ font-family:Arial, '微软雅黑', Helvetica, sans-serif; font-size:14px;}
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;}
img{border:none; vertical-align:middle;}
.w1200{max-width:1200px;margin:auto;}

#top{background:url(../images/di1.png) top center no-repeat;}
.top{overflow:hidden;}
.topa{width:30%;float:left;margin-top: 26px;}
.topa-a{display:inline-block; vertical-align:middle;}
.topa-a img{max-width:100%;}
.topa-b{display:inline-block;vertical-align:middle;margin-left:16px;}
.topa-b h1{font-size:26px;font-weight:600; letter-spacing:2px;}
.topa-b h2{font-size:14px;color:#0571d3;}
.topb{width:66%;float:right;}
.topba{font-size:0;text-align:right;margin-top: 6px;}
.topba-a{display:inline-block; vertical-align:middle;background:#fff; border-radius:5px;margin-right:20px;}
.topba-a input{box-sizing:border-box;border:0;display:inline-block; vertical-align:middle;line-height:26px;padding-left:10px; border-top-left-radius:5px;border-bottom-left-radius:5px; outline:none}
.topba-a input::placeholder{color:#666;}
.topba-a a{display:inline-block; vertical-align:middle;padding-right:10px;}
.topba-b{display:inline-block; vertical-align:middle;font-size:14px;color:#666;}
.topba-b img{display:inline-block; vertical-align:bottom;margin-right:5px;}
.topba-c{display:inline-block; vertical-align:middle;font-size:14px;margin-left:20px;}
.topba-c a{color:#666;}
.topba-c img{display:inline-block; vertical-align:bottom;margin-right:5px;}
.topbb{overflow:hidden;}
.topbb li{width:14.2857%;float:left;text-align:right;font-size:16px;}
.topbb li a{display:block;margin:35px 0 32px;}
.topbb li a:Hover{color:#0571d3;}
.topbb li>a{ font-weight:bold;color:#555;}

#banner{margin-bottom:60px;}

/*标题*/
.center{text-align:center;}
.color{color:#fff;}
.bti{font-size:26px;margin-bottom:20px;}
.bti b{color:#0571d3;display:inline-block;margin-right:3px;font-size:26px;}
.bti p{display:inline-block;font-weight:bold;color:#333;margin-left:3px;}
.btia{width:5px;margin:auto;padding:0 15px;height:2px;background:#0571d3;position:relative;}
.btia:after{ content:'';width:43px;height:2px;background:#0571d3;display:inline-block;position:absolute;top:-5px;left:-4px;}
.btia:before{ content:'';width:23px;height:2px;background:#0571d3;display:inline-block;position:absolute;bottom:-5px;left:6px;}
.btse{background:#fff !important;}
.btse:after{background:#fff !important}
.btse:before{background:#fff !important}

/*产品分类*/
.produ{font-size:0;text-align:center;margin-top:34px;}
.produ li{display:inline-block;margin:0 10px;font-size:15px;}
.produ li a{display:block;padding:8px 13px;background:#ebf0f5; border-radius:5px;}
.produ li:hover a{background:#0571d3;color:#fff;}

/*产品*/
.pro{overflow:hidden;margin-top:36px;}
.pro ul{margin-right:2%;}
.pro li{width:23.5%;float:left;margin-right:1.5%;box-sizing:border-box;background:#fafafa;text-align:center;padding:3px 3px 0px 3px;margin-bottom:30px;}
.pro li .pra{overflow:hidden;}
.pro li img{width:100%; transition:all 0.3s;}
.pro li .prb{line-height:46px;}
.pro li a{display:block;}
.pro li:hover img{ transform:scale(1.1);}
.pro li:hover{background:#ebf0f5;}

/**/
.di4{background:url(../images/di4.jpg) center no-repeat;height:218px;width:100%;margin:10px auto 0;}

/*关于我们*/
#about{margin:60px auto;}
.about{overflow:hidden;max-width:1200px;margin:auto;}
.about-a{width:45%;float:left}
.about-b{width:50%;float:right;}
.about-b img{width:100%;}
.about-a .btia{display:none;}
.about-a-a{margin-bottom:30px;margin-top:10px;}
.about-a-b{font-size:16px;line-height:36px;color:#666;margin-bottom:10%;}
.about-a-c a{display:inline-block;width:100px;text-align:center;font-size:14px;line-height:40px;color:#fff;background:#0973b3;}

/*新闻*/
#new{background:#f1f1f1;padding:60px 0;}
.new{max-width:1200px;overflow:hidden;margin:auto;}
.newa{width:70%;float:left;background:#fff;box-sizing:border-box;padding:30px;}
.newb{width:28%;float:right;background:#fff;box-sizing:border-box;padding:20px 20px;}

.nea{overflow:hidden;border-bottom:1px solid #E8E8E8;padding-bottom:20px;}
.nea-a{width:65%;float:left;}
.nea-a p{display:inline-block;width:20px;height:20px; background:#0571d3; border-radius:50%;text-align:center; vertical-align:middle;}
.nea-a p span{display:inline-block;width:0;height:0;border-top:5px solid #0571d3;border-left:5px solid #fff;border-bottom:5px solid #0571d3;margin-top:5px;margin-left: 2px;}
.nea-a a{font-size:18px; vertical-align:middle;display:inline-block;margin-right:10px;font-weight: bold;}
.nea-a a:last-child:after{display:none;}
.nea-a a:after{ content:'';width:1px;height:16px;background:#ccc;display:inline-block;margin-left:15px; transform:translateY(2px);}
.nea-b{width:35%;float:right;text-align:right;}
.nea-b a{display:inline-block;border:1px solid #ccc;text-align:center;padding:3px 10px;color:#999;font-size:12px;} 
.neb{overflow:hidden;margin-top:20px;}
.neb-a{width:36%;float:left}
.neb-a img{width:100%;}
.neb-b{width:60%;float:right;}
.neb-b h4{font-size:18px;margin-bottom:10px;}
.neb-b p{line-height:26px;color:#666;margin-bottom:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size:14px;}
.neb-b span{display:inline-block;padding:8px 40px;color:#fff;background:#0571d3; border-radius:5px;font-size: 14px;}
.neb-b:hover h4{color:#0571d3;}
.neb-b:hover p{color:#888;}

.nec{overflow:hidden;margin-top:20px;}
.nec li{width:48%;overflow:hidden;border-bottom:1px solid #eee;padding:12px 0;float:right;}
.nec li span{display:inline-block;width:5px;height:5px;border:1px solid #ccc; border-radius:50%;margin-right:4px;}
.nec li p{width:calc(100% - 12px);float:right;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#666;font-size:14px;}
.nec li:nth-child(odd){float:left;}
.nec li:hover a{color:#0571d3;}
.nec li:hover p{color:#0571d3;}
.nec li:hover span{border:1px solid #0571d3;}


.ned{margin:30px auto 20px;}
.ned img{width:100%;}
.nee li{margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:15px;}
.nee li:last-child{margin-bottom:0;}
.nee li h4{font-size:16px;margin-bottom:16px;color:#333333;}
.nee li p{line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;color:#666666;}
.nee li:hover h4{color:#0571d3;}
.nee li:hover p{color:#444;}

/*底部links*/
.bottu{background:url(../images/di5.jpg) center no-repeat;}
#blinks{}
.blinks{font-size:0;padding:15px 0;}
.blinks p{font-size:24px;display:inline-block;margin-right:10px;color:#fff; vertical-align:middle;}
.blinks a{display:inline-block; margin:0 15px;font-size:14px; vertical-align:middle;color:#eee;}
.bottom{}
.boxu{border-top:1px solid #4888c3;position:relative;padding-top:30px;padding-bottom: 40px;}
.box{overflow:hidden;}
.box-a{width:50%;float:left;overflow:hidden;}
.box-b{width:10%;float:right;font-size:12px;color:#b4d4ed;text-align:center;}
.box-c{width:33%;float:left;}
.box-a li{width:23%;margin-right:2%;float:left;}
.box-a li:nth-child(2){width:25%;}
.box-a li:last-child{margin-right:0;}
.box-a li h4{font-size:18px;color:#fff;margin-bottom:20px;font-weight: bold;}
.box-a li p a{color:#b4d4ed;font-size:14px;line-height:28px;}
.box-a li p a:hover{color:#1b9bff}
.box-b p{margin-top:20px;}
.box-b img{max-width:100%;}
.bou-a{display:inline-block; vertical-align:middle;}
.bou-b{display:inline-block; vertical-align:middle;color:#fff;font-size:18px;font-weight: bold;}
.bou-b p{font-size:24px;}
.bou-c{font-size:14px;color:#b4d4ed;margin-top:20px;line-height:28px;}
.boj{text-align:center;font-size:14px;padding:20px 0;color:#fff;border-top:1px solid #4888c3;}