@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: 1370px;
width: 100%;
margin: 0 auto;
position: relative;

}
.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: #003494;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:#003494;font-size:28px; position: relative; padding-bottom: 20px;}
.left-item text h3:after {
position: absolute;
content: "";
clear: both;
position: absolute;
background: #003494;
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:#003494;font-size:28px; position: relative; padding-bottom: 20px;}
.right text h3:after {
position: absolute;
content: "";
clear: both;
position: absolute;
background: #003494;
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:100px 0; box-sizing: border-box; width: 100%;}
.partner h2{color:#003494; font-size: 40px; position: relative; padding-bottom: 40px; display: flex; justify-content: space-between;
margin-bottom: 60px;}
.partner h2:after {
position: absolute;
content: "";
clear: both;
position: absolute;
background: #003494;
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:#003494;
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: #006a4d; float: left;    font-family: 'GothamLight',sans-serif !important; padding:50px !important;}
.feedbackbg h2{color:#fff;font-size: 32px !important; font-weight:100 !important;    font-family: 'GothamLight',sans-serif !important;
    margin-bottom: 20px;}
.feedbackbg h2:after{ background-color: #fff;}
.feedbackbg p{ color:#fff;    font-size: 18px !important; font-weight: 100 !important;    font-family: 'GothamLight',sans-serif !important;
    margin-bottom: 30px;}
.myform{
    /* height:464px;margin:20px 0 0; */

}

.myform ul{position:relative;}
.myform li{margin-bottom:20px;width:100%;  float: left;}
.myform li:nth-of-type(1){}
.myform li:nth-of-type(2){}
.myform li:nth-of-type(3){margin-right: 0;}
.myform li:nth-of-type(4){width:100%;}
.myform li:nth-of-type(5){width:100%;}
.myform li:nth-of-type(6){width:100%; text-align: center;}
.myform li .txt{width:100%;height:46px;padding:0 10px;box-sizing:border-box;    color: #fff;
    background: transparent;
    border: 1px solid #fff;}
.myform li:nth-of-type(4) .txt{width:100%;}
.myform li .txts{width:100%;height:180px;padding:10px;box-sizing:border-box;    color: #fff;
    background: transparent;
    border: 1px solid #fff;}
.myform li .btn{    color: #006a4d;padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    background: #fff;
    width: 100%;
    max-width: 100%;
    font-weight: bold;
    opacity: .5;}
    .myform li .btn:hover{opacity: 1; cursor: pointer;}
    .myform input::placeholder,
    textarea::placeholder {
      color:#fff
    }
/******************foot*******************/
#footmain:after, #foot:after, footbar:after, #footer:after {
content: '';
clear: both;
display: block;
font-size: 0;
}
#footmain { clear:both;
width: 100%; font-size: 14px;
background: #4ebea4;
color: #000; height:auto;
box-sizing: border-box;
}
#footer { 
max-width: 1370px;width:100%;
margin: 0 auto; padding: 20px 0 ;
}
.footin{ display: flex;justify-content: space-between; padding:0 15px; box-sizing: border-box; width: 100%;}
.footin p{ float: left;}
.footin ul{ float: right; display: flex;}
.footin ul li a{font-size: 13px !important;
    color: #000;
    line-height: 18px;
    padding: 0 15px 2px;
    border: 1px solid transparent;}
    .footin ul li a:hover{color:#fff}
.footin ul li a.demo{border: 1px solid #000;}
.footin ul li a.demo:hover{border: 1px solid #fff;color:#000; background-color: #fff;}
.foot_logo{width:35%; float:left;}
.foot_logo figure{ margin-bottom:50px;}
.foot_logo p{}
.foot_nav{ width:55%; float:right;}
.foot_nav ul{display:flex;}
.foot_nav li{ flex:1;
position: relative;
}
.foot_nav li:last-child{padding-right:0px;}
.foot_nav li dl{  width:100%;}
.foot_nav li dl dt{ color:#003494; font-size:24px; font-weight:bold; position:relative; padding-bottom:25px;margin-bottom: 30px; position: relative;}
.foot_nav li dl dt a{color:#003494;}
.foot_nav li dl dt:after{position: absolute;
content: "";
clear: both;
position: absolute;
background: #003494;
width: 30px;
height: 2px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;}
.foot_nav li dl dd{color:#999; font-size:16px; line-height:1.8; }
.foot_nav li dl dd a{color:#999;transition: all ease-out 0.3s; font-weight: normal;}
.foot_nav li dl dd a:hover{ color:#0093D6;}
.foot_p{width:100%; float:left;font-size:16px; color:#999; line-height:2;  margin-top:120px;}
.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:#003494; 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: #003494;
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;}


/**************新闻列表详情*******************/
#banner_Main { position:relative;
padding-top:111px;
width: 100%;  height:446px;
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 h2 {
line-height: 2; padding-bottom: 30px;
position: absolute;
left: 50%;
margin-left: -650px;
bottom:130px;
font-size: 60px;
color: #fff;
line-height: 1.2;
opacity: 1;
animation: change 0.3s ease;
-moz-animation: change 0.3s ease;
-webkit-animation: change 0.3s ease;
-o-animation: change 0.3s ease;


width: 535px;
font-family: Gotham;
font-size: 50px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
color: #ffffff;
}

.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{ background-color: #f7fbff; padding:100px 0;}

.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:#003494;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;}



article{margin-bottom:20px;background:#fff;max-width: 800px; width:100%; margin:0 auto; line-height:2;}
article p{ margin-bottom:20px;}
.articlehead{padding-bottom:20px;border-bottom:1px solid #eee;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 time{margin-right:10px;}
.articlebody{margin-bottom:20px;}
.articleinfo{line-height:200%;font-size:16px;color:#333; text-align: justify;}
.articleinfo figure{ margin:20px 0;}	
.articleinfo img{max-width:100%; border-radius: 30px;}


/************联系我们*************/
.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:#003494; font-size:28px; margin-top:100px;}
.contact .frtxt h4{color:#003494; 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}

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

padding: 0px 0;
background-size: cover; clear: both;}
.sloganbg .width{max-width: 1370px;width:100%;  min-height: 680px;position: relative; margin:0 auto; box-sizing: border-box;}
.sloganbg h1{font-size: 70px;color:#fff; padding-top:120px;}
.sloganbg figure{float: right; position: absolute;bottom:70px; right:0}
.sloganbg figure img{float: left;width: 100%;}

/*************产品中心***************/
.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: #003494;
    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/bgabout.jpg)center no-repeat;
        min-height: 1000px;
        padding: 150px 0; box-sizing: border-box;
        background-size:cover; display: flex;justify-content: center;
        align-items: center;}
        .aboutbg h3{color:#348FFD; font-size: 40px; text-align: center; position: relative; padding-bottom: 30px;}
        .aboutbg h3:after{    
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        margin-left: -15px;
        left: 50%;
        bottom: 3px;
        height: 3px;
        background: #348ffd;
        transition: all 0.3s ease;
    }
        .aboutbg p{color:#F7FBFF;font-size:36px; font-weight: bold; max-width: 52%; letter-spacing: 2px; margin:40px auto; text-align: center; position: relative;z-index:99;}
        .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:#348FFD;
        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:#348FFD;
        transition: all 0.3s ease;
        background:  url(../images/fricon.png)no-repeat;
    }



      .history{background:  url(../images/history.png)left -195px top no-repeat;
        box-sizing: border-box;
        min-height: 1030px;
        padding: 150px 0;
        position: relative;}
        .pgresadvcat{margin:0 0 60px;width:30%; float: left;}
    .pgresadvcat ul{}
    .pgresadvcat li{float:left;width:100%;margin:40px 20px 0 0;text-align:left;line-height:30px; padding:25px 10px 25px 100px;font-size: 16px;text-transform: capitalize ;position: relative;color:#eee;font-size: 60px; font-weight: bold;}
    .pgresadvcat li:before{content: "";
    position: absolute;
    left: 0;
    top: 14px;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    background-color: #eee;
    overflow: hidden;
    }
    .pgresadvcat li.on:before{background-color:#348FFD}
    .pgresadvcat li.on{color:#003494; }
    .pgresadvcat li:nth-child(1){ margin-left: 293px;}
    .pgresadvcat li:nth-child(2){ margin-left: 226px;}
    .pgresadvcat li:nth-child(3){ margin-left: 126px;}
    .pgresadvcat li:nth-child(4){ margin-left: -28px;}
        .pgresfr{width:70%; float: right;  box-sizing: border-box;}
        .pgresadvinfo{ }
            .pgresadvinfo section{display:flex; position: relative;}		
                .pgresadvinfoimg{width:50%;overflow:hidden;margin:0  0 0 50%; }
                    .pgresadvinfoimg figure{float: left; width:100%}
                    .pgresadvinfoimg img{width:100%;}
                .pgresadvinfotxt{flex: 1;min-width: 0;align-items: end;position: absolute;bottom: 0;width: 50%; padding:0 100px 0 50px; box-sizing: border-box;}
                    /* .pgresadvinfotxt h3{font-size:20px;line-height:30px;position:relative;padding:0 0 20px;margin:0 0 20px;text-transform:capitalize}
                        .pgresadvinfotxt h3:after{content:'';display:block;position:absolute;bottom:0;left:0;width:60px;height:2px;background:#002e69;} */
                    .pgresadvinfotxt div{font-size:18px;line-height:1.8; color:#000}
        /* .pg-history{padding:150px 50px;position:relative;}
        .pg-history:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/bgpattern.png) repeat center center;}
        .pg-history-list section{position:relative;padding:40px; }
            .pg-history-list section:before{content:'';display:block;position:absolute;z-index:1;top:10px;left:40px;height:8px;width:8px;border-radius:4px;background:#000;transition:all ease-out 0.3s;}
            .pg-history-list section dl{color:#000000;transition:all ease-out 0.3s;}
            .pg-history-list section dt{font-size:22px;font-weight:normal;line-height:30px;margin-bottom:10px;transition:all ease-out 0.3s;}
            .pg-history-list section dd{font-size:15px;opacity:0.6;line-height:25px;background-color: #fff;}
            .pg-history-list section:hover:before{transform:scale3d(2, 2, 1);}
            .pg-history-list section:hover dl{padding-left:10px;} */
    


/****************new首页*********************/
.banner {
    height: 100%; width:100%; margin-top:0px;
    }
    .banner .swiper-button-prev, .banner .swiper-button-next {
    color:#4ebea4;
    }
    .banner .swiper-slide {
    position: relative;
    }
    .banner .swiper-slide dl {
    position: absolute;
    width: 100%;
    left: 50%;
    margin-left: -685px;
    top: 200px;
    text-align: left;
    z-index: 9999;
    }
    .banner .swiper-slide h1 {
    color: #fff;
    font-size: 53px;
    margin:20px 0 20px;
    position: relative;
    font-weight: 100;
    }
    .banner .swiper-slide p {
        width: 500px;
        color: #fff;
        font-size: 18px;
        font-weight: 100;
        margin-top:40px;
		font-family: 'GothamLight',sans-serif !important;
    }
    .banner .swiper-slide a{ display: inline-block;   color: #4ebea4; margin-top:50px;
        background: transparent;
        border: 1px solid #4ebea4;padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
}
    .banner .swiper-slide a:hover{background-color: #4ebea4; color:#fff}
    .banner .swiper-slide h2{ position:relative; height:90px;}
    .banner .swiper-slide h2 font{ position: absolute;
    color: rgb(255, 0, 0); font-size: 110px; line-height: 1; top:0;
    }
    .banner .swiper-slide h2 p{position: absolute;color: #9c9d9f; font-weight: normal;left:140px; top:10px;
    letter-spacing: 1px; font-size: 14px;}
    .banner .swiper-slide h2 span{position: absolute;letter-spacing: -2px;left:140px; top:25px;
    color: rgb(255, 0, 0);
    font-size: 55px;}
    .banner .swiper-slide img{ /*width:100%; float: left;*/}
    .banner .swiper-pagination {
    position: absolute;
    width: 100%;
    bottom:30px !important;
    }
    .banner .swiper-pagination-bullet {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background: #4ebea4;
    cursor: pointer;
    opacity: 0.2; outline: none;
    }
    .banner .swiper-pagination-bullet-active {
    background: #4ebea4;
    opacity: 1;outline: none;
    }
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
    }


    #body {
        max-width: 1370px;
        box-sizing: border-box;
        width: 100%;
        margin: 0 auto;
        padding: 40px 0;
    }
        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
        }
        h1, h2, h3, h3 a, h4, h4 a, h5, h6, .h1 *, .h2 *, .h3 *, .h4 *, .h5 *, .h6 * {
            font-family: 'GothamLight',sans-serif !important;
        }

        .toptile{font-family: 'GothamLight',sans-serif !important;
        font-size: 50px;
        font-weight: 100;
        text-align: center; line-height: 1.4;
        color:#333; margin:40px 0;
    }
    .white{color:#fff}
    .w925 {
        max-width: 925px;
        width: 100%;
        margin: 80px auto 50px;
        text-align: center;
    }
    .video video{width: 100%; text-align: center; margin:0 auto}


    .greenbg{    background: #006a4d; padding:70px 0 20px;
        color: #fff;}
        .six_icon{ display: flex;    flex-wrap: wrap;}
        .six_icon li{ width: 33.3%; padding:30px 80px; box-sizing: border-box; text-align: center;}
        .six_icon li figure{ text-align: center; height: 98px;}
        .six_icon h2{
        font-size: 32px;
        font-weight: 100;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .six_icon p{
        font-size: 18px;
        font-weight: 300;
    }
    .six_icon p{ font-size: 14px;}

    .sayul{display: flex; margin:100px 0 50px}
.sayul li{ width: 33.3%; text-align: center; padding:0 75px; box-sizing: border-box;}
.sayul li figure img{    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 18px;}
.sayul h4{font-size: 14px; color:#666;font-family: 'GothamLight',sans-serif !important;
    font-weight: normal;}
.sayul h5{font-size: 14px;color:#666;font-family: 'GothamLight',sans-serif !important;
    font-weight: normal;margin: 5px 0 20px;}
.sayul p{ font-size: 18px;margin: 0 0 10px; font-weight: 100;
font-family: 'GothamLight',sans-serif !important;}
.bgblue{background: #054f76; 
    color: #fff;}
    .bgblue h3{padding:20px 60px 50px; box-sizing: border-box;}


    .link{ display: flex; margin:80px auto}
    .link li{width:33.3%; padding:0 10px; box-sizing: border-box;position: relative;}
    .link li figure{ }
    .link li figure img{}
    .link li h3{ position: absolute; top:50%; left:10px; right:10px; text-align: center; margin-top:-50px;font-size: 32px;    font-family: 'GothamLight',sans-serif !important; font-weight: 100;
   color:#fff}
   .link li h3 p{ margin-bottom: 10px;    font-family: 'GothamLight',sans-serif !important; }
    .link li h3 a{ color:#fff;padding: 5px 10px; font-size: 14px;
    border: 1px solid #fff;}
    .link li h3 a:hover{ background-color: #000;}


    .bgblack{background: #000; clear: both; 
        color: #fff;
        padding: 20px 0 0;}
       .foot_about{ display: flex;    justify-content: space-between;} 
       .footer_request_demo_button a {
        background: #4ebea4;
        text-align: center;
        display: block;
        color: #000;
        font-size: 14px;
        height: 34px;
        line-height: 34px;
        font-weight: bold;
        margin-top: 20px;
    }
    .mobile_only{ display: none;}
       .foot_about .fl{width: 42%; padding:0 15px; box-sizing: border-box;}
       .foot_about .fl h3{margin-top: 20px;
        margin-bottom: 10px; font-size:18px}
        .foot_about .fl p{font-weight: 100;  font-size: 12px;margin:0 0 10px}
        .foot_about .fr{ width: 25%; padding:0 15px; box-sizing: border-box;}
        .foot_about .fr h3{font-size: 18px !important;margin-top: 20px;
        margin-bottom: 10px;
    }
    .foot_about .fr p{font-weight: 100;    margin: 0 0 10px; font-size: 14px;}
    .frform .txt{background: transparent; width: 70%; box-sizing: border-box; float: left;
        border: 1px solid #4ebea4;
        padding: 2px 4px;
        font-size: 13px;}
    .frform .btn{    background: #4ebea4; width: 30%;box-sizing: border-box;
        color: #fff;
        border: none;
        float: right;
        margin-top: 0 !important;
        font-size: 12px !important;
        color: #000;
        font-weight: bold;
        padding: 3px 8px 4px;
    }
    .frform .btn:hover{color:#fff; cursor: pointer;}
    #back-top {
        position: fixed;
        bottom: 30px;
        right: 30px;
        z-index: 1000;
        display: none;
    }
    #back-top a {
        width: 47px;
        display: block;
        text-align: center;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }
    #back-top span {
        width: 47px;
        height: 47px;
        display: block;
        margin-bottom: 7px;
        background: #FFF url(../images/goup.png) no-repeat center center;
        border-radius: 50%;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
        background-size: 32px;
    }
    .btn_top{ position:fixed;  bottom:30px;z-index:9999; right:15px;color:#fff; font-size:20px;
        width: 47px;
        height: 47px;
        display: block;
        margin-bottom: 7px;
        background: #FFF url(../images/goup.png) no-repeat center center;
        border-radius: 50%;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
        background-size: 32px;
    
    }
 
#footer2016  .fixed	{position:absolute; top:-44px}
#footer2016 {position: relative; 
   width:100%;border-top:1px solid #e4e4e4;
    zoom:1
}
    /*********new关于我们************/
    .about_txt{columns: 2;
        column-gap: 20px;
        padding: 60px 0;
        width: 100%;} 
        .about_txt p{ padding-left: 15px;
        padding-right: 15px; font-size: 18px;font-family: 'Open Sans',sans-serif;
        line-height: 1.6;
        color: #454545;}
  
    .locations{ width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        /* flex-wrap: wrap; */
        gap: 30px;}
        .locations li{ width: 100%; overflow: hidden; }
        .locations li figure{overflow: hidden;}
        .locations img { float: left;
        width: 100%;overflow: hidden;
        height: 280px;
        object-fit: cover;
        transition: all .5s;
        transform: scale(1);}
    
        .locations h4 {
        font-size: 28px; font-weight: 100;margin-top: 10px;
        margin-bottom: 10px;
        line-height: 34px;
        color: rgba(51, 51, 51, 1);font-family: 'GothamLight',sans-serif !important;
    }
    .locations li:hover img {
        transform: scale(1.1);
    }
    .form_div{ display: flex; margin:130px 0}
.form1{width: 40%;padding-left: 15px;box-sizing: border-box; margin-right: 10%;
    padding-right: 15px;}
    .con_address{width: 60%; display: flex; flex-wrap: wrap;}
    .con2{padding-left: 15px; width: 50%; box-sizing: border-box; margin-bottom: 6px;
    padding-right: 15px;}
    .con3{padding-left: 15px;width: 25%; box-sizing: border-box;
    padding-right: 15px;}
    .form_div p{    margin: 0 0 10px; min-height: 24px;
    font-family: GothamLight;
    font-size: 18px;
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;}
    .form_div p a{color:#fff}
    .form_div p strong{ font-weight: normal;}
    /***************new about***************/
    .OurProjects {
        background:rgba(0, 0, 0, 1) url(../images/banner.png) no-repeat center top;
        background-size:100%;
        padding:130px 0;
    }
    .cardPanel {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
        box-sizing: border-box;
    }
    .cardInner{
        width:100%;
        max-width:570px;
        position:relative;
        overflow:hidden;
    }
    .cardInner img.mainImg{
        width:100%;
        height:370px;
        object-fit:cover;
    }
    
    .OverLay {
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 90.54%);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: end;
        padding:20px 117px 20px 30px;
        color:rgba(255, 255, 255, 1);
        font-size:30px;
        font-weight:100;
        line-height:38px;
        box-sizing: border-box;
    }
    .HoverBack {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 153, 102, 0.9);
        padding: 30px;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        opacity:0;
        transition: all 0.5s;
        display:flex;
        box-sizing: border-box;
    }
    .HoverBack h2{
        font-size:32px;
        line-height:38px;
        color:rgba(255, 255, 255, 1);
        padding:0;
        margin:0;
        font-weight: 100;
    }
    .HoverBack p{
        color:rgba(255, 255, 255, 1);
        font-family: 'Open Sans',sans-serif;
        font-weight:300;
        font-size:18px;
        line-height:30px;
        padding:15px 0 0;
        margin:0;
    }
    
    .WatchVideo{
        color:rgba(255, 255, 255, 1);
        font-family: 'Open Sans',sans-serif;
        font-weight:300;
        font-size:18px;
        line-height:30px;
        padding:30px 0 0;
    }
    .WatchVideo a{
        color:rgba(255, 255, 255, 1);
    }
    .WatchVideo a:hover{	color:rgba(255, 255, 255, 1);}
    .WatchVideo a img{
        vertical-align:middle;
        margin:0 10px 0 0;
    }
    
    .cardInner:hover .HoverBack {
        opacity:1;
        transition: all 0.5s;
    }
    
    .cardInner:hover .OverLay{
        font-size:0;
        
    }


    .leader{font-family: 'GothamLight',sans-serif !important;
        display: flex; flex-wrap:wrap; margin-top:70px;
        }
        .leader li{ width: 25%; text-align: center; margin-bottom: 70px;padding: 0 70px; box-sizing: border-box;}
        .leader li:hover{ cursor: pointer;}
        .leader h4 {font-family: 'GothamLight',sans-serif !important;
            font-size: 18px; margin:20px 0 10px; color:#333; line-height: 1.5;font-weight: normal;
        }
        .leader h5{font-size: 14px;margin:10px 0;font-family: 'GothamLight',sans-serif !important;line-height: 1.5; font-weight: 100;}
  
/*************new 新闻*****************/
        .bgnews{background: #000 url(../images/news-cat-bg.png) no-repeat 0 0;
            height: 1920px;
        
        
        }  
        .category-box {
            padding-top: 140px;
        }
        .category-box .title h1 {
            margin-bottom: 60px;
            font-size: 50px;font-family: 'GothamLight',sans-serif !important;
            color: #fff; font-weight: 100;
        }
        .page-template-tpl-news-events {
            background: #000;
            color: #fff;
        }
        
        .category-box .event .inner {
            background: #fff !important;
            color: #000;
            padding: 39px 42px;
            height: 870px; box-sizing: border-box;
        }
        .category-box .event .inner .title,
        .category-box .event .inner p,
        .category-box .event .inner .date {
            color: #000;
        }
        .category-box .cat-item {
            margin-bottom: 35px;
        }
        .category-box .event .upcoming { color:#000;
            font-size: 32px;
            line-height: 40px;
            font-family: 'GothamLight',sans-serif; font-weight:100;
        }
        .category-box .event .thumb {
            text-align: center;
            /*height: 501px;*/
            height: 400px;
            font: 0/0 a;
        }
        .category-box .event .thumb .helper {
            display: inline-block;
            vertical-align: middle;
        }
        .category-box .event .thumb img {
            vertical-align: middle;
        }
        .category-box .cat-item .date {
            font-size: 14px !important;
            line-height: 28px;
            margin-bottom: 13px;
            font-weight: 300;
        }
        .category-box .event .thumb:before {
            display: inline-block;
            content: ' ';
            vertical-align: middle;
            height: 100%;
        }
        .category-box .cat-item .title {
            margin-bottom: 19px;
        }
        .category-box .event .title * {
            margin-top: 0 !important;
        }
        .category-box .event .title h3 {
            font-size:32px; font-weight:100;
        }
        .category-box .cat-item p {
            font-size: 18px;
            line-height: 28px;
            font-family: 'Open Sans',sans-serif;
            font-weight: 300;
            margin-bottom: 10px;
        }
        .category-box .cat-item .rmore {
            font-size: 18px !important;
            line-height: 28px;
            text-decoration: underline;
            color: #fff;
            font-weight: 300;
        }
        .category-box .cat-item .rmore:hover {
            font-weight: 600;
            text-decoration: underline;
        }
        .category-box .event .rmore {
            color: #000;
        }
        .category-box .rmore:hover {
            text-decoration: none;
        }
        .category-box .recent-post .inner {
            height: 418px;
            padding: 30px 12px 30px 41px;
            box-sizing: border-box;
        }
        .cat-loop .cat-item .inner{background: #096;
            color: #fff;}
        .cat-loop .cat-item:nth-child(2) .inner,.cat-loop .cat-item:nth-child(4) .inner{   background: #096;
            color: #fff;}
        .cat-loop .cat-item:nth-child(3) .inner,.cat-loop .cat-item:nth-child(5) .inner{ background: #006a4d;
            color: #fff;}
        .cat-loop .cat-item:nth-child(6) .inner, .cat-loop .cat-item:nth-child(12) .inner{ background: #0080c5;
                color: #fff;}
        .cat-loop .cat-item:nth-child(7) .inner, .cat-loop .cat-item:nth-child(13) .inner{  background: #4ebea4;
            color: #fff;} 
        .cat-loop .cat-item:nth-child(8) .inner, .cat-loop .cat-item:nth-child(14) .inner{ background: #0080c5;
            color: #fff;}   
        
        .cat-loop .cat-item:nth-child(9) .inner, .cat-loop .cat-item:nth-child(15) .inner{ background: #006a4d;
        color: #fff;}
        .cat-loop .cat-item:nth-child(10) .inner, .cat-loop .cat-item:nth-child(16) .inner{  background: #096;
        color: #fff;} 
        .cat-loop .cat-item:nth-child(11) .inner,.cat-loop .cat-item:nth-child(17) .inner{ background: #006a4d;
        color: #fff;}  
       
            
        
        .col-md-4 {
            width: 33.33333333%; float: left; padding:0 15px; box-sizing: border-box;
        }
        .news_events_video {
            position: fixed;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -100;
            transform: translateX(-50%) translateY(-50%);
            background-size: top center;
            transition: 1s opacity;
        }
        .container {max-width: 1370px; box-sizing: border-box;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }
        .recent-post .title h3 {
            font-size: 32px;
            font-weight: 300;margin-top: 20px;
            margin-bottom: 10px;
            line-height: 1.2;
        }

    /***************new solution***************/
    .casetop{max-width: 1370px; margin:0 auto; width: 100%; height: 1080px;}
        .page-image-header {
        background-position: top center !important;background: #000 url(../images/Room_22Jan17.jpg) no-repeat 0 50px; height: 1130px;
    }
    .relative {
        position: relative;
    }
    .page-image-header .title {
        z-index: 2;
        position: relative;padding-top:130px;
    }
    .page-image-header .title h1{
        width: 60%;
        margin: 0 auto;
        font-family: 'GothamLight',sans-serif !important;
        font-size: 50px;
        font-weight: 100;
        text-align: center;
        line-height: 1.4;
        color: #fff;
   

    }
    .col-md-8 {
        width: 66.6667%;
    }
    .block_buttons {
        position: absolute;
        top: 90px;
        left: 0;
        width: 100%;
        height: 100%;
        margin-top: 0;
    }
    .page-image-header .roundNum {
        position: absolute;
        z-index: 2;
        text-align: center;
        -webkit-border-radius: 42px;
        -moz-border-radius: 42px;
        border-radius: 42px;
    }
    .page-image-header #block1-btn {
        left: 85%;
        top: 35%;
    }
    .page-image-header .roundNum a.cbtn {
        height: 85px;
        width: 85px;
        line-height: 85px;
        font-size: 28px ;
        font-weight: 100;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -o-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        position: relative;
        z-index: 2;
        -webkit-transition: all 250ms ease;
        -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
        -o-transition: all 250ms ease;
        transition: all 250ms ease;
        background: #fff;
        text-decoration: none;
        color: #000;
        display: inline-block;
        float: left;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    .page-image-header .learnMore {
        display: none;
        height: 85px;
        left: -240px;
        position: absolute;
        background: rgba(0, 106, 77, 0.8);
        z-index: 1;
        position: absolute;
        left: 0;
        padding: 9px 35px 0 85px;
        -webkit-border-radius: 42px;
        -moz-border-radius: 42px;
        border-radius: 42px;
        box-sizing: border-box;
        width: 240px;  
        
    }
    .page-image-header .roundNum:hover .learnMore{ display: block;}
    .page-image-header .roundNum .learnMore a {
        color: #fff;    font-size: 17px;
    }
    .page-image-header .roundNum .learnMore a .fs12{ font-size: 12px;}  
     .page-image-header .roundNum:hover a.cbtn {
        color: #fff;
        text-decoration: none;
        background-color: rgba(78,190,164,0.6);
        line-height: 85px;transform: scale(1);  font-size: 16px;
    }
    
    .page-image-header .roundNum.is_opened a.cbtn {
        color: #fff;
        text-decoration: none;
        background-color: rgba(78,190,164,0.6);
        line-height: 85px;
        height:100%;
        width: 100%;
    } 
    
    
    
    
    .block_buttons {
        position: absolute;
        top: 90px;
        left: 0;
        width: 100%;
        height: 100%;
        margin-top: 0;
        /*-webkit-transition: all 150ms ease;
        -moz-transition: all 150ms ease;
        -ms-transition: all 150ms ease;
        -o-transition: all 150ms ease;
        transition: all 150ms ease;*/
    }
    .page-image-header #block4-btn {
        left: 30%;
        top: 28%;
    }
    .page-image-header #block3-btn {
        left: 40%;
        top: 52%;
    }
    .page-image-header #block5-btn {
        left: 12%;
        top: 52%;
    }
    .page-image-header #block6-btn {
        left: 46%;
        top: 44%;
    }
    .page-image-header #block2-btn {
        left: 76%;
        top: 48%;
    }
    .page-image-header #block1-btn {
        left: 85%;
        top: 35%;
    }
    .page-image-header {
        background-position: top center !important;
    }
    .page-image-header .desc { 
        bottom: 10px; color:#fff; font-weight: 100; text-align: center;
        position: absolute;
        right: 0;
        left: 25%; width: 50%;
    }
    
    .page-image-header .roundNum {
        position: absolute;
        z-index: 2;
        text-align: center;
        -webkit-border-radius: 42px;
        -moz-border-radius: 42px;
        border-radius: 42px;
    }
    
    .number.active {
        color: #fff;
        text-decoration: none;
        background-color: rgba(78,190,164,0.6);
        line-height: 85px;
        height:100%;
        width: 100%;
            }



    #bodyMain{ float: left; width: 100%; box-sizing: border-box;}
    .solutionWidget {
      float: left; margin:80px 0;font-family: 'GothamLight',sans-serif !important;
   }
   .solutionWidget ul li{position: relative; padding-left:12px}
   .solutionWidget ul li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    overflow: hidden;
    background-color: #333;

   }
   .solutionWidget .widgettitle {
       color: #006a4d;
       font-size: 50px !important;
       font-weight: bold;
       margin-bottom: 50px;
       line-height: 84px;
   }
   .solutionWidget .widgettitle, .solutionWidget .no {
       font-weight: 100;
   }
   .solutionWidget .no{
       background: #006a4d;
       color: #fff;
       -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
       border-radius: 50%;
       text-align: center;
       float: left;
       font-weight: normal;
       margin-right: 20px;
       height: 84px;
       width: 84px;
       line-height: 84px;
   }
   .row {
       margin-right: -15px;
       margin-left: -15px;
   }
   .col-md-6 {
       width: 50%; float: left; padding:0 15px; box-sizing: border-box;
   }
   .col-md-6 p {
       font-size: 18px;
       margin-bottom: 20px; font-weight: 100;   
   }
   .col-md-6 ul li{ font-size:14px;}
   .col-md-6 ul {
       list-style-type: disc; margin-bottom: 10px;;
   }



   /****************************/
   .layui-layer{ background-color:#006a4d !important; color:#fff !important}
   .layui-layer-title{color:#fff !important;border-bottom: 1px solid #006a4d;}
   .layui-layer-min{ display: none !important;}
   .layui-layer-max{ display: none !important;}