@charset "utf-8";/* index */
header{padding: 25px 0;}
.head_logo{}
.head_btn{
    text-align: center;
    display: block;
    height: 100%;
    width: 592px;
    margin: 28px 0;
}
.head_btn a{border: 1px solid #ccc;padding: 8px 25px;border-radius: 3px;background: #fafafa;margin: 0 6px;}
.head_btn a:hover{color: #FFF;background: #1664ad;}
.head_tel{}
.banner{background: url(../images/inx3.jpg)no-repeat center center;background-size: cover;}
.inx1{}
.inx1img{width: 600px;}
.inx1con{width: 940px;}
.inx1tit{text-align: right;}
.inx1txt {
    text-indent: 2em;
    line-height: 3;
    color: #656565;
    font-size: 20px;
    margin: 40px 0;
}
.inx1btn{padding: 16px 51px;background-color: #bbb;color: #fff;position: absolute;right: 0;bottom: 0;}
.inx1btn:hover{background-color:#1664ad;color: #fff;}
.inxtit{background:#edf3ff url(../images/tit.png)no-repeat left center;line-height: 65px;}
.inxtit a i{padding: 0 20px;}
.inxtit a{color: #fff;font-size: 24px;padding-right: 120px;}
.inx2{background: url(../images/inx2bg.jpg)no-repeat center;background-size: cover;padding: 4% 0;}
.inx2box{width: 1228px;border: 1px solid #eaecf4;}
.inx2tab{}
.inx2tab li{float: left;padding:0 30px;font-size: 20px;cursor: pointer;}
.inx2tab li.curr{color: #fff;font-weight: bold;background-color: #337fcb;border-radius: 5px;}
.inx2nav{width: 340px;}
.inx2ntit{font-size: 24px;color: #fff;background-color: #337fcb;text-align: center;line-height: 66px;}
.inx2nbtn{border: 1px solid #eaecf4;border-top: none;padding: 5px 0;font-size: 24px;background: #fff;}
.inx2nbtn a{color: #fff;display: block;width: 94%;border-radius: 5px;text-align: center;line-height: 80px;margin: 14px 3%;}
.inx2con{padding: 20px;background: #fff;height: 494px;}
.inx3hot{padding-bottom: 20px;border-bottom:1px solid #e5e5e5;}
.inx3hoti{width: 227px;}
.inx3hotc{width: 940px;}
.inx3hotc .tit{font-size: 18px;line-height: 2;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.inx3hotc .con{
    font-size: 14px;
    text-indent: 3em;
    line-height: 2.2;
}
.inx3list{}
.inx3list li{border-bottom:1px dashed #e5e5e5;line-height: 2.8;    position: relative;}
.inx3list li:last-child{border: none;}
.inx3list li a{color:#797979;display: block;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 6em;}
.inx3list li a:hover{color:#1664ad;}
.inx3list li a i{padding-right:10px;}
.inx3list li a span{float: right;    position: absolute;
    right: 0;}
.btnc1{background-color: #268f1a;}
.btnc2{background-color: #4fb132;}
.btnc3{background-color: #41b4ea;}
.btnc4{background-color: #317be0;}
.btnc5{background-color: #9b8510;}
.inx3box{width: 770px;border: 1px solid #eaecf4;}
.inx3box .inx3con {padding: 20px  20px 0  20px;}
.inx3box .inx3hotc{width: 478px;}
/* f-link */
.f-link{}
.f-link span{float: left;line-height: 43px;font-size: 24px;font-weight: bold;color: #797979;}
.f-link a{display: block;float: left;}
.fimg{padding: 0px 10px;}
.f-link-more{position: relative;float: left;border: 1px solid #eaecf4;margin-left: 10px;}
.f-link-more a i{padding-left: 6px;}
.f-link-more a{display: block;width: 230px;line-height: 42px;text-align: center;font-size: 20px;}
.f-link-more a:hover{background-color: #13518e;color: #fff;}
.f-link-list{display: none;position: absolute;bottom: 100%;width: 100%;left: 0;}
.f-link-list a{display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;font-size: 12px;}
.f-link-more:hover .f-link-list{display: block;background-color: #fff;border: 1px solid #eaecf4;}
/* foot */
.foot{background-image:linear-gradient(#66a8db,#307cca);padding: 40px 0;color:#fff;}
.foot i{color: #ffe416;width: 2em;text-align: center;}
.address {line-height: 2.4;font-size: 24px;}
.copy{color: rgba(255, 255, 255, 0.4);background-color: #13518e;text-align: center;line-height: 3;}
.copy a{color: rgba(255, 255, 255, 0.4);}
.copy a:hover{color: #fff;}
/* ny */
.ne_nav {
    width: 100%;
    height: 36px;
    padding: 30px 0px;
    font-size: 16px;
    margin: 2px 0;
    overflow: hidden;
    display: inline-table;
    box-shadow: 1px 6px 14px 0px;
}
.ne_nav nav {
    text-align: center;
}
.ne_nav nav a.active {
    background: #db7f3c;
    color: #fff;    font-weight: initial;
}
.ne_nav nav a {
    margin: 0px 10px;
    padding: 0 18px;
    line-height: 36px;
    border-radius: 30px;
    font-size: 16px;
    color: #333;
    display: inline-block;
}
.content {
    padding-top: 36px;
    padding-bottom: 36px;
    margin: 32px auto;
}
.catename {
    color: #fff;
    position: absolute;
    top: 40%;
    left: 20%;
}
.catename .zh {
	font-size: 35px;
}

.catename .en {
	font-size: 24px;
}
.nybanner{height: 350px;}
/* .login */
input {
  background-image: none;
  border: 0;
  color: inherit;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

input[type="submit"] {
  cursor: pointer;
}
.loginbox{background:url(../images/loginbg.jpg)no-repeat center center;background-size:cover;
    box-sizing: border-box;
        min-height: 700px;
        position: absolute;
        height: 100%;
        width: 100%;
    }
.login{margin:0 auto;width: 610px;background: #fff;}
.login input[type="submit"] {
    background-color: #4985ff;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 60px;
    width: 44%;
    border-radius: 3em;
    line-height: 3;
    box-shadow: 1px 4px 1px rgba(73, 133, 255, 0.4);
}
.form_field {
  border-bottom: 1px solid #e5e5e5;
  width: 75%;
  margin: 0 auto;
  line-height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.login h3,.login .logo,.login .reg{width: 75%;
  margin: 0 auto;}
  .login h3{
    padding: 36px;
}
  .login .logo{
    padding-bottom: 48px;
}
.form__field {
}
.form_field label{
    font-size: 24px;
}
.form_field:last-child{border:none}
.login input[type="password"]:focus,
.login input[type="password"]:hover,
.login input[type="text"]:focus,
.login input[type="text"]:hover {
}
.login input[type="submit"]:focus,
.login input[type="submit"]:hover {
}
.login input[type="password"], .login input[type="text"] {
    background-color: #3b4148;
    background-color: var(--loginInputBackgroundColor);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.login label, .login input[type="text"], .login input[type="password"]{
    border-radius: 0.25rem;
    border-radius: var(--loginBorderRadus);
    padding: 1rem;
}

.form input[type="password"], .form input[type="text"] {
    width: 100%;
}
.login .reg{
    padding: 54px 0 12px;
    line-height: 32px;
}
.login .reg .fl a:hover{font-weight: initial;color: #00415f;}
.grid{left: 0;right: 0;box-sizing: border-box;margin: 0 auto;top: 50%;position: absolute;
    transform: translateY(-50%);}
/*step*/
.bssm{background:#ededed;padding: 2em;line-height: 2;box-sizing: border-box;}
.bssm h2{color:#448ace;font-weight: bold;}
.bssm p{color:#3d3d3d;}
.step{margin:0 auto;display:block;height: 80px;}
.step li{ position:relative; text-align:center;}
.step .line_bg{ height:3px; background:#d9eaf3; display:inline-block; width:50%; top:13px; position:absolute; z-index:1;}
.step .lbg-l{left:0;}
.step .lbg-r{right:0;}
.step .num{ position:relative; z-index:2; background:#fff;width:54px; height:30px;text-align:center; display:inline-block;}
.step .num em,.num i{width:24px; height:24px; display:inline-block; left:15px; top:2px;position:absolute;}
.step .num em{background:#d9eaf3;z-index:2;}
.step .num i{  z-index:3; color:#fff; font-style:normal; font-weight:700; top:4px;}
.step .lbg-txt{ position:relative; color:#b6c6ce; font-size:13px;}
.step .on .lbg-txt{color:#1a97d7;}
.step .on .line_bg,.step .on .num em{background:#1a97d7}
.layui-form{padding:0 2%}
.layui-form-label {
    float: left;
    padding: 9px 0;
    text-align: left;
    float: none;
    width: 100%;
}
.bslaybox{margin: 0;}
.layui-input-block {
   margin: auto;
    text-align: center;
}
.layui-btn{}
.bsl {
    overflow: hidden;
}
.bsr {background:#d0ffd0;margin-top: 24px;padding: 25px;}
.bsr h1{color:#3883cd;font-weight: bold;padding-bottom: 154px;}
.bsr p{line-height:2}
.card:hover {
	color: #d9261f;
	border-color: #d9261f;
}

.piclist .card {
	margin: 10px 0;
}
 .card  a{
	color: #0d6efd;
}

.piclist .card h5{
    font-size: 0.95rem;
}
.piclist .card:hover {
	background-color: #d9261f;
	color: #fff;
}
.gd_img {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 70%;
}

.gd_img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	min-width: 100%;
	min-height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s;
}

.imgbox {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	overflow: hidden;
}

.imgbox:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
@media (min-width:1920px) {
.fix-width {width:1600px;}
.banner{height:851px}
.layui-form-item .layui-input-inline{width:80%}
}
@media (max-width:1920px) {
.mt {margin-top:40px;}
.banner{height: 604px;}
.fix-width {width:1600px;}
.layui-form-item .layui-input-inline{width:80%}
}	
@media (max-width:1680px) {
.inx2con{height: 494px;}
.fix-width {width:1200px}
.inx1txt {line-height: 2;}
.banner{height: 662px;}
.inx1img{width:37%}
.inx1con{width: 58%;}
.inx2box{width: 74%;}
.inx2nav{width: 25%;}
.layui-form-item .layui-input-inline{width:80%}
.head_logo {
    width: 50%;
}
.head_btn{width: 28%;}.head_tel {
    width: 22%;
}
.inx3box {
    width: 49%;}
	.inx3hot .fl {width: 25%;}
	.inx3box .inx3hotc, .inx3hotc {
	    width: 73%;
	}
}
@media (max-width:1440px) {
.inx2con{height: 465px;}
.banner{height: 500px;}
.f-link a{width: 172px;height: 30px;}
.f-link-more a{
    width: 180px;
    line-height: 34px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
.f-link span{line-height: 30px;}
.inx1txt{line-height: 2;font-size: 16px;}
.fix-width {width:1000px}.inxtit{
	    line-height: 38px;
	    background-size: 32% 100%;
	    }
	.inx2tab li {
	    font-size: 16px;
	    width: 25%;
	    text-align: CENTER;
	    padding: 0;
	}.inx2tab {
	    width: 65%;
	}
.inxtit a i {
    padding: 0 10px;
}
.f-link-list a{font-size: 12px;}
.inxtit a {
    font-size: 18px;
    padding-right: 0;
    width: 35%;
}
.inx2ntit{line-height: 40px;}
.inx2nbtn a{line-height: 74px;}
}
@media (max-width:1200px) {
.banner{height: 523px;}
.fix-width {width:980px}
}
@media (max-width:992px) {
.fix-width {width:750px}
.banner{height: 410px;}
.mt {margin-top:20px;}
.layui-form-item .layui-input-inline {
    width: 100%;
}
}
@media (max-width:768px) {
.inx2con{height:auto}
.ne_nav{padding: 12px 0px;}
.nybanner{height: 200px;}
.fix-width {width:96%}
.mt {margin-top:20px;}
.head_btn,.head_tel{display:none}
.f-link{display:none}
.banner{height: 330px;}
.inx1img{width:100%;text-align:center}
.inx1con{width:100%;margin-top: 20px;padding-bottom:70px}
.inx1txt {margin: 20px 0;}
.mtb{margin: 26px 0;}
.inx1btn{left: 0;text-align: center;}
.inx2box{width:100%}
.inx2nav{width:100%}

.inx3box{width:100%}
.address{font-size:18px}
.ewm{width:100%;text-align:center}
.copy{font-size: 12px;padding:0 1em }
.inx3box,.inx2box{margin-bottom:10px}
.content {
    padding: 18px 0;
    margin: 13px auto;
}
.login {width: 94%;}
.login .reg .fr{float:left}
.layui-form-item .layui-input-inline{margin:0}
.layui-col-space30>*{
    padding: 0;
}
}
@media (max-width:576px){
/* .fix-width {width:96%;}*/
.banner {height: 280px;}
.inx3hot .fl,.inx3hot img,.inx3hotc,.inx3box .inx3hotc{width:100%}
.inxtit a {font-size: 16px;}
.inx2tab li {font-size: 12px;}
.address {
    font-size: 16px;
}
}