@charset "utf-8";
/* CSS Document  0156ab*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body,textarea{color:#333; font-size:14px; font-family:Arial, "微软雅黑";}
ul, ol,li,dd,dl{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#444; font-size:15px; vertical-align:middle;}
input:focus {outline:none;}
span,samp,i,em,b{ font-family: Arial, "微软雅黑";;}
a{ color:#555; text-decoration:none;}
body{min-width:1200px;}
.w1200{max-width:1200px; margin:0 auto;}

#top{background:#f5f5f5;}
.top{overflow:hidden;}
.top-a{width:60%;float:left;line-height:40px;color:#666666;}
.top-b{width:40%;float:right;text-align:right;line-height:40px;font-size:0;}
.top-b-a{display:inline-block;font-size:0px; vertical-align:middle;}
.top-b-a a{color:#666666;font-size:14px;border-right:1px solid #999;line-height:14px;margin-right:20px;display:inline-block; vertical-align:middle;padding-right:20px;}
.top-b-a a:hover{color:#2070d2;}
.top-b-a a:last-child{margin-right: 0;padding-right:0;border-right:none;}
.top-b-b{display:inline-block;font-size:14px; vertical-align:middle;}

.top-b-b img{display:inline-block; vertical-align:middle;margin-right:5px;}
.top-b-b a{color:#666666;}
.top-b-b a:hover{color:#2070d2}
/**/
.log{overflow:hidden;margin:12px auto;}
.log-a{width:70%;float:left;font-size:0;}
.log-b{width:30%;float:right;text-align:right;margin-top:25px;}
.log-a-a{display:inline-block; vertical-align:middle;}
.log-a-b{display:inline-block; vertical-align:middle;font-size:14px;color:#333333;border-left:1px solid #ccc;box-sizing:border-box;padding-left:30px;margin-left:30px;line-height:22px;width: 39%;}
.log-a-b p{font-size:16px;}

.log-b{}
.log-b p{display:inline-block;background:#eaeaea;border-radius: 30px;line-height:40px;font-size:0;}
.log-b i{width:40px;height:40px;text-align:center;background:url("../images/dh.png") #0156ab center no-repeat;display:inline-block;border-radius: 50%;vertical-align: middle;}
.log-b span{display:inline-block;vertical-align: middle;font-size:18px;color:#444444;padding:0 20px;}

/****/
#daoh{border-top:1px solid #eaeaea;border-left:0;border-right:0;}
.daoh{height:54px;}
.daoh li{width:16.666%;float:left;font-size:16px;text-align:center;line-height:54px;position:relative;}
.daoh li:hover{background:#0156ab;}
.daoh li.tuo{background:#0156ab;}
.daoh li.tuo a{color:#fff;}
.daoh li>a{display:block;color:#444;font-weight: bold;}
.daoh li dl{line-height:40px;position:absolute;top:100%;left:0;right:0;z-index:999;background:#0071bc;font-size:14px;display:none;}
.daoh li dl a{color:#fff;}
.daoh li:hover>a{color:#fff;}
.daoh li dl dd:hover{background:#0156ab;}
.daoh li dl dd:hover a{color:#fff;}

/*标题*/
.biaoti{text-align:center;margin:52px auto 45px;}
.biaoti h3{font-size:24px;color:#333;line-height:62px;font-weight:bold;}
.biaoti p{width:300px;margin:auto;border-bottom:1px solid #eaeaea;margin-top:10px;position:relative;}
.biaoti p:after{content:'';position:absolute;bottom:-1px;left:50%;width:20px;height:3px;background:#0156ab;margin-bottom:-1px;transform: translateX(-50%);}

/*cp*/
.produ{overflow:hidden;margin-bottom:20px;}
.produ ul{margin-right:-2%;}
.produ li{width:23%;margin:0 2% 10px 0;box-sizing:border-box;text-align:center;float:left;height:240px;transition: all 0.3s;}
.produ p{border:1px solid #eee;}
.produ a{display:block;}
.produ span{display:block;line-height:60px;transition: all 0.3s;}
.produ img{width:100%;}
.produ li:hover{padding:10px;background:#eee;}
.produ li:hover span{line-height:50px;}

/*ab*/
#about{background:#f5f5f5;padding:1px 0 60px;}
.about{overflow:hidden;}
.about-a{width:220px;float:left;margin-top:40px;}
.about-a li{line-height:94px;background:#ededed;text-align:center;border-top:1px solid #fff;transition: all 0.3s;}
.about-a li:first-child{border:0px;}
.about-a li a{color:#333333;display:block; transition: all 0.3s;}
.about-a li.ut{background:#4299de;}
.about-a li.ut a{color:#fff;}
.about-a li:hover{background:#4299de}
.about-a li:hover a{color:#fff;}
.about-b{width:calc(100% - 280px);float:right;text-indent: 2em;font-size:14px;line-height:28px;color:#5a5a5a;}


/*新闻*/
#news{background:#f6f6f6;padding:1px 0 30px;}
.news{width:1200px;margin:0 auto 40px;justify-content:space-between;flex-wrap: wrap;overflow: hidden;}
.news img{width:100%;}
.news-a{width:calc(44% - 20px);position:relative;float:left;}
.news-b{width:calc(56% - 0px);float:right;}
.news-a-a{margin:auto;background:#FFF;box-sizing:border-box;padding:10px;border:1px solid #eee;border-top:0;}
.news-a-a h4{font-size:18px;margin-bottom:15px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4d4d4d;}
.news-a-a h4 a{color:#333;}
.news-a-a .news-a-b{font-size:14px;line-height:26px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-a:Hover h4{color:#0156ab ;}
.news-a:Hover .news-a-b {color:#666;}
.news-b li{background:#FFF;overflow:hidden;box-sizing:border-box; transition:all 0.3s;border:1px solid #eee;margin-bottom:20px;font-size:0;}
.news-b .ne-b-a{width:30.4%;display:inline-block;vertical-align: middle;}
.news-b .ne-b-b{width:calc(69% - 20px);margin-left:20px;display:inline-block;vertical-align: middle;padding-right:20px;box-sizing:border-box;}
.news-b .ne-b-b h5{ font-weight:normal;color:#4d4d4d;font-size:18px;margin:0px 0;}
.news-b .ne-b-b p{font-size:14px;line-height:22px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:7px 0 5px 0;}
.news-b .ne-b-b span{font-size:14px;color:#999;}
.news-b li:Hover{border:1px solid #0156ab;}
.news-b li:Hover .ne-b-b h5{color:#0156ab}
.news-b li:Hover p{color:#666;}

































/*底部links*/
.bottu{background:url(../images/di1.jpg) 100% 100%;;}
#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{position:relative;padding-top:50px;padding-bottom: 80px;}
.box{overflow:hidden;}
.box-a{width:50%;float:left;overflow:hidden;}
.box-b{width:10%;float:right;font-size:12px;color:#848484;text-align:center;}
.box-c{width:33%;float:left;}
.box-a li{width:32%;margin-right:2%;float:left;}
.box-a li:last-child{margin-right:0;}
.box-a li h4{font-size:18px;color:#fff;margin-bottom:20px;line-height:18px;box-sizing:border-box;}
.box-a li p a{color:#848484;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;line-height:18px;box-sizing:border-box;}
.bou-b p{font-size:24px;}
.bou-c{font-size:14px;color:#848484;margin-top:20px;line-height:28px;}
.boj{font-size:14px;padding:20px 0;color:#888;background:url("../images/di2.jpg") top no-repeat;}



@media screen and (max-width:1700px){
.log{margin: 8px auto;}
.log-a-a img{height:75px;}
.log-b{margin-top: 18px;}
.daoh li{line-height: 44px;}
.daoh{height: 44px;}
.xiaot{height: 200px;}
.i-cl{padding: 15px 0;}
.i-ass li{line-height: 32px;}
.boxu{padding-top: 30px;padding-bottom: 40px;}
.produ span{line-height: 48px;}
.produ li{height:227px;}
.biaoti{margin: 36px auto 30px;}

}