﻿@charset "utf-8";
/* CSS Document */
/*
* @description: 网站首页样式
* @author: ishang_pan
* @update: ishang_pan (2020-09-08 15:25)
*/

/*home*/
.m-pgfuns .u-time{padding-left: 24px; line-height: 32px; font-size: 14px; background: url(../images/home/icon-time.png) left center no-repeat;}
.m-search{height: 32px;}
.m-search .u-searchtext{width: 190px; height: 30px; line-height: 30px; padding: 0 6px; border: 1px solid #ddd; border-right: none; font-size: 14px;}
.m-search .u-searchbtn{width: 38px; height: 32px; border: none; cursor: pointer; background: url(../images/home/icon-search.png) #ec9c01 center no-repeat;}

.m-flash,.m-flash li,.m-flash img{width: 580px; height: 385px;}
.m-flash li{position: relative;}
.m-flash img{display: block;}
.m-flash p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 120px 0 15px; line-height: 50px; background: url(../images/home/bg-flash.png); color: #fff; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-flash .hd{position: absolute; right: 13px; bottom: 20px;}
.m-flash .hd li{float: left; margin-left: 10px; width: 10px; height: 10px; border-radius: 50%; background: #fff;}
.m-flash .hd li.on{background: #f00;}

.m-news{width: 605px; height: 385px;}
.m-news .m-titstyle1 .u-tit span{min-width: 86px;}

.m-hot .u-tit{line-height: 38px; font-size: 22px; font-weight: bold;}
.m-hot .u-desc{line-height: 30px; font-size: 14px; color: #888;}

.m-hmlf{width: 335px;}

.m-hmbtns1{height: 240px; padding: 10px 11px; background: url(../images/home/bg-btns.png);}
.m-hmbtns1 li{float: left; margin: 10px; width: 136px; height: 100px; text-align: center;}
.m-hmbtns1 li a{display: block; padding: 14px 8px; height: 72px; background: #fff; border-radius: 12px;}
.m-hmbtns1 li span{margin: 0 auto 14px; display: block; width: 36px; height: 36px; background-image: url(../images/home/icon-hmbtn1.png); background-repeat: no-repeat; transition: .3s;}
.m-hmbtns1 li a:hover span{transform: rotateY(360deg);}
.m-hmbtns1 li p{color: #069; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-hmbtns1 li.u-btn2 span{background-position: -36px 0;}
.m-hmbtns1 li.u-btn3 span{background-position: 0 -36px;}
.m-hmbtns1 li.u-btn4 span{background-position: -36px -36px;}
.u-lb5 span{background-image: url(../images/home/icon-qyfwzq.png)!important;}
.m-hmlgbtns{height: 380px;}
.m-hmlgbtns li{margin-bottom: 10px;}
.m-hmlgbtns a{display: block; padding: 18px 10px 18px 65px; height: 30px; line-height: 30px; background: #d7e9fa; border: 1px solid #069; font-size: 20px; color: #069;}
.m-hmlgbtns span{display: block; width: 30px; height: 30px; margin-right: 15px; float: left; background-image: url(../images/home/icon-hmbtn2.png); background-repeat: no-repeat; transition: .4s;}

.m-hmlgbtns a:hover span{transform: rotateZ(360deg);}
.m-hmlgbtns .u-lb2 span{background-position: 0 -30px;}
.m-hmlgbtns .u-lb3 span{background-position: 0 -60px;}
.m-hmlgbtns .u-lb4 span{background-position: 0 -90px;}

.m-gyss{height: 240px;}

.m-xmt{height: 337px;}
.m-xmt li{float: left; margin: 18px 6px 0; width: 155px; height: 126px; text-align: center;}
.m-xmt li img{display: block; margin: 0 auto 6px; width: 84px; height: 84px;}
.m-xmt li p{line-height: 18px; font-size: 14px;}

.m-hmrg{width: 845px;}

.m-hmbtns2{height: 240px; padding: 10px; background: url(../images/home/bg-btns.png);}
.m-hmbtns2 li{float: left; margin: 10px; width: 145px; height: 100px; text-align: center;}
.m-hmbtns2 li a{display: block; padding: 14px 8px; height: 72px; background: #fff; border-radius: 12px;}
.m-hmbtns2 li span{margin: 0 auto 14px; display: block; width: 36px; height: 36px; background-image: url(../images/home/icon-hmbtn3.png); background-repeat: no-repeat; transition: .3s;}
.m-hmbtns2 li a:hover span{transform: rotateY(360deg);}
.m-hmbtns2 li p{color: #069; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-hmbtns2 li.u-rb2 span{background-position: -36px 0;}
.m-hmbtns2 li.u-rb3 span{background-position: -72px 0;}
.m-hmbtns2 li.u-rb4 span{background-position: -108px 0;}
.m-hmbtns2 li.u-rb5 span{background-position: -144px 0;}
.m-hmbtns2 li.u-rb6 span{background-position: 0 -36px;}
.m-hmbtns2 li.u-rb7 span{background-position: -36px -36px;}
.m-hmbtns2 li.u-rb8 span{background-position: -72px -36px;}
.m-hmbtns2 li.u-rb9 span{background-position: -108px -36px;}
.m-hmbtns2 li.u-rb10 span{background-position: -144px -36px;}

.g-hmlists{width: 412px; height: 310px;}
.g-hmpics{height: 240px;}
.g-hmpics li{float: left; width: 273px; height: 240px; margin-right: 14px;}
.g-hmpics li img{display: block; width: 273px; height: 190px;}
.g-hmpics li p{line-height: 50px; background: #d7e9fa; padding: 0 10px; color: #004a79; text-align: center;}

.m-fdlinks{border-top: 3px solid #069;}
.g-fdlinks{margin: 0 auto; width: 1200px; height: 57px; }
.g-fdlinks .u-tit{display: block; padding: 0 0 0 38px; line-height: 57px; font-size: 18px; background: url(../images/home/icon-link.png) left center no-repeat;}

.m-linktab{float: left; z-index: 4; margin-left: 53px;}
.m-linktab span{display: inline-block; color: #666; padding: 0 30px 0 13px; line-height: 57px; cursor: pointer; background: url(../images/home/icon-links.png) right top no-repeat;}
.m-linktab span.u-active{color: #015293; background-position: right -57px;}
.m-linkbd{position: absolute; left: 0; bottom: 57px; width: 1168px; max-height: 128px; padding: 15px; border: 1px solid #069; background: #fff;}
.m-linkbd ul{width: 1168px; max-height: 128px; overflow-y: auto;}
.m-linkbd ul li{width: 164px; line-height: 32px; float: left;}
.m-linkbd ul li a{font-size: 14px;}

/* 主体 */
/*location*/
.m-location{margin-bottom: 5px; padding: 8px 0 8px 18px; background: url(../images/public/icon-location.png) left center no-repeat;}
.m-location a{font-size: 16px;}
.m-form .m-xx{padding:30px 0;}
.m-form .m-xx .u-tit{border-bottom: 2px solid #b9cada;}
.m-form .m-xx .u-tit h4{width: 150px;line-height: 36px;background: #006699;text-align: center;color: #fff;font-weight: 400;font-size:18px;}
.m-form .m-xx .u-tit em{display: block;width: 150px;border-bottom: 3px solid #006699;padding-bottom: 8px;}
.is-main .form-other {width: 100%;display: flex;justify-content: space-between;margin-top: 30px;}
.form-input {flex: 1;}
.input-txt {width: 150px;text-align-last: justify;text-align: justify;text-justify: distribute-all-lines;margin-right: 10px;line-height: 43px;float: left;font-size: 18px;color: #333333;letter-spacing: 0;}
.input-txt b {display: block;/* width: calc(100% - 20px); */float: right;font-weight: normal;margin-left: 10px;font-size: 16px;}
.red-font {float: right;color: #f00;}
.input-style {width:440px;height: 42px;float: left;padding: 0 10px;font-size: 14px;color: #333;box-sizing: border-box;border: 1px solid #e2e2e2;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999999; font-size: 14px;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999999; font-size: 14px;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999999; font-size: 14px;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999999; font-size: 14px;}
.m-form .m-xx .u-radio{padding: 12px 0;}
.m-form .m-xx .u-radio>div{float: left;margin-right: 25px;}
.m-form .m-xx .u-radio input{margin-right: 5px;}
textarea.input-style {height: auto;padding: 10px;}
.width{width: 1040px;}
.form-btn{width:173px;height: 52px;background: #006699;color: #fff;font-weight: bold;font-size:18px;border-radius: 6px;border: none;margin: 40px 10px;}
.form-fh{width:173px;height: 52px;background: #bae2f6;color: #006699;font-weight: bold;font-size:18px;border-radius: 6px;border: none;margin: 40px 10px;}
.m-btn{text-align: center;}

.ysq_box {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;background: rgba(0,0,0,0.4);}
.ysq_box .ysq_blts {position: absolute;width: 622px;left: 50%;margin-left:-371px;top: 3%;padding:30px 60px;border: #ddd 1px solid;border-radius: 6px;background: #fff;}
.ysq_box .ysq_t{width:210px;line-height:52px;text-align: center;font-size:24px;color: #fff;font-weight: bold;background: #006699;border-radius: 6px;margin:20px auto;}
.ysq_box .ysq_info p{line-height:36px;font-size:16px;}
.ysq_info .u-an {margin-top: 20px;}
#Refused a{display: block;width:240px;line-height: 52px;color: #fff;text-align: center;background: #808080;border-radius: 6px;font-size: 18px;margin: auto;}
#Agree a{display: block;width:240px;line-height: 52px;color: #fff;text-align: center;background: #fcc42d;border-radius: 6px;font-size: 18px;margin: auto;}
.ysq_info .hide2 {display: none;}
#captcha{width: 118px;height: 42px;}
.captchaRefresh{color: #009ce2;}