@charset "utf-8";
*{box-sizing: border-box;}
body {margin: 0;padding: 0;font-family: \5FAE\8F6F\96C5\9ED1;-webkit-tap-highlight-color: rgba(0,0,0,0);background-color: #fafafa;}
a:focus {outline: none;}/*点击a标签出现虚线边框*/
h1, h2, h3, h4, h5, h6, p, a, li, ul, dd, dl, dt, div, span, input, textarea, form, table, tr, td {margin: 0;padding: 0;font-weight: 500;}
ul,li{list-style: none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], textarea {-moz-appearance: none;-webkit-appearance: none;appearance: none;}  /*input输入框在苹果手机上去除内阴影*/
textarea {resize: none;font-family: \5FAE\8F6F\96C5\9ED1;border: none;outline: none;}
input,button{font-family: \5FAE\8F6F\96C5\9ED1;border: none;outline: none;}
input[disabled]{opacity:1}
a {text-decoration: none;outline:none;-moz-outline-style:none;}
i {font-style: normal;}
.fl {float: left;}
.fr {float: right;}
img{border: none;outline: none;}
.container{width: 1212px;margin: 0 auto;}
.clearfix:after{content: "";display: block;visibility: hidden;clear: both;}
body{background: url(../images/bg_pet.png)no-repeat center;}
/*head*/
.head .topBar{font-size: 14px;color: #37496e;background-color: #FFFFFF;height: 38px;border-top: solid 2px #3560dd;line-height: 36px;}
.head .topBar .left a{color: #37496e;cursor: pointer;}
.head .topBar .right{display: none; cursor: default;}
.head .tit{display: flex;justify-content: center;align-items: center;background: url(../images/bg_head.jpg)no-repeat center;height: 201px;color: #FFFFFF;}
.head .tit img{display: none; border-radius: 50%;width: 114px;height: 114px;}
.head .tit .txt{margin-left: 30px;}
.head .tit .txt h3{font-size: 48px;font-weight: 700;line-height: 66px;letter-spacing: 7.5px;}
.head .tit .txt h4{font-size: 18px;line-height: 30px;letter-spacing: 2px;text-transform: uppercase;}
/*main*/
.main{width: 1086px;margin: 17px auto 0;}
.main .title{background-color: #ececec;font-size: 24px;color: #37496e;font-weight: 700;text-align: center;height: 64px;line-height: 64px;}
.main .nav{display: flex;justify-content: space-between;align-items: center;border-bottom: solid 4px #2071b5;}
.main .nav a{font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 115px;width: 202px;}
.main .nav a.on{background-color: #2071b5;}
.main .nav a p{color: #37496e;margin-top: 10px;}
.main .nav a.on p{color: #FFFFFF;font-weight: 700;margin-top: 14px;}
.main .nav a .img{width: 43px;height: 43px;}
.main .nav a:nth-child(1) .img{background: url(../images/img_tab1.png)no-repeat center;}
.main .nav a:nth-child(1).on .img{background: url(../images/img_tab1w.png)no-repeat center;}
.main .nav a:nth-child(2) .img{background: url(../images/img_tab2.png)no-repeat center;}
.main .nav a:nth-child(2).on .img{background: url(../images/img_tab2w.png)no-repeat center;}
.main .nav a:nth-child(3) .img{background: url(../images/img_tab3.png)no-repeat center;}
.main .nav a:nth-child(3).on .img{background: url(../images/img_tab3w.png)no-repeat center;}
.main .nav a:nth-child(4) .img{background: url(../images/img_tab1.png)no-repeat center;}
.main .nav a:nth-child(4).on .img{background: url(../images/img_tab1w.png)no-repeat center;}
.main .nav a:nth-child(5) .img{background: url(../images/img_tab2.png)no-repeat center;}
.main .nav a:nth-child(5).on .img{background: url(../images/img_tab2w.png)no-repeat center;}
.main .form{padding: 15px 32px 30px 32px;box-sizing: border-box;position: relative;height: 140px;background-color: #fff;box-shadow: 0 4px 8px 0 rgba(186,186,186,.75);margin: 20px auto 0;}
.main .form::before{position: absolute;content: '';top: -20px;left: -20px;width: 0;height: 0;border-width: 23px;border-style: solid;border-color: #2071b5 transparent transparent transparent;transform: rotateZ(135deg);}
.main .form::after{position: absolute;content: '';top: -20px;right: -20px;width: 0;height: 0;border-width: 23px;border-style: solid;border-color: #2071b5 transparent transparent transparent;transform: rotateZ(225deg);}
.main .form h4{font-size: 14px;line-height: 14px;letter-spacing: 1px;color: #666;}
.main .form h4 i{color: #ff0000;}
.main .form h4 span{font-size: 18px;line-height: 14px;letter-spacing: 2px;color: #2071b5;margin-right: 10px;font-weight: 700;}
.main .form p{display: flex;align-items: center;justify-content: center;margin-top: 11px;}
.main .form p .input{width: 815px;height: 48px;border: none;background: #f3f3f3;font-size: 16px;padding-left: 20px;box-sizing: border-box;}
.main .form p .submit{width: 206px;height: 48px;color: #fff;background: #2071b5;line-height: 48px;text-align: center;font-size: 16px;letter-spacing: 1px;cursor: pointer;}
.main .form .notes{display: flex;align-items: center;margin-top: 15px;}
.main .form .notes h5{float: left;color: #666;font-size: 14px;}
.main .form .notes .bd ul li span{color: #b5b5b5;font-size: 14px;letter-spacing: 1.8px;}
.main .form .notes .bd ul li span:first-child{margin-right: 20px;}
.main .form .notes .bd ul li span i{color: #2071b5;}
.main .list{margin-top: 70px;}
.main .list ul{display: flex;justify-content: space-between;height: 110px;margin: 0 auto;}
.main .list ul li{display: flex;align-items: center;justify-content: center;width: 300px;height: 120px;background-color: #fff;box-shadow: 0 1px 8px 0 rgba(186,186,186,.75);border-radius: 4px;cursor: pointer;}
.main .list ul li:hover{border: 1px solid #ffe7dc;}
.main .list ul li .txt{font-family: HYQiHei-EZS;margin-left: 20px;}
.main .list ul li .txt h4{margin-bottom: 15px;font-size: 20px;letter-spacing: 1px;color: #333;}
.main .list ul li .txt h5{font-size: 14px;color: #bea599;}
/*foot*/
.foot{text-align: center;background: url(../images/bg_foot.jpg)no-repeat center;height: 144px;margin-top: 46px;}
.foot .nav{font-size: 0;margin-bottom: 22px;cursor: pointer;padding-top: 60px;}
.foot .nav a{font-size: 14px;color: rgba(255,255,255,0.8);cursor: pointer;border-left: solid 1px rgba(255,255,255,0.8);display: inline-block;
	height: 15px;line-height: 15px;padding: 0 20px;}
.foot .nav a:first-child{border-left: none;}
.foot p{font-size: 14px;color: rgba(255,255,255,0.3);line-height: 30px;}
/*mask*/
.mask{position: fixed;background-color: rgba(0,0,0,0.5);left: 0;top: 0;right: 0;bottom: 0;z-index: 2;display: none;}
.mask .box{background-color: #FFFFFF;position: absolute;width: 488px;left: 50%;margin-left: -244px;top: 50%;transform: translateY(-50%);}
.mask .box .close{position: absolute;cursor: pointer;right: 14px;top: 11px;width: 15px;height: 15px;}
.mask .box h3{display: flex;align-items: center;font-size: 14px;color: #a8a9b0;margin-left: 39px;height: 80px;}
.mask .box h3 img{margin: 0 10px;}
.mask .box h3 span{color: #000;opacity: .8;font-size: 22px;cursor: default;font-weight: 700;}
.mask .box .form{width: 355px;margin: 0 auto;}
.mask .box .form p{height: 50px;border: 1px solid #e1e4f7;position: relative;display: flex;align-items: center;margin-bottom: 25px;}
.mask .box .form p span{font-size: 14px;color: #000;opacity: .86;white-space: nowrap;width: 80px;text-align: right;}
.mask .box .form p .input{box-sizing: border-box;padding-left: 15px;height: 48px;width: 275px;border: none;font-size: 14px;}
.mask .box .form p select.input{outline: none;color: #707070;cursor: pointer;}
.mask .box .form p .getCode{position: absolute;cursor: pointer;color: #2071b5;font-weight: 700;font-size: 14px;border: none;right: 0;height: 48px;top: 1px;background: none;}
.mask .box .form .submit{display: flex;align-items: center;justify-content: center;cursor: pointer;color: #fff;background-color: #2071b5;font-size: 18px;height: 40px;margin-top: 35px;}
.mask .box .tip{background-color: #f3f6f9;margin-top: 24px;font-size: 14px;padding-left: 28px;box-sizing: border-box;font-family: HYQiHei-EES;}
.mask .box .tip ul{display: flex;align-items: center;height: 54px;}
.mask .box .tip ul li{display: flex;align-items: center;margin-right: 10px;color: #7f7f7f;}
.mask .box .tip ul li img{width: 20px;height: 20px;}
.mask .box .tip ul li span{color: #ff6500;}
.mask .box .bottom{text-align: center;margin-top: 35px;width: 100%;font-size: 14px;background: #f3f6f9;}
.mask .box .bottom img{width: 100%;}
.mask .box .bottom p{color: #ff6500;margin-bottom: 5px;}


.imitate{width: 780px;margin: 0 auto;padding: 30px 0;}
.imitate .pageImg{}
.imitate .pageImg .img{width: 100%;display: none;}
.imitate .pageImg .img1{display: block;}
.imitate .paging{display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.imitate .paging a{font-size: 14px;padding: 4px 10px;background: #fff;border: 1px solid #c5b7b7;color: #888;margin: 0 5px;cursor: pointer;}
.imitate .paging a.on,.imitate .paging a:hover{background: #568dbd;border-color: #568dbd;color: #fff;}

.searchList{width: 780px;margin: 0 auto;background: #fff;padding: 20px 0 10px;}
.searchList h4{line-height: 40px;font-size: 16px;color: #333;}
.searchList h4 span{color: red;}
.searchList ul{margin-top: 20px;}
.searchList ul li{margin-bottom: 20px;border: 3px solid #e8e8e8;padding: 10px 0 10px 25px;overflow: hidden;height: 176px;display: flex;align-items: center;border-color: #ff7c00;}
.searchList ul li:hover{border-color: #ff7c00;}
.searchList ul li .img{width: 110px;height: 110px;border: 1px solid #ccc;overflow: hidden;}
.searchList ul li .img img{width: 100%;}
.searchList ul li .info{width: 600px;margin: 0 15px 0 30px;}
.searchList ul li .info .basic{border-bottom: dashed 1px #ccc;display: flex;align-items: center;flex-flow: row wrap;}
.searchList ul li .info .date{display: flex;align-items: center;flex-flow: row wrap;}
.searchList ul li .info p{line-height: 26px;color: #666;font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 120px;margin: 5px 50px 5px 0;}
.searchList ul li .info p span{color: #ff7c00;font-size: 14px;}
.searchList ul li .event{border-left: solid 2px #e8e8e8;width: 150px;display: flex;align-items: center;justify-content: space-around;flex-direction: column;height: 100%;}
.searchList ul li .event a{width: 120px;text-align: center;padding: 4px 26px;font-size: 14px;border-style: solid;border-width: 1px;color: #ff7c00;border-color: #ff7c00;cursor: pointer;}
.searchList ul li .event .see{color: #63a9dc;border-color: #63a9dc;}
.searchList ul li .event a:hover{color: #fff;background-color: #ff7c00;}
.searchList ul li .event .see:hover{background-color: #63a9dc;}