body{font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 400;color:#444;}
a{text-decoration: none;transition: all 0.3s linear;}

.primbg {background-color: #0088CC !important;}
.primlightbg {background-color: #cee9f7 !important;}
.seconbg{background-color:#f0f0f0 !important;}
.lgbg {background-color:#eee !important;}
.bxshodow{box-shadow: 0px 1px 8px 0px rgba(90,90,90,0.1);}

.topinfo a {display: inline-block;font-size: 13px;color:#fff;padding:12px 12px 11px 12px;opacity: 0.75;}
.topinfo a i{font-size: 15px;}
.topinfo a:hover {opacity: 1;}

.logo img{max-height: 58px;}

.navi {display: block;padding-top:18px;}
.navi a {display: inline-block;margin-left:26px;font-size: 14px;font-weight: 500;color:#666;position:relative;}
.navi a::before {display:block;position: absolute;left: 0px;bottom:-4px;width:0;height:1px;background-color: #0088CC;content:'';transition: all 0.3s linear;}
.navi a:hover{color: #0088CC;}
.navi a:hover::before{width:100%;}


.hero {box-sizing:border-box;overflow:hidden;}
.hero .heroslide {display:block;height: 620px;padding-top: 210px;}
.hero .heroslide h2 {color:#fff;font-size:44px;font-weight:500;text-shadow: 0px 1px 3px rgba(0,0,0,0.3);}
.hero .heroslide p {font-size: 20px;font-weight:300;line-height:30px;color:#efede4;}
.hero .heroslide a {display: inline-block;padding: 11px 30px;border: solid 1px #fff;background-color:#0088CC;color:#fff;font-size: 16px;font-weight: 400;border-radius:6px;text-align: center;position: relative;overflow: hidden;}
.hero .heroslide a::before {position: absolute;left: -46px;top:50%;transform: translateY(-50%);content: '\27F6';transition: all 0.5s linear;}

.hero .heroslide a:hover {color: #fff;padding: 11px 30px 11px 42px;}
.hero .heroslide a:hover::before {left: 12px;}

.hero .one {background: url(../img/hero/1.jpg) no-repeat left center;background-size: cover;}
.hero .two {background: url(../img/hero/2.jpg) no-repeat left center;background-size: cover;}
.hero .tre {background: url(../img/hero/3.jpg) no-repeat left center;background-size: cover;}
.hero .fre {background: url(../img/hero/4.jpg) no-repeat left center;background-size: cover;}




.boxstyle {background-color: #fff;box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.1);border:solid 1px #e8e8e8;transition: all 0.3s linear;}
.boxstyle .icn {max-width: 60px;transition: all 0.3s linear;}
.boxstyle:hover {border: solid 1px #0088CC;}
.boxstyle:hover .icn{transform:scale(1.1);}

.txstyle  h2 {color:#5e514c;font-size:26px;font-weight:400;line-height: 35px;}
.txstyle h2 span{font-weight: 600;color: #0088CC;}
.txstyle  h3 {color:#5e514c;font-size:20px;font-weight:500;}
.txstyle p {font-size: 16px;font-weight: 400;line-height:26px;color:#444;}
.txstyle p.dash{position: relative;padding-left:24px;font-weight: 500;font-size: 14px;color: #0088CC;}
.txstyle p.dash::before{position:absolute;width:10px;height:10px;left:0px;top:7px;background-color: #0088CC;content: '';}
.txstyle .txblue{color: #0088CC;}
.txstyle ul {list-style: none;margin: 0px;padding: 0px;}
.txstyle ul li {font-size: 16px;font-weight:400;line-height:24px;padding-left: 36px;margin-bottom: 8px;position: relative;}
.txstyle ul li::before{position: absolute;content: '\f00d';font-family:IcoFont!important;left:0px;color: #0088CC;}


.contactbox {display: block;text-align: left;padding:30px 0px 40px 0px;}
.contactbox h3{font-size: 20px;font-weight: 600;color:#fff}
.contactbox p{font-size: 16px;font-weight: 300;color:rgba(255,255,255,0.9)}
.contactbox a {display: block;text-align: left;transition: all 0.3s linear;font-size: 16px;font-weight: 300;color:rgba(255,255,255,0.9);}
.contactbox a:hover {color:#fff;}

.mapbox {display: block;width: 100%;height: 500px;}
.mapbox iframe{width: 100%;height: 100%;}

.ftrcopy {display: block;text-align: center;background-color:#0088CC}
.ftrcopy p{display:block;font-size: 14px;opacity: 0.6;text-align: center;margin-top: 12px;}