@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333；;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #165C8D;border-radius: 2px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);}
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
em{background-position: center center; background-size: cover; background-repeat: no-repeat;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*底部按钮通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: .9;}
/*按钮hover动效1*/
.hover-btn{z-index: 1;position: relative;display: inline-block;padding: 0 2em;background-color: transparent;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 34px;color: #000;cursor: pointer;}
.hover-btn:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #3da7ea;transform: scaleX(0);transition: 0.3s;}
.hover-btn:hover{color: #fff;}
.hover-btn:hover:after{transform: scaleX(1);}
/*自定义单选框input[type="radio"]样式*/
.custom-input label{display: inline-block;cursor: pointer;}
.custom-input input[type="radio"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="radio"] + em{position: relative;display: inline-block;width: 12px;height: 12px;margin: -2px 8px 0 0;border: 1px solid #fff;border-radius: 50%;vertical-align: middle;cursor: pointer;}
.custom-input input[type="radio"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;border-radius: 50%;transform: translate(-50%,-50%);}
.custom-input input[type="radio"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="radio"]:checked + em:before{background-color: #fff;}
.custom-input input[type="radio"] + em:hover{border-color: #009adc;}
/*自定义多选框input[type="checkbox"]样式*/
.custom-input input[type="checkbox"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="checkbox"] + em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 8px 0 0;background-color: #fff;border: 1px solid #ccc;vertical-align: middle;cursor: pointer;}
.custom-input input[type="checkbox"] + em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-image: url("../fonts/9beb1063e1e44da7b90dd876df56188f.woff");background-size: 100% 100%;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked + em{background-color: #009adc;border-color: #009adc;}
.custom-input input[type="checkbox"]:checked + em:before{background-color: #009adc;}
.custom-input input[type="checkbox"] + em:hover{border-color: #009adc;}
/*自定义表单通用样式*/
.custom-form{font-size: 0;}
.custom-form .title{margin-bottom: 30px;font-size: 18px;line-height: 20px;}
.custom-form .title span{display: inline-block;padding-left: 10px;border-left: 3px solid #ca0000;color: #ca0000;}
.custom-form .row{display: inline-block;width: 100%;margin-bottom: 20px;font-size: 14px;}
.custom-form .row.w50{width: 50%;}
.custom-form .row.w33{width: 33%;}
.custom-form .row .name{float: left;width: 5em;padding: 10px 1em 10px 0;line-height: 16px;text-align: right;}
.custom-form .row .info-content{margin-left: 5em;}
.custom-form input[type="text"]{width: 100%;height: 36px;padding-left: 10px;border: 1px solid #ddd;border-radius: 4px;}
.custom-form input[type="text"]:focus{border-color: #009adc;}
.custom-form textarea{width: 100%;height: 200px;border: 1px solid #ddd;padding: 10px;border-radius: 4px;resize: none;}
.custom-form textarea:focus{border-color: #009adc;}
.custom-form select{width: 100%;height: 36px;padding-left: 5px;border: 1px solid #ddd;outline: none;}
.custom-form select:focus{border-color: #009adc;}
.custom-form .upload-avatar{position: relative;display: block;width: 80px;height: 80px;border-radius: 50%;cursor: pointer;overflow: hidden;}
.custom-form .upload-avatar input[type="file"]{display: none;}
.custom-form .upload-avatar .avatar{height: 100%;}
.custom-form .upload-avatar .avatar img{width: 100%;height: 100%;}
.custom-form .upload-avatar .tips{position: absolute;left: 50%;top: 50%;width: 4em;height: 20px;background-color: rgba(0,0,0,.3);text-align: center;line-height: 20px;color: #fff;transform: translate(-50%,-50%);}
.custom-form .choice-area{padding: 10px 0;line-height: 16px;}
.custom-form .choice-area label{display: inline-block;margin: 0 10px 5px 0;cursor: pointer;}
.custom-form .choice-area label span{margin-left: 3px;}
.custom-form .yzm-area{position: relative;width: 300px;}
.custom-form .yzm-area input[type="text"]{width: 200px;}
.custom-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;}
.custom-form .yzm-area .btn img{width: 100%;height: 100%;}
.custom-form *::-webkit-input-placeholder{color: #ccc;}
/*公用*/
.w1220{max-width: 1220px; width: 96%; margin: 0 auto;}
html,body{ background: #f8f8f8;min-width: 1200px;}
.indexPage{ background: #fff;}


/*首页公用*/
.indexTitle{height: 50px;line-height: 46px;border-bottom: #005ca1 2px solid;}
.indexTitle .title{height: 100%;}
.indexTitle .title b{float: left;display: block;position: relative;font-size: 24px;color: #1d4e91;padding-right: 10px;margin-right: 6px;}
.indexTitle .title b::after{ content: ""; position: absolute; left: 0; bottom: -1px; width: calc(100% - 10px); height: 2px; background: #165C8D;}
.indexTitle .title b::before{content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 20px;margin-top: -10px;/* background: #b7b7b7; */}
.indexTitle .title em{display: block; position: relative; top: 50%; transform: translateY(-50%) scale(0.9); -webkit-transform: translateY(-50%) scale(0.9); float: left; font-size: 12px; line-height: 14px; color: #8e8e8e; text-transform: uppercase;}
.indexTitle .more{ float: right; font-size: 14px; color: #666666;}
.indexTitle .more:hover{ color: #165C8D;}
/*partOne*/
.partOne{ margin-top: 35px;}
.partOne .left{width: 100%;}
.partOne .left .indexNew{ margin-top: 20px;}
.partOne .left .indexNew .picBox{position: relative; height: 307px; width: 425px; overflow: hidden;}
.partOne .left .indexNew .picBox .pic{ height: 100%; overflow: hidden;}
.partOne .left .indexNew .picBox .pic a{ display: block; height: 100%;}
.partOne .left .indexNew .picBox .pic em{ display: block; height: 100%;}
.partOne .left .indexNew .picBox .pic p{position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; padding: 0 80px 0 10px; font-size: 15px; color: #ffffff; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); box-sizing: border-box;}
.partOne .left .indexNew .picBox .btn{ position: absolute; left: auto; right: 10px; bottom: 16px; width: auto;}
.partOne .left .indexNew .picBox .btn span{ width: 8px; height: 8px; background: rgba(255,255,255,0.5); opacity: 1;}
.partOne .left .indexNew .picBox .btn span.swiper-pagination-bullet-active{ background: rgba(255,255,255,1); width: 22px; border-radius: 10px;}
.partOne .left .indexNew .textBox { width: calc(100% - 448px);}
.partOne .left .indexNew .textBox li{ border-bottom: 1px #ebebeb solid; padding-bottom: 12px; margin-bottom: 14px;}
.partOne .left .indexNew .textBox li .tit{ position: relative;}
.partOne .left .indexNew .textBox li .tit i{ position: absolute; top: 0; right: 0; font-size: 13px; color: #666666;}
.partOne .left .indexNew .textBox li .tit h3{position: relative; height: 20px; line-height: 20px; padding-right: 74px; box-sizing: border-box; font-size: 15px; color: #3c3c3c; font-weight: normal; padding-left: 30px;}
.partOne .left .indexNew .textBox li .tit h3::before{ content: ""; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; background: #d3d3d3; transition: 0.3s; -webkit-transition: 0.3s;}
.partOne .left .indexNew .textBox li .tit h3::after{ content: "+"; position: absolute; top: 1px; left: 0; width: 18px; height: 18px; line-height: 14px; text-align: center; color: #fff; font-weight: bold;}
.partOne .left .indexNew .textBox li .txt{ height: 0; font-size: 14px; color: #8e8e8e; line-height: 22px;  margin-top: 8px; padding-left: 30px; box-sizing: border-box;}
.partOne .left .indexNew .textBox li.on .txt{ height: 44px;}
.partOne .left .indexNew .textBox li:last-child{ margin-bottom: 0;}
.partOne .left .indexNew .textBox li.on .tit h3{ color: #165C8D; padding-right: 0;}
.partOne .left .indexNew .textBox li.on .tit h3::before{ background: #165C8D;}
.partOne .left .indexNew .textBox li.on .tit h3::after{content: "-";}
.partOne .left .indexNew .textBox li.on .tit i{opacity: 0;}

.partOne .right{ width: 28.1%;}
.partOne .right .indexNotice{ margin-top: 3px;}
.partOne .right .indexNotice li{ padding: 16px 0; border-bottom: 1px #ebebeb solid;}
.partOne .right .indexNotice li a{ display: block;}
.partOne .right .indexNotice li a .data{ float: left; width: 66px; text-align: center; border-right: 1px #ebebeb solid;}
.partOne .right .indexNotice li a .data b{ display: block; font-size: 27px; color: #666; line-height: 28px;}
.partOne .right .indexNotice li a .data span{ font-size: 12px; color: #3c3c3c;}
.partOne .right .indexNotice li a h3{ float: right; width: calc(100% - 82px); font-size: 15px; color: #3c3c3c; line-height: 24px; font-weight: normal;}
.partOne .right .indexNotice li a:hover .data b{color: #165C8D;}
.partOne .right .indexNotice li a:hover .data span{color: #165C8D;}
.partOne .right .indexNotice li a:hover h3{color: #165C8D;}