@charset "utf-8";
body{ min-width: 1400px; overflow-x:hidden ; margin:0px; padding:0px; font-size:12px;font-family:-apple-system,SF UI Display,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color:#898989;line-height:1; background:#FFF; }
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
/*img{border:0px; padding:0px; display: block;}*/
a{ color:#5c5c5c; text-decoration:none}
img{ border: none;}
.top{z-index: 10; width: 100%; height: 80px; background: rgba(55,128,188,0.45); position: fixed; top: 0; left: 0;}
.top .topBox{ width: 1336px; margin: 0 auto;}
.top .topBox .logo{ float: left; height:80px; line-height:80px; padding-top: 21px;}
.top .topBox .logo img{ display:block;}
.top .topBox .nav{ float: right; padding-right: 20px;}
.top .topBox .nav ul{ float: right;}
.top .topBox .nav ul li{ float: left; height: 80px; margin-left: 55px; line-height:82px;}
.top .topBox .nav ul li a{ font-size: 18px; color: #fff;}
.top .topBox .nav ul li a:hover{ color: #007AFF;}

.banner{ width: 100%; position: relative;}
.banner .swiper-container{ width: 100%;}
.banner img{ display: block; width: 100%; height: auto;}
.banner .bd{ width: 100%; height: auto; overflow: hidden;}
.banner .bd ul{ width: 100%; height: 100%;}
.banner .bd ul li{ width: 100%; height: auto; position: relative;}
.banner .bd ul li img{ display: block; width: 100%; height: auto;}
.banner .hd{ width: 100%; bottom:15px ; left: 0; position: absolute;}
.banner .hd ul{ width: 100%; height: 14px; text-align: center; m}
.banner .hd ul li.on{ background: #1066ac;}
.banner .hd ul li{ border-radius:50% ; display: inline-block; width: 14px; height: 14px; margin: 0 5px; background: #fff; cursor: pointer;}
.indexContainer{ width: 1400px; margin:0 auto;}
.indexContainer .layer1{ width: 100%; overflow: hidden; }
.indexContainer .layer1 .layer1Left{ float: left; width: 420px;}
.tit{ margin: 20px 0; width: 100%; height: 38px; border-bottom: 1px solid #e7eff7;}
.tit p{ overflow: hidden; float: left; height: 38px; width: 290px; display: block; border-bottom: 1px solid #1066ac; font-size: 14px; color: #949799; line-height: 38px;}
.tit p span{ display: inline-block; margin: 0 14px; font-size: 18px; font-weight: bold; color: #333; line-height: 38px;}
.tit ul{ float: right; height: 38px; line-height: 38px;}
.tit ul li{ float: left; margin-right: 130px;}
.tit ul li a{ font-size: 18px; color: #333; font-weight: bold;}
.tit .more{ float: right; color:#1066ac; display: inline-block; line-height: 38px;}
.indexContainer .icon{ width: 100%; height: 265px; position: relative;}
.indexContainer .icon .bd{ width: 100%; height: 100%; overflow: hidden;}
.indexContainer .icon .bd ul{ width: 100%; height: 100%;}
.indexContainer .icon .bd ul li{ width: 100%; height: 100%;}
.indexContainer .icon .bd ul li img{ display: block; width: 100%; height: 100%;}
.indexContainer .hd{ position: absolute; right: 0; bottom: 10px;}
.indexContainer .hd ul{ float: right; overflow: hidden;}
.indexContainer .hd ul li{ float: left; margin-right: 5px; width: 24px; height: 24px; text-align: center; line-height: 24px; border-radius:4px; background: rgba(255,255,255,0.8); color: #333; cursor: pointer;}
.indexContainer .hd ul li.on{ color: #fff; background: linear-gradient(#4387bd,#1f5b8e);}
.indexContainer .list{ width: 100%;}
.indexContainer .list ul{ width: 100%;}
.indexContainer .list ul li{ width: 100%; height:52px; border-bottom: 1px solid #d5d5e1; padding-left: 20px; background:url(../images/index_12.png) left center no-repeat; box-sizing: border-box;}
.indexContainer .list ul li a{ display: block; height: 52px; line-height: 52px; font-size: 14px; color: #5385ad; width: 320px; overflow: hidden; text-overflow: ellipsis; float: left; width: 70%;}
.indexContainer .list ul li a:hover{ color: #ff0000;}
.indexContainer .list ul li span{ color: #adbac5; display: inline-block; float: right; line-height: 52px;}
.indexContainer .list ul li:last-child{ border: none;}
.indexContainer .list2 ul{ overflow: hidden;}
.indexContainer .list2 ul li{ float: left; margin-right: 20px; height: 53px;}
.indexContainer .list2 ul li img{ display: block; height: 100%; width: auto;}
.indexContainer .list2 ul li:last-child{ margin-right: 0;}
.indexContainer .layer1Cneter{ float: left; width: 420px; margin-left: 70px;}

.indexContainer .layer1Right{ width: 420px; float: right;}
.indexContainer .layer1Right .video{ width: 100%;}
.indexContainer .layer1Right .video img{ display: block; width: 100%; height: auto;}

.indexContainer .list3{ width: 100%;}
.indexContainer .list3 ul{ overflow: hidden;}
.indexContainer .list3 ul li{ float: left; width: 120px; margin-right: 20px;}
.indexContainer .list2 ul li:last-child{ margin-right: 0;}
.indexContainer .list3 ul li img{ display: block; width: 100%; height: auto;}

.indexContainer .layer2{ width: 100%; overflow: hidden;}
.indexContainer .layer2 .bd ul{ height: 200px; overflow: hidden;}
.indexContainer .layer2 .bd ul li{ float: left; width: 285px; margin-right: 20px; overflow: hidden;}
.indexContainer .layer2 .bd ul li img{min-height: 213px; display: block; width: 100%; height: 100%; transition: 1s;}
.indexContainer .layer2 .bd ul li:hover img{ transform: scale(1.1);}

.friendLink{ width: 1400px; margin:0 auto;}
.friendLink ul{ width: 100%; overflow: hidden;}
.friendLink ul li{ float: left; height: 18px; line-height: 18px; margin: 0 0 10px 40px;}
.friendLink ul li a{ font-size: 14px; color: #7c7e80;}
.friendLink ul li a:hover{ color: #FF0000;}

.footer{ width: 1400px; margin: 0 auto; padding-bottom: 40px;}
.footer .text{ width: 100%; padding: 0 40px; box-sizing: border-box; font-size: 14px; color: #7c7e80; line-height: 24px;}


.pageContainer{ width: 1400px; margin: 0 auto; overflow: hidden; padding:40px 0;}
.pageContainer .pageSide{ float: left; box-sizing: border-box; width: 280px; height: 465px; background: #f1f2f4; padding-left: 60px; box-sizing: border-box; padding-bottom: 30px;}
.pageContainer .pageSide h2{ height: 90px; line-height: 90px; font-size: 28px; color: #676767;}
.pageContainer .pageSide ul{ width: 100%;}
.pageContainer .pageSide ul li{ margin-bottom: 20px; padding-left: 20px; background: url(../images/arrow_06.png) left center no-repeat;}
.pageContainer .pageSide ul li a{ font-size: 18px; color: #656565;}
.pageContainer .pageSide ul li.on a{ color: #0f54a2;}
.pageContainer .pageSide ul li.on{ background: url(../images/arrow_03.png) left center no-repeat;  background-size:10px 10px;}
.pageContainer .pageSide ul li:hover a{ color: #0f54a2;}
.pageContainer .pageSide ul li:hover{ background: url(../images/arrow_03.png) left center no-repeat; background-size:10px 10px;}

.pageContainer .pageMain{ float: right; width: 1020px; float: right;}
.pageContainer .pageMain .list{ width: 100%;}
.pageContainer .pageMain .list ul li{ width: 100%; height: 56px; line-height: 56px; border-bottom: 1px dashed #e6e6e6;}
.pageContainer .pageMain .list ul li a{ font-size: 18px; color: #595959;}
.pageContainer .pageMain .list ul li span{ float: right; font-size: 14px;}
.pageContainer .pageMain dl{padding: 40px 0 0 0; width: 100%; overflow: hidden;}
.pageContainer .pageMain dl dd{ float: left; margin-right: 10px;}
.pageContainer .pageMain dl dd a{ display: inline-block; height: 26px; padding: 0 8px; border: 1px solid #e8e8e7; color: #a3a3a3; font-size: 14px;  line-height: 26px;}
.pageContainer .pageMain dl dd:hover a{ border: 1px solid #004cac; background: #004cac; color: #fff;}
.pageContainer .pageMain dl dd.on a{ border: 1px solid #004cac; background: #004cac; color: #fff;}

.about{ width: 100%;}
.about .bt{ width: 100%; border-bottom: 1px dashed #a6a7a7; padding: 18px 0;}
.about .bt h2{padding-bottom: 20px; text-align: center; font-size: 22px; color: #333;}
.about .bt ul{ text-align: center;}
.about .bt ul li{ font-size:16px; margin:0 15px; font-size:12px; display: inline-block; color: #a6a7a7;}
.about .text{ padding-top: 25px;}
.about .text p{ width: 100%; line-height: 24px; color: #595959; text-indent: 24px; font-size:18px;}



.message{ width: 800px; padding: 80px 0;}
.message ul{ width: 100%;}
.message ul li{ width: 100%; margin-bottom: 45px; overflow: hidden;}
.message ul li span{height: 38px; padding-right:10px; box-sizing: border-box; text-align: right; float: left; width: 120px; display: block; line-height: 30px; color: #333; font-size: 26px;}
.message ul li input{ display: block; width: calc(100% - 120px); height: 30px; line-height: 30px;  padding:10px; box-sizing: border-box; border: none;  border: 1px solid #e8e8e7; background: none; float: left; outline: none;} 

.message ul li textarea{ display: block; width: calc(100% - 120px); height: 270px;  line-height: 30px;  padding:10px; border: none;  border: 1px solid #e8e8e7; background: none; float: left; outline: none; box-sizing: border-box;}
.message ul li a.enter{ text-align: center; display: block; width: 170px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; color: #fff; background: #004cac; float: left;}
.enter{text-align: center; display: block; width: 170px; text-align: center; line-height:50px; height: 50px; font-size: 16px; color: #fff; background: #004cac; float: left;border:none;}
.picList ul{ width: 100%; overflow: hidden;}
.picList ul li{ width: 32%; float: left; margin-right: 2%;}
.picList ul li:nth-child(3n){ margin-right: 0;}
.picList ul li .icon{ width: 100%; height: auto; height: 220px; overflow: hidden;}
.picList ul li .icon img{ display: block; width: 100%; height: 100%;}
.picList ul li p{ text-align: center; height: 60px; line-height:60px; font-size: 16px; color: #595959;}

.footer .tit{ margin: 0 0 10px 0;}
.friendLink .tit{ margin: 10px 0;}