@charset "utf-8";
.index-banner {
background-repeat: no-repeat;
background-position: top center;
/* background-attachment: fixed; */
/* min-width: 1200px; */
/* position: relative; */
width: 100%;
text-align: center;
color: #fafafa;
background-size: cover;
background-image: url(../images/banner.jpg); min-height: 829px;
}
.w1500 {
max-width: 1200px;
width: 100%;
margin: 0 auto;
position: relative;
box-sizing: border-box;

}
.ban-title {
position: absolute;
box-sizing: border-box;
left: 0;
width: 100%;
top: 300px;
text-align: left;

/* background: rgba(11, 113,211,0.7); */
}
.ban-title h2 {
font-size:60px;
color: #ffffff;

font-weight: 200;
}
.ban-title p{   font-size: 60px;
color: #ffffff;
margin-bottom: 50px;
font-weight: 200;}
.ban-title a{border-radius: 26px; font-size: 16px; border:solid 2px #fff; color:#fff; padding:10px 30px}
.ban-title a:hover{ background:#3768fa;border:solid 2px #3768fa;color:#fff}

.pgbanner{ position: relative;}
.pgbanner figure{height:629px;position:relative;overflow:hidden;}
.pgbanner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#fff;height:629px;}
.pgbanner section{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1300px; width:100%;color:#fff;}
.pgbanner section h1{font-size:40px;line-height:1.8;position:relative;margin:0 0 40px;text-transform:uppercase;color:#000; position: relative;overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;}
.pgbanner section h1:after{content: "";
display: block;
position: absolute;
width: 30px;
left: 0;
bottom: -20px;
height: 4px;
background: #003A85;
transition: all 0.3s ease;}
.pgbanner section h2{font-size:40px;line-height:1.6;position:relative;margin:0 0 -25px;color:#8F8F8F; font-weight: 100;text-transform: capitalize;}


/****************产品中心*****************/
.product{background: #fafafa url(../images/bg2.jpg)center no-repeat;
min-height: 850px;
padding: 150px 0;
background-size:cover;}
.product h2{ color:#fff; font-size: 40px; position: relative; padding-bottom: 40px; margin-bottom: 60px;}
.product h2:after{position:absolute;content: "";
clear: both;
position: absolute;
background: #348ffd;
width: 30px;
height: 3px;
left:0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;}
.area { width:100%; float:left; margin-top:40px;}
.area ul li{ width:31%; float:left; margin-right:3.5%; margin-bottom:40px; position:relative; overflow:hidden;border-radius: 24px; }
.area ul li:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.area ul li:hover:before{ opacity:1; } 

.area ul li:nth-child(3n){ margin-right:0;}
.area ul li img{width: 100%;
min-height: 100%;
float: left;
transition: all 0.6s ease;}
.area ul li:hover img{-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);}
.area ul li div{ position:absolute; background-color: #64b1ff;width:100%;bottom:0; height:140px;  padding:0 50px; box-sizing:border-box; color:#fff;  box-sizing:border-box;  -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;}
.area ul li:hover div{ height:100%;  background-color:rgba(53,53,53,0.3);  -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;}
.area ul li div h3{    color: #fff;
font-size: 28px;font-weight:normal;line-height:2; padding:30px 0;position:relative;}

.area ul li div p{font-size:16px;font-weight:normal; padding-top:10px; position:relative;bottom:-100px; }
.area ul li:hover div p{bottom:unset}
.area ul li div h3:before{ position:absolute;content: "";
clear: both;
position: absolute;
background: #fff;
width: 30px;
height: 3px;
left:0;
opacity: 1;
transition: all 0.3s;
bottom: 20px;}
.area ul li div a{ position: absolute; bottom:-40px; display: inline-block; color:#fff}
.area ul li:hover div a{bottom:40px}
.area ul li div a:hover{text-decoration: underline;}


/**************关于我们**************/
.about{background: #fff url(../images/bg3.png)left top no-repeat; box-sizing: border-box;
min-height: 850px;
padding: 150px 0; position: relative;
}
.about .fl{ width:50%; float: left;}
.about .fl img{ float: left; width:90%}
.about .fr{ width:65%; float: right; }
.about .fr span{width:50%;background:#3768fa;border-radius: 30px;padding:100px 100px 60px ; color:#fff; position: absolute; right:0; bottom:120px}
.about .fr figure{float: left; display: block; position:absolute;top:0;margin-left:220px;margin-top:10px;}
.about .fr figure img{ float:left}
.about .fr h3{font-size: 38px; }
.about .fr p{font-size: 22px; line-height: 1.8;padding: 20px 0 40px;}
.about .fr a{border-radius: 26px;
font-size: 16px;
border: solid 2px #fff;
color: #fff;
padding: 10px 30px;}
.about .fr a:hover{ background-color:#348FFD;       border: solid 2px #348FFD;
color: #fff;}
.aboutin{ min-height: 840px;}


/************团队合作**************/
.team{background:url(../images/bgteam.jpg)center no-repeat; box-sizing: border-box; 
min-height: 850px;
padding: 150px 0;
background-size: cover;clear: both;}
.team h2{color:#348FFD; font-size: 40px; position: relative;padding-bottom: 40px; margin-bottom: 40px;}

.team h2:after{
position: absolute;
content: "";
clear: both;
position: absolute;
background: #fff;
width: 30px;
height: 3px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;
}
.conicon {
display: flex;
width:65%;
}

.left {
display: flex;
flex-direction: column;
width:62%; margin-right: 30px;

}

.left-item {
background-color: #fff; padding:40px; display: block; float: left; border-radius: 30px;
flex:1; display: flex;
margin-bottom: 30px;

}
.left-item:last-child {
margin-bottom: 0;
}
.left-item i{width:100px; margin-right: 50px;}
.left-item i img{float:left;width: 100%;}
.left-item text{ flex: 1;}
.left-item text h3{color:#64b1ff;font-size:28px; position: relative; padding-bottom: 20px;}
.left-item text h3:after {
position: absolute;
content: "";
clear: both;
position: absolute;
background: #64b1ff;
width: 30px;
height: 3px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;
}
.left-item text p{padding:20px 0;color:#999999;font-size:18px; line-height: 1.7;}

.right {
flex: 1;
background-color: #fff; padding:40px; display: block; float: left; border-radius: 30px;

}
.right i{width:100px; float: left; margin-bottom: 30px; }
.right i img{float:left;width: 100%;}
.right text{float: left;}
.right text h3{color:#64b1ff;font-size:28px; position: relative; padding-bottom: 20px;}
.right text h3:after {
position: absolute;
content: "";
clear: both;
position: absolute;
background: #64b1ff;
width: 30px;
height: 3px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;
}
.right text p{padding:20px 0;color:#999999;font-size:18px; line-height: 1.7;}
/************合作客户**************/
.partner {padding:0px 0 100px 0; box-sizing: border-box; width: 100%;}
.partner h2{color:#64b1ff; font-size: 40px; position: relative; padding-bottom: 20px; display: flex; justify-content: space-between;
margin-bottom: 60px;}
.partner h2:after {
position: absolute;
content: "";
clear: both;
position: absolute;
background: #64b1ff;
width: 30px;
height: 3px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;
}
.partner h2 a{ font-size: 16px; color:#348FFD; text-decoration:underline;padding-top:20px}
.flex-logoul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.flex-logoul li {
width: calc(20% - 30px); /* 20% of container width minus margin */
margin: 15px; /* space between items */    vertical-align: middle;
text-align: center;
border-radius: 30px;
background-color: #f0f0f0;padding:30px 10px; box-sizing: border-box;
height: 126px;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */

}

.flex-logoul li img{  max-height:100%; max-width:100%; justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */

transition: all 0.8s ease 0s;
-webkit-transform: all 0.8s ease 0s;overflow:hidden;}
.flex-logo {
width: calc(20% - 20px); /* 20% of container width minus margin */
margin: 10px; /* space between items */
}

.newsbg{background:#f7fbff; }
.newsbg h2 a{}

.pgnewlis{margin:0px 0 75px;}
.pgnewlis ul{margin:0 ; display: flex;}
.pgnewlis li{margin-right:100px; flex:1}
.pgnewlis li:last-child{ margin-right: 0;}
.pgnewlis li a{display:block;}		
.pgnewlis li a time{font-size:16px;color:#999;margin:0 0 20px;display:block;}
.pgnewlis li a h3{font-size:28px;line-height:1.5;word-break: break-all; color:#64b1ff;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.pgnewlis li a figure{margin:25px 0 20px;overflow: hidden; border-radius: 30px;}
.pgnewlis li a figure img{width:100%;}
.pgnewlis li:hover figure img{-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);}


/***************留言***************/
.feedbackbg{ background-color: #1e4a76;  float:left }
.fudong{ position: absolute;bottom:100px;
    top: 100px;
    width: 100%;}
.feedbackbg h2{color:#fff; font-size:18px; font-weight:normal}
.feedbackbg h2:after{ background-color: #fff; }
.feedbackbg p{ color:#fff;font-size:14px}
.myform{
    /* height:464px;margin:20px 0 0; */

}
.myform p{font-size:18px;line-height:30px;}
.myform ul{position:relative;margin:30px 0 0;height:364px;}
.myform li{margin-bottom:20px;width:100%; margin-right: 0%; float: left;}
.myform li{position:relative}
	.myform li:before{content: "\f007";color:#1e4a76; position:absolute; padding-left:10px;
    font-size: 18px; line-height:40px;
    font-family: FontAwesome;
    font-style: normal;}
	
.myform li:nth-of-type(2):before{content: "\f0e0"; font-size: 15px;}
.myform li:nth-of-type(3):before{margin-right: 0;content: "\f095";font-size: 18px;}
.myform li:nth-of-type(4):before{content: "\f19c";font-size: 14px;}
.myform li:nth-of-type(5):before{width:100%;display:none}
.myform li:nth-of-type(6):before{ display:none}
.myform li:nth-of-type(6){width:100%; text-align: center;}
.myform li .txt{width:100%;height:40px;padding:0 10px 0 40px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:40px;border-radius:6px; font-size:14px;}
.myform li:nth-of-type(4) .txt{width:100%;}
.myform li .txts{width:100%;height:100px;padding:10px;box-sizing:border-box;border:1px solid #e4e4e4;border-radius:6px;font-size:14px}
.myform li .btn{    width: 135px;
    height: 45px;
    background: #348FFD;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;transition: all ease-out 0.3s;
}
.myform li .btn:hover{background:#0774f9; cursor:pointer}

/******************foot*******************/
#footmain:after, #foot:after, footbar:after, #footer:after {
content: '';
clear: both;
display: block;
font-size: 0;
}
#footmain { clear:both;
width: 100%;
background: #222a37;
color: #64b1ff; height:auto;
box-sizing: border-box;
}
#footer { 
max-width: 1500px;width:100%;
margin: 0 auto; padding: 70px 0 40px;
}
.foot_logo{width:20%;float: left; }
.foot_logo figure{ margin-bottom:50px;}
.foot_logo p{}
.foot_nav{ width:75%; float:right;}
.foot_nav ul{display:flex;}
.foot_nav li{ padding-right:100px;
position: relative;
}
.foot_nav li:last-child{padding-right:0px;}
.foot_nav li dl{  width:100%;}
.foot_nav li dl dt{ color:#64b1ff; font-size:20px; font-weight:bold; position:relative; padding-bottom:25px; position: relative;}
.foot_nav li dl dt a{color:#64b1ff;}

.foot_nav li dl dd{color:#999; font-size:16px; line-height:1.8; }
.foot_nav li dl dd a{color:rgba(255,255,255,0.75);transition: all ease-out 0.3s; font-weight: normal; font-size: 15px;}
.foot_nav li dl dd a:hover{ color:rgba(255,255,255,1);}
.foot_p{width:100%; float:left;font-size:16px; color:#105dad; line-height:2;  margin-top:50px;}
.foot_copy{width: 100%; display: flex; justify-content: center;align-items: center; margin-top:80px;
float: right;font-size:14px; color:#333;  font-weight:100}
.foot_copy figure{ margin-right:80px;}
.foot_copy text h3{color:#64b1ff; font-size:24px; font-weight:bold; position:relative; padding-bottom:20px;margin-bottom: 20px; position: relative;}
.foot_copy text h3:after{position: absolute;
content: "";
clear: both;
position: absolute;
background: #64b1ff;
width: 30px;
height: 2px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;}
.foot_copy text p{line-height: 1.6;}
.relative{ position:relative;}
    .kefu {
        float: left;
        cursor: pointer;
        margin-top: 30px;
        padding: 12px 30px;
        border-radius: 25px;
        color: #fff !important;
        background: #0092FC;
        border: none;
        font-size: 16px;
        line-height: normal;
        text-transform: uppercase;
        font-family: 'Open Sans', sans-serif;
		position:fixed;
		bottom:60px;
		right:10px;
		z-index:999
    }

/**************新闻列表详情*******************/
#banner_Main { position:relative;

width: 100%;  height:600px;

color: #fff;
/* background-image: url(../images/news.jpg); */
background-position: center center;
background-repeat: no-repeat;
/* background: url(../images/news.jpg) no-repeat center top; */
background-size: cover;
}
/*#banner_Main img{height:300px; width:100%;}*/


#banner_Main section{position:absolute;z-index:2;top:45%;left:50%;transform:translate(-50%,-50%);max-width:1200px; width:100%;color:#fff;text-align:center;}
#banner_Main h1{font-size:60px;line-height:80px;position:relative;margin:0 0 10px; font-weight: 100;}
#banner_Main span{
        /* display:inline-block;font-weight:normal;text-transform:uppercase;font-size:20px;line-height:30px; */
        font-size: 16px;
      
        letter-spacing: 2px;
        z-index: 1;
        color: #fff;
        text-transform: uppercase;

    }
#banner_Main h2 {
    text-align: center;
    display: block;
    color: #121212;
    font-size: 36px;
    float: left;
    width: 100%;
    font-weight: normal;
    position: absolute;
    top: 50px;

}

.bannerin {
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -750px;
}





.location {
width: 100%;
height: 25px;
line-height: 25px;
}
.location span {
position: relative;
display: inline-block;
padding-left: 0px;
font-size: 14px;
color: #fff;
}
/* .location span:nth-of-type(1):before {
position: absolute;
top: 0;
left: 0px;
font-family: 'FontAwesome';
content: "\f015";
}
.location span:before {
position: absolute;
top: 0;
left: 7px;
font-family: 'FontAwesome';
content: "\f105";
}  */
.bodyin{  padding:100px 0;}
.bodyin:after{ clear: both;}
.pgnewslist ul{overflow:hidden; width:100%; margin:0 ;}
.pgnewslist li{ float:left; border-radius: 30px; width:100%; box-sizing:border-box;clear:both;padding:20px;transition:all ease-out 0.3s; margin:20px 0; background:#fff; position:relative;}


.pgnewslist li figure{float:left;margin-right:30px;width:450px; overflow:hidden; border-radius: 30px;}
.pgnewslist li figure img{width:100%;height:100%;transition:all ease-out 0.6s;  float: left;overflow:hidden;}

.news_fr{ float:right; 	width: calc( 100% - 500px); display:block; padding-top:80px;
/* align-items: center;
display: flex; */

}
.pgnewslist li h4{font-size:28px;color:#64b1ff;transition: all 0.3s; position:relative; margin-bottom:30px;}

.pgnewslist li a{display: block;
float: left;
width: 100%;
box-sizing: border-box;
overflow: hidden; }
.pgnewslist li:hover h4{transition: all 0.3s; color:#0b6eca;}

.pgnewslist li p{}
.pgnewslist li p time{font-size:13px; line-height:24px; color:#999; }
/* .pgnewslist li p:nth-of-type(1){ font-size:14px;color:#838383; line-height:24px;
overflow: hidden; text-overflow: -o-ellipsis-lastline; text-align:justify;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical; margin:20px 0;} */
.pgnewslist li:hover{background:#f5f8fa;}


.pgnewslist li:hover figure img{-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);}
.pglispag{clear:both;text-align:center;overflow:hidden;font-size:14px;margin:50px 0 0;}
.pglispag a,.pglispag span{display:inline-block;padding:10px 18px;margin:0 3px 6px;border-radius:6px; background-color: #ecf0f4;}
.pglispag a:hover{background:#38478e;color:#fff;}
.pglispag span{background:#38478e;color:#fff;}



.newsbox{ width: 100%; display: flex;justify-content: space-between;}
.flnews ul li { position: relative; font-size:16px;  border-bottom: 1px solid #cccccc; padding: 27px 0; }
.flnews ul li .date { position: absolute; top: 28px; left: 16px; width:120px; color: #666; }
.flnews .txt { padding: 0 16px 0 160px;display: flex;flex-direction: column-reverse; }
.flnews .txt i{ width: 80px; line-height: 28px; font-size: 14px; border-radius: 4px; text-align: center; font-style:normal; display: block;}
.flnews .txt i.purple {background:#663399; color:#fff}
.flnews .txt i.grey {background:#dce5ec;}
.flnews.irNews .txt, .flnews.calendar .txt { padding-left: 20rem; }
.flnews a { text-decoration: none !important; color: #333 !important;  margin-bottom: 20px;}
.flnews a:hover { text-decoration: underline !important; }
.flnews{width: 100%;  box-sizing: border-box;}
.frnews{flex:0 0 300px;padding-left: 90px;}
.frnews h3{ padding-bottom: 10px;margin-bottom: 10px; border-bottom: solid 1px #ccc; font-weight: normal; padding-top:13px;}
.frnews dd{ padding:6px 0;}
.frnews dd a{ font-size: 14px;}
.frnews dd a:hover,.frnews dd a.on{color:#105dad}
article{margin-bottom:20px;}
.articlehead{padding-bottom:20px;border-bottom:1px solid #ccc;margin-bottom:20px;}
    .articlehead h1{font-size:24px;line-height:30px;}
    .articlehead p{font-size:12px;color:#999;margin-top:10px;}
    .articlehead p span{margin-right:10px;}
	.articlehead p span i{ font-style:normal}
    .articlehead p time{margin-right:10px;}
.articlebody{margin-bottom:20px;}
    .articleinfo{line-height:200%;font-size:15px;}
        .articleinfo img{max-width:100%; height:auto !important}
    .relatedarticle{}
        .relatedarticle h3{font-size:18px;line-height:30px;margin-bottom:10px;}
        .relatedarticle ul{}
        .relatedarticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
        .relatedarticle li a{float:left;position:relative;padding-left:13px;}
        .relatedarticle li a:after{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
        .relatedarticle li time{float:right;color:#999;font-size:12px;}
    .infotags{margin-top:20px;font-size:13px;padding:15px;background:#f5f5f5;color:#666; line-height: 1.8;}
/************联系我们*************/
.contact {display: flex; flex:1; clear: both;}
.contact .flimg{ width:45%;margin-right: 50px;}
.contact .flimg figure{border-radius: 30px;}
.contact .flimg figure img{float: left; width: 100%;border-radius: 30px;}
.contact .frtxt{padding:90px;}
.contact .frtxt h2{color:#64b1ff; font-size:28px; margin-top:100px;}
.contact .frtxt h4{color:#64b1ff; font-size:22px; font-weight: 300;margin-bottom: 50px;}
.contact .frtxt p{font-size:18px;line-height:36px;color:#071224;display: flex;}
.contact .frtxt p strong{display:inline-block;min-width:94px; padding-right: 10px; }
.mapdiv{width:100%;height: 530px; margin-top:100px}


    .global_img{ text-align:center; position:relative; width:100%}
    .global_a{    position: absolute;
    left: 33%;
    right: 58%;
    top: 24%;
    bottom: 56%;
    padding-top: 5%;
    float: left;
    text-align: left;
     font-size: 15px; color:#000;
  }
   .global_a:hover{color:#0092FC}


.sloganbg{background: url(../images/footbg.jpg)center no-repeat; 
box-sizing: border-box;

padding: 0px 0;
background-size: cover; clear: both;

box-sizing: border-box;
background-size: cover;
display: flex;
justify-content: center; min-height: 348px;
align-items: center;}
.sloganbg .width{max-width: 1200px;width:100%; position: relative; margin:0 auto; box-sizing: border-box;}
.sloganbg h1{font-size: 28px;color:#fff;float: right; letter-spacing: 10px; text-align: right;}
.sloganbg h1 i{ font-weight: 100; font-style: normal; font-size: 24px;} 

.sloganbg2{background: url(../images/footbg2.jpg)center no-repeat; }
.sloganbg2 h1{color:#105ead}
.titlein{ text-align: center;}
.titlein h3{color:#105ead; font-size: 40px; font-weight:normal; }
.titlein h5{color:#105ead; font-size: 16px; font-weight: normal;}
.show{color:#105ead; font-size:30px; border-top: solid 1px #105ead;padding:20px 0; letter-spacing: 10px; margin:50px 0}
.slideTable{ width:100%;  text-align:left;  }
    .slideTable .hd{ height: 50px;   position:relative; width:100% }
    .slideTable .hd ul{ float:left; position:absolute; width:100% ; display: flex;  }
    .slideTable .hd ul li{ float:left; padding:0px 15px;height: 46px; margin-right: 10px; text-align: center;color:#105ead; line-height: 46px; cursor:pointer; background-color: #efefef; flex:1  }
    .slideTable .hd ul li:last-child{margin-right: 0;}
    .slideTable .hd ul li.on{   background:#105ead;color:#fff;   }
    .slideTable .bd ul{  zoom:1; padding-top:30px }



    .table{ margin-bottom: 20px; display: flex; width: 100%;}
/* 
.table table{width:100%;margin:20px auto  }
.table table th{background:#f6a80c;  padding:15px 10px; font-size: 18px;
color: #1C1C1C;font-weight: normal;   }

.table table td{     border: 1px solid #e1e1e1; vertical-align: top;
padding:20px; font-size: 14px;  line-height: 2;
color: #454545;}
.table table tr td:first-child {background:#f7f7f7;  width:220px; font-size: 16px; } */
.table th {
  
    font-weight: normal;
}
th.nobottom {
    border-bottom: none;
}
.table td,.table th {
    border: 1px solid #ddd;
    padding: 17px 30px;
    line-height: 2.2;
  
}


/*************产品中心***************/
.prodiv{display:flex;}
.profl{width:290px; margin-right: 100px;
}
.profl ul li{float: left; width: 100%; margin-bottom: 20px;}
.profl ul li a{float: left; width: 100%; background-color: #fff; border-radius: 50px; color:#3768FA;font-size: 18px;padding:12px 0; text-align: center;}
.profl ul li.on a,.profl ul li:hover a{background-color:#3768fa;color:#fff}
.profr{float: right;width:calc(100% - 390px)}

.profr li{float:left;width:31.3%;margin:0 1% 80px;position:relative; background-color: #fff; border-radius: 40px; padding:70px 50px 20px;box-sizing: border-box;}

.profr li figure{position:relative;overflow:hidden;margin-bottom:10px;height: 300px;display: flex;
justify-content: center;
align-items: center;}
.profr li figure img{overflow: hidden;}

.profr li h3{font-size:16px;line-height:1.6;color:#555555; font-size: 20px; position: relative;padding-top:10px;}
.profr li h3:before{position: absolute;
left: 0;
top: 0px;
content: "";
width: 22px;
height: 2px;
overflow: hidden;
background-color: #555;}
.profr li a{text-align: center;color:#348FFD; font-size: 16px; display: block; text-decoration: underline;}
.profr li:hover a{ text-decoration: none;}
.profr li:hover img{transform:scale3d(1.05, 1.05, 1);}
.profr li:hover figcaption{opacity:1;}  
/***/
.procon .profl li a{border:solid 1px #3768FA;} 
.floor2{border-top:solid 1px #B4B4B4;padding-top:50px;}
.floor2 h2.title{color:#3768FA; font-size:26px;padding-bottom: 20px;}
.floor2 p{color:#707070; font-size: 18px; line-height: 1.8; padding:20px 0 60px;}


.tabelMain{ float:left; width:100%;border-top: #ddd 1px solid; border-left: #ddd 1px solid;  }
.tabelMain tr{  background:#f4f4f4;   }
.tabelMain tr:nth-child(2n) {   background:#fff;  }

.tabelMain td{  border-right: #ddd 1px solid;border-bottom: #ddd 1px solid; padding:12px 3px;text-align: center; font-size: 14px; }
.tabelMain td:nth-child(2n){width:60%;}

h3.relation{color:#3768FA; font-size: 26px; position: relative; padding-bottom:20px; margin-bottom: 30px;}
h3.relation:after{    position: absolute;
 content: "";
 clear: both;
 position: absolute;
 background: #3768FA;
 width: 22px;
 height: 2px;
 left: 0;
 opacity: 1;
 transition: all 0.3s;
 bottom: 0px;}
 .floor1{ display: flex;}
 .floor1 .fltxt{padding-bottom: 40px;width:600px;}
 .floor1 .fltxt h1.name{ color:#000; font-size: 56px; position: relative; padding-top:30px;}
 .floor1 .fltxt h1.name:before{  position: absolute;
 content: "";
 clear: both;
 position: absolute;
 background: #3768FA;
 width: 58px;
 height: 6px;
 left: 0;
 opacity: 1;
 transition: all 0.3s;
 top: 0px;}
 .floor1 .fltxt p{color:#707070; font-size: 24px; font-weight:bold;padding:20px 0; min-height:200px;display: flex;
 align-items: center;}
 .floor1 .fltxt i{ font-style: normal; color:#707070; font-size: 20px; font-weight: 100;display: block; margin-bottom: 20px;}
 .floor1 .fltxt a{ display: inline-block; border-radius: 26px; background-color: #3768FA; color:#fff; padding:16px 40px;}
 .frimg{ float: right;width:500px;padding-bottom: 40px; padding-left: 50px; box-sizing:border-box;}


     /* .swiper {
      width: 100%;
      height: 100%;
    } */

  
/* 
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    } */

 
   /*   .swiper {
      width: 100%;
     height: 350px; 
      margin-left: auto;
      margin-right: auto;
    }*/

    /* .swiper-slide {
      background-size: cover;
      background-position: center;
    } */

    .frimg .bigSwiper {
        height: 80%;
        width: 100%;
        margin-bottom: 20px;
      }
  
      .frimg .smallSwiper {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
      }
  
      .frimg .smallSwiper .swiper-slide {
        width: 25%;
        /* height: 100%; */
        opacity: 0.4; border:solid 1px #ccc; box-sizing: border-box;
      }
  
      .frimg  .smallSwiper .swiper-slide-thumb-active {
        opacity: 1;
      }
      .frimg .bigSwiper .swiper-slide img { max-width: 80%; }
      .frimg  .swiper-slide img {
        display: block;
        width: 100%;
       height: auto !important;
        /* object-fit: cover; */
      }
  
      .frimg .swiper-slide {
        text-align: center;
        background: #fff;
        display: flex !important;
        justify-content: center;
        align-items: center; height: auto;
      } 
      .frimg .swiper-button-next,.frimg .swiper-button-prev{color:#ddd}
     .frimg .swiper-button-next:hover,.frimg .swiper-button-prev:hover{outline: none !important; border:none; color:#3768FA;} 

/***********解决方案************/
.solution{background: url(../images/bgsolution.jpg)center no-repeat;
    min-height: 2406px;
    padding: 100px 0 0; box-sizing: border-box;
    background-size:cover; display: flex;justify-content: center;
    align-items: center;}
       .solpro{ border-radius: 30px; background-color: #fff;width: 100%; padding:80px; box-sizing: border-box; position: relative; min-height: 800px; margin-bottom: 300px;}
       .solution .name{color:#348FFD; font-size: 40px; position: relative; padding-bottom: 20px;}
       .solution .name:after{position: absolute;
    content: "";
    clear: both;
    position: absolute;
    background: #348FFD;
    width: 30px;
    height: 3px;
    left: 0;
    opacity: 1;
    transition: all 0.3s;
    bottom: 0px;}
         p.more{color:#999999; font-size:16px; width:70%; margin:30px 0;}
       .solpro .fuimg{ position: absolute; left:-100px; bottom:-90px}
       .solpro .solprofl{width:40%; float: left;}



       .procla{}
       .procla h3{text-align:center;}
       .procla h3 a{display:block;font-size:22px;color:#999;line-height:1.8;padding:8px 2px ;position:relative; border:solid 1px #999; border-radius:50px; font-weight: 300;box-sizing: border-box;}
		/* .procla h3 a:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(109deg,transparent 10%,#fff 11%,#fff 89%,transparent 90%,transparent 100%);transition:all 0.3s ease-out 0s;} */
		 .procla h3 a span{display:inline-block;position:relative;z-index:1;padding:0 25px;transition:all 0.3s ease-out 0s;}
		 .procla h3 a:hover, .procla .swiper-slide-active h3 a{color:#348FFD; background-color: #3768FA;border:solid 1px #3768FA; font-weight: normal; }
		/* .procla h3 a:hover:before,.procla .swiper-slide-active h3 a:before{background-image:linear-gradient(109deg,transparent 10%,#34456e 11%,#34456e 89%,transparent 90%,transparent 100%);} */
		.procla h3 a:hover span,.swiper-slide-active h3 a span{}
		.procla .swiper-pagination{display:none;}

        .solpro .prosli{width:50%; float: right; position: absolute; top:50px; right: 50px;} 
        .prosli .swiper-container{padding:0 0 80px;}
         .prosli .swiper-pagination{ bottom:170px !important;width: 55% !important; right: 0 !important; left:auto !important}	
        .prosli .swiper-pagination>.swiper-pagination-bullet{border-radius:5px;transition:all 0.3s ease-out 0s; background-color:#f2f2f2; width:14px; height: 14px;border-radius: 100%; opacity: 1;}
        .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px !important;}
        .prosli .swiper-pagination>.swiper-pagination-bullet-active{background:#3768fa;border-radius: 100%; }
		 .prosli ol{margin:0 0 40px;}
		.prosli ol li{}
		/* .prosli ol a{display:flex;justify-content:space-between;padding:40px;background:#fff;overflow:hidden;} */
		.prosli ol figure{flex:540px 0 0;min-width:0;position:relative;
            /* background:#000; */
            overflow:hidden;}
             .prosli ol figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
            .prosli ol figcaption i{font-size:30px;display:inline-block;background:#34456e;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
        
           .prosli ol section{flex:540px 0 0;min-width:0;position:relative; padding:40px;}
           .prosli ol h3{font-size:30px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#000; position: relative; padding-top:10px; margin-top:70px;}
             .prosli ol h3:after{position: absolute;
    content: "";
    clear: both;
    position: absolute;
    background: #64b1ff;
    width: 30px;
    height: 2px;
    left: 0;
    opacity: 1;
    transition: all 0.3s;
top: 0px;}
		/* .prosli ol section>p:nth-of-type(1){font-size:14px;} */
		.prosli ol i{color: #34456e;
            height: 300px;
            display: block;
            line-height: 300px;
            text-align: center;
        }
        .prosli ol img{max-width:100%;vertical-align: middle;}
		.prosli ol h4{font-weight:normal;font-size:14px;margin:10px 0 50px;position:relative;color:#999;}		
		.prosli ol h4:after{content:'';display:block;position:absolute;bottom:-20px;left:0;width:40px;height:3px;background:#34456e;}
		.prosli ol p{margin-bottom:20px;overflow:hidden;font-size:22px;line-height:30px; color:#000; margin:20px 0 50px;width: 75%;}
		.prosli ol a{background-color:#3768FA;border-radius:26px; color:#fff; font-size: 16px; padding:14px 30px; border:solid 1px #3768FA;z-index: 999;
            display: inline-block;}
		.prosli ol a:hover{background-color: #fff; color:#3768FA; border:solid 1px #3768FA; cursor: pointer;}
        .prosli ol a:hover figcaption{opacity:1;}
		/* .prosli ol a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);} */
		.prosli ul{overflow:hidden;margin:0 -1%;}
		.prosli ul li{float:left;width:23%;margin:0 1%;}
		.prosli ul li a{display:block;}
		.prosli ul li figure{position:relative;overflow:hidden;margin-bottom:10px;height:211px;}
		.prosli ul li figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.prosli ul li figcaption i{font-size:30px;display:inline-block;background:#34456e;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.prosli ul li img{width:100%; height:100%}
		.prosli ul li h3{font-size:16px;text-align:center;font-weight:normal;}
		.prosli ul li a:hover figcaption{opacity:1;}
		.prosli ul li a:hover img{opacity:0.8;}


    
        .solpro2{ border-radius: 30px; background-color: #fff;width: 100%; padding:80px; box-sizing: border-box; position: relative; min-height: 800px; margin-bottom: 300px;}
      
        .solpro2 .fuimg{ position: absolute; right:-100px; bottom:-90px}
       .solpro2 .solprofl{width:40%; float: right;}



        .solpro2 .prosli{width:50%; float: left; position: absolute; top:50px; left: 50px;} 


      /***************关于我们**************/
      .aboutbg{background: url(../images/join.jpg)center no-repeat;
        min-height: 800px;
        padding: 100px 0; box-sizing: border-box;
        background-size:cover; display: flex;justify-content: center;
        align-items: center;}
        .aboutbg h3{color:#fff; font-size: 40px; font-weight: normal; text-align: center; position: relative; }
        .aboutbg a{ margin:0 auto; text-align: center; display: table;color:#fff; padding:20px 115px; margin-top:50px; border:solid 1px #fff}
        .aboutbg a:hover{background-color: #105ead;border:solid 1px #105ead}
        .aboutbg p{    font-size: 16px; text-align: center; 
            letter-spacing: 2px;
            z-index: 1;
            color:#fff;
            text-transform: uppercase;}
        .aboutbg p i.about_icon:before{ content: ''; font-family:"思源黑体";
        display: block;z-index:-1;
        position: absolute;
     width:164px;
     height:164px;
        left: -110px;
      top:-85px;
     color:#105ead;
        transition: all 0.3s ease;
        background:  url(../images/flicon.png)no-repeat;
    
    }
        .aboutbg p i.about_icon:after{ content: ''; font-family:"思源黑体";
        display: block;z-index:-1;
        position: absolute;
        width:164px;
        height:164px;
        right: -41px;
        bottom: -114px;
        color:#105ead;
        transition: all 0.3s ease;
        background:  url(../images/fricon.png)no-repeat;
    }



    .about1{ position: relative; width: 100%; min-height: 600px; margin-top: 50px;}
    .about1 article{ position: absolute; left: 0; top:0; width: 45%; padding:50px; background-color: #fff;z-index:99;box-shadow: rgba(0,0,0,0.3) 0px 0px 20px; box-sizing: border-box;}
    .about1 article h3{ font-size: 24px; padding:20px 0;color:#333}
    .about1 article p{ font-size: 17px; line-height:1.8;}
    .about1 figure{position: absolute; right: 0; top:100px; width: 60%;}
    .about1 figure img{ float: left; width: 100%;}
   
    .about2 article{ right:0; left:auto}
    .about2 figure{position: absolute;left: 0; top:100px;}
   
    .mission{ width: 100%; margin-top:100px}
    .mission dl{ display: flex;}
    .mission dl dd:first-child{width: 200px; margin-right: 100px;}
    .mission dl dd{width:calc(100% - 300px)}
    .mission dd h3{ border-top:solid 1px #105ead;color: #105ead;
    font-size: 16px;
    font-weight: 100; line-height: 2; padding:10px 0 30px}
    .mission dd p{ line-height: 1.8;}

    /************服务页面*************/
    .biaoyu{ text-align: center; margin-top: 50px;}
    .biaoyu h3{ font-size: 30px;color:#105ead;line-height: 2; padding-bottom: 30px;}
    .biaoyu p{ font-size: 18px; line-height: 2; text-align:left}

   .floor{display: flex; margin:50px 0 0;
    flex-wrap: wrap;
    /* flex-direction: row; */
    justify-content: center;}
   .floor figure{ width: 100%; position: relative; }

   .floor div{position:relative;width: 50%; overflow:hidden}
   .floor article{position: absolute; top:50%;right:0; left:0;bottom:0; text-align: center;color:#fff; margin-bottom: 0;transition: all 0.3s ease;}
   .floor figure img{ float: left; width: 100%;position: relative;}
   .floor figure:after{     content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0);}

   .floor article b{ font-size: 20px; width: 100%; display: block; }
   .floor article span{ opacity:0; width: 100%; display: block;padding:30px 0;transition: all 0.3s ease;}
 
   .floor article span strong{ font-size: 30px; color:#000; }
   .floor article span p{ font-size: 16px;padding:30px 0;color:#333; }
   .floor article span a{color: #fff; margin-top: 10px; display: inline-block;
    padding: 20px 115px; z-index:999;
    border: solid 1px #105ead;
    background-color: #105ead;}
    .floor article span a:hover{border: solid 1px #105ead; background-color: rgba(255,255,255,0.55);color:#105ead;}
    .floor article a:hover{ cursor: pointer;}

    .floor div:hover span{ opacity: 1; }

    .floor div:hover article{  background: rgba(255,255,255,0.85);top:0; padding-top:10%; opacity:1}
    .floor div:hover article b{color:#105ead}
    .fuwudiv{margin-top:-150px;background-color: #fff;padding:50px 0;  max-width: 1500px;box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;}
    .fuwudiv .one img{max-width: 40%; }
    .fuwuin{ width: 100%; max-width: 1200px; margin:0 auto; padding:0 27px 100px; box-sizing: border-box;}
    .fuwuin h2{ font-size: 34px;color: #105dad;line-height: 2; padding-bottom: 30px; letter-spacing: 10px;}
    .fuwuin div.one{ display: flex; margin-top: 50px;align-items: flex-start;    justify-content: space-between;}
    .fuwuin div img{ } 
    .fuwuin div.one figure{float: left; width: 100%;display: contents;}

    .fuwuin .two h4{ color:#333; font-size: 24px; line-height: 1.6; padding-bottom: 10px;}
    .fuwuin .two p{ font-size: 16px; line-height: 1.8; letter-spacing: 2px;padding-bottom: 10px;}
    .guoji2 .two{padding-right:100px; }
	  .guoji3 .two{ padding-left:100px; padding-right:0px;}
	 .guoji .two{padding-left:100px !important; padding-right: 0px !important;}
    .fuwuin h1{ font-size: 40px; color:#333; padding:30px 0 10px;}
    .fuwuin h5{ font-size: 20px; font-weight: normal; color:#333}

.time_div{ margin-top:40px;}
    
    .time_div b{background: #105dad; display: block;width:100%; text-align: center; box-sizing: border-box;
        font-size: 22px;
        padding: 15px;
        font-weight: normal;
        color: #fff;}
     .time1{display: flex;
      
        flex-wrap: nowrap;
        /* flex-direction: row; */
        justify-content: space-around;}   
        .time1 aside{ border:solid 1px #ccc;flex-grow: 1; text-align: center; padding:15px;}
        .time2{display: flex;
    
        flex-wrap: nowrap;
        /* flex-direction: row; */
        justify-content: space-around;}
        .time2 aside{ border:solid 1px #ccc; text-align: center; padding:15px;   flex-grow: 1;  border-top:none;    display:flex;
        justify-content: space-evenly;
        align-content: center;
        align-items: flex-start;}
    .time_div aside{border-right:none}
    .time_div aside:last-child{border-right:solid 1px #ccc;}
      .time_btn{    padding: 12px 30px; display: inline-block;
        border-radius: 25px;
        color: #105dad;
        background: #eaf0f9;}
        .time_btn:hover{ background-color: #105dad; color:#fff}
		
		
		  .cish3{display:table; margin:40px auto 20px; font-size:22px ; text-align: center;color: #fafafa;
  
  padding-bottom: 6px; border:solid 10px #1d4999; padding:10px; max-width: 1000px; width: 100%; box-sizing: border-box;
 background-color: #1d4999; font-weight: 300;
 }
 .cish3 b{font-weight: 300;
    border: dashed 2px #fabd22;
    padding: 5px 8px;
    border-radius: 6px;
}
 /* .cish3::after {
   content: '';
   position: absolute;
   left: 0;
   bottom: 0px; 
   width: 100%;
   height: 1px; 
   background-color: #333; 
 }
 .cish3::before {
   content: '';
   position: absolute;
   left: 0;
   bottom: 3px; 
   width: 100%;
   height: 1px; 
   background-color: #333;
 } */
 
 
 
    .down {
     text-align: center;
     width: 0;
     height: 0;
     border-left: 60px solid transparent;
     border-right: 60px solid transparent;
     border-top: 30px solid #f0f8ff;
     margin: 0 auto;
 
 }
 .main {
     max-width:1000px; width: 100%; box-sizing: border-box;
 background-color: #F0F8FF; margin:30px auto 0;
 padding: 3%; position: relative;
 }
 /* .main:after{ content:""; z-index:9;position:absolute;
     left: 50%; margin-left:-50px;
     bottom: -200px; 
     display: block;
     border-color:#008BD2 transparent transparent transparent;
     border-width: 100px;
     border-style: solid;
    } */
 .main  h1 {
     font-size: 26px; text-align: center;padding-bottom: 20px; font-weight: normal;    color: #105dad;
 }
 .image {
     padding:0 20px;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     text-align: center;
     gap:5% 15%;
     font-weight: bold;
     /* background-color: #5d81a0; */
 }
 .image p{ display: block;color:#054077}
    .cis{padding:10px 0; text-align:center;width:100%; margin:0 auto; overflow:hidden;}
    .cis a{display:block;overflow:hidden;}
    .cis img:hover{transform: scale(1.05);}
    .newheader {
        text-align: center;
        position: relative;
        padding: 0.35em 0.5em;
        background: #b6e9ff;
        color: #054077;
    width:40%;margin:40px auto 10px;
    }
    .newheader:before {
        content: " ";
        position: absolute;
        top: -16px;
        left: 0;
        width: -webkit-calc(100% - 16px);
        width: calc(100% - 16px);
        height: 0;
        border: solid 8px transparent;
        border-bottom-color: #b2ddf0;
    }
   
    .main2{background:#daeef7}
    .down2{    text-align: center;
     width: 0;
     height: 0;
     border-left: 60px solid transparent;
     border-right: 60px solid transparent;
     border-top: 30px solid #daeef7;
     margin: 0 auto;}
 
     .bish3{display: table;
     margin: 30px auto 20px;
     font-size: 22px;
     text-align: center;
     color: #105ead;
     padding-bottom: 6px;
     border: solid 10px #b6e9ff;
     padding: 10px;
     max-width: 1000px;
     width: 100%;
     box-sizing: border-box;
     background-color: #b6e9ff; font-weight: normal;}
	  .bish3 b{font-weight: normal;
    border: dashed 2px #f56b05;
    padding: 5px 8px;
    border-radius: 6px;
}
     .newheader{ background-color: #F0F8FF;}
     .newheader:before{border-bottom-color:#1d4999}
     .head2{ background-color: #daeef7; margin-top:60px;}
     .head2:before{border-bottom-color:#b2ddf0}
    /************index202504**************/
    .banner_txt{ display: flex;justify-content: space-between; max-width: 1500px;}
    #banner_index h1{ padding-top:100px;font-size: 28px;
        color: #105ead;
        padding-top: 50px;
        float: right;
        letter-spacing: 10px;
       }
        #banner_index h1 i{ font-weight: 100; font-style: normal; font-size: 24px; display:block; padding-bottom:10px} 
    #banner_index {
        position: relative;
        width: 100%;
        min-height: 840px;
        color: #105ead;
     
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #banner_index .login{ padding:50px; border-radius: 10px; background-color: rgba(255,255,255,1);}

	
	
	
        .news{ display: flex; padding:0 200px}
        .news aside{ width: 30%; padding-top:27px;color:#105ead}
        .news aside h3{ position: relative; padding-bottom: 10px; font-size:40px; font-weight:normal}
        .news aside h3:after{content: "";
        display: block;
        position: absolute;
        width:160px;
        left:0;
        bottom: 3px;
        height: 1px;
        background: #edf2f5;
        transition: all 0.3s ease;}
        .news aside p{ line-height: 2;}
        .news .flnews{ padding-right: 0;}
        .more{ float: right; margin-top:40px;position: relative; color:#105ead;padding-bottom: 10px;  font-size: 14px;}
        .more:after{content: "";
        display: block;
        position: absolute;
        width:100%;
        left:0;
        bottom: 3px;
        height: 1px;
        background: #105ead;
        transition: all 0.3s ease;}


        .index_about{ display: flex;justify-content: space-between;}
        .index_about aside{padding:65px 200px; width:50%; box-sizing: border-box;}
        .index_about aside h2{color:#333; font-size: 30px; line-height:1.6; padding:20px 0; letter-spacing: 10px;}
        .index_about aside p{ font-size: 18px; line-height:1.8}
        .index_about aside a{
        text-align: center;
        display: table;
        color: #105ead;
        padding: 20px 115px;
        margin-top: 50px;
        border:solid 1px #105ead;}
        .index_about aside a:hover{background-color: #105ead; color:#fff}
        .index_about aside h3{display: flex;justify-content: space-between;color:#105ead; font-weight: normal;align-items: center;}
        .index_about aside h3 b{ color:#105ead; font-weight: normal; font-size: 25px;margin-right: 20px; }
        .index_about aside i{ font-style: normal; font-size: 16px; word-break: keep-all; margin-left: 20px;}
        .index_about aside em{ border-top:solid 1px #dce5ec; height: 1px; width: 100%;}
        .index_about figure{ }
        .index_about figure img{max-width: 100%; float: right;}


        .bglogin{background: url(../images/loginbg.jpg)center no-repeat;
            min-height: 800px;
            padding: 100px 0;
            box-sizing: border-box;
            background-size: cover;
            display: flex;
            justify-content: center;
            align-items: center;}
            .login{ float: right; width: 300px;}
            .login ul{ margin-top:30px}
            .login li{ margin-bottom: 20px;}
            .login li .txt{width:100%;height:42px;padding:0 10px;box-sizing:border-box;border:1px solid #ebebeb;line-height:40px; font-size: 14px;}
            .login li .btn {
            width: 60%;
            height: 51px;
            background: #105ead;
            color: #fff;
            font-size: 15px;
            margin:10px 20%;
        }
        .login h3{ color: #105ead; font-size: 40px; font-weight:100;   position: relative;
            padding-bottom: 10px;}
            .login h3:after {
            content: "";
            display: block;
            position: absolute;
            width:100%;
            left: 0;
            bottom: 3px;
            height: 1px;
            background: #eaeff4;
            transition: all 0.3s ease;
        }
        .login p{color: #105ead; line-height: 2;}

        .btn_top{ position: relative; width: 100%; height: 20px; display: block; margin-bottom: 20px;}
        .btn_top:hover:after{    border-right: #64b1ff 1px solid;
        border-bottom: #64b1ff 1px solid;}
        .btn_top:after {
        transition: all ease-out 0.1s;
        content: "";
        position: absolute;
        display: block;
        width: 10px;
        height: 10px;
        overflow: hidden;
        top: 50%;
        margin-top: -5px;
        left:50%;
        transform: rotate(-135deg);
        border-right: #f9f9f9 1px solid;
        border-bottom: #f9f9f9 1px solid;
        }


        .listpage a,.listpage span{display:inline-block;padding:10px 18px;margin:0 3px 6px;border-radius:6px; background-color: #f4f4f4;}
.listpage a:hover{background:#3a488e;color:#fff !important; text-decoration: none;}
.listpage span{background:#3a488e;color:#fff !important;} 

.listpage{ text-align: center;font-size:14px;margin:50px 0 0;}
/*************************/

.select_box{ float:left;width:calc(100% - 650px); height:40px; border:1px solid #1d4999; position:relative; float:left; z-index:999; border-radius: 4px;}

.select_box span{ display:inline-block; width:100%; height:40px; line-height:40px; cursor:pointer; text-indent:10px; background-color: #eeeef2;    background-color: #fafafa;
    border-radius: 4px; margin:0 !important}

.select_box .span_aa{ color:#054077;}

.select_box ul{ width:100%; position:absolute; top:40px; left:-1px; border:1px solid #1d4999; display:none; background:#fff;}

.select_box>ul>li{ cursor:pointer; line-height:40px; text-indent:10px;padding:0 !important; border-bottom:none}
.select_box>ul>li a{ display:block; width:100%}
.select_box li:hover{ background:#F0F8FF; }

.select_box font{ position:absolute; right:10px; font-size:26px; font-family:"微软雅黑"; color:#1d4999; transform:rotate(90deg);}


.datebtn{ width: 150px; margin:0 20px;
    height: 40px;
    background-color: #105dad;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;outline: none; border: none; line-height:40px;
} 
    .datebtn:hover{ background-color: #0092FC; }
    .datebtn2:hover{ background-color: #FFC107;}
    .datebtn2{width: 150px;outline: none; border: none;
    height: 40px;
    background-color: #ffa619;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
}
.datebtn a,.datebtn2 a{ display: block; color:#fafafa !important}
.date_search h3{ line-height: 40px; color:#105dad;width:200px;}
.date_search h3	i{color:#0092fc}
.date_search{width:100%;display: flex; margin-bottom: 50px;    width: 100%;box-sizing: border-box;
    display: flex;
    margin-bottom: 60px;
    justify-content: space-between;
    background: #eeeeeea8;
    padding: 15px 20px;
    border-radius: 4px;}
.date_search i{ font-weight: 100;}


.news_cha{width:100%; margin-bottom:20px !important;    width: 100%;    background: #eeeeeea8;
    padding: 10px 20px 20px;
    border-radius: 4px;}
.news_cha .select_box{width:calc(50% - 150px);margin-right:30px}
.in_box{ width:calc(50% - 100px)}