@charset "utf-8";
@import url("base.css");
@import url("animate.css");
/* 网站主题样式 */
.box-search{ width: 100%; height: 58px; line-height: 58px; border-bottom: 1px solid #ddd; }
.box-search div.fl{ color: #777 }
.box-search a{ color: #777 }
.box-search .box-search-form{ padding-top: 7px; }
.box-search .search-keyword{ width: 380px; height: 40px; padding: 0 5px; border:2px solid #069cd7; float: left; outline: none; }
.box-search .search-submit{ width: 100px; height: 44px; line-height: 43px; border:2px solid #069cd7; background: #069cd7;float: left; color: #fff; font-size: 18px;  outline: none; cursor: pointer;}



.box-public .tit { height: 80px; font-size: 14px; text-transform: uppercase; text-align: center; text-align: center;  line-height: 45px;}
.box-public .tit b { padding: 0 20px; background: #fff; text-transform: uppercase;font-size: 30px; position: relative; z-index: 2  }
.box-public .tit i { display: block;margin: 0px auto; position: relative; margin-top: -30px; width:450px; height: 4px; background: #eee; }
.box-public .tit span { display: block; color: #888; margin: 10px auto; position: relative; height: 35px; text-align: center; font-size: 14px;}
.more-btn { margin: 20px auto; width: 180px; height: 44px; line-height: 44px; text-align: center; text-transform: uppercase; position: relative; color: #fff; background: #c84537; display: block; }
.more-btn:hover { background: #e34547; color: #fff; }

/***************首页样式*******************/
/*特色服务模块样式*/
.box-service .con{ margin-top: 30px; }
.box-service .bd{ width: 1220px; }
.box-service .bd a{ display: block; width: 290px; height: 430px; color: #fff; background: #0080be; padding:0;  float: left; margin-right: 13px; position: relative;}
.box-service .bd a.item{ padding-bottom: 0; }
.box-service .bd a.item img{ position: absolute; bottom: 0; left: 0; }
.box-service .bd a img{ width: 290px;  height: 253px; }
.box-service .bd a p{ width: 230px; margin: 0 auto;}
.box-service .bd a b{ display: block; margin: 10px auto; margin-top: 15px; font-size: 20px; }
.box-service .bd a span{ display: block; margin: 10px auto; line-height: 25px; font-size: 14px; }
.box-service .bd a:hover{ background: #0876ab }

.box-video{ width: 100%;height: 400px; background: url(../images/index-video.jpg) no-repeat center; margin:50px 0; }


.box-news .left{ width: 650px; height: 465px; background: #f3f3f3 }
.box-news .left .first{ width: 650px; height: 264px; }
.box-news .left .t{ width: 190px; height: 200px; float: left; background: #0080be; color: #fff; font-size: 21px; text-align: center; }
.box-news .left .t b{ display: block; font-weight: normal; margin-top: 60px; margin-bottom: 20px; }
.box-news .left .c { width: 420px; padding: 10px; padding-left: 20px; float: left; }
.box-news .left .c a{ height: 42px; line-height: 42px; text-align: right; color: #999; font-size: 12px; border-bottom: 1px dashed #ddd;}
.box-news .left .c a span{text-align: left; display: block;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;color: #333; font-size: 14px; }
.box-news .left .c a span::before {content: "";display: inline-block;width: 5px;height: 5px;vertical-align: middle;margin-right: 7px;margin-top: -3px;background: #989898;zoom: 1;border-radius: 50%;}
.box-news .left .c a:hover span{ color: #0080be }

.box-news .right{ width: 480px; height: 425px; padding:20px; background: #f3f3f3}
.box-news .right .t{ height: 30px; line-height: 30px; padding: 10px 0; border-bottom: 1px solid #ddd; }
.box-news .right .t b{ font-weight: normal;  font-size: 21px;border-left: 2px solid #0080be; padding-left: 10px; }
.box-news .right .t .more{ float: right; border: 1px solid #ddd; height: 20px; line-height: 20px; font-size: 12px; display: block; margin-top: 5px; padding: 0 10px; }
.box-news .right .c{ margin: 10px 0; }
.box-news .right .c a{ height: 45px; line-height: 45px; text-align: right; color: #999; font-size: 12px; border-bottom: 1px dashed #ddd;}
.box-news .right .c a span{text-align: left; display: block;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;color: #333; font-size: 14px; }
.box-news .right .c a span::before {content: "";display: inline-block;width: 5px;height: 5px;vertical-align: middle;margin-right: 7px;margin-top: -3px;background: #989898;zoom: 1;border-radius: 50%;}
.box-news .right .c a:hover span{ color: #0080be }

/*特色服务模块样式*/
.box-flink .con{ margin: 30px 0; }
.box-flink .bd{ width: 1230px; }
.box-flink .bd a{ display: block; width: 209px; height: 118px;  padding:2px; float: left; margin-right: 30px; margin-bottom: 30px; border: 1px solid #eee; position: relative;}
.box-flink .bd img{ width: 209px; height: 118px;  }