@charset "utf-8";
body{ margin:0px; padding:0px;position: relative;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, ol, dd, dl{ list-style:none;margin:0;padding:0px;}
li {
    list-style: none;
}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:500px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}
#foot_nav {
    display: none;
}


a.reman {
    font-weight: bold;
    color: #666;
    font-size: 14px;
}

.fl{float: left;}
.fr{float: right;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;font-size: 0;margin: 0;padding: 0;display: block;_height: 0;overflow: hidden;}
/*清除浮动*/
.clearfix{zoom: 1;}
.clearfix:before,.clearfix:after{visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0;}

.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

.top_main{color: #333;font-size: 14px;line-height: 40px;background-color: #f3f3f3;}
.top_main ul li{display: inline;padding: 0 5px;}
.top_main ul li a:hover{color: var(--colour1);}
.top_main ul li a{color: #333;position: relative;z-index: 10;}
/*头部*/
.head_main{width: 100%;height: 120px;z-index: 999;}
.head_main .logo {
    font-size: 39px;
    font-weight: bold;
    line-height: 120px;
}
.head_main .logo img{display:block;}

/*导航*/
.nav_main{width: 100%;height: 60px;background: rgb(29 164 44);position: relative;z-index: 3;}
.nav_main .nav > li {
    float: left;
    width: 170px;
    line-height: 60px;
    display: block;
    position: relative;
    z-index: 10;
    font-size: 18px;
    text-align: center;
    transition: all .5s;
}
.nav_main .nav > li > a{display: block;color: #fff;font-size: 18px;}
.nav_main .nav > li.on{background: rgb(255 140 0);}
.nav_main .nav > li .sub{display:none;position: absolute;left:0;top: 100%;width: 100%;background: var(--colour1);line-height: 40px;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);}
.nav_main .nav > li .sub li{ zoom:1; }
.nav_main .nav > li .sub a{display:block;color: #fff;font-size: 14px;text-align: center;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nav_main .nav > li .sub a:hover{color: #fff;background: var(--colour2);}


@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/5fe1427adaf04002a5e6715c6c1c227e.woff') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 54px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}

.icon-zhishichanquanguanli:before {
  content: "\e64b";
}

.icon-ai-code:before {
  content: "\e63f";
}

.icon-dianhua:before {
  content: "\e614";
}

.icon-phone:before {
  content: "\e6dc";
}

.icon-iconfontzhizuobiaozhun023134:before {
  content: "\e688";
}

.icon-mail:before {
  content: "\e619";
}

.icon-weixin:before {
  content: "\e694";
}

.icon-25:before {
  content: "\e66f";
}

.icon-yingxiao:before {
  content: "\e7c0";
}

.icon-web-icon-:before {
  content: "\e6cd";
}

.icon-arrow-right:before {
  content: "\e765";
}

.icon-arrow-left:before {
  content: "\e766";
}

.icon-dianhuazhengzaibohao:before {
  content: "\e76e";
}

.icon-shouji:before {
  content: "\e63c";
}

.icon-yunyingguanli:before {
  content: "\ebd1";
}

.icon-youjiantou1:before {
  content: "\e638";
}

.icon-zuojiantou:before {
  content: "\e63b";
}

.icon-wuzhihuanjingjiance:before {
  content: "\e611";
}

.icon-jiangbei:before {
  content: "\e660";
}

.icon-sousuo:before {
  content: "\e60a";
}

.icon-xiangxiajiantou:before {
  content: "\e6b0";
}

.icon-V:before {
  content: "\e700";
}


.footer-top ul span i {
    float: left;
    width: 59px;
    padding-top: 19px;
}

.footer-top ul span em {
    float: left;
}



@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:300px;}
.width{ width:98%;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;z-index:9999;}
#foot_nav li{ list-style:none;}
#foot_nav li a {width: calc(100% / 2);text-align: center;height: 90px;line-height: 90px;background: #e7272d; color: #fff;float: left;font-size: 28px; font-weight: bold;}

.in-ser {
    background: url(../img/inser-bg.jpg) no-repeat;
    height: auto;
    padding-bottom: 50px;
    background-attachment: block;
    margin-top: -90px;
}

.tel em {
    clear: both;
    color: rgb(29 164 44);
    font-size: 28px;
    font-family: "POPPINS-BOLD";
    display: block;
    padding-top: 6px;
    line-height: 28px;
}

a.reman {
    display: none;
}
.head_main .logo {
    font-size: 37px;
    font-weight: bold;
    line-height: 120px;
}

.nav_main .nav > li {
    float: left;
    width: 14.2%;
    line-height: 60px;
    display: block;
    position: relative;
    z-index: 10;
    font-size: 16px;
    text-align: center;
    transition: all .5s;
}
.nav_main .nav > li > a {
    display: block;
    color: #fff;
    font-size: 16px;
}
.inabout-l {
    width: 100%;
    height: 358px;
    overflow: hidden;
    margin-top: 64px;
}
.inabout-l > img {
    width: 100%;
    transition: .3s;
    object-fit: cover;
}
.inabout-r {
    background: url(../img/aboutbg.jpg) no-repeat;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    padding-bottom: 32px;
}
.inabout-bot {
    display: none;
}
.title p {
    color: #e5e5e5;
    font-size: 39px;
    font-family: "POPPINS-BOLD";
    text-align: center;
}
.inpro-l {
    width: 100%;
}
.inprol-top{
	display:none;
}
.inpro-l ul {
    background: #fff;
    padding: 10px 0;
    border-bottom: none;
    display: block;
    text-align: center;
}
.inpro-l ul li:before{
	display:none;
}
.inpro-l ul li {
    width: auto;
    display: inline-block;
    padding: 0 10px;
}
.inpro-l ul li a {
    line-height: 60px;
    color: #313131;
    font-size: 16px;
    text-indent: 0;
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid #d5d5d5;
    width: auto;
}
.inprob-r {
    width: 100%;
    margin-top: 36px;
}
.inprob-r li:nth-child(2n) {
    margin-right: 0;
}
.inprob-r li {
    float: left;
    margin-left: 0;
    width: 48.8%;
    height: 266px;
    border: 1px solid rgb(29 164 44);
    margin-bottom: 20px;
    transition: .3s;
    margin-right: 10px;
}
.inproimg-div {
    width: 100%;
    height: 210px;
    overflow: hidden;
    margin: 0 auto;
}
.inproimg-div > img {
    width: 100%;
    transition: .3s;
    height: 100%;
    object-fit: cover;
}
.inprob-r li p {
    color: #313131;
    font-size: 16px;
    text-align: center;
    line-height: 46px;
    padding: 0 1%;
}
.in-why.clearfix.width {
    margin-top: 40px;
    padding-bottom: 108px;
}
.inwhy-title > h4 {
    color: #1f2b45;
    font-size: 16px;
    text-align: center;
    padding-top: 8px;
}
.inwhy-title > h3 {
    color: #000;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
}
.inwhy-top .l{
	display:none;
}
.inwhy-top > ul {
    float: right;
    width: 100%;
    padding-top: 20px;
}
.inwhy-li > .r {
    width: 81%;
    margin-left: 2%;
}
.inwhy-li > .icon {
    display: block;
    float: left;
    width: 93px;
    height: 93px;
    background: rgb(29 164 44);
    border-radius: 50%;
    line-height: 93px;
    text-align: center;
    color: #fff;
    font-size: 50px;
    margin-top: 10px;
}
.inwhy-bot {
    position: relative;
    top: 0;
}
.inwhy-bot .inwhy-li .r {
    width: 81%;
    margin-left: 2%;
}
.inwhyli-top > img{
	display:none;
}
.inwhy-bot .inwhy-li .r .inwhyli-top .r {
    width: 100%;
}
.inser-l {
    width: 49.1%;
    background: #fff;
    padding-bottom: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
}
li.inser-l.l:nth-child(2n) {
    margin-right: 0;
}
.inserl-img {
    width: 100%;
    height: 224px;
    overflow: hidden;
}
.inser-l p {
    color: rgb(29 164 44);
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 20px 14px;
}
.in-news {
    background: url(../img/innews-bg.jpg) no-repeat center bottom;
    margin-top: 80px;
    height: auto;
}
.innews .hd{
	display:none;
}

.innews-l {
    width: 100%;
    position: relative;
}
.inewsl-img {
    width: 100%;
    height: 287px;
    overflow: hidden;
}
.innewsl-bot p {
    color: #313131;
    font-size: 18px;
    width: 75%;
    float: left;
}
.innewsl-bot em {
    display: block;
    clear: both;
    color: #626262;
    font-size: 14px;
    padding-top: 17px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.innews-r {
    margin-top: 30px;
    width: 100%;
}
.innewsrc-top.clearfix{
	display:none;
}

.innews-r ul {
    float: none;
}
.innews-r li {
    padding: 20px 0;
    border-bottom: 1px dashed #d5d5d5;
    width: 46.6%;
    float: left;
    margin-left: 20px;
}
.in_yqlj_width {
    width: 98%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    line-height: 56px;
}
.footer-top > .width > ul:first-child, .footer-top > .width > ul:nth-child(2), .footer-top > .width > ul:nth-child(3) {
    display: none;
}
.footert-r {
    background: url(../img/footer-bg.jpg) no-repeat;
    width: 40%;
    height: 311px;
}
.footert-r > p {
    color: #fff;
    font-size: 18px;
    display: block;
    width: 84%;
    margin-left: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding-bottom: 10px;
    margin-top: 48px;
    margin: 50px auto 0;
}
.footert-r > p span {
    font-size: 14px;
    border-left: 1px solid #fff;
    padding-left: 10px;
    display: block;
    float: right;
    margin-left: 0;
    margin-right: 0;
}
.footer-top > .width > ul {
    margin-right: 3%;
    padding-top: 40px;
}
.footer-top ul li {
    color: #fff;
    font-size: 16px;
    line-height: 33px;
}
.footer-bot {
    background: #004a74;
    height: 50px;
    line-height: 50px;
    padding-bottom: 100px;
}





}